/* Body-Angaben */
body {
	font-family: arial,sans-serif,helvetica,verdana;
	color:#ffffff;
	font-size:13px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	overflow:auto;
	SCROLLBAR-FACE-COLOR:#ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
	SCROLLBAR-SHADOW-COLOR:#ffffff;
	SCROLLBAR-3DLIGHT-COLOR:#ffffff;
	SCROLLBAR-ARROW-COLOR:#000000;
	SCROLLBAR-TRACK-COLOR:#000000;
	SCROLLBAR-DARKSHADOW-COLOR:#000000;
	}
	
/* scrollbar-base-color: Basisfarbe der Scroll-Leiste */
/* scrollbar-3dlight-color: Farbe des linken, äußeren Schattens */
/* scrollbar-arrow-color Farbe der Pfeilspitzen */
/* scrollbar-darkshadow-color: Farbe des rechten, äußeren Schattens */
/* scrollbar-face-color: Farbe des eigenlichen Scrollbalkens */
/* scrollbar-highlight-color: Farbe des linken, inneren Schattens */
/* scrollbar-shadow-color: Farbe des rechten, inneren Schattens */
/* scrollbar-track-color: Farbe für freibleibenden Verschiebeweg */
/* => http://www.windowspower.de/scrollbar_generator.html */

/* Ausrichtungen */
.center {margin-left:auto; margin-right:auto; text-align:center;}
.textlinks {text-align:left;}
.texttop {vertical-align: text-top;}

/* Rahmen */
.noframe {border-width:0px;}

/* Spezielle-Schrift-Fromatierungen */
.normblack {font-size:13px; color:#000000;}
.klein {font-size:10px;}
.pre {white-space: pre;}

/* Eingabe-Felder */
input:hover, input:focus, textarea:focus, textarea:hover, select:hover, select:focus {border: solid 1px #ffffff; color:#ffffff; background-color:#696969;}
input {color:#000000; background-color:#ffffff; border-color:#000000; border-width:1px; font-family:arial,helvetica,verdana,sans-serif; overflow:auto;}
textarea {background-color:#ffffff;
	border-color:#000000;
	border-width:1px;
	color:#000000;
	font-family:arial,helvetica,verdana,sans-serif;
	SCROLLBAR-FACE-COLOR:#ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
	SCROLLBAR-SHADOW-COLOR:#ffffff;
	SCROLLBAR-3DLIGHT-COLOR:#ffffff;
	SCROLLBAR-ARROW-COLOR:#000000;
	SCROLLBAR-TRACK-COLOR:#000000;
	SCROLLBAR-DARKSHADOW-COLOR:#000000;
	overflow:auto; }

/* Buttons */
.but {border-style:dashed;}

/* Allg.-Links */
a:link {text-decoration:underline; font-size:13px; color:#ffffff;}
a:visited {text-decoration:underline; font-size:13px; color:#ffffff;}
a:hover {text-decoration:none; font-size:13px; color:#DAA520; position:relative; TOP: 1.0px; LEFT: 1.0px;}
a:active {text-decoration:none; font-size:13px; color:#DAA520;}

/* Highlighted-Links */
.highl:link  {text-decoration:underline; color:#FF0000; font-weight:bold;}
.highl:visited {text-decoration:underline; color:#FF0000; font-weight:bold;}
.highl:hover {text-decoration:none; color:#FFFFFF;}
.highl:active {color:#FF0000; font-weight:bold;}

/* Small.-Links */
.linksmall:link {text-decoration:underline; font-size:10px; color:#ffffff;}
.linksmall:visited {text-decoration:underline; font-size:10px; color:#ffffff;}
.linksmall:hover {text-decoration:none; font-size:10px; color:#DAA520;}
.linksmall:active {text-decoration:none; font-size:10px; color:#DAA520;}

/* Nav.-Links */
.nav:link {text-decoration:none; color:#DAA520; font-size:14px; font-weight:bold;}
.pg4title {text-decoration:none; color:#A9A9A9; font-size:14px; font-weight:bold;}
.nav:visited {text-decoration:none; color:#DAA520; font-size:14px; font-weight:bold;}
.nav:hover {text-decoration:none; color:#ffffff; font-size:14px; font-weight:bold;}
.nav:active {text-decoration:none; color:#ffffff; font-size:14px; font-weight:bold; background-color:#DAA520;}
.active {text-decoration:none; color:#000000; font-size:14px; font-weight:bold; background-color:#DAA520;}

/* Black-Links */
.black:link {text-decoration:underline; font-size:14px; color:#000000;}
.black:visited {text-decoration:underline; font-size:14px; color:#000000;}
.black:hover {text-decoration:none; font-size:14px; color:#000000;}
.black:active {text-decoration:none; font-size:14px; color:#000000;}

/* Horizontale Linien */
.lthin {color:#ffffff; background-color:#ffffff; border:0px; width:100%; height:1px; margin-left:0px;}
.ltab {color:#ffffff; background-color:#ffffff; border:0px; width:100%; height:1px;}
.lfat {color:#ffffff; background-color:#ffffff; border:0px; width:100%; height:1px; margin-left:auto; margin-right:auto;}
.lfatsub {color:#ffffff; background-color:#ffffff; border:0px; height:1px;}
.lfatsub80 {color:#ffffff; background-color:#ffffff; border:0px; width:80%; height:1px;}
.w150 {width:150px;}
.w250 {width:250px;}
.w350 {width:350px;}
.w350 {width:350px;}


/* Tabellen */
tr.rowhighlight:hover {background-color:#696969;}
.textposition {text-align:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;}
.verline {width:1px; background-color:#ffffff;}
.verlinefat {height:1px; background-color:#ffffff;}





/* LIGHTBOX JS V2.02 */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 5px;
	}

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

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.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 */
	}
	
	
	
	
/* Pop-up images on inline links => http://www.cssplay.co.uk/menu/pop_ups.html */
a.screen, a.screen:visited {
text-decoration:underline;
font-size:10px;
color:#ffffff; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px;	/* give it a width */
height:0;  	 /* no height to solve an Opera bug that makes it selectable when hidden */
border:3px solid #696969; /* add a border */
left:-444px; /* position:the image */
top:-95px;
}
a.screen:hover {
font-size:10px;
color:#DAA520;
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

/* spam-schutz pt.2 */
  #mail>span:before { content:"@"; }
  #mail>span span { display:none; }
  
  
  
  
  
  
  
/* KONTAKTFORMULAR */
/*Eine Rote Box, Verwendung für Rahmen, Fehler*/
.rotebox 
{
	border: #FF0000;
	border-width: 1px;
}
/*Dick geschriebener Text*/
.dick {
	font-size: 13px;
	font-weight: 900;
}

/*noch dicker geschriebener Text*/
.dicker {
	font-size: 15px;
	font-weight: bold;
}
/*Normer Text*/
.normal {
	font-size: 13px;
}
/*Hilfstext*/
.hilfstext {
	font-size: 13px;
}
/*normalertext*/
.ueberschrift{
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
}
/*Hilfstext Fehler*/
.hilfstexterror {
	font-size: 13px;
	color:#FF0000;
}
/*Hilfstext*/
.hilfstextok {
	font-size: 13px;
	color:#ffffff;
}
/*Fehlerliste im Formular*/
ul#fehlerliste{
	font-size: 13px;
	color:#FF0000;
	list-style-position: outside;
	list-style-type: square;
}.abstandZumHeader {
padding-top:30px;
}
.referenzPadding {
	padding-left: 10px;
}
.aufzaehlung {
	line-height: 5px;
	padding-left: 15px;
	min-height:inherit;

}