* {
margin: 0;
padding: 0;
}

html, body {
font-family:  Helvetica, Verdana, Arial, sans-serif;
color: #ffffff;
font-size: 12px;
line-height: 15px;
width: 100%;
height: 100%;
min-width: 800px;
}

/* Text */


h1 {
font-size: 28px;
font-weight: 100;
line-height: 36px;
}

.normaler-text {
font-family:  Helvetica, Verdana, Arial, sans-serif;
color: #ffffff;
font-size: 12px;
font-style: normal;
line-height: 15px;
}


/* Links */

a:link
a:visited
a:hover
a:active {
color: #ffffff;
text-decoration: none;
}


.link-navigation:link,
.link-navigation:visited {
color: #ffffff;
text-decoration: none;
}

.link-navigation-aktiv:link,
.link-navigation-aktiv:visited {
color: #ffffff;
text-decoration: none;
border-bottom: 4px solid #f5f5f5;
padding-bottom: 13px;
}

.link-navigation:hover,
.link-navigation:active {
border-bottom: 4px solid #f5f5f5;
padding-bottom: 13px;
}


.link-subnavigation:link,
.link-subnavigation:visited {
font-size: 11px;
color: #5a5a5a;
text-decoration: none;
}

.link-subnavigation-aktiv:link,
.link-subnavigation-aktiv:visited {
font-size: 11px;
color: #b4b4b4;
text-decoration: none;
border-top: 2px solid #f5f5f5;
padding-top: 3px;
}

.link-subnavigation:hover,
.link-subnavigation:active {
font-size: 11px;
color: #b4b4b4;
border-top: 2px solid #f5f5f5;
padding-top: 3px;
}


/* Linkfarben */

.link-blau:link,
.link-blau:visited,
.link-blau:active {
color: #b6c6cc;;
text-decoration: none;
}

.link-blau:hover {
color: #ccdbe0;
text-decoration: none;
}


.link-gruen:link,
.link-gruen:visited,
.link-gruen:active {
color: #b6ccbc;;
text-decoration: none;
}

.link-gruen:hover {
color: #cce0d2;
text-decoration: none;
}


.link-gelb:link,
.link-gelb:visited,
.link-gelb:active {
color: #c6ccb6;;
text-decoration: none;
}

.link-gelb:hover {
color: #dbe0cc;
text-decoration: none;
}


.link-orange:link,
.link-orange:visited,
.link-blau:active {
color: #ccbcb6;;
text-decoration: none;
}

.link-orange:hover {
color: #e0d2cc;
text-decoration: none;
}


.link-rot:link,
.link-rot:visited,
.link-rot:active {
color: #ccb6c6;;
text-decoration: none;
}

.link-rot:hover {
color: #e0ccdb;
text-decoration: none;
}

.link-violet:link,
.link-violet:visited,
.link-violet:active {
color: #bcb6cc;
text-decoration: none;
}

.link-violet:hover {
color: #d2cce0;
text-decoration: none;
}


/* Hintergründe */

#bg-blau {
background-color: #798b92;
}

#bg-gruen {
background-color: #799280;
}

#bg-gelb {
background-color: #8b9279;
}

#bg-orange {
background-color: #928079;
}

#bg-rot {
background-color: #92798b;
}

#bg-violet {
background-color: #807992;
}


.bg-balken-blau {
background-color: #a1afb5;
}

.bg-balken-gruen {
background-color: #a1b5a7;
}

.bg-balken-gelb {
background-color: #afb5a1;
}

.bg-balken-orange {
background-color: #b5a7a1;
}

.bg-balken-rot {
background-color: #b5a1af;
}

.bg-balken-violet {
background-color: #a7a1b5;
}


/* Struktur */

#gesamt {
position: relative;
width: 806px;
left: 50%;
margin-left: -400px;
top: 25px;
clear: left;
/*border: 1px dashed #000000;*/
}

#head-navigation {
position: relative;
min-height: 92px;  
height: auto !important;
height: 92px;
width: 570px;
float: left;
/*border: 1px dashed #ff0000;*/
}

