@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}

body {
	color: #494949;
	vertical-align:baseline;
	text-align: left;
	background: #b5babe url(../images/body-bg.jpg) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	


}

html, body {
	height: 100%;
}

 h3 {
font-weight: bold;
font-size: 14px;
color: #0071bc;
margin-bottom: 10px;
clear:both;
font-family:"Trebuchet MS",Helvetica,Tahoma,Verdana,Arial,sans-serif;
}

h2{
font-weight: bold;
font-size: 18px;
color: #0071bc;
margin-bottom: 10px;

font-family:"Trebuchet MS",Helvetica,Tahoma,Verdana,Arial,sans-serif;
}

ol,
ul,
dl {
	list-style:none;
}

a,
a:active,
.escape span,
a:visited {
	outline:none;/* disable dotted active-link borders */
	text-decoration: underline;
	color: #126ba7;
}

a:hover,
a:focus,
a:hover span {
	color:#126ba7;
	text-decoration:underline;
}

p {
margin-bottom: 15px;
clear: both;

}

img,
img a {
	border: none;
	-ms-interpolation-mode: bicubic;
}

hr {
	border: 1px solid transparent;
	margin: 6px 0px 6px 0px;
	clear:both;
}

html>body hr {
	border-top: 1px solid transparent;
	margin: 11px 0px 11px 0px;
}






dl.imprintList{
margin-bottom: 10px;
float:left;

}
dl.imprintList dt {
	font-weight: bold;
	float:left;
	display:block;
	width: 140px;
}

dl.imprintList dd {
	float:left;
	display:block;
	width: 250px;
}
/*==================================================
    => global classes
==================================================*/

.clear {
	clear:left;
	float:none;
	height: 10px;

}

p.highlight {
	background: url(../images/icon-link-grey.gif) no-repeat 3px center;
	border-bottom: solid 1px #e0e3eb;
	border-top: solid 1px #e0e3eb;
	padding: 2px 0 2px 20px;
	color: #30467a;
}



.floatLeft {
	float: left;
	width: 240px;


	
}





.floatRight {
	float: right;
}

.marginRight {


}

.marginLeft {



}

.blockShort {
	float:left;
	display:block;
	width: 100px;
}

.blockMiddle {
	float:left;
	display:block;
	width: 150px;
}

.blockLarge {
	float:left;
	display:block;
	width: 300px;



}


.externalLink {
	background: url(../images/icon-external-link.gif) no-repeat right center;
	padding: 0px 20px 0px 0px;
}

.gototop {
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:10px;
	text-decoration:none;
	background:url(../images/icon-top.png) no-repeat left center;
	padding: 0 0 0 15px;
	_display:none;
}

/*==================================================
    => container
==================================================*/


ul.rahmen {
	list-style-type:none;
	margin-bottom:15px;
}

ul.rahmen li {
	width:100px;
	height:100px;
	float:left;
margin-right: 10px;
margin-bottom: 10px;
	background:#fff;
}

ul.rahmen li a {
	position:relative;
	width:100px;
	height:100px;
	display:block;
	text-decoration:none;
}

ul.rahmen li a:hover {
	text-decoration:none;
	padding:0 !important;
}

ul.rahmen li a span.bild-rahmen {
	background:url(../images/bild-rahmen.gif) 0 0 no-repeat;
	position:absolute;
	width:100px;
	height:100px;
	display:block;
	top:0;
	left:0;
	color: transparent;
	cursor:pointer;
}

div#container {
	width: 800px;
	text-align: left;
	margin-left: 38px;

	
}

/*==================================================
    => header  
==================================================*/

div#header {
	height: 355px;
	width:550px;
	float: left;


	
}


/*------------------ =branding  ------------------*/

h1#branding {
	width: 225px;
	height: 120px;
   float:left;
 

}


h1#branding a{
	text-indent:-9999px;
	width: 225px;
	height: 120px;
	display:block;


}

#navigation{
 float:left;
margin-top: 10px;
}

/*==================================================
    => footer  
==================================================*/

div#footer {
height: 100px;

	float:left;
	margin-left:237px;
}
div#footer p{
color: #126ba7;
padding-left: 4px;
padding-bottom: 50px;

}


/*==================================================
    => content-container  
==================================================*/

div#contentContainer {
float:left;
width: 545px;
border: 1px solid #0071bc;

margin-top: 32px;
}

div#stafemo {
float:left;
width: 527px;
background-color:#0071bc;
height: 50px;
color: #FFFFFF;
line-height: 50px;
padding-left: 20px;
}

/*------------------ =contentMain  ---------------*/


div#contentMain {
	width: 490px;
	float:left;
padding-left: 20px;
padding-right: 35px;
			 min-height: 300px;
	height: auto !important;
	height:  300px;
	background-color:#FFFFFF;
	

}


/*==================================================
    => contentSidebar 
==================================================*/
#contentSidebar 
{
float:left;
width:237px;
margin-top:70px;
}

.navi ul 
{
color:#0071BC;
text-indent: -10px;

}
.navi ul li 
{
line-height: 15px;



}
.navi ul a{
text-decoration:none;
color:#0071BC;

}
.navi ul a:hover{
text-decoration:none;
color:#0071BC;
font-weight:bold;

}

.navi ul li ul{
margin-top: 20px;

}

