html{
height : 101%;
}
*{
margin: 0;
padding: 0;
}
body {
background: #fff;
font: 100.01% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
border-top: 5px solid #2C6F7A;
}
p {
font-size: 0.8em;
line-height : 1.4;
color: #333;
margin : 5px 0 5px 0;
}
a img {
border: 0 none;
}
a{
color : #2C6F7A;
text-decoration : none;
}
a:hover{
text-decoration : underline;
}
ul {
 font-size: 0.8em;
 color: #333;
 list-style: square;
 margin: 10px 0 10px 20px;
}
ul li{
 padding: 0 0 2px 0;
}

/*---------------------------h1-5---------------------------------*/
h1, h2, h3, h4, h5{
font-family: Arial, Helvetica, sans-serif;
background: transparent;
}
h2 {
font-size: 1.2em;
font-style: normal;
margin: 0 0 10px 0;
color: #545454;
}

h3 {
font-size: 1em;
margin : 20px 0 10px 0;
color: #2C6F7A;
}
h4 {
font-size: 1em;
margin : 0 0 15px 0;
}
h5 {
font-size: 0.85em;
margin : 5px 0 0 0;
padding : 0;
}

/*---------------------branding-----------------------------------*/

#alles{
 position: relative;
 width: 940px;
 margin: 30px auto 0 auto;
}
#branding{
width: 735px;
height: 285px;
}
#logo{
 position: absolute;
 top: 0;
 left: 0;
 width: 205px;
 height: 285px;
 background: url(images/Logo.gif) no-repeat 0 0;
 text-indent: -9999px;
 z-index: 1000;
}
#branding img{
 border: 10px solid #DEDEDE;
 position: absolute;
 top: 0;
 right: 0;
}
/*----------------------------------------------------------------*/

/*---------------------------------content------------------------*/
#content{
width: 735px;
margin: 0 0 0 205px;
padding: 35px 0 0 0;
}
#content a, #content a:link, #content a:visited {
color: #2C6F7A;
text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
color: #2C6F7A;
background: #EFEFEF;
text-decoration: underline;
}
/*-------------------content Navigation--------------------------*/
#content-nav{
 overflow: hidden;
 width: 735px;
 margin: 20px 0 0 205px;
 background-color: #2C6F7A;
 border: 1px solid #2C6F7A;
}

#content-nav ul{
margin: 0 ;
padding: 0 0 0 10px;
list-style: none;
}
#content-nav li{
display: inline;
}
#content-nav a{
 display: block;
 float: left;
 font-weight: bold;
 color: #fff;
 background: transparent;
 padding: 10px 25px 10px 0;
}
#content-nav a:hover{
color: #fff;
}
#content-nav{
 border-radius : 8px; -moz-border-radius : 8px; -webkit-border-radius : 8px;
}
#content-nav a{
text-shadow: #000 1px 1px 1px;
}
/*----------------------------------------------------------------*/
/*-----------------------siteinfo---------------------------------*/
#container-siteinfo{
margin: 50px 0 0 205px;
width: 735px;
background-color: #2C6F7A;
border-top : 1px solid #114443;
}
#container-siteinfo p{
/*margin: 10px 0 10px 10px;*/
color: #FFF;
text-shadow: #000 1px 1px 1px;
}
#container-siteinfo p a{
color: #fff;
}
#container-siteinfo p img {
padding: 20px 10px 20px 10px;
vertical-align: middle;
}
#siteinfo:after{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
/*----------------------------------------------------------------*/

/*----------v-card------------------------------------------------*/
ul.vcard{
list-style: none;
margin: 0;
padding: 0;
}

ul.vcard li{
padding: 0 0 3px 0;
}

ul.vcard li.adr{
padding-bottom : 5px;
}

ul.vcard a.fn{
font-weight : bold;
}
/*----------------------------------------------------------------*/

/*------------------------kontaktformular-------------------------*/
form{
margin-top: 20px;
width: 600px;
}

fieldset{
border: 1px solid #CBB5AF;
}
legend{
color: #2C6F7A;
font-size: 0.8em;
font-weight : bold;
margin: 0 0 0 10px;
padding: 0 5px;
}
table#kontaktformular td{
padding : 10px;
}
table#kontaktformular{
border: 0;
}
table#kontaktformular p{
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
}
/*----------------------------------------------------------------*/

/*----------------klassen-----------------------------------------*/
hr{
display: none;
}
.fieldset{
width: 510px;
}
.trenner{
 height: 10px;
}
p.icon img{
vertical-align : top;
border-style : none;
border-width : 0;
margin : 0;
padding : 0}

.impressum{
 font-weight: bold;
}
