body{
margin:0;
text-align:center;
font-size: 11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
background-color: #0D4053;
background-repeat:repeat-x;
background-image:url(bilder/n12.jpg);
background-position: 50% 0px;
}

p{
color: #2c3d55;
font-size:11px;
font-weight:light;
padding: 0px 0px 0px  0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

td{
color: #2c3d55;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
h1{
color: #990033;
font-size:14px;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

h2{
color: #2c3d55;
font-size:12px;

font-family:Arial,Verdana,Helvetica,sans-serif;
}

h3{
color: #2c3d55;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:11px;
font-weight:light;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
h4{
color: #5f94b3;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:12px;
font-weight:light;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
h5{
color: #ffffff;
padding:0px 40px 13px 160px;
margin:0px 0px 0px 0px;
font-size:11px;

font-family:Arial,Verdana,Helvetica,sans-serif;
}
h6{
color: #2c3d55;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvetica,sans-serif;
}

/*************************************/
 a{
	color: #2c3d55;
 font-size: 11px;
	font-weight: light;

}

 a:link{
 color: #2c3d55;
 font-size: 11px;
		text-decoration: none;
}

a:visited{
	color: #2c3d55;

 font-size: 11px;
 	text-decoration: none;
}

a:hover{
	color: #2e3e55;
 font-size: 11px;

	text-decoration: underline;
}
/*************************************/
.logo{
background-repeat:no-repeat;
background-image:url(bilder/hg_o2.jpg);
background-position: left top;

}

/************************************/
#navi a{
    display: block;
    color: #E6F4FB;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #000000;
    text-decoration: none;
	text-align:left; 
    
    background-image:url(bilder/button1.png);
	background-position:3px center;
}


#navi a:link{
    display: block;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #000000;
    padding: 4px 0px 5px 24px;
    color: #E6F4FB;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    background-image:url(bilder/button1.png);
	background-position:3px center;

}
#navi a:active{
    display: block;
    color: #E6F4FB;
    font-size: 12px;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #000000;
    padding: 4px 0px 5px 24px;
    text-decoration: none;
    background-image:url(bilder/button1.png);
    background-position:3px center;
}

#navi a:visited{
    display: block;
    color: #E6F4FB;
    font-size: 12px;
    border-top: 1px solid #003366;
    border-bottom: 1px solid #000000;
    padding: 4px 0px 5px 24px;
    background-image:url(bilder/button1.png);
    background-position:3px center;
}

#navi a:hover{
    display: block;
    color: #ffffff;
    font-size: 12px;
    border-top: 1px solid #0099cc;
    border-bottom: 1px solid #000000;
    padding: 4px 0px 5px 24px;
    text-decoration: none;
    background-image:url(bilder/button2.png);
    background-position:3px center;
    background-color: #2c3d55;
}

/************************************/

/************************************/
#info a{    display: block;
color: #ffffff;
font-size:12px;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
   text-decoration: none;
    background-color: #2c3d55;
}

#info a:link{    display: block;
color: #ffffff;
font-size:12px;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
   text-decoration: none;
    background-color: #2c3d55;
}
#info a:active{    display: block;
    color: #ffffff;
font-size:12px;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
   text-decoration: none;
    background-color: #5f94b3;
}

#info a:visited{    display: block;
color: #ffffff;
font-size:12px;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
   text-decoration: none;
    background-color: #2c3d55;
}

#info a:hover{    display: block;
color: #ffffff;
font-size:12px;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
   text-decoration: none;
    background-color: #5f94b3;
}

/*************************************/
.inhalt
{
margin:auto;
padding:5px 40px 20px 20px;
text-align:left;
}

.copy a{
color: #cccccc;
font-size:10px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}


.copy a:link{
 color: #cccccc;
 font-size: 10px;
		text-decoration: none;
}

.copy a:visited{
	color: #cccccc;

 font-size: 10px;
 	text-decoration: none;
}

.copy a:hover{
	color: #cccccc;
 font-size: 10px;
	text-decoration: underline;
}
/*************************************/
.counter{
	color: #fcf6e8;
 font-size: 11px;
	font-weight: light;

}

.counter a:link{
 color: #fcf6e8;
 font-size: 11px;
		text-decoration: none;
}

.counter a:visited{
	color: #fcf6e8;

 font-size: 11px;
 	text-decoration: none;
}

.counter a:hover{
	color: #fcf6e8;
 font-size: 11px;

	text-decoration: none;
}
/*************************/

.screen {
width:500px; 
height:150px; 
text-align:left; 
position:relative; top:-50px;
margin:0;}

