﻿@charset "utf-8";
/* CSS Document */

body {
background:url(../img/common/web_bg.jpg) no-repeat #009ee0 top;
}


.content_container {
	margin-left: auto;
	margin-right: auto;
	margin-top:29px;
	width: 940px;
	height:800px;
	/*border:1px solid #ffffff;*/
}


.logo {
margin-top:40px;
width:206px;
height:61px;
float: left;
border:0;
}

.kontakt {
background: url(../img/common/pfeil_subnavi.png) no-repeat scroll transparent;
margin-top:55px;
width: 88px;
text-align:right;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#009ee0;
/*border:1px solid #000000;*/
float: right;
}


.kontakt a {
color:#009ee0;
text-decoration:none;
}

.stimmungsgrafik {
margin:10px 0 0 30px;
float: left;
width:189px;
height:201px;
vertical-align:bottom;
}


.header_claim {
font:bold 22px Verdana, Arial, Helvetica, sans-serif;
color:#039fe0;
float:left;
width:500px;
height:79px;
margin:40px 0 0 15px;
}


.mainnavi {
width:721px;
height:28px;
float:left;
margin:22px 0 0 212px;
padding-left:6px;

}

.mainnavi ul{
list-style:none; 
margin:0; 
padding:0;}



.mainnavi ul li{
   /* background: url("../img/common/pfeil_hauptnavi.png") no-repeat scroll 5px 10px transparent;*/
    color: #FFFFFF;
    float: left;
    font: bold 11px/28px Verdana,Arial,Helvetica,sans-serif;
    height: 28px;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
}


	
.mainnavi li .active {
background-color:#0099cb;
}



.mainnavi li a {
color:#ffffff;
text-decoration:none;
}


.mainnavi li:hover,
.mainnavi ul li.active {
background-color:#0099cb;
}


.subnavi {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#039fe0;
width:200px;
height:250px;
float:left;
margin-top:20px;
}

.subnavi ul {
list-style:none;
margin:0;
padding:0;
}


.subnavi ul li {
margin-bottom:30px;
}


.subnavi ul li a {
color:#039fe0;
background:url(../img/common/pfeil_subnavi.png) left no-repeat;
padding-left:15px;
text-decoration:none;
}


.subnavi ul li a:hover {
color:#79b51c;
background:url(../img/common/pfeil_subnavi_hover.png) left no-repeat;

}


.subnavi ul li.active a {
color:#79b51c;
background:url(../img/common/pfeil_subnavi_hover.png) left no-repeat;
}



.subnavi ul li ul {     
margin:15px 0 15px 20px;
}


.subnavi ul li ul li {   
margin:0 0 10px 0;
}


.subnavi ul li ul li a {
color:#039fe0 !important;
background:url(../img/common/pfeil_subnavi.png) left no-repeat !important;
padding-left:15px;
text-decoration:none;
}

.subnavi ul li ul li a:hover,
.subnavi ul li ul li.active a {
background:url(../img/common/pfeil_subnavi_hover.png) left no-repeat !important;
color:#79b51c !important;
}

.subnavi ul li ul li.active a + .subnavi ul li.active a {
background:url(../img/common/pfeil_subnavi_hover.png) left no-repeat;
}


.pictogramme_logo {
background:url(../img/common/rueckrufservice.png) no-repeat;
width:134px;
height:238px;
/*margin-top:10px;*/
padding-top:10px;
padding-bottom:10px;
float:left;
clear:both;
}


h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#009ee0;
width:680px;
padding: 20px 0 10px 50px;
}


h2 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#0099cc;
margin:0;
padding-bottom:5px;
}


.maincontent_contaier {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:16px;
margin-left:212px;
margin-top:275px;
width: 727px;
height:472px;
/*border:1px solid #ffffff;*/
position:absolute;
}

.maincontent_contaier .content_left a, .maincontent_contaier .content_right a, .maincontent_contaier .content_addinfos a, .maincontent_contaier .anmeldeformular a {
color:#79b51c;
text-decoration:underline;
font-weight:bold;
}

.maincontent_contaier .content_left a:hover, .maincontent_contaier .content_right a:hover, .maincontent_contaier .content_addinfos a:hover {
color:#009ee0;
text-decoration:none;
}

.maincontent_contaier .content_left {
width:222px;
height:340px;
margin: 0 10px 0 50px;
float: left;
}


.maincontent_contaier .content_right {
width:222px;
height:340px;
margin: 0 10px 0 10px;
float: left;
}


.maincontent_contaier .content_addinfos {
width:172px;
height:340px;
margin: 0 15px 0 10px;
float: left;
}


.maincontent_contaier ul {
list-style-image:url(../img/common/bullet.png);
margin:0 0 0 16px;
padding:0;
}

.maincontent_contaier ul li {
padding: 14px 0 0 0;
}

.maincontent_contaier ul li.first {
padding:0;
}

.maincontent_contaier ul li.last {
margin-bottom:20px;
}



.maincontent_contaier ul li ul {
list-style-image:url(../img/common/second_bullet.png);
margin:0;
padding:5px 0 0 15px;
}

.maincontent_contaier ul li ul li {
padding-bottom:5px;
}


