#horizon { color: black; 
background-color: #fff;
 text-align: center; 
position: absolute; 
 top: 50%; 
 left: 0px; 
 width: 100%; 
 height: 1px; 
 overflow: visible; 
 visibility: hidden; 
display: block 
 }

#content  {
width: 974px;
height:  634px;
max-width: 978px;
max-height:  634px;
padding:0px;
margin-left: -487px;
position: absolute;
top: -317px;
left: 50%;
visibility: visible;
text-align: left; 
}


p, div,a {
color: white; 
font-size: 12px; 
font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height: 16px;
}

.b1e, .b2e, .b3e, .b4e{font-size:1px; overflow:hidden; display:block;}
.b1e {height:1px; background:#fff; margin:0 5px;}
.b2e {height:1px; background:#fff; margin:0 3px;}
.b3e {height:1px; background:#fff; margin:0 2px;}
.b4e {height:2px; background:#fff; margin:0 1px;}
.contente {background: #fff;height: 543px; max-height: 543px;}
.contente div {margin-left: 5px;}


.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#617A7C; margin:0 5px;}
.b2f {height:1px; background:#617A7C; margin:0 3px;}
.b3f {height:1px; background:#617A7C; margin:0 2px;}
.b4f {height:2px; background:#617A7C; margin:0 1px;}
.contentf {background: #617A7C;height: 543px; max-height: 543px;}
.contentf div {margin-left: 5px;}

.b1g, .b2g, .b3g, .b4g{font-size:1px; overflow:hidden; display:block;}
.b1g {height:1px; background:#8DB3B5; margin:0 5px;}
.b2g {height:1px; background:#8DB3B5; margin:0 3px;}
.b3g {height:1px; background:#8DB3B5; margin:0 2px;}
.b4g {height:2px; background:#8DB3B5; margin:0 1px;}
.contentg {background: #8DB3B5;height: 543px; max-height: 543px;}
.contentg div {margin-left: 5px;}


/*links, mitte, rechts container*/
.boxcontainer{float:left; margin-right:26px; }

/*box mitte und rechts*/
.box {width: 275px; max-width: 275px; height: 543px; max-height: 543px;margin-top:60px; margin-bottom: 17px;}

.inhaltmitte  {padding: 84px 24px 24px }

.inhaltrechts  {padding: 73px 17px 17px 17px;}


.copyright
{
padding-top:300px;
padding-left:160px}

/*hut links*/
.hutbox   { background-image: url(images/hg_hut.jpg); background-repeat: no-repeat; width: 362px; height: 624px }


/*94+25 höhe von titel = 119+76= position höhe nav*/ 
#nav
 { background-image: url(images/hg_nav.png); background-repeat: no-repeat; margin-top: 76px; margin-left: 105px; height: 173px }
/*png transparent IE bei css hintergrund*/
* html #nav {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/hg_nav.png')
}



#titel
{
padding-top: 94px;
height: 25px; max-height: 25px;
margin-left: 182px;
}


.navItemFirst
{
margin-left:27px;
padding-top:24px;
z-index: 1000;
position: relative;}
/*positon relative weil die links auf dem png hintergrund der mit filter umgeschrieben
werden muss, nicht anklickbar sind*/

.navItem
{
margin-left:27px;
padding-top: 14px;
z-index: 1000;
position: relative;}


.inhaltmitte p
{margin-top:0;}

p span.displaynone { display:none; }

.adresse {padding-left:31px;margin-top:5px;margin-bottom:0px; padding-bottom:0px}
.adressemail {padding-left:31px;margin-top:0px; padding-top:0px}

a.adress {
text-decoration: underline;
}


ul
{
list-style-type:none;
list-style-image:url(images/button_dunkel.gif);
margin:0;
margin-left:24px;
padding:0;
}

li
{
margin-left:0;
margin-bottom:5px;
}

/*************style für zoombox ******************************/

p.zoombox {
color: #617a7c; 
font-size: 12px; 
font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height: 16px;
}

a.zoombox {
color: #617a7c; 
font-size: 12px; 
font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height:20px;
}