/* usegraphics.com */


/* allgemeines */

html, body, div, span, h1, h2, h3, h4, h5, h6, object, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	
	{
	font-size: 100%;
	margin: 0; padding: 0; border: 0; outline: 0;
	vertical-align: baseline;
	background: transparent;
	}

body {background: #0d0d0d;}


/*--------------------------------------------------------------*/



/* Ausrichtung Bilder etc. */

.clear { clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.img-right { float: right; padding: 0 0 15px 15px; }

.img-left { float: left; padding: 0 15px 15px 0; }




/* wrappppppppps */

#header-wrap {width: 100%; background:url(../streifen.png); height: 171px; }

#header-center {width: 950px; margin: 0 auto; }

#content-wrap {position: relative; clear: both; width: 934px; margin: 0 auto; padding-top: 24px;  background: #0d0d0d;}



/*------------------------------------------------------*/

/* logo oben links */

h1 a.firma {display: block;float: left;font: bold 30px Arial, Helvetica, sans-serif; 
			color: #FFFF00; padding: 85px 15px; text-decoration: none;
}

/* Hauptnavigation oben rechts */

#main-nav {width: 700px;float: left;  padding-left: 12px; padding-top: 44px; list-style: none; margin: 32px 0 25px;  display: block;}

#main-nav a { background: url(../bg-nav.png); width: 100px; display: block; float:left;  text-align:center;font: 18px Georgia, "Times New Roman", Times, serif;
			 color: #006666; text-decoration: none; padding: 10px; margin: 0 5px;}

#main-nav a:hover {color: #FFFF00; background:url(../bg-nav-hover.png);}

#main-nav li {display: inline;}
#main-nav li.aktiverbutton a {color: #006666; background: url(../bg-nav-active.png)}


/* großes Bild oben Mitte */



/*.header-bild {
	clear: both;
	width: 940px;
	height: 280px;
	background: url(../bilder/misc/header.png) bottom center no-repeat; 
	margin: 0 auto;
}

.header-bild h2 {text-indent: -9999em;}
.header-bild p {text-indent: -9999em;}

*/

/*--------------------------------------------------------------*/

/* footer wrapppppps */

#footer_wrap {height: 168px; background:url(../streifen-footer.png);}

/* footer divs */

#impressum {
clear: both;
padding: 70px 0 20px;
text-align: center;
width:100%;
min-width: 1024px;
}

div#impressum h1{ color:#FFFFFF; font-weight:lighter; margin-bottom: 14px;}
div#impressum h2{ color:#FFFF00; font-weight:lighter; margin-bottom: 14px;}



#informationen {
padding: 20px 0 20px 0;
clear: both;
width: 912px;
height:auto;
margin: 0 auto;
border: none;
}


#info-links { width: 442px; float: left; border: #FFF thin dotted;}
.links {margin: 12px; }

#info-rechts { width: 444px; float: right; border: #FFF thin dotted;}
.rechts {margin: 12px; }



/* fixer streifen infografiker.com */

#infografiker{
	position: fixed;
	top:250px;
	left:2px;
	z-index:3;
	width:341px;
	height:91px;
}





/* BilderScript CSS */

			a{ color:#C8DCE5; }
			h4{ margin: 10px 10px 0 10px; color:#FFF; font:12pt Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight: normal;}
			p{color:#FFF; font:10pt Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight: normal;}
			
			.boxgrid{
	width: 209px;
	height: 297px;
	margin:8px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding-left: 10px; padding-top: 6px;  
					color:#afafaf; 
					font-weight: normal; 
					font:9pt Verdana, Arial, Helvetica, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 297;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}


/* BilderScript CSS */

			.boxgrid2{
	width: 209px;
	height: 209px;
	margin:8px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
			}
				.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid2 p{ 
					padding-left: 10px; padding-top: 6px; 
					color:#afafaf; 
					font-weight: normal;
					font:9pt 'DIN' Verdana, sans-serif;  
				}
				
			.boxcaption2{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull2 .boxcaption2 {
 					top: 209;
 					left: 0;
 				}
 				.caption2 .boxcaption2 {
 					top: 220;
 					left: 0;
 				}
				

/* BilderScript CSS */

			.boxgrid3{
	width: 209px;
	height: 148px;
	margin:8px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
			}
				.boxgrid3 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid3 p{ 
					padding-left: 10px; padding-top: 6px;  
					color:#afafaf; 
					font-weight: normal; 
					font:9pt 'DIN' Verdana, sans-serif; 
				}
				
			.boxcaption3{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull3 .boxcaption3 {
 					top: 209;
 					left: 0;
 				}
 				.caption3 .boxcaption3 {
 					top: 220;
 					left: 0;
 				}

/* BilderScript CSS */

			.boxgrid4{
	width: 438px;
	height: 203px;
	margin:8px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
			}
				.boxgrid4 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid4 p{ 
					padding-left: 10px; padding-top: 6px;  
					color:#afafaf; 
					font-weight: normal; 
					font:9pt 'DIN' Verdana, sans-serif; 
				}
				
			.boxcaption4{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull4 .boxcaption4 {
 					top: 209;
 					left: 0;
 				}
 				.caption4 .boxcaption4 {
 					top: 220;
 					left: 0;
 				}