.screen ul.thema {
padding:0; 
margin:0; 
list-style:none; 
width:500px; 
height:auto; 
position:relative; 
z-index:10;}

/*********button oben*******************/
.screen ul.thema li {
display:block; 
width:100px; 
height:31px; 
float:left;
}

.screen ul.thema li a.set {
display:block; float:left;
font-size:11px; 
width:100px; 
height:30px; 
text-align:center; 
line-height:30px; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#00cc00; 
font-family:verdana, arial, sans-serif;
}

.screen ul.thema li a ul, 
.photo ul.s-bilder li ul 
{display:none;}

.screen ul.thema li.active a
{color:#000; background:#ffffff;} /*********Hintergrund start*******************/

.screen ul.thema li a:hover,
.screen ul.thema li:hover a
{color:#fff; background:#ffffff;}

.screen ul.thema li.active ul
{
display:block; 
position:absolute; left:0; top:31px; 
list-style:none; 
padding:0; 
margin:0; 
height:150px;
background:#transparent;  /*********Hintergrund hinterm set, inactive *******************/
width:500px;
padding:30px 10px 10px 10px; 
border:0px solid #009900; z-index:1;
}

.screen ul.thema li a:hover ul, 
.screen ul.thema li:hover ul
{
display:block; 
position:absolute; 
left:0; top:31px; 
list-style:none; 
padding:0; margin:0; 
height:150px;
background:#transparent; /*********Hintergrund hinterm set*******************/
width:500px;
padding:30px 10px 10px 10px; 
border:0px solid #009900; /*********rand hinterm set*******************/
z-index:100;}

.screen ul.thema li ul li
{
display:inline; 
width:123px; 
height:82px; 
float:left; 
border:0px solid #fff; 
margin:1px;}

.screen ul.thema li ul li a
{
display:block; 
width:123px; height:85px; 
cursor:default; float:left; 
text-decoration:none; 
background:#transparent; 
border:0px solid #009900;/*********bilderrahmen kl bilder*******************/
}

.screen ul.thema li ul li a img
{
display:block; 
width:157px; height:100px;  /*********bilderrahmen kl innen*******************/
border:5px solid #DFF0F7;
}

.screen ul.thema li a:hover ul li a:hover, 
.screen ul.thema li:hover ul li a:hover 
{white-space:normal; position:relative;}

.screen ul.thema li a:hover ul li a:hover img, 
.screen ul.thema li:hover ul li a:hover img 
{
position:absolute; 
left:-50px; top:-32px; 
width:263px; height:198px; /****ANSICHT**/
border-color:#00807B; /****rand gr bild**/
}


/************************************************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.photo {
width:500px;
height:180px;
text-align:left;
position:relative;
margin:0;}

.photo ul.topic {
padding:0;
margin:0;
list-style:none;
width:500px;
height:auto;
position:relative;
z-index:10;}

.photo ul.topic li {
display:block;
width:125px;
height:31px;
float:left;
}

.photo ul.topic li a.set {
display:block;
font-size:11px;
width:124px;
height:30px; /******Höhe Reiter*********/
text-align:center; 1
ine-height:30px;
color:#000;
text-decoration:none;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#A6D7DC;
font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#A6D7DC;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#00807B;}

.photo ul.topic li.active ul
{
display:block;
position:absolute; left:0; top:31px;
list-style:none;
padding:0;
margin:0;
height:100px;/*******Höhe des Conteners********/
background:#transparent;
width:464px;
padding:20px 20px;
border:5px solid #A6D7DC; z-index:1;}

.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{
display:block;
position:absolute;
left:0; top:31px;
list-style:none;
padding:0; margin:0;
height:100px;/*******Höhe des Conteners********/
background:#00807B;
width:464px;
padding:20px 20px;
border:5px solid #00807B;
z-index:100;}

.photo ul.topic li ul li
{
display:inline;
width:112px;
height:87px;
float:left;
border:1px solid #A6D7DC;
margin:1px;}

.photo ul.topic li ul li a
{
display:block;
width:110px; height:85px;
cursor:default; float:left;
text-decoration:none;
background:#444;
border:1px solid #888;}

.photo ul.topic li ul li a img
{
display:block;
width:100px; height:75px;
border:5px solid #E6F4FB;
}

.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{
position:absolute;
left:-50px; top:-32px;
width:214px; height:200px;
border-color:#00807B;
}

.galerie{
background-repeat:no-repeat;
background-image:url(bilder/oben.png);
background-position: left top;
padding:15pt 0pt 0pt 6pt; 

}