/*
// +---------------------------------------------------------------------------
AutorIn: d 
validiert: 2012/02/24
// +---------------------------------------------------------------------------
*/

/*--- RESET ---*/

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{margin:0; padding:0}
table{table-layout:fixed; width:445px; border-collapse:collapse; border-spacing:0; padding:0; margin:0; position:relative; z-index:10}
img{border:none}

/*--- Main ---*/
html, body { color:#666; background:#f8f5e4;font-family:'Droid Sans',verdana,arial,helvetica,sans-serif;}
html, body, h1, h2, h3, h4, h5, h6, ol, dl, li { margin: 0; padding: 0; }
body {text-align:center;font-size:100%;line-height:100%;}
img, .box { behavior: url(files/iepngfix.htc);border:none;} 

#metawrapper {margin:0 auto; width: 985px; background: url(schatten_r.gif) repeat-y right top;text-align:left;}
#wrapperbg {width: 960px; height:600px; _height:610px;padding:12px 0 0 0; background: white url(logohg.gif) no-repeat left bottom;}
#wrapper {position:relative; width: 920px;height:392px;left:20px;background: url(titel_schnitt2.jpg) transparent;}
  .boxwrapper img {margin:8px 0 0 20px;}


.logo {position:absolute;top:3px;left:59px;}
.teaser {position:absolute;top:58px;right:90px;}

/* Gallery styles */

#gallery {/* The width of the gallery */ width:920px;position:absolute;top:0px;overflow:hidden;}
 #slides {/* This is the slide area */ height:392px; /* jQuery changes the width later on to the sum of the widths of all the slides. */ overflow:auto; position:relative;/* position is important for slideshow when css is disabled*/}
  .slide {float:left;width:920px;}

#menu {/* container for the dot-navigation */height:15px;}
     #menu .menuItem a:hover, #menu .menuItem.act a { color:#666; text-decoration:underline;}
     

.boxwrapper {position:absolute; top:350px;width:920px; height: 180px;}

.box {position:relative;z-index:10;line-height:16px; float:left; margin: 0 0 0 34px; _margin:0 17px 0 17px; width:210px;height:200px;}
.ie7 {position:absolute; left:-14px; top:-4px; z-index:-1;}
	.box p { margin: 15px 14px 0 22px; font-size: 13px; color: #666;}
	.box h2 { margin: 17px 14px 0 22px; font-weight: 700; font-size: 15px; color:#666; letter-spacing:0.05em;}
	.box a { font-size: 12px; color:#c60; text-decoration:none; padding: 4px 0;}
		.box p a { display:block;position:relative;top:7px;background: url(pfeilre.png) no-repeat left 1px; list-style-image:none;list-style-type:none;list-style-position:inside;margin: 0;padding:0 0 0 20px; color:#c60; text-decoration:none;}
#menu .navthema { font-weight:700; font-size:13px; line-height:20px;padding:13px 0 0 22px;margin:0;}
	#menu li a {color:#c60; text-decoration:none;font-size:13px;}
		#menu li a:hover, .box a:hover{ color:#c60; text-decoration:underline;}
.boxlist2{ font-size:12px;line-height:20px;padding:0;margin:3px 0 0 22px;}
	#menu li, .boxlist2 li {background: url(pfeilre.png) no-repeat left 3px; list-style-image:none;list-style-type:none;list-style-position:outside;padding:0 0 0 20px;color:#c60; width: 155px;_width:170px;}
		.boxlist2 li a {color:#c60; text-decoration:none;font-size:12px;}
.boxregular{ font-weight:400;font-size:12px;line-height:20px;padding:0;margin:8px 0 0 22px;}
	.boxregular li {background: url(pfeilre.png) no-repeat left 3px; list-style-image:none;list-style-type:none;list-style-position:outside;padding:0 0 0 20px;color:#c60; width: 155px;_width:170px;}
		.boxregular li a {color:#c60; text-decoration:none;font-size:12px;}
		
.neubox { position:relative;float:left;margin:40px 0 0 34px;_margin:40px 0 0 20px;z-index:0;width:150px;font-size: 13px; line-height:16px; color:#666;}
*+html .neubox { position:relative;float:left;margin:20px 0 0 34px;_margin:60px 0 0 10px;padding-top:20px;z-index:0;width:150px;font-size: 13px; line-height:16px; color:#666;}
	.neubox ul {list-style-image:none;list-style-type:none;}
	.neubox a { color:#c60; text-decoration:none;}
		.neubox a:hover { color:#c60; text-decoration:underline;}
	#wrapper .neubox img {margin:15px 0 0;}

.clearall {clear:both; float:none !important; overflow:hidden; width:auto !important;}

#footer {border-top: 1px solid #bb7b47; height: 20px; margin:173px 20px 0;padding:7px 0 0; font-size: 10px; line-height:15px; color: #666;}
	#footer a { color: #666; text-decoration:none;}
		#footer a:hover { color: #C58619; background: transparent; text-decoration: underline;}
	.footer_linkeSeite { float: left; width: 218px; color: #666;}
	.footer_Mitte { float: left; height:0; color: #666; width:auto; margin: 0 0 0 70px;}
	
	#footer .footer_rechteSeite a {color:#666; background: url(printer.png) no-repeat left 0;padding: 2px 0 0 16px;}
		#footer .footer_rechteSeite a:hover {color:#c58619; background: url(printer.png) no-repeat left -16px;padding: 2 0 0 16px;}

#schatten {background: url(schatten_b.gif) repeat-x 0 0; clear:both; width:960px;}
	#schatten div {background: url(schatten_bl.gif) no-repeat 0 0; height: 25px;}
		#schatten div div {background: url(schatten_br.gif) no-repeat right top; left: 25px;position:relative;}

div#wrapper ul.boxlist li a img {position:absolute; z-index:-2;background-color:white; bottom:158px;left:-54px;display:none;border:none;}
div#wrapper ul.boxlist li a:hover img  {display:block;}
div#wrapper .neubox a img { position:absolute; background-color:white; top:-405px;right:-4px;display:none;border:none;}
*+html div#wrapper .neubox a img {top:-385px;}

div#wrapper .neubox a:hover img {display:block;}

/* Karriere */

#jobs {position:fixed; top:0; right:0; padding: 180px 0 0 0;}

/*--- js warning ---*/
#noscript_warnung {background:#cc0000!important;color:white; border-bottom:2px solid white;position:fixed;top:0;left:0;font-weight:700;width:100%;text-align:center;padding:5px 0 ;z-index:101;height:20px!important;}