#head-logo {
min-height: 92px;  
height: auto !important;
height: 92px;
width: 230px;
float: right;
/*border: 1px dashed #ff0000;*/
}

#head-logo-print {
display: none;
}

#head-navigation-aktiv {
min-height: 4px;  
height: auto !important;
height: 4px;
width: 780px;
clear: left;
/*border: 1px dashed #ff0000;*/
}

#bild {
min-height: 270px;  
height: auto !important;
height: 270px;
width: 800px;
float: left;
/*border: 1px dashed #ff0000;*/
}

#bild-navigation-aktiv {
min-height: 2px;  
height: auto !important;
height: 2px;
width: 780px;
background-color: #5a5a5a;
clear: left;
/*border: 1px dashed #ff0000;*/
}

#bild-navigation {
min-height: 18px;  
height: auto !important;
height: 18px;
width: 780px;
background-color: #000000;
/*border: 1px dashed #ff0000;*/
}

#bild-navigation1 {
min-height: 18px;  
height: auto !important;
height: 18px;
width: 97px;
background-color: #000000;
float: left;
/*border: 1px dashed #ff0000;*/
}

#bild-navigation2 {
min-height: 18px;  
height: auto !important;
height: 18px;
width: 24px;
background-color: #000000;
float: left;
/*border: 1px dashed #ff0000;*/
}

#bild-navigation3 {
min-height: 18px;  
height: auto !important;
height: 18px;
width: 780px;
background-color: #000000;
/*border: 1px dashed #ff0000;*/
}





/* Textspalten */

#titel-spalte-1 {
min-height: 38px;  
height: auto !important;
height: 38px;
width: 230px;
float: left;
margin: 38px 0 0 0;
padding: 0 45px 0 0;
/*border: 1px dashed #ff0000;*/
}

#titel-spalte-1-spezial {
min-height: 38px;  
height: auto !important;
height: 38px;
width: 250px;
float: left;
margin: 38px 0 0 0;
padding: 0 25px 0 0;
/*border: 1px dashed #ff0000;*/
}

#titel-spalte-1-schluss {
min-height: 38px;  
height: auto !important;
height: 38px;
width: 230px;
float: left;
margin: 38px 0 0 0;
padding: 0 0 0 0;
/*border: 1px dashed #ff0000;*/
}

#titel-spalte-2 {
min-height: 38px;  
height: auto !important;
height: 38px;
width: 505px;
float: left;
margin: 38px 0 0 0;
padding: 0 45px 0 0;
/*border: 1px dashed #ff0000;*/
}

#titel-spalte-3 {
min-height: 38px;  
height: auto !important;
height: 38px;
width: 740px;
float: left;
margin: 38px 0 0 0;
padding: 0 40px 0 0;
/*border: 1px dashed #ff0000;*/
}

#text-spalte-1 {
min-height: 80px;  
height: auto !important;
height: 80px;
width: 230px;
float: left;
padding: 0 45px 0 0;
/*border: 1px dashed #ff0000;*/
}

#text-spalte-1-schluss {
min-height: 80px;  
height: auto !important;
height: 80px;
width: 230px;
float: left;
padding: 0 0 0 0;
/*border: 1px dashed #ff0000;*/
}

#text-spalte-2 {
min-height: 80px;  
height: auto !important;
height: 80px;
width: 505px;
float: left;
padding: 0 45px 0 0;
/*border: 1px dashed #ff0000;*/
}

#text-spalte-3 {
min-height: 80px;  
height: auto !important;
height: 80px;
width: 780px;
float: left;
padding: 0 8 0 0;
/*border: 1px dashed #ff0000;*/
}


.liste-text {
list-style-type: disc;
margin: 0 0 0 16px;
}

ul.liste-text li {
padding: 6px 0 0 0;
}


.liste-text-ohne {
list-style-type: none;
margin: 0 0 0 0;
}

ul.liste-text-ohne li {
padding: 6px 0 0 0;
}


/* Navigation */

