html{
 height: 101%;
}
*{
 margin: 0;
 padding: 0;
}
body{
 font: 101.01% Arial, Helvetica, sans-serif;
 color: #000;
 background: #fff url(images/hintergr.body.png) 0 0 repeat-x;
}
h1, h2, h3, h4, h5{
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 font-style: normal;
 font-weight: normal;
}
p{
 font-size: 0.8em;
 line-height: 1.4;
 margin: 0 0 10px 0;
}
a img{
 border: none;
}
a{
 color: #013668;
 text-decoration: none;
}
a:hover{
 text-decoration: underline;
}
ul{
 font-size: 0.8em;
 font-family: Arial, Helvetica, sans-serif;
 list-style: square;
 margin: 0 0 0 20px;
}
ul li, ol li{
 padding: 0 0 10px 0;
}
ol{
 font-size: 0.8em;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0 0 0 25px;
}
/*-------------navigation---------------------------*/
#branding-nav{
 position: relative;
 width: 918px;
 height: 50px;
 margin: 0 auto;
}
#branding-nav ul{
 top: 0;
 right: 0;
 list-style: none;
 margin: 0 5px 0 0;
 padding: 0;
}
#branding-nav ul li{
 float: right;
 background: transparent url(images/nav.punkte.gif) no-repeat 4px;
 padding: 0;
 margin: 5px 5px 0 20px;
}
#branding-nav li a{
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 90%;
 color: #fff;
 font-weight: bold;
 display: block;
 padding: 0 0 0 25px;
}
#branding-nav li a:hover{
 color: #7FC5FF;
 text-decoration: underline;
}
/*------------------branding-logo--------------------*/
#branding{
 width: 918px;
 height: 110px;
 margin: 0 auto;
}
#logo{
 width: 238px;
 height: 105px;
 margin: 10px 0 0 5px;
 background: url(images/branding-logo1.png) no-repeat;
 text-indent: -9999px;
}
/*----------------------------schmuckbild-------------------*/
#schmuckbild{
 width: 918px;
 height: 412px;
 background: transparent url(images/branding-bild-hintergr.png) 0 0 no-repeat;
 margin: 0 auto;
}
#schmuckbild img{
 display: block;
 width: 898px;
 height: 377px;
 padding: 13px 0px 0px 10px;
}
/*-----------------------content------------------------------*/
#content{
 position: relative;
 width: 908px;
 margin: 0 auto;
 padding: 35px 0 0 0;
 overflow: hidden;
}
/*-----------------------------content-main-----------------------*/
#content-main{
 width: 530px;
 float: left;
}
#content-main h2,
#content-main h3{
 color: #013668;
}
#content-main h2{
font-size: 1.8em;
margin: 0 0 25px 0;
}
#content-main h3{
 font-size: 1.5em;
 margin: 35px 0 25px 0;
}
/*-----------------------------content-sub------------------*/
#content-sub{
 width: 330px;
 float: right;
}
#content-sub h2{
 font-size: 1.5em;
 margin: 5px 0 0 0;
 padding: 0;
}
.content-sub-1{
 width: 328px;
 height: 263px;
 background: transparent url(images/content-sub-hintergr.png) 0 0 no-repeat;
 margin: 35px 0 0 0;
}
.content-sub-1 img{
 margin: 14px 0 0 14px;
}
/*----------------------------siteinfo------------------------*/
#siteinfo-container{
 width: 100%;
 margin: 100px 0 0 0;
 background-color: #013668;
 min-height: 20em;
}
#siteinfo{
 position: relative;
 width: 908px;
 margin: 0 auto;
 background: transparent;
}
#siteinfo:after{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#siteinfo p, #siteinfo ul, #siteinfo a{
 color: #fff;
}
#siteinfo-adresse{
 position: relative;
 width: 400px;
 background: transparent;
 float: left;
 margin: 30px 0 0 0;
 text-align: right;
}
#siteinfo-adresse img{
 position: absolute;
 top: 0;
 left: 0;
}
#siteinfo-adresse ul.vcard,
#siteinfo-zeiten ul{
 margin: 0;
 padding: 0;
 list-style: none;
}
#siteinfo-adresse ul.vcard li,
#siteinfo-zeiten ul li{
 padding: 0 0 5px 0;
}
#siteinfo-adresse p{
 margin: 0;
}
#siteinfo-adresse ul.vcard a{
 font-weight: bold;
}
#siteinfo-adresse .mail,
#siteinfo-zeiten p{
 margin: 5px 0 10px 0;
}
#siteinfo-zeiten{
 width: 400px;
 float: right;
 background: transparent;
 text-align: left;
 margin: 30px 0 0 0;
}
/*-------------------------vcard-----------------------------*/
.vcard, .kontaktpersonen{
 margin: 0;
 padding: 0;
 list-style: none;
}
.vcard li, .kontaktpersonen li{
 padding: 0 0 5px 0;
}
.vcard a{
 font-weight: bold;
}
/*----------------------------formular---------------------------*/
#formular{
margin: 30px 0 0 0;
}
#formular{
 font-size: 80%;
 font-family: Arial, Helvetica, sans-serif;
}
#formular fieldset{
 border: 1px solid #EBE9E6;
 margin: 0 0 15px 0;
 width: 100%;
 padding: 20px 0 20px 2px;
 display: block;
}

#formular legend{
 font-weight: bold;
 background-color: #FAF8F5;
 border: 1px solid #EBE9E6;
 padding: 4px;
 width: 12em;
 text-align: center;
 margin: 0 0 0 1em;
}
#formular label{
 width: 30%;
 float: left;
 margin: 10px 0 0 0;
}
#formular input, #formular select, #formular textarea{
 background-color: #fff;
 width: 50%;
 margin: 10px 0 0 0;
}
#formular input:focus, #formular textarea:focus{
 background-color: #FAF8F5;
}
#formular form br{
 clear: left;
}
#formular fieldset.button{
 padding: 10px 0 10px 0;
 background-color: #f4f4f4;
 }
#formular fieldset.button .senden{
width: 12em;
padding: 4px 10px 4px 10px;
border: 2px solid;
border-color: #f2f2f2 #c0c0c0 #c0c0c0 #f2f2f2;
margin: 0 auto;
display: block;
}
/*------------------------------klassen-------------------------*/
.kontaktpersonen .mobil{
 padding: 0 0 15px 0;
}
hr{
 display: none;
}

/*-----------suchmaske immopool------------------------*/
#suchmaske{
 margin: 30px 0 0 0;
}

#suchmaske .suchmaske{
width: 520px;
height: 600px;
}