﻿h1 {font-family: verdana, Arial; font-size: 16px; color: #000000; margin-left: 30; margin-top: 10; margin-right: 30; margin-bottom: 5;text-align:left }
h2 {font-family: verdana, Arial; font-size: 16px; color: #000000; margin-top: 10;  margin-bottom: 5; }
.txt    { font-family: verdana, Arial; font-size: 14px; color: #000000; margin-left: 30; margin-top: 10; margin-right: 30; margin-bottom: 5;align:left }
.txt2    { font-family: verdana, Arial; font-size: 11px; color: #000000; margin-left: 30; margin-top: 10; margin-right: 30; margin-bottom: 0 }
.txtgb    { font-family: verdana, Arial; font-size: 11px; color: #000000; margin-left: 30; margin-top: 10; margin-right: 30; margin-bottom: 5;align:left }
.danke    { font-family: verdana, Arial; font-size: 9px; color: #000000; margin-left: 30; margin-top: -5; margin-right: 30; margin-bottom: 0 }
.menu    { font-family: verdana, Arial; font-size: 12px; color: #000000; margin-left: 30; margin-top: 0; margin-right: 5; margin-bottom: 0 }
.news   { font-family: verdana, Arial; font-size: 11px; color: #000000; margin-left: 10; margin-top: 5; margin-right: 20; margin-bottom: 5 }
.foot     { font-family: Arial; font-size: 11px; color: #000000; margin-left: 0}
.link2     { font-family: verdana, tahoma, Arial; font-size: 10px; color: #ffffff; margin-left: 25; font-weight: bold }
.linkwh     { font-family: verdana, tahoma, Arial; font-size: 12px; color: #ffffff; margin-left: 2; margin-right: 2 }
.head    { font-family: verdana; font-size: 18px; color: #ffffff; font-weight: bold; font-style: italic; margin-left: 20; margin-top: 7; }
.headline    { font-family: verdana; font-size: 14px; color: #000000; font-weight: bold; margin-left: 10; margin-top: 0; font-style: italic; }
.headlinewh    { font-family: verdana; font-size: 18px; color: #ffffff; font-weight: bold; margin-left: 30; margin-top: 15; font-style: italic; }
a.linkwh:link { color: #ffffff; text-decoration: none; font-size: 12px;}
a.linkwh:hover { color: #ffffff; text-decoration: none; font-size: 12px;background-color: #63c177;}
a.linkwh:visited { color: #ffffff; text-decoration: none; font-size: 12px;}

a:link { font-family: verdana, tahoma, Arial; font-size: 12px; color:#228b22; text-decoration: underline; font-weight: bold;}
a:hover { font-family: verdana, tahoma, Arial; font-size: 12px; color: #000000; text-decoration: none;background-color: #63c177;}
a:visited { font-family: verdana, tahoma, Arial; font-size: 12px; color: #228b22; text-decoration: none; }

a.textlink:link { font-family: verdana, tahoma, Arial; font-size: 14px; color:#228b22; text-decoration: underline; font-weight: bold;}
a.textlink:hover { font-family: verdana, tahoma, Arial; font-size: 14px; color: #000000; text-decoration: none;background-color: #63c177;}
a.textlink:visited { font-family: verdana, tahoma, Arial; font-size: 14px; color: #228b22; text-decoration: none; }

a.danken:link { font-family: verdana, tahoma, Arial; font-size: 9px; color:#228b22; text-decoration: underline; font-weight: bold;}
a.danken:hover { font-family: verdana, tahoma, Arial; font-size: 9px; color: #000000; text-decoration: none;background-color: #63c177;}
a.danken:visited { font-family: verdana, tahoma, Arial; font-size: 9px; color: #228b22; text-decoration: none; }

div.menue { background: url(vertical08a.jpg) no-repeat;
                width:180px; height:25px; margin:1px; }
    div.menue a { padding-top:2px; padding-left:5px; display:block; text-decoration:none; }
    div.menue a:link, div.menue a:visited { color:#ffffff; font-weight: bold;}
    div.menue a:hover { background: url(vertical08.jpg) no-repeat;
                width:180px; height:25px; margin:0px; color:green;}
    div.menue a:active { color:green; background: url(vertical08.jpg) no-repeat;
                width:180px; height:25px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 12px; text-decoration: none;}
    * html div.menue a { width:100%; }

div.menue_u { background: url(vertical08u.jpg) no-repeat;
                width:180px; height:25px; margin:1px; }
    div.menue_u a { padding-top:2px; padding-left:5px; display:block; text-decoration:none; }
    div.menue_u a:link, div.menue_u a:visited { color:green; font-weight: normal;}
    div.menue_u a:hover { background: url(vertical08u.jpg) no-repeat;
                width:180px; height:25px; margin:0px; color:white;}
    div.menue_u a:active { color:white; background: url(vertical08u.jpg) no-repeat;
                width:180px; height:25px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 12px; text-decoration: none;}
    * html div.menue_u a { width:100%; }

#bannerliste {text-align:center;padding-top:20px;width:468px;position:relative;left:50%;margin-left:-234;}
.banner1 {background-color:#fcfec5;padding:15 10 10 10; width:445px;height:35px;border: solid 1px green;}
.banner2 {background-color:#d6f4de;margin-top:10px;padding:15 10 10 10; width:445px;height:35px;border: solid 1px green}
.banner3 {background-color:#fcfec5;margin-top:10px;padding:15 10 10 10; width:445px;height:35px;border: solid 1px green}
.banner4 {background-color:#d6f4de;margin-top:10px;padding:5 1 1 1; width:463px;height:53px;border: solid 1px green}

#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: 50px;
	}

#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, #prevLink:hover, #prevLink:visited:hover {
background:transparent url(../images/prevlabel.gif) no-repeat scroll left 15%;
}
#nextLink, #nextLink:hover, #nextLink:visited:hover {
background:transparent url(../images/nextlabel.gif) no-repeat scroll right 15%;
} 


#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: 133px; float: right;  padding-bottom: 0.7em;	}

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