body {
    background-color: rgb(244,182,0);
}

#contact {width: 60px;}

div.mainframe {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    background: #FFFFFF;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) -4px 3px 10px;
	-webkit-box-shadow: -4px 3px 10px rgba(0, 0, 0, 0.4);
}

div.mainframe div.fliesstext a, div.mainframe p.fliesstext a {
	font-size:11pt;
	color: rgb(153,0,0);
	font-weight:bold;
	text-decoration: none;
}

div.mainframe div.fliesstext a:hover, div.mainframe p.fliesstext a:hover  {
	font-size:11pt;
	color: black;
	font-weight:bold;
	text-decoration: none;
}

div.schatten {
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 10px;
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
}

h1.headline {
	font-family: 'Open Sans', sans-serif;			 	
 	font-size: 23px;
	color: white;
	font-weight: 500; 		
}


div.fliesstext , p.fliesstext {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11pt;
    color: black;
    overflow-y: auto;
}

div.fliesstext h2 {
	font-size:11pt;
	color: grey;
}

div.fliesstext ol {
	font-size:11pt;
	color: grey;
	padding-left: 15px;
}

div.fliesstext ol > li {
	font-size:11pt;
	color: grey;
}

div {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #000000;
}


div.greybox {
    background: rgb(201,198,179);
    font-size: 0.7em;
    margin-top: 1.0em;
    margin-bottom: 2em;
	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div.adress {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: black;
}

div.bau {
	/**/
    -moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
    -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 25px;
    padding: 10px;
    font-size: 0.7em;
    margin-top: 1.0em;
    margin-bottom: 2em;
    width: 900px;
}

div.textbox {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #000000;
}

div.mouse {}

	

div.mouse span {
	position:absolute; 
	width:400px; 
	height:400px; 
	margin-top:50px; 
	margin-left:118px; 
	display:none;
	}
	
div.mouse span.2 {
	position:absolute; 
	display:none;
	}

div.mouse:hover span {
	display:block;
	}
	
div.mouse:hover span.2 {
	display:block;
	}
	
p.red {
	color: rgb(153,0,0);
}

div.big {
	background: rgb(201,198,179);
	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div.mainframe p.para {
	font-family: Helvetica, Arial, sans-serif;
	font-size:300pt;
	color:black;
	font-style:italic;
	position:absolute;
	z-index:2;
	margin-top:40px;
	margin-left:200px;
}

/* Galeriefunktion */

#lightbox{position:absolute; left:0; width:100%; z-index:1000; text-align:center; line-height:0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; 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;}

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

#imageDataContainer{ font: 6px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 2.1em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Galeriefunktion Ende */