* {
   margin:0;
   padding:0;

}
.clear {clear: both;}
html, body {
   background-color:#e0edea;
   font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
   font-size: 12pt;
   text-align:center;
   width:100%;
   color:#147681;
}
h1 {
   margin: 0 0 0.0001pt 0;
   font-size: 12pt;
}
h2, h3 {
   margin: 1em 0 0.0001pt 0;
   font-size: 12pt;
}
#abmelden {
   width:100%;
   margin:0;
   top: 0;
   text-align:center;
   position: fixed;z-index: 104;
}
#abmelden div {
   text-align:right;
   margin:0 auto;
   width:720px;
}
#abmelden div a {
   color:#105e67;
   font-weight:bold;
   font-weight:bold;
   display:inline-block;
   background-color:#fd9323;
   border: 2px solid #c0701b;
   padding:5px;
   text-decoration: none;
   white-space: nowrap;
   
}
#top {
   display:block;
   background-color:#16808c;
   text-align:center;
   background-image: url(images/wolken.jpg);
   background-position: left top;
   background-repeat: repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#top {
		background: url(images/wolken_hd.jpg); 
            background-color:#16808c;
            text-align:center;
		background-size: 516px 207px;
            background-position: left top;
            background-repeat: repeat-x;
	}
}
#container {
   padding:0;
   margin:-1px 0 0;
   border-top:1px solid #16808c; 
   text-align:left;
   background-color:#16808c;
   background-image: url(images/farbverlauf.jpg);
   background-position: left top;
   background-repeat: repeat-x;
   background-image: -moz-linear-gradient(top, #16808c 0%, #e0edea 100%);
   background-image: -webkit-linear-gradient(top, #16808c 0%, #e0edea 100%);
   background-image: -ms-linear-gradient(top, #16808c 0%, #e0edea 100%);
   background-image: -o-linear-gradient(top, #16808c 0%, #e0edea 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16808c', endColorstr='#e0edea');
}
#bottom {
   text-align:center;
   background-color:#e0edea;
   margin:0;
   bottom:0px;
}
#header {
   width:850px;
   height:298px;
   margin:0 auto;
   background: url(images/header.png) left top no-repeat;
}
 
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#header {
		background: url(images/header_hd.png); 
		background-size: 850px 298px;
	}
}
#content {
   background-color:#faf6df;
   border-top:1px solid #faf6df;
   width:800px;
   margin:-2px auto 0;
}
#fooder {
   width:800px;
   color:#16808c;
   height:50px;
   line-height:50px;
   margin:0px auto;
}

/*NAVIGATION======================*/

#navigation {
   padding:6px 65px 0 65px;
   width:720px;
   text-align:right;
}
#navigation li {
    list-style: none;
    display: inline;
  }
a.nav, a.nav:link, a.nav:visited {
    cursor: pointer;
    display: inline-block;
    height: 75px;
    line-height: 75px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 90px;
    color:#f8faf5;
    background-color:#fd9323;
}
a.nav:hover, a.nav:focus, a.nav_on:link, a.nav_on:visited {
    background: none repeat scroll 0 0 #fec486;
    color: #f8faf5;
}

a.nav span {
    display: block;
    height: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
    z-index: 2;
}
a.start span {
   background:url(images/start_button.jpg)  0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.start span {
		background: url(images/start_button_hd.jpg); 
		background-size: 90px 150px;
	}
}

a.portrait span {
   background:url(images/portrait_button.jpg)  0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.portrait span {
		background: url(images/portrait_button_hd.jpg); 
		background-size: 90px 150px;
	}
}
a.bilder span {
   background:url(images/bilder_button.jpg)  0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.bilder span {
		background: url(images/bilder_button_hd.jpg); 
		background-size: 90px 150px;
	}
}
a.einblick span {
   background:url(images/einblick_button.jpg)  0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.einblick span {
		background: url(images/einblick_button_hd.jpg); 
		background-size: 90px 150px;
	}
}
a.kontakt span {
   background:url(images/kontakt_button.jpg)  0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.kontakt span {
		background: url(images/kontakt_button_hd.jpg); 
		background-size: 90px 150px;
	}
}
a.nav:hover span, a.nav:focus span,
a.nav_on:link span, a.nav_on:visited span {
   background-position: 0 -75px;
}
#nav {
}
#nav_top {
   height:26px;
   padding:0 0 15px;
}
#nav_top_unterstrich {
   height:13px;
   /*width:450px;*/
   background: url(images/unterstrich.jpg) right top no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#nav_top_unterstrich {
		background: url(images/unterstrich_hd.jpg) right top no-repeat; 
		background-size: 450px 13px;
	}
}
a.nav_top, a.nav_top:link, a.nav_top:visited {
    color: #f8faf5;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
a.nav_top_on, a.nav_top:hover, a.nav_top:active, a.nav_top_on:link, a.nav_top_on:visited {
    text-decoration: underline;
}

span.nav_fooder {
    color: #16808c;
    display: inline-block;
    font-size: 11px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
a.nav_fooder {
    color: #16808c;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    padding: 0px 5px 0px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
a.nav_fooder:active, a.nav_fooder:hover {
    text-decoration: underline;
}
/*===============================*/
.left {
   float:left;
}
.right {
   float:right;
}
#logo {
   width:320px;
   height:78px;
   padding:80px 0 0 180px;
}
#logo a img,#logo a img:active,#logo a img:hover {
    width:320px;
    height:78px;
    font-size: 20pt;
    color:#f8faf5;
    border: medium none;
    text-decoration: none;
}
#text {
   padding:20px 40px 40px;
   line-height: 1.5;
}
p {
   margin: 1em 0 0.0001pt 0;
}
form.rahmen {
   border-top:1px solid #147681;
   padding:1px 0 0;
   margin:0 0 20px;
}