body {
background-color: #2B4965; /*#273C52;*/
font-size: 11px;
font-family:  Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color:#000000;
padding:0px;
margin: 0px;
background-image: url(../bilder/bodybg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom;
}
img
{
border:none;
}

td{
font-size: 11px;
}

a {color: #24527E;}
a:visited {color:#24527E;}
a:hover {color: #24527E;}
a:active { color:#24527E;}

h1{
font-size:15px;
}
h2{
font-size:12px;
}
h3{
font-size:11px;
}
h4{
font-size:10px;
}

form{
padding: 0px;
margin: 0px;
}

.form{
padding: 0px;
margin: 5px 50px 15px 50px;
}

textarea, .forminp input, input.forminp {
width:406px;
border: 1px solid #163552;
margin-top: 5px;
padding: 2px;
background-color:#7F9AAF;
}

.formbutton {
width:100px;
border: 1px solid #163552;
background-color:#7F9AAF;
}

#container {
width: 690px;
border: 1px solid #568BB7;
margin: 10px;
margin-left: auto;
margin-right: auto;
/*background-color: #DCDCDC;*/
background-image:url("../bilder/containerbg.gif");
background-repeat:repeat-y;
}

#banner {
padding: 0px;
margin: 0px;
/*background-color: #909129;/*909129*/
background-image:url("../bilder/header.jpg");
background-repeat:no-repeat;
}
#banner a{
color: #ffffff;
text-decoration:none; }
#banner  a:hover {color: #ffffff;}

#banner h1 {
font-size: 30px;
padding: 50px 0px 0px 50px;
margin: 0px;
}
#banner h2{
color: #ffffff;
font-size: 14px;
padding: 5px 0px 25px 50px;
margin: 0px;
}

#metanavi {
float: right;
padding: 5px 15px 0px 0px;
margin: 0px;
}

#topnavi {
background-color: #4C759C;
margin: 0px;
padding: 4px 0px 2px 35px;
height:16px;
}
#topnavi a {
color: #ffffff;
text-decoration: none;
margin: 0px;
padding: 0px 0px;
}
#topnavi a:visited {color:#ffffff;}
#topnavi a:hover {color: #333333;}
#mainnavi a:active { color:#ffffff;}

#container  #topnavi a.selected {
background-color: #ffffff;
color: #999999;
}
#menu a i
{
visibility: hidden;
}
#menu a
{
border:none;
background-repeat:no-repeat;
display:block;
width:85px;
height:16px;
float:left;
}
#menu a#m1
{background-image: url("../bilder/button01.gif");}
#menu a#m2
{background-image: url("../bilder/button02.gif");}
#menu a#m3
{background-image: url("../bilder/button03.gif");}
#menu a#m4
{background-image: url("../bilder/button07.gif");}
#menu a#m5
{background-image: url("../bilder/button04.gif");}
#menu a#m6
{background-image: url("../bilder/button06.gif");}
#menu a#m7
{background-image: url("../bilder/button05.gif");}


#menu a#m1:hover
{background-image: url("../bilder/button01o.gif");}
#menu a#m2:hover
{background-image: url("../bilder/button02o.gif");}
#menu a#m3:hover
{background-image: url("../bilder/button03o.gif");}
#menu a#m4:hover
{background-image: url("../bilder/button07o.gif");}
#menu a#m5:hover
{background-image: url("../bilder/button04o.gif");}
#menu a#m6:hover
{background-image: url("../bilder/button06o.gif");}
#menu a#m7:hover
{background-image: url("../bilder/button05o.gif");}



#content {
/*padding: 25px  0px;*/
padding-top:15px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
margin:0px;
margin-left:0px;
margin-right:200px;
background-color: #8CADC7; /*#ffffff;*/
}

#content h1, #content h3, #content h4 {
padding: 0px 30px 0px 30px;
margin:0px 0px 15px 0px;
position:relative;
}

#content h2 {
padding: 0px 30px 0px 30px;
margin:0px 0px 15px 0px;
font-size: 11px;
font-family:  Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color:#000000;
position:relative;
}


#content p, #content table
{
/*line-height: 18px;*/
padding: 0px 30px 0px 30px;
margin:0px 0px 10px 0px;
position:relative;
}
#content td
{
vertical-align:top;
}
.trdunkel
{
background-color:#7F9AAF;
}
#content ul{
padding: 0px 50px 0px 75px;
margin:0px 0px 15px 0px;
}
#content p.center{
text-align:center;
}

#content  br.antileft {
clear: left;
}
.antifloat {
clear: both;
visibility: hidden;
}

#right {
float: right;
width: 200px;
margin: 0px;
padding: 0px;
/*background-image:url("../bilder/frau2.gif");*/
background-repeat:no-repeat;
background-position:10px 10px;
color:#ffffff;
}

#right p{
padding: 0px 15px 15px 25px;
margin:0px;
}
#right a {
text-decoration: none;
color:#ffffff;
}
#right .selected {
text-decoration: underline;
}

#right ul {
list-style-type: none;
margin: 0px 25px;
padding: 0px;
}
#right li {
margin-bottom: 8px;
}
#right h3{
margin: 0px 0px 10px 0px;
padding: 25px 0px 0px 25px;
}

#footer {
clear: both;
padding: 3px 40px;
color: #ffffff;
font-weight: bold;
margin: 0px;
background-color: #999999;
background-image:url("../bilder/footer.jpg");
height:90px;
}
#footer a {color: #ffffff;}


.right {
float: right;
}




#content .vbutton a
{
border:none;
background-repeat:no-repeat;
display:block;
width:85px;
height:16px;
float:left;
text-decoration:none;
}

#content .vbutton a i
{
visibility: hidden;
}

#content .vbutton a#vcss
{background-image: url("../bilder/validcss.gif");}
#content .vbutton a#vcss:hover
{background-image: url("../bilder/validcsso.gif");}
#content .vbutton a#vxhtml
{background-image: url("../bilder/validxhtml.gif");}
#content .vbutton a#vxhtml:hover
{background-image: url("../bilder/validxhtmlo.gif");}

.affiliatediv
{
padding: 0px 30px 0px 30px;
}

.affiliateimg
{
float:left;
margin-right:5px;
margin-bottom:10px;
}

label {
position:relative;
}

#lightbox{      position: absolute;     left: 0; width: 100%; z-index: 100; 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 { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lb/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lb/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; outline: none;}

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