body, html {
background: #ffffff url(images/content.png) no-repeat center center;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}

a:active, a:focus {outline: none;}

h1 {
font: normal 25px/1.5 Georgia, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
color: #0099d9;
margin: 0 0 10px 0;
}
h2 {
font: normal 16px/1.5 'Helvetica Neue', Helvetica, Arial, Georgia, sans-serif;
text-transform: none;
margin: 25px 0 0 0;
background: #ffffff;
padding: 5px;
}
h3 {
font: normal 25px/1.5 Georgia, serif;
text-transform: none;
margin: 25px 0 0 0;
position: absolute;
background: #ffffff;
padding: 5px;
}

.layout {
width: 960px; 
height: auto;
background-color: transparent;
margin: 0 auto;
padding: 30px 0 0 0;
}

#top {
width: 100%;
height: 90px;
background: transparent url(images/top.png) no-repeat left;
margin: 0px auto;

}


.footer {
background: transparent url(images/pfeil.png) no-repeat top center;
bottom: 0;
width: 100%;
height: 66px;
position: fixed;
padding: 50px 0 0 0;
}

.content {
width: 960px;
height: auto;
margin: 0 auto;
font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, Georgia, sans-serif;
/*opacity:0.8;
filter: alpha(opacity=80);*/
background: transparent url(images/hg.png);
padding: 100px 10px 25px 10px;
color: #666666;
}

.content a:link, .content a:visited {
text-decoration: none;
color: #000000;
}
.content a:hover {
text-decoration: underline;
color: #000000;
}

.content_left {
width: 470px;
height: auto;
float: left;
background: transparent;
padding: 0 0 125px 0;
}

.content_right {
width: 470px;
height: auto;
float: right;
background: transparent;
padding: 0 0 125px 0;
}

.unten {
height: 40px;
width: 900px;
margin: 0px auto;
}

.footer a:link, .footer a:visited {
border:0;
}

/*.footer a:hover {
border-bottom: 1px solid #ffffff;
}*/

.mail {
width: 300px;
height: 30px;
position: absolute;
padding: 0 0 0 0;
top: 50%;
left: 50%;
margin: 122px 0px 0px -65px;
background: transparent;
}

.mail a:link {
width: 250px; 
height: 20px;
display: block;
background: transparent;
}

.facebook_like {
width: 305px;
height: 50px;
position: absolute;
padding: 20px 0 0 20px;
top: 50%;
left: 50%;
margin: 120px 0px 0px -83px;
background: transparent;
}

/***********NAVI************/

#navi { 
margin: 0; 
padding: 0; 
line-height: 1.4;
width: auto;
height: auto;
padding: 0;
margin: 0 50px 0 0;
float: right;
background: transparent url(images/hg.png);
} 
#navi ul, #navi li { 
display:block; 
list-style-type: none; 
margin: 0 0 0 0; 
padding: 0 0 0 0;
width: auto;
height: auto;
float: left;
} 
#navi li a { 
display:block; 
text-decoration: none;
width: auto;
height: 90px;
padding: 0 0 0 0;
font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #111111;
background: transparent;
letter-spacing: 0.03em;
} 
#navi a:link, #navi a:visited { 
text-decoration: none;
display:block; 
color: #0099d9;
width: auto;
height: auto;
margin: 31px 0 0 0;
padding: 6px 12px 6px 12px;
font: 12px/1.5 helvetica, arial, verdana;
} 
#navi #akt_navi { 
display:block; 
height: auto;
margin: 31px 0 0 0;
padding: 6px 12px 6px 12px;
font: 12px/1.5 helvetica, arial, verdana;
color: #ffffff;
background: #0099d9 no-repeat top left;
} 
#navi a:hover { 
color: #0099d9; 
width: auto;
height: auto;
margin: 31px 0 0 0;
padding: 6px 12px 6px 12px;
font: 12px/1.5 helvetica, arial, verdana;
background: #d9f0f9 /*url(images/btn_hover.png)*/ no-repeat top left;
}
#navi a:hover#akt { 
color: #ffffff; 
width: auto;
height: auto;
margin: 31px 0 0 0;
padding: 6px 12px 6px 12px;
font: 12px/1.5 helvetica, arial, verdana;
background: #333333 url(images/btn_aktiv.png) no-repeat top left;
}