body {
background-color:#202020;
margin:0;
padding:0;
height:100%;
color:#ffffff;
font-family:Verdana, Geneva, sans-serif;
font-size:100%;
}
#container {
margin:-288px 0px 0px -495px; 
position:absolute;
top:50%;
left:50%;
width:990px; 
height:575px; 
background-color:#000000; 
border-style:solid; 
border-color:#426300; 
border-width:1px;
}

.head {
background-color:#006400;
height:50px;
width:990px; 
margin:0px auto;
}
.head #left {
padding:0px 0px 0px 10px;
font-weight:500;
font-size:2.5em;
color:#ffd700;
float:left;
font-style:italic;
text-decoration:none;
}
.head #middle {
color:#ffd700;
font-weight:normal;
font-size:1em;
float:left;
padding:25px 0px 0px 10px;
}
.head #right {
color:white;
font-style:italic;
font-weight:normal;
font-size:1.5em;
font-family:"Comic Sans MS", cursive, sans-serif;
text-align:right;
float:none;
padding:10px 20px 0px 0px;
}

.headnavigation {
height:20px
}
.headnavigation ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
.headnavigation li {
float:left;
}
.headnavigation a:link,
.headnavigation a:visited {
display:block;
height:20px;
width:198px;
padding:0px;
background-color:#006400;
color:#FFFFFF;
font-weight:normal;
font-size:0.9em;
text-align:center;
text-decoration:none;
}
.headnavigation a:active {
background-color:#006400;
}
.headnavigation a:hover {
color:#ffd700;
background-color:#006400;
}

.navigation {
font-weight:bold;
margin-top:10px;
width:150px;
float:left;
}
.naviItem a {
color:#006400;
font-weight:bold;
font-size:0.9em;
margin-left:10px;
margin-top:0px;
width:150px;
text-decoration:none;
}
.naviItem a:hover {
color:#ffd700;
}
.naviSelectedItem a {
text-decoration:none;
color:green;
font-size:0.9em;
font-style:italic;
margin-left:10px;
margin-top:0px;
width:150px;
}
.naviSelectedItem a:hover {
color:#ffd700;
}
.naviSubItem a {
color:#006400;
text-decoration:none;
font-weight:bold;
font-size:0.8em;
margin-left:25px;
margin-top:5px;
width:150px;
}
.naviSubItem a:hover {
color:#ffd700;
}
.naviSelectedSubItem a {
color:green;
font-weight:bold;
text-decoration:none;
font-style:italic;
font-size:0.8em;
margin-top:5px;
margin-left:25px;
width:180px;
}
.naviSelectedSubItem a:hover {
color:#ffd700;
}

.naviGallery {
color:#ffffff;
font-weight:normal;
font-size:0.8em;
width:280px;
float:left;
}
td.naviGallery a {
color:#ffffff;
font-weight:normal;
font-size:0.8em;
}
td.naviGallery a:hover {
color:#ffd700;
}

.gallery{
margin:0px 0px 0px 150px; 
height:480px;
text-align:center;
}

.thumbnail .new {
width:215px;
margin:17px 0px 0px;
padding:0px;
color:#ffd700;
font-weight:bold;
font-size:.7em;
text-align:right;
}
.thumbnail .title {
font-weight:bold;
font-size:0.9em;
margin:5px 0px 8px;
padding:0px;
}

div.thumbnail{
width:280px;
height:160px;
float:left;
text-align:center;
}
div.thumbnail div{
margin-left:65px;
width:150px;
height:100px;
text-align:center;
vertical-align:middle;
cursor:pointer;
}
div.thumbnail img{
max-width:150px;
max-height:100px;
border-width:1px; 
border-color:white; 
border-style:solid;
}
.thumbnail a,
.thumbnail a:active,
.thumbnail a:focus,
.thumbnail a:hover,
.thumbnail a:visited{
color:black;
text-decoration:none;
border-style:none;
border-width:0px;
}


#Image{
height:400px;
top:50%;
width:800px;
left:50%;
margin:-187px 0 0 -325px;
position:absolute;
vertical-align:middle; 
text-align:center; 
}
#PicturePopUp{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1000;
display:block;
}
#PictureBackground{
background-color:#202020;
background-position:left top;
background-repeat:repeat-x;
display:block;
opacity:0.96;
filter:alpha(opacity=96);
z-index:1001;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
}
#PictureContent{
top:50%;
left:50%;
position:absolute;
vertical-align:middle; 
text-align:center; 
z-index:1002;
}
#PictureDescription{
top:50%;
left:50%;
position:absolute;
vertical-align:middle; 
text-align:center; 
z-index:1002;
}
#Picture{
vertical-align:middle;
}

.impressum{
height:505px;
text-align:justify;
overflow:auto;
padding:0 10px;
font-size:0.8em;
}
.impressum h2{
font-size:1.2em
}

.links{
height:505px;
overflow:auto;
padding-left:10px;
font-size:0.8em;
}
.links div a{
width:468px;
height:60px;
margin-right:9px;
margin-bottom:9px;
display:block;
float:left;
}
.links a:active,
.links a:focus,
.links a:hover,
.links a:visited{
text-decoration:none;
border-style:none;
border-width:0px;
}
.links div a img{
border:1px solid white;
}
.links h2{
font-size:1.2em;
clear:both;
}