body {margin: 0; padding: 0; background: url(pics/back.jpg) no-repeat #6f99b1; font: 12px arial, verdana;}

.clearer {clear:both;}

h1 {color: #d46818; font: bold 24px helvetica, tahoma, arial, verdana;}
h2 {color: #376091; font: italic 18px arial, verdana;}

a {text-decoration: none; color: #d46818;}
a:hover {text-decoration: underline;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#wrap {margin: 0 auto; width: 960px; background: url(pics/back_content.gif) repeat-y;}

#head {background: url(pics/people.gif) top right no-repeat; height: 168px; width: 960px;}
#headep {margin: 15px 350px 0 0; float: right; width: 120px; height: 80px; }
#headep a {display: block; width: 120px; height: 80px; text-indent: -3000px;}

#content {background: url(pics/back_footer.jpg) bottom left no-repeat; min-height: 680px;}
* html #content {height: 680px;}

#main {width: 585px; float: left; padding: 25px 25px 50px 40px; line-height: 18px;}
#main img {float: left; margin: 0 25px 5px 0; border: 4px solid #dde4ea;}
#main img.rechts {float: right; margin: 0 0 5px 25px;}
#main img.ohne {border: none;}

#main table td {padding: 3px 6px; background-color: #cdcdcd;}


#leiste {margin-left: 650px; width: 310px; text-align: right;}

#footer {text-align: center; padding: 20px 0 50px 0; height: 87px; width: 960px; margin: 0 auto;}

#footer ul {list-style: none;}
#footer ul li {display: inline; padding: 0 10px 0 0; color: #fff;}
#footer ul li a {color: #fff;}
#footer ul.copy li {color: #c7cbce;}
#footer ul.copy li a {color: #c7cbce;}
#footer ul.copy li a:hover {text-decoration: underline;}

#facebooklink {padding: 20px 35px 0px 15px;}

#partnerlogos {width: 182px; padding: 0 0 0 95px;}
#partnerlogos img {margin-bottom: 10px; border: none;}
#partnerlogos img a {border: none; text-decoration: none;}


/*-------------------------------

         Klassen

---------------------------------*/

.preis {font: bold 24px arial, verdana;}