/*
Theme Name: Singold Stahlbau


*/





/* Selektoren */


html, body
{
height: auto;
min-height: 100%;
}


body {

	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
	background: #EEE;
	color: #666;
	text-align: left;
	margin: 0px;
	padding: 0;
	}
	

div#wrapper {

	margin: 0px auto;
	padding: 0px;
	width: 980px;
	min-height: 100%; /* For Modern Browsers */
    height: auto; /* For Modern Browsers */

	}
	


img {

	border: 1px solid #CCC;

	}
	

ul {

	margin: 0px;
	padding: 0px 0px 10px 16px;
	list-style-type:disc;

	}
	

/* Struktur */

	
#wrapper {
	background: #D7D8D9 url('images/bg_container.jpg') no-repeat;
	background-position: 0px 290px;
	}
	
#content {
	background: #DFDFE1 url('images/bg_content.gif') no-repeat top;
	margin: 0px 74px 0px 75px;
	padding: 20px;
	width: 795px;
    min-height: 290px;	/* Höhe Contentbereich */
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: left;

	}
	
.leftbox {
	float:left;
	width: 287px;
	min-height: 290px;	/* Höhe weisse Boxen */
	background: #FFF;
	padding: 40px 15px 15px 15px;
	margin: 0px;
	border:1px solid #CCC;
	}
	
* html .leftbox {
	height: 290px;
}
	
.rightbox {
	width: 425px;
	min-height: 290px;	/* Höhe weisse Boxen */
	background: #FFF;
	padding: 40px 20px 15px 20px;
	margin: 0px 0px 0px 328px;
	border:1px solid #CCC;
	}
	
	
* html .rightbox {
	width: 422px;
	height: 290px;
}


.leftcol {
	float: left;
	width: 193px;
	margin: 0px;
	}

	

	
.rightcol {
	float: right;
	width: 193px;
	margin: 0px;
	}
		

	
#footer {
	clear: both;
	background: #eee url('images/bg_footer.jpg') repeat-y;
	height: 20px;
	padding: 0px;
	margin: 0px;
	width: 980px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
	
#footer p {
	
	padding: 0px 74px 0px 74px;
	margin: 0px;
	text-align: right;
	
	}


/* Teaser Telefon */	

div.iconbox {
	width: 265px;
	margin: 40px 0px 10px 0px;
	padding: 10px;
	background: #F5F5F5;
	border: 1px solid #C8DBE8;

	}
	
/* Logo, Navigation und Headerbild */

#navi {
	background: #ccc url('images/bg_navi.jpg') repeat-x;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 122px;
	}
	

	
#navi p {
	float: right;
	font-size: 1.1em;
	word-spacing: 1.5em;
	font-weight: bold;
	color: #000;
	text-align: right
	width: 600px;
	margin: 0px;
	padding: 94px 74px 0px 0px;


	}
	
#header {
	background: #ccc url('images/header.jpg') no-repeat top;
	margin: 0px;
	padding: 0;
	height: 168px;
	width: 980px;
	}
	
#header img {
	float: right;
	border: 0px;
	}	
	
/* Typo und Lists */

dt {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	border-top: 1px dotted #999;
	font-weight: bold;

	}
	
dt img {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	border: 0px;

	}
	
dd {
	margin: -17px 0px 10px 40px;
	padding: 0px 0px 0px 0px;

	}
dd img {
	margin: 10px 0px 0px 0px;
	border: 1px solid #CCC;

	}




.small {
	font-size: 1.0em;
	line-height: 1.9em;
	}
	
	

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, Sans-Serif;
	
	}


h1 {
	font-size: 1.8em;
	text-align: left;
	line-height: 1.3em;
	font-weight: normal;
	color: #184A6E;
	margin: 0px 0px 18px 0px;
	}
	
	
h2 {
	font-size: 1.6em;
	text-align: left;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0px 0px 22px 0px;
	}
	
h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	


h4 {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 10px 0px;
	border-top: 1px dotted #999;
	}
		
	
h4.leftcol  {
	margin: 0px 0px 10px 0px;
	
	}
	
h4.rightcol  {
	margin: 0px 0px 10px 0px;
	
	}
	
	
	
h5 {
	font-size: 1.3em;
	text-align: left;
	font-weight: normal;
	margin: 5px 0px 10px 0px;
	padding: 0px;

	}
	
.clear {
	clear: both;

	}


.blue {
	color: #184A6E;

	}

/* Bilder */

#navi img {
	float: left;
	margin: 20px 0px 0px 74px;
	padding: 0px;
	width: 124px;
	height: 85px;
	border: 0px solid #CCC;
	}

.leftcol img {
	margin: 0px 0px 8px 0px;
	border: 1px solid #CCC;

	}
	
	
.rightcol img {
	margin: 0px 0px 8px 0px;

	}

p.rightimg img {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 0px;
	

	}
	
div.iconbox img {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 0px solid #CCC;
	}


/* Links */

#navi a,#navi a:link,#navi a:visited,#navi a:focus { color: #000; text-decoration:none; }
#navi a:hover,#navi a:active { color: #A01111; text-decoration:none; }


a,a:link,a:visited,a:focus { color: #666; text-decoration:none; }
a:hover,a:active { color: #A01111; text-decoration:none; }




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* Ende Form Elements */




/*  Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 860px; height: 1000px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat;} 
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat;}


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }