/* CSS Document */

body{
height:100%;
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
/*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/logo-stuerzl.gif) 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: 3px 21px 5px 21px;
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:300px; float:left; margin-right:30px; min-height:160px; border:1px dotted #d6d9dc;}
.box-center { width:300px;float:left; margin-right:0px; min-height:160px; border:1px dotted #d6d9dc;}
.box-right { width:300px;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;}

.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;}

/***************************************** 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;}