/* CSS Document */

body{
height:100%;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
font-size:0.8em; 
/*text-align: center;fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
background: transparent url(images/bg-body.gif) left top repeat-x;
}

p {margin:0; padding:0;line-height:1.5em;}
*html p { line-height:1.5em;}
strong {color:#6d7d93;}


h1 { font-size:1.3em; color:#c00;}
h2 { font-size:1em; color:#c00;border: 0 none; margin:0px 0px 10px 0px; padding:0px;}
h3 { font-size:1em; color:#8a8787;  margin:5px 0px 0px 0px; padding:0px;}

a:link { text-decoration:none; color:#c00;}
a:visited {text-decoration:none; color:#c00;}
a:hover { color:#c00; text-decoration:none;}
a:focus { color:#c00; text-decoration:none;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

.red { color:#c00;}

.red-bold { font-weight:bold; color:#c00;}

/***************************************************** container *********************************************************

.container-all { width:950px; margin:auto; background: transparent url(images/bg-red.gif) left top repeat-y;}**/
.container-all { width:950px; margin:auto;}

.header { width:950px; background: transparent url(images/stuerzl-logo.png) right center no-repeat; height:126px;}

.container-pics { height:200px; width:950px; margin:auto; padding:0px; border:1px solid #fff;}

.container-left-right { width:950px; background:transparent url(images/bg-gray.gif) left top repeat-y; margin-top:3px; padding-bottom:30px;}

.left { width:200px; float:left; padding:60px 0px 0px 0px;}

.left p { padding: 0px 10px 0px 10px;}

.story { width:650px; margin-left:250px; padding:50px 0px 0px 30px;}


/***************************************************** allgemein gueltige klassen ***********************************************************/


.back {
background: transparent url(images/icons/back.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
/***************************************** Menue */
    
.menue { height:20px; width:950px; margin:0px; padding:0px;}

.menue ul {
margin: 0px 0px 0px 199px;
padding: 0px;
list-style-type: none;
float:left;
}

*html .menue ul { margin-left:100px;}

.menue ul li {
display: inline;
text-align: center;
margin: 0px;
padding:1px 0px 0px 0px;
float:left;
}

*html .menue li {padding: 2px 0px 0px 0px;}

.menue ul li a {
border-left: 1px solid #fff; 
padding: 2px 20px 0px 20px;
margin: 0;
color: #fff; 
text-decoration: none; 
font-weight:normal; }

.menue ul li a:visited {
border-left: 1px solid #fff; 
padding: 3px 21px 5px 21px;
margin: 0;
text-decoration: none; 
font-weight:normal; }

.menue ul li a:hover{color: #c00;background-color: #f2f2f2;}
.menue li.active a{background-color: #d6d9dc; color: #666;}

*html .menue li.active a:visited { color:#666;}
*html .menue a:visited {text-decoration:none; color:#fff;}


/***************************************** submenue */

.left h2 { background-color:#c00; color:#fff; padding:0px 0px 0px 18px;}
    
.submenue { width:200px;}

.submenue ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size:0.9em;
}
.submenue ul li {
float: left;
text-align: left;
padding: .7em 0 .3em 18px;
margin: 0;
width:178px;
border-bottom:1px dotted #c00;
border-left: 4px solid #d6d9dc;
}

.submenue ul li a{padding: 0px 0px 0px 0px;margin: 0;color: #c00; text-decoration: none; font-weight:normal; display:block;}

.submenue ul li a:hover{color: #333;}
.submenue li.active {background: #fff; color: #666; border-left: 4px solid #c00;}
.submenue li.active a {color: #333;}

.submenue li:hover { background-color:#fff;border-left: 4px solid #c00;}
.submenue li:hover a{ color:#333;}

/***************************************** inhalt */

.box-left { width:200px; float:left; margin-right:10px; min-height:160px; border:1px dotted #d6d9dc;}
.box-center { width:200px;float:left; margin-right:10px; min-height:160px; border:1px dotted #d6d9dc;}
.box-right { width:210px;float:left;  min-height:160px; border:1px dotted #d6d9dc;}

.box-container { float:left; margin-bottom:25px;}
.box-container p{ padding:3px 5px 3px 5px;}

.box-container h2 { background-color:#c00; padding:2px 5px 2px 5px; color:#fff; font-weight:bold;}
.box-container h3 { background-color:#f2f2f2; padding:2px 5px 2px 5px; color:#c00; font-weight:normal;}


.box-container h3.planungsgesellschaft {color:#8F133A;}
.box-container h3.westal {color:#008fc2;}

.story ul.list { list-style:none; margin-left:-35px;}

.story ul.list li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}

.story .distance100 { width:120px; float:left; color:#6d7d93;}

.story img.right { float:right; margin-left:15px;}

.container-projekt { float:left; width:500px;margin:0px;}
.container-projekt :hover {color:#c00;}

h4 { font-size:1em; color:#c00;  margin:5px 0px 0px 0px; padding:0px;}

.foto { width:40px; float:left; margin-right:10px; padding:8px 0px 0px 0px;}
.foto a:link { text-decoration:none; color:#c00;}
.foto a:visited {text-decoration:none; color:#c00;}
.foto a:hover { color:#c00; text-decoration:none;}
.foto a:focus { color:#c00; text-decoration:none;}

.projekt {width:300px;float:left;  padding:8px 0px 8px 0px; border-bottom:1px dotted #ccc;}

.kurzinformation { float:left; width:110px; line-height:1.8em;}

ul.thumbs li a.kamera { background: transparent url(images/kamera-grau.png) left center no-repeat; padding-left:25px;}
ul.thumbs li a:hover.kamera { background: transparent url(images/kamera-rot.png) left center no-repeat; padding-left:25px;}

#kurzinfo-layer-1 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-2 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-3 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-4 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-5 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-6 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-7 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-8 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-9 {	margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-10 {margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-11 {margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}
#kurzinfo-layer-12 {margin-left:340px;	margin-top:0px;	width:280px; height:300px;	z-index:1;	visibility: hidden;	background-color:#fff;	border-left:3px solid #ccc;	padding-left:10px; position:absolute;	}


*html #kurzinfo-layer-1 {margin-left:-150px; top:486px;	}
*html #kurzinfo-layer-2 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-3 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-4 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-5 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-6 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-7 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-8 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-9 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-10 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-11 {margin-left:-150px; top:486px;}
*html #kurzinfo-layer-12 {margin-left:-150px; top:486px;}

/*************************** Foto Team ************************************/

#imap {display:block; width:640px; height:350px; background:url(images/team/2011-stuerzl-team.jpg) no-repeat; position:relative; margin:10px 0 10px 5px;}

#imap a#team {
	display:block;
	width:640px;
	height:350px;
	padding-top:210px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent url(images/team/2011-stuerzl-team.jpg) no-repeat 300px 210px;
	cursor:default;
}


* html #imap a#team {height:780px; he\ight:0;}

#imap a#team:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}

#imap #link_diekheuer {left:110px; top:20px; z-index:20;}
#imap #link_stuerzl {left:180px; top:20px; z-index:20;}
#imap #link_bartels {left:250px; top:20px; z-index:20;}
#imap #link_alberts {left:340px; top:10px; z-index:20;}
#imap #link_terne {left:200px; top:70px; z-index:20;}
#imap #link_retzlaff {left:280px; top:50px; z-index:20;}
#imap #link_westphal {left:360px; top:50px; z-index:20;}
#imap #link_ehlers {left:450px; top:20px; z-index:20;}
#imap #link_wiebusch {left:15px; top:130px; z-index:20;}
#imap #link_bathke {left:80px; top:130px; z-index:20;}
#imap #link_moerer {left:120px; top:100px; z-index:20;}
#imap #link_stuff {left:170px; top:120px; z-index:20;}
#imap #link_benz {left:250px; top:100px; z-index:20;}
#imap #link_gevekoth {left:330px; top:120px; z-index:20;}
#imap #link_bahr {left:400px; top:110px; z-index:20;}
#imap #link_popow {left:470px; top:130px; z-index:20;}
#imap #link_ebeling {left:560px; top:120px; z-index:20;}
#imap #link_timmermann {left:160px; top:190px; z-index:20;}
#imap #link_jochim {left:220px; top:190px; z-index:20;}
#imap #link_grupe {left:310px; top:200px; z-index:20;}
#imap #link_beckmann {left:390px; top:190px; z-index:20;}
#imap #link_rehders {left:480px; top:220px; z-index:20;}
#imap #link_schuett {left:570px; top:220px; z-index:20;}

#imap a#link_diekheuer, #imap a#link_stuerzl, #imap a#link_bartels, #imap a#link_alberts, #imap a#link_terne, #imap a#link_retzlaff, #imap a#link_westphal, #imap a#link_ehlers, #imap a#link_wiebusch, #imap a#link_bathke,
#imap a#link_moerer, #imap a#link_stuff, #imap a#link_benz, #imap a#link_gevekoth, #imap a#link_bahr, #imap a#link_popow, #imap a#link_ebeling, #imap a#link_timmermann, #imap a#link_jochim, #imap a#link_grupe, 
#imap a#link_beckmann,
#imap a#link_rehders, #imap a#link_schuett
	{display:block; width:50px; height:50px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a:hover {border:none;}

#imap a#link_diekheuer:hover span  {position:absolute; display:block; width:160px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_stuerzl:hover span  {position:absolute; display:block; width:150px; height:40px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_bartels:hover span  {position:absolute; display:block; width:170px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_alberts:hover span  {position:absolute; display:block; width:150px; height:40px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}

#imap a#link_terne:hover span  {position:absolute; display:block; width:150px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_retzlaff:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_westphal:hover span  {position:absolute; display:block; width:190px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_ehlers:hover span  {position:absolute; display:block; width:150px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_wiebusch:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_bathke:hover span  {position:absolute; display:block; width:170px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_moerer:hover span  {position:absolute; display:block; width:150px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_stuff:hover span  {position:absolute; display:block; width:130px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_benz:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_gevekoth:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_bahr:hover span  {position:absolute; display:block; width:130px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_popow:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_ebeling:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:-30px; top:-30px; border:1px solid #fff;}
#imap a#link_timmermann:hover span  {position:absolute; display:block; width:200px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_jochim:hover span  {position:absolute; display:block; width:250px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_grupe:hover span  {position:absolute; display:block; width:200px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_beckmann:hover span  {position:absolute; display:block; width:150px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:60px; top:0px; border:1px solid #fff;}
#imap a#link_rehders:hover span  {position:absolute; display:block; width:180px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:-30px; top:70px; border:1px solid #fff;}
#imap a#link_schuett:hover span  {position:absolute; display:block; width:220px; height:20px; line-height:1.8em; font-size:0.9em; color:#fff; padding:5px; background-color:#c00; left:-25px; top:70px; border:1px solid #fff;}




/***************************************** footer */

.footer { background-color:#d6d9dc; height:20px; border-top:1px dotted #6d7d93; margin:auto; text-align:center;}

.footer a { color:#6d7d93;}
.footer p { padding-left:230px;}