html,body{margin:0;padding:0; color:#343434; font-family: tahoma, verdana; font-size:12px; line-height:18px}
h1 {text-transform:uppercase; font-size:115%; color:#1c9500; font-weight:bold}
h2 {font-size:105%; color:#ff7e00; text-transform:uppercase; font-weight:bold}
h2 a {font-size:105%; color:#ff7e00; text-transform:uppercase; font-weight:bold}
h2 a:visited {font-size:105%; color:#ff7e00; text-transform:uppercase; font-weight:bold}
h3 {font-size:100%; color:#343434; text-transform:uppercase; font-weight:bold}
h3#links {text-transform:uppercase; font-size:105%; padding:8px; font-weight:bold; background-image:url(../bilder/teaser-links-head.gif); color:#6e6e6e}
h3#rechts {text-transform:uppercase; font-size:105%; padding-left:28px; padding-top:8px; padding-bottom:8px; padding-right:8px; font-weight:bold; background-image:url(../bilder/teaser-rechts-head.gif); color:#ff7e00}

#inputFreunde {font-family: Trebuchet MS, Verdana; font-size:12px; border:1px solid #7f9db9; background-color:#ffffff; width:250px}
#inputText {height:160px; width:415px; font-family: Trebuchet MS, Verdana; font-size:12px}

p{margin:0 10px 10px}
a{color: #004eff; border-bottom:1px dotted #004eff; text-decoration:none}
a:hover{color: #5186ff; border-bottom:1px solid #5186ff; text-decoration:none}
a:visited{color: #666666; border-bottom:1px dotted #c0c0c0; text-decoration:none}
a#ohne {border:0px}
.abstandteaser {padding-left:9px; padding-bottom:12px}
.abstandteaserRechts {padding-left:28px; padding-bottom:12px}

div#header {height:268px; width:960px; border:1px solid #ffffff; margin:0; background-image:url(../bilder/head/1.jpg)}
div#container{text-align:left}
div#content{width:467px}

div#footer{background-image:url(../bilder/fusszeile.gif); width:960px; height:30px}
div#footer p{margin:0;padding:7px; font-size:90%;}
div#detailsBalken {padding-top:4px; padding-left:8px; width:461px; height:24px; background-color:#eeeeee}

div#container{width:960px;margin:0 auto}
div#wrapper{float:left;width:100%; padding-top:34px}
div#content{margin: 0 228px}
div#navigation{float:left;width:150px;margin-left:-237px}
div#extra{float:left;width:235px;margin-left:-960px}
div#footer{clear:left;width:100%}

#Hauptnavigation {width:201px; padding-top:7px; height:23px; background-color:#feb300; color:#ffffff; font-size:105%; font-weight:bold}
a#HNavi {font-weight: normal; display:block; background-image:url(../bilder/navi-off.gif); width:191px; height:24px; border:0px; padding-top:6px; padding-left:10px; text-transform:uppercase; color:#000000}
a#HNavi:hover {display:block; background-image:url(../bilder/navi-on.gif); width:191px; height:24px; border:0px; padding-top:6px; padding-left:10px}
a#HNaviAktiv {text-transform:uppercase; color:#336600; display:block; background-image:url(../bilder/navi-on.gif); width:191px; height:24px; border:0px; padding-top:6px; padding-left:10px}
a#HNavi:visited { color:#666666}

#TeaserLinks {background-image:url(../bilder/teaser-links-bg.gif); width:201px; background-repeat:repeat;}
#TeaserLinksBild {background-image:url(../bilder/teaser-links-bild-bg.gif); width:201px; height:187px; background-repeat:repeat;}
#detailsLinks {background-image:url(../bilder/teaser-links-detail-abschluss.gif); padding-left:10px; padding-top:2px; width:191px; height:22px;}

#TeaserRechts {background-image:url(../bilder/teaser-rechts-bg.gif); width:237px; background-repeat:repeat;}
#detailsRechts {background-image:url(../bilder/teaser-rechts-detail-abschluss.gif); padding-left:28px; padding-top:2px; width:209px; height:22px;}

#HeadNavi {margin-left:850px; margin-top:10px} 
#HeadNavi a {color:#3d3d3d; border:0px; text-transform: uppercase }

#breadcrumb {margin-top:210px; margin-left:14px; float:left; color:#878787; font-size:88%}
#breadcrumb a {color:#474747; border:0px;}
#search {margin-left:607px; margin-top:207px; color:#878787; font-size:88%; text-transform: uppercase}

input#suchfeld {width:160px; background-color:#ffffff; border:1px solid #878787}



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

#lightbox a img{ border: 0px; }

#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(../bilder/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; border:0px}
#nextLink { right: 0; float: right; border:0px}
#prevLink:hover, #prevLink:visited:hover { background: url(../bilder/prevlabel.gif) left 15% no-repeat;  border:0px}
#nextLink:hover, #nextLink:visited:hover { background: url(../bilder/nextlabel.gif) right 15% no-repeat;  border:0px}


#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; border:0px;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}