.navi ul li ul li a, .entry ul li ul li a:hover 
{
height: 8px;
width: 7px;
margin-left:25px;
background: url(../images/list.gif) no-repeat 0 3px;

padding-left: 15px;

}



.navi ul li.hochbau
{
text-indent: -999px; 

width: 215px;
background:  url(../images/navi/hochbau.jpg) no-repeat 0 0;
margin-bottom: 10px;

}
.navi ul  li.industrieanlagen
{
text-indent: -999px; 
width: 215px;
background:  url(../images/navi/industrieanlagen.jpg) no-repeat 0 0;
margin-bottom: 10px;

}

.navi ul  li.brueckenbau
{
text-indent: -999px; 
width: 215px;
background:  url(../images/navi/brueckenbau.jpg) no-repeat 0 0;
margin-bottom: 10px;

}


.navi ul  li.tunnelbau
{
text-indent: -999px; 
width: 215px;
background:  url(../images/navi/tunnelbau.jpg) no-repeat 0 0;
margin-bottom: 10px;

}

.navi ul  li.grubenverbau
{
text-indent: -999px; 
width: 215px;
background:  url(../images/navi/grubenverbau.jpg) no-repeat 0 0;
margin-bottom: 10px;

}

body#skelett-stuetzenkonstruktion li.skelett-stuetzenkonstruktion a,
body#dachkonstruktion li.dachkonstruktion a,
body#fassadenkonstruktionen li.fassadenkonstruktionen a,
body#airporttechnik li.airporttechnik a,
body#aufbereitungsanlagen li.aufbereitungsanlagen a,
body#sonderanfertigungen li.sonderanfertigungen a,
body#hilfskonstruktionen li.hilfskonstruktionen a,
body#vorsatzkonstruktion li.vorsatzkonstruktion a,
body#profil-kosmetikwagen li.profil-kosmetikwagen a,
body#bewehrungswagen li.bewehrungswagen a,
body#aussteifungen li.aussteifungen a,
body#gurtungen li.gurtungen a,
body#nachbehandlungswagen li.nachbehandlungswagen a{
font-weight:bold;
}

/*==================================================
    => naviTop  
==================================================*/


ul#naviTop {
margin-top: 122px;
float:left;
border-bottom: 10px solid #0071bc;
}


ul#naviTop li {
	float:left;
	height: 30px;
	display:block;
margin-right: 1px;

}

ul#naviTop li a {
	height: 30px;
	display:block;
	text-indent:-9999px;
}


ul#naviTop li.index,
ul#naviTop li.index a {
width: 92px;
background:  url(../images/navi/startseite.jpg) no-repeat 0 0; 
margin-left: 0;}

ul#naviTop li.index a:hover,
body#index ul#naviTop li.index a {	
	background:  url(../images/navi/startseite-aktiv.jpg) no-repeat 0 0;
}

ul#naviTop li.wir-ueber-uns,
ul#naviTop li.wir-ueber-uns a {
width: 101px;
background:  url(../images/navi/wir-ueber-uns.jpg) no-repeat 0 0; 
margin-left: 0;}

ul#naviTop li.wir-ueber-uns a:hover,
body#wir-ueber-uns ul#naviTop li.wir-ueber-uns a {	
	background:  url(../images/navi/wir-ueber-uns-aktiv.jpg) no-repeat 0 0;
}

ul#naviTop li.qualitaetsmanagement,
ul#naviTop li.qualitaetsmanagement a {
width: 156px;
background:  url(../images/navi/qualitaetsmanagement.jpg) no-repeat 0 0; 
margin-left: 0;}

ul#naviTop li.qualitaetsmanagement a:hover,
body#qualitaetsmanagement ul#naviTop li.qualitaetsmanagement a {	
	background:  url(../images/navi/qualitaetsmanagement-aktiv.jpg) no-repeat 0 0;
}

ul#naviTop li.kontakt,
ul#naviTop li.kontakt a {
width: 74px;
background:  url(../images/navi/kontakt.jpg) no-repeat 0 0; 
margin-left: 0;}

ul#naviTop li.kontakt a:hover,
body#kontakt ul#naviTop li.kontakt a {	
	background:  url(../images/navi/kontakt-aktiv.jpg) no-repeat 0 0;
}


ul#naviTop li.impressum,
ul#naviTop li.impressum a {
width: 118px;
background:  url(../images/navi/impressum.jpg) no-repeat 0 0; 
margin-left: 0;}

ul#naviTop li.impressum a:hover,
body#impressum ul#naviTop li.impressum a {	
	background:  url(../images/navi/impressum-aktiv.jpg) no-repeat 0 0;
}


/* =headlines */


/* =image */
img {
border: 0;
}

/* =imprint */

dl.imprintTypeOfBusiness,
dl.imprintAddress {
	line-height: 20px;
	margin: 15px 0;
}

dl.imprintTypeOfBusiness dt,
dl.imprintAddress dt {
	display: block;
	width: 120px;
	color: #909090;
	float:left;
}

dl.imprintTypeOfBusiness dd,
dl.imprintAddress dd {
	clear:right;
}

#btnImprint,
#newField {
	display:none;
}





/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	/*zoom: 1; *//* triggers hasLayout */
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */



/*==================================================
    => slideshow   
==================================================*/

#slideshow {
height:170px;
	float:left;

}



 
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:545px;
height:170px;
	overflow:hidden;

}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;

}

#slide-images li img{
	display:block;

}