div#www{margin:auto; width:951px; height:44px; text-align: left; margin-top: 15px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-image: url(basics/eulersbacherhof.jpg); background-repeat: no-repeat; }
div#kopf{margin:auto; width:951px; height:224px; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#fuss{margin:auto; background-image: url(basics/fuss.jpg); background-repeat: no-repeat; width:951px; height:55px; text-align: left}
div#unten{margin:auto; background-image: url(basics/fuss.jpg); background-repeat: no-repeat; width:100%; height:112px; text-align: left; background-image: url(basics/unten.jpg); background-repeat: repeat; }
div#navigationback{margin:auto; height:57px; background-image: url(basics/navigation.jpg); background-repeat: no-repeat; width:951px; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#navigation{width:930px; height:20px; text-align: left; padding-top: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 0px;}
div#headback{height: 45px; background-image: url(basics/); background-repeat: no-repeat; margin-top:35px; margin-left: 8px;}
div#inhaltsrahmen{margin-top:10px; margin-left: 22px;}
div#content{
	background-color:#FFFFFF;
	background-image: url(basics/inhalt.jpg); background-repeat: repeat; 	
	margin:auto;
	width:951px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px; 
	padding-bottom: 0px;
}
div#contenttext{
    padding: 0px;
}
body {
	background-image: url(basics/back.jpg);
}
.clear{
    clear: both;
    width: 0.1em;
    height: 0.1em;
    line-height: 0.1em;
    overflow: hidden;
} 
div#contentstandard{
    background-color:#FFFFFF;
	background-image: url(basics/inhalt.jpg); background-repeat: repeat; 
	margin:auto;
	width:951px;
	text-align: left;
}
.normal {
    padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 22px;
}
.normalwohnungen {
    padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
}
.bildtext {
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 11px;
}
.kopftext1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #064a2a;
	font-size: 16px;
}
.kopftext2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #064a2a;
	font-size: 12px;
}

.bildtext {
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 11px;
}
.normalformular {
    padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 12px;
}

.fuss {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #646464;
	font-size: 11px;
	padding-top: 10px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
}
.H1 {
	padding-top: 5px;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-weight: bold;
	font-size: 20px;
}
.H2 {
    margin-left: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 14px;
}
.titel {
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 24px;
}
.H3 {
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size: 16px;
}
.H4 {
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-variant: normal;
	font-style: normal;
	font-size: 14px;
}
a.normallink {
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
a.normallink:link    { }
a.normallink:visited { }
a.normallink:hover   { }

a.fusslink {
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
}
a.fusslink:link    { }
a.fusslink:visited { }
a.fusslink:hover   {text-decoration: underline; }

a.normallinkgross {
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
a.normallinkgross:link    { }
a.normallinkgross:visited { }
a.normallinkgross:hover   { }

a.normallinkmager {
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	font-size: 12px;
    font-weight: normal;
	text-decoration: underline;
}
a.normallinkmager:link    { }
a.normallinkmager:visited { }
a.normallinkmager:hover   { }

a.hauptlink {
	font-family: Arial, Helvetica, sans-serif;
	color: #6cb216;
	heigh: 40px;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	text-decoration: none;
}
a.hauptlink:link    { }
a.hauptlink:visited { }
a.hauptlink:hover   { color: #173691; background-color:#00000)}

a.navigationsleistepassiv {
	font-family: Arial, Helvetica, sans-serif;
    color: #464646;
	heigh: 20px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
}
a.navigationsleistepassiv:link    { }
a.navigationsleistepassiv:visited { }
a.navigationsleistepassiv:hover   { color: #ffffff; background-color:#00000)}

a.navigationsleisteaktiv {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #52ca86;
    color: #000000;
	heigh: 20px;
	font-size: 12px;
	text-decoration: none;
		margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
	text-decoration: none;
}
a.navigationsleisteaktiv:link    { }
a.navigationsleisteaktiv:visited { }
a.navigationsleisteaktiv:hover   { color: #ffffff; background-color:#52ca86)}

a.navigationsleiste2aktiv {
	font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #969696;
    color: #a86500;
	heigh: 20px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
}
a.navigationsleiste2aktiv:link    { }
a.navigationsleiste2aktiv:visited { }
a.navigationsleiste2aktiv:hover   { color: #ffffff; background-color:#52ca86)}

a.tooltiplink:link    { }
a.tooltiplink:visited { }
a.tooltiplink:hover   {text-decoration: underline; color: #7db713;}





		* { margin: 0; padding: 0; border: 0; }
		
		.rss-popup {
			display: inline;
			padding: 0;
			list-style: none;
			position: relative;
		}
		
		div.rss-popup em {
			background: url(basics/navi-over.jpg) no-repeat;
			width: 50px;
			height: 50px;
			position: absolute;
			top: -70px;
			left: -0px;
			text-align: center;
			text-indent: -9999px;
			z-index: 2;
			display: none;
		}
		
		#rss-icon {
		    position: relative;
			padding: 0px;
			padding-right: 10px;
			float: left; 
			text-indent: 0px;
			display: inline;
		}
				.rss-icon0 {
		    position: relative;
			padding-right: 10px;
			float: left; 
			text-indent: 0px;
			display: inline;
		}
		
	</style>
	
	
	/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:450px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}



#lightbox{
	position: absolute;
	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: 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: 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;
	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;	}	
		
	
	/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(); 
    color:#FFFFFF; 
    /*height:400px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    /*height:450px; 
    overflow-y:auto; 
}