.liste-navigation {
list-style-image: none;
margin: 65px 0px 0px 0px;
padding:  0px 0px 0px 0px;

}

ul.liste-navigation li {
float: left;
margin: 0px;
padding: 0px 19px 0px 0px;
display: inline;
}

.liste-subnavigation {
list-style-image: none;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;

}

ul.liste-subnavigation li {
float: left;
margin: 0px;
padding: 2px 25px 0px 4px;
display: inline;
}

.liste-popup1 {
list-style-image: none;
margin: 0px 0px 0px 6px;
padding:  0px 0px 0px 0px;

}

ul.liste-popup1 li {
float: left;
margin: 0px;
padding: 2px 0px 0px 0px;
display: inline;
}

.liste-popup2 {
list-style-image: none;
margin: 0px 0px 0px 6px;
padding:  0px 0px 0px 0px;

}

ul.liste-popup2 li {
float: left;
margin: 0px;
padding: 0px 4px 0px 0px;
display: inline;
}



/* Galerie */

ul.galerie-blau li {
float: left;
margin: 0px;
padding: 2px 0px 5px 0px;
display: inline;
background-color: #a1afb4;
}

ul.galerie-gruen li {
float: left;
margin: 0px;
padding: 2px 0px 5px 0px;
display: inline;
background-color: #a1b4a6;
}

ul.galerie-gelb li {
float: left;
margin: 0px;
padding: 2px 0px 5px 0px;
display: inline;
background-color: #afb4a1;
}


ul.galerie-orange li {
float: left;
margin: 0px;
padding: 2px 0px 5px 0px;
display: inline;
background-color: #b4a6a1;
}

ul.galerie-rot li {
float: left;
margin: 0px;
padding: 2px 0px 5px 0px;
display: inline;
background-color: #b4a1af;
}

ul.galerie-violet li {
float: left;
margin: 0px;
padding: 2px 0px 5px 0px;
display: inline;
background-color: #a6a1b4;
}

.link-galerie:hover,
.link-galerie:active {
border-bottom: 5px solid #f5f5f5;
padding-bottom: 0px;
}



/* Popup */

#popup {
position: absolute;
min-height: 18px;  
height: auto !important;
height: 18px;
width: 112px;
background-color: #000000;
float: left;
clear: left;
}

.liste-popup {
list-style-image: none;
margin: 0px 0px 0px 6px;
}



ul.liste-popup li {
margin: 0px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #5a5a5a;
width: 106px;
}



ul.liste-popup li:hover {
margin: 0px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #f5f5f5;
width: 106px;
}

ul.liste-popup li.aktiv {
margin: 0px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #f5f5f5;
width: 106px;
}

ul.liste-popup li.aktiv a:link,
ul.liste-popup li.aktiv a:visited,
ul.liste-popup li.aktiv a:hover,
ul.liste-popup li.aktiv a:active {
font-size: 11px;
line-height: 17px;
color: #b4b4b4;
text-decoration: none;
}

ul.liste-popup li.oben {
margin: 0px;
padding-top: 4px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #5a5a5a;
width: 106px;
}



ul.liste-popup li.oben:hover {
margin: 0px;
padding-top: 4px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #f5f5f5;
width: 106px;
}

ul.liste-popup li.oben-aktiv {
margin: 0px;
padding-top: 4px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #f5f5f5;
width: 106px;
}

ul.liste-popup li.oben-aktiv a:link,
ul.liste-popup li.oben-aktiv a:visited,
ul.liste-popup li.oben-aktiv a:hover,
ul.liste-popup li.oben-aktiv a:active {
font-size: 11px;
line-height: 17px;
color: #b4b4b4;
text-decoration: none;
}

ul.liste-popup li.unten {
margin: 0px;
padding-bottom: 4px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #5a5a5a;
width: 106px;
}



ul.liste-popup li.unten:hover {
margin: 0px;
padding-bottom: 4px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #f5f5f5;
width: 106px;
}

