@charset "utf-8";
/* version 3 03.03.2009 */
/* ------------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------------ */
*{
margin:0px;
padding:0px;
}
html,body{
height:100%;
}
body{
background:#000000;
color:#B0B0B0;
font:normal normal normal 10px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}
img{
border:0px;
}
.mb_30{
margin-bottom:30px;
}
.mr_20{
margin-right:20px;
}
.txt_r{
text-align:right;
}
h_20{
height:20px;
}
/*
clear fr floats ++++++++++++++++++++++++++++++
*/
.clear{
border:0.1px;
clear:both;
font-size:0px;
height:0%;
}
/* ------------------------------------------------------------ */
/* GLOBAL LINKS */
/* ------------------------------------------------------------ */
/*standardlinks
a:link,
a:visited,
a:hover,
a:active,
a:focus
*/
a{
font:normal normal normal 10px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
outline-style:none;
text-decoration:none;
}
a:link,
a:visited,
a:active{
color:#B0B0B0;
}
a:hover,
a:focus{
color:#e4e1b8;
}
/* ------------------------------------------------------------ */
/* GLOBAL TEXTFORMATE */
/* ------------------------------------------------------------ */
p{
line-height:16px;
margin-bottom:10px;
margin-top:0px;
}
h1{
font:normal normal bold 10px Verdana,Geneva,Helvetica,sans-serif;
margin-bottom:10px;
text-transform:uppercase;
}
/* ------------------------------------------------------------ */
/* GLOBALE POSITIONIERUNG */
/* ------------------------------------------------------------ */
/* zentriert vertikal mit page zusammen */
#distance{
float:left;
height:50%;
margin-bottom:-275px;/* halbe containerhhe */
width:1px;
}
/*trgt alle elemente und zentriert sie im viewport*/
#page{
background:#1A1A1A;
margin:0 auto;
width:910px;
position:relative;
clear:left;
}
/*logopositionierung*/
#img_logo{
height:55px;
padding-left:50px;
background: #1A1A1A;
}
#img_logo ul li{
display:inline;
}
.list #img{
	position:absolute;
	width:50px;
	height:25px;
	left: 65px;
	top: 384px;
	color:#e4e1b8;
}
.single #img{
width:50px;
}
/* ------------------------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------------------------ */
/* allgemeine angaben navigation */
#home{
display:block;
background-image:url(../_img/button_03.gif);
background-repeat:no-repeat;
height:33px;
width:326px;
float:left;
}
#home:hover{
display:block;
background-image:url(../_img/button_o_03.gif);
background-repeat:no-repeat;
height:33px;
width:326px;
float:left;
}
#cur_home{
display:block;
background-image:url(../_img/button_o_03.gif);
background-repeat:no-repeat;
height:33px;
width:326px;
float:left;
}
#typo{
display:block;
background-image:url(../_img/button_04.gif);
background-repeat:no-repeat;
height:33px;
width:172px;
float:left;
}
#typo:hover{
display:block;
background-image:url(../_img/button_o_04.gif);
background-repeat:no-repeat;
height:33px;
width:172px;
float:left;
}
#cur_typo{
display:block;
background-image:url(../_img/button_o_04.gif);
background-repeat:no-repeat;
height:33px;
width:172px;
float:left;
}
a span{
display:none;
}
#nav{
background: #1A1A1A;
padding:10px 20px 25px 50px;
}
#nav ul li{
list-style-position:inside;
}
/* hauptnavigation */
#nav_main{
list-style:none;
margin-bottom:10px;
}
#nav_main li{
display:inline;
}
#nav_main a{
color:#FFFFFF;
font:normal normal normal 14px Univers,Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
text-transform:uppercase;
}
#nav_main a:hover{
color:#8DEE00;
}
#nav_main a.current{
color:#8DEE00;
}
/* namensnavigation */
#nav_name{
float:left;
list-style:none;
position:relative;
width:440px;
}
#nav_name li{
display:inline;
margin-right:10px;
}
#nav_name a{
color:#B0B0B0;
font:normal normal normal 14px Univers,Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}
#nav_name a:hover{
color:#8DEE00;
}
#nav_name a.current{
color:#8DEE00;
}
#kuroda{
display:block;
background-image:url(../_img/button_07.gif);
background-repeat:no-repeat;
height:26px;
width:123px;
float:left;
}
#kuroda:hover{
display:block;
background-image:url(../_img/button_o_07.gif);
background-repeat:no-repeat;
height:26px;
width:123px;
float:left;
}
#cur_kuroda{
display:block;
background-image:url(../_img/button_o_07.gif);
background-repeat:no-repeat;
height:26px;
width:123px;
float:left;
}
#preiser{
display:block;
background-image:url(../_img/button_08.gif);
background-repeat:no-repeat;
height:26px;
width:131px;
float:left;
}
#preiser:hover{
display:block;
background-image:url(../_img/button_o_08.gif);
background-repeat:no-repeat;
height:26px;
width:131px;
float:left;
}
#cur_preiser{
display:block;
background-image:url(../_img/button_o_08.gif);
background-repeat:no-repeat;
height:26px;
width:131px;
float:left;
}
#bussmann{
display:block;
background-image:url(../_img/button_09.gif);
background-repeat:no-repeat;
height:26px;
width:176px;
float:left;
}
#bussmann:hover{
display:block;
background-image:url(../_img/button_o_09.gif);
background-repeat:no-repeat;
height:26px;
width:176px;
float:left;
}
#cur_bussmann{
display:block;
background-image:url(../_img/button_o_09.gif);
background-repeat:no-repeat;
height:26px;
width:176px;
float:left;
}
/* metanavigation */
#nav_meta{
float:left;
width:360px;
}
#nav_meta li{
display:inline;
float:right;
}
#nav_meta a{
color:#B0B0B0;
font:normal normal normal 14px Univers,Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}
#nav_meta a:hover{
color:#8DEE00;
}
#nav_meta a.current{
color:#8DEE00;
}
#service{
display:block;
background-image:url(../_img/button_11.gif);
background-repeat:no-repeat;
height:26px;
width:77px;
float:left;
}
#service:hover{
display:block;
background-image:url(../_img/button_o_11.gif);
background-repeat:no-repeat;
height:26px;
width:77px;
float:left;
}
#cur_service{
display:block;
background-image:url(../_img/button_o_11.gif);
background-repeat:no-repeat;
height:26px;
width:77px;
float:left;
}
#contact{
display:block;
background-image:url(../_img/button_12.gif);
background-repeat:no-repeat;
height:26px;
width:80px;
float:left;
}
#contact:hover{
display:block;
background-image:url(../_img/button_o_12.gif);
background-repeat:no-repeat;
height:26px;
width:80px;
float:left;
}
#cur_contact{
display:block;
background-image:url(../_img/button_o_12.gif);
background-repeat:no-repeat;
height:26px;
width:80px;
float:left;
}
#imprint{
display:block;
background-image:url(../_img/button_13.gif);
background-repeat:no-repeat;
height:26px;
width:76px;
float:left;
}
#imprint:hover{
display:block;
background-image:url(../_img/button_o_13.gif);
background-repeat:no-repeat;
height:26px;
width:76px;
float:left;
}
#cur_imprint{
display:block;
background-image:url(../_img/button_o_13.gif);
background-repeat:no-repeat;
height:26px;
width:76px;
float:left;
}
/* ------------------------------------------------------------ */
/* CONTENT */
/* ------------------------------------------------------------ */
/* allgemeiner contentbereich */
#content{
height:375px;
overflow:hidden;
padding:40px 20px 30px 20px;
width:800px;
}
/* startseite */
/* team */
#content .img_start{
display:block;
float:left;
padding-left:50px;
padding-top:22px;
padding-right:20px;
position:relative;
}
/* team */
#content .img_team{
display:block;
float:left;
padding-left:50px;
padding-right:20px;
position:relative;
}
/* leistungen */
#content .modul2col{
float:left;
position:relative;
}
/* referenzbilder */
.list .img_reference a{
display:block;
float:left;
font:normal normal normal 9px Verdana,Geneva,Helvetica,sans-serif;
height:56px;
margin-bottom:13px;
position:relative;
width:113px;
}
#img_txt{
	font-size:13px;
	position:absolute;
	width:700px;
	height:20px;
	margin-right:10px;
	text-align:right;
	right: 50px;
	top: 381px;
	color:#e4e1b8;
}
#img_txt a{
vertical-align: bottom;
float: right;
width: 51px;
margin-left: 10px;
margin-top: -55px;
}
.single #img a{
margin-right:5px;
}
.list #img a{
width:9px;
margin-left: 5px;
}
/* ------------------------------------------------------------ */
/* CONTENT POPUPFENSTER REFERENZEN DETAIL*/
/* ------------------------------------------------------------ */
#ref_detail{
padding-top:20px;
}
#ref_detail .img_detail{

clear:both;
}
#ref_detail .icon_button{
float:right;
margin-right:20px;
margin-top:10px;
position:relative;
}
#ref_detail a{
font:normal normal normal 10px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}
#ref_detail p{
line-height:16px;
margin-left:20px;
margin-right:20px;
margin-top:5px;
}