body{
margin:0;
padding:0;
background:#000 url(../pix/hg-body.jpg) center top no-repeat fixed;
color:#000;
font-family:Tahoma, Verdana, sans-serif;
text-align:center;
}
img{
border:0;
}
a:focus{
outline:none;
}

#page{
margin:2em auto;
text-align:left;
max-width:60em;
min-width:770px;
background-color:#FFF;
border-top:1em solid #FFF;
border-bottom:1em solid #FFF;
}
#top{
padding:0 1em;
background: #FFF url(../pix/hg-balken.gif) repeat-x;
height:90px;
font-size:1em;
}
#top h1{
float:left;
margin:0;
padding:0;
position:relative;
overflow:hidden;
width:390px;
height:90px;
}
#top h1 span{
margin:0;
padding:0;
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:390px;
height:90px;
background: url(../pix/wemf-header.gif) top left no-repeat;
}
#top p b{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
}
#navi{
list-style-type:none;
margin:0;
padding:0;
float:right;
}
#navi li{
margin-left:1em;
float:left;
}
#navi li a{
display:block;
margin:0;
padding:0;
position:relative;
overflow:hidden;
width:65px;
height:90px;
}
#navi li a span{
cursor:pointer;
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:65px;
height:90px;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: top left;
}
#navi li.logo a span{
background-image: url(../pix/navi-logo.gif);
}
#navi li.print a span{
background-image: url(../pix/navi-print.gif);
}
#navi li.web a span{
background-image: url(../pix/navi-web.gif);
}
#navi li.event a span{
background-image: url(../pix/navi-event.gif);
}
#content{
margin:1em;
background:#FFF url(../pix/trennlinie.gif) repeat-y left top;
}
#cont-img{
width: 335px;
float:left;
color:#333;
}
#cont-img h4{
font-size:0.9em;
margin:0;
}
#cont-img p{
font-size:0.8em;
font-style:italic;
margin-top: 0.5em;
}
#cont-img a img{
border:5px solid #000;
}
#allgemein #cont-img a img{
border:0;
}
#logo #cont-img a img{
border-color:#E03;
}
#print #cont-img a img{
border-color:#F90;
}
#web #cont-img a img{
border-color:#AB0;
}
#event #cont-img a img{
border-color:#06A;
}
#cont-txt{
line-height: 1.5em;
margin-left: 350px;
}
#cont-txt h1{
font-size:1.2em;
line-height: 1em;
color:#666;
font-weight:normal;
}
#logo #cont-txt h1{
color:#E03;
}
#print #cont-txt h1{
color:#F90;
}
#web #cont-txt h1{
color:#AB0;
}
#event #cont-txt h1{
color:#06A;
}
#cont-txt h2{
font-size:1.1em;
font-weight:normal;
line-height: 1em;
}
#cont-txt p{
font-size:0.8em;
text-indent: 1em;
}
#cont-txt a{ color:#333; }
#cont-txt a:visited{ color:#222; }
#logo #cont-txt a{ color:#E03; }
#logo #cont-txt a:visited{ color:#D02; }
#print #cont-txt a{ color:#F60; }
#print #cont-txt a:visited{ color:#E50; }
#web #cont-txt a{ color:#AB0;}
#web #cont-txt a:visited{ color:#9A0; }
#event #cont-txt a{ color:#06A; }
#event #cont-txt a:visited{ color:#059; }

#cont-txt a:hover{ 
color:#000; 
text-decoration:none; 
}

#bottom{
clear:both;
background:#000 url(../pix/hg-balken.gif) 50% 100% repeat-x; 
text-align:center;
font-size:0.8em;
letter-spacing: 1px;
word-spacing:2px;
color:#EEE;
}
#bottom ul{
list-style-type:none;
margin:0;
padding:1em;
}
#bottom li{
display:inline;
}
#bottom a{
color:#EEE;
}
#bottom a:hover{
text-decoration:none;
}
#alexa{
width:0;
height:0;
overflow:hidden;
}