ul.liste-popup li.unten-aktiv {
margin: 0px;
padding-bottom: 4px;
display: inline;
float: left;
clear: left;
border-right: 2px solid #f5f5f5;
width: 106px;
}

ul.liste-popup li.unten-aktiv a:link,
ul.liste-popup li.unten-aktiv a:visited,
ul.liste-popup li.unten-aktiv a:hover,
ul.liste-popup li.unten-aktiv a:active {
font-size: 11px;
line-height: 17px;
color: #b4b4b4;
text-decoration: none;
}

ul.liste-popup li a:link,
ul.liste-popup li a:visited,
ul.liste-popup li.unten a:link,
ul.liste-popup li.unten a:visited,
ul.liste-popup li.oben a:link,
ul.liste-popup li.oben a:visited {
font-size: 11px;
line-height: 17px;
color: #5a5a5a;
text-decoration: none;
}

ul.liste-popup li a:hover,
ul.liste-popup li a:active,
ul.liste-popup li.unten a:hover,
ul.liste-popup li.unten a:active,
ul.liste-popup li.oben a:hover,
ul.liste-popup li.oben a:active {
font-size: 11px;
line-height: 17px;
color: #b4b4b4;
}

.link-popup-aktiv {
font-size: 11px;
line-height: 15px;
color: #b4b4b4;
text-decoration: none;
}



/* Formular */

input.eingabe, input.eingabe_halbe_breite, select {
background-color: #ffffff;
color: #5a5a5a;
border: none;
width: 230px;
height: 20px;
margin: 0px 4px 6px 0px;
padding: 0px 4px 0px 4px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

.eingabe_ganze_breite {
background-color: #ffffff;
color: #5a5a5a;
border: none;
width: 475px;
height: 20px;
margin: 0px 4px 6px 0px;
padding: 0px 4px 0px 4px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

.eingabe_textfeld {
background-color: #ffffff;
color: #5a5a5a;
border: none;
width: 475px;
margin: 0px 4px 6px 0px;
padding: 3px 4px 0px 4px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

input.senden, input.senden_zweite_spalte_blau {
background-color: #a1afb5;
color: #dfebf0;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}


input.senden, input.senden_zweite_spalte_blau:hover {
background-color: #b6c6cc;
color: #f5f8fa;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

input.senden, input.senden_zweite_spalte_gruen {
background-color: #a1b5a7;
color: #dff0e4;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}


input.senden, input.senden_zweite_spalte_gruen:hover {
background-color: #b6ccbc;
color: #f5faf6;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

input.senden, input.senden_zweite_spalte_gelb {
background-color: #afb5a1;
color: #ebf0df;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}


input.senden, input.senden_zweite_spalte_gelb:hover {
background-color: #c6ccb6;
color: #f8faf5;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

input.senden, input.senden_zweite_spalte_orange {
background-color: #b5a7a1;
color: #f0e4df;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}


input.senden, input.senden_zweite_spalte_orange:hover {
background-color: #ccbcb6;
color: #faf6f5;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

input.senden, input.senden_zweite_spalte_rot {
background-color: #b5a1af;
color: #f0dfeb;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}


input.senden, input.senden_zweite_spalte_rot:hover {
background-color: #ccb6c6;
color: #faf5f8;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

input.senden, input.senden_zweite_spalte_violet {
background-color: #a7a1b5;
color: #e4dff0;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}


input.senden, input.senden_zweite_spalte_violet:hover {
background-color: #bcb6cc;
color: #f6f5fa;
border: none;
width: auto;
height: 20px;
text-align: center;
margin: 0px 0px 6px 0px;
padding: 0px 4px 0px 0px;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/* Lightbox -> Finger Weg */

#lightbox{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: none;
	width: 250px;
	height: 250px;
	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;}




#imageDataContainer{
	font-family: arial, helvetica, verdana, sans-serif;
	color: transparent;
	background-color: none;
	margin: 0 auto;
	line-height: 1.4em;
	font-size: 0.001em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ display: none; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ position: absolute; width: 95%; height: 95%; top:0; left: 0; z-index: 100;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: auto;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}