html, body  {
  width: 100%;
  height: 100%;
}

html{
  height: 100.1%;
}

* {
	padding:0;
 	margin: 0; 
 	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 1em;
}

body  {
	background:#B3ADA2 url(bg_top.gif) left top repeat-x;
 	font-size: 62.5%;
 	font-family:Verdana,Arial,Helvetica, sans-serif;
 	font-weight:normal;
 	font-style:normal;
	line-height:140%;
	text-align: center;
    color:#000;
}

div#OuterShell{
	position:relative;
	height:100%;
	width:100%;
	text-align: center;
}


div#InnerShell{
	position:relative;
	margin:0 auto;
	width:1060px;
	text-align: left;
}

div#pageregionTop{
	position:relative;
	width:100%;
	height:165px;
}

div#Logo{
	position:absolute;
	top:79px;
	left:0;
	width:100%;
	height:38px;
	width:346px;
}

div#Channel{
	position:absolute;
	top:140px;
	left:00px;
	height:25px;
	width:100%;
}
div#Channel ul{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:25px;
}
div#Channel ul li{
	position:relative;
	top:0;
	left:0;
	height:25px;
	line-height:25px;
	display:inline;
	float:left;
	list-style:none;
	margin:0 20px 0 0;
}

div#Channel a{
	padding:0 0 0 11px;
	font-size:1.1em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	background: transparent url(pfeil_weiss.gif) 0px 4px no-repeat;
}

div#Channel a.current,
div#Channel a:hover,
div#Channel a:active{
	color:#80B3CC;
	text-decoration:none;
	background: transparent url(pfeil_grau.gif) 0px 4px no-repeat;
}

div#ContentShell{
	position:relative;
	top:0;
	left:0px;
	width:100%;
	min-width:1060px;
	clear:both;
	height:auto;
	background:transparent url(bg_content.gif) left top repeat-y;
}

div#pageregionLeft{
	position:relative;
	top:0;
	left:0;
	width:520px;
	float:left;
	display:block;
	min-height:300px;
	background:transparent url(bg_navi.gif) left top repeat-x;

}

#pageregionTeaser{
	position:relative;
	top:0;
	left:0px;
	min-height:300px;
	width:270px;
	overflow:hidden;
	float:left;
}
#pageregionTeaserHome{
	position:relative;
	top:0;
	left:0px;
	min-height:300px;
	width:520px;
	overflow:hidden;
}

#teaser,
#HeadlineImage{
	position:relative;
	top:0;
	left:0px;
	width:100%;
	overflow:hidden;
}

.ZMSTeaserContainer{
	position:relative;
	top:0;
	left:0px;
	width:100%;
	overflow:hidden;
}

.ZMSTeaserElement{
	position:relative;
	top:0;
	left:0px;
	width:100%;
	overflow:hidden;
	margin:0 0 1em;
}

.ZMSTeaserElement div.title{
	border-top:1px solid #B3ADA2;
	border-bottom:1px solid #B3ADA2;
	background:#ECE9DB;
	color:#666666;
	font-size:1.1em;
	line-height:2em;
	font-weight:bold;
	padding:0 10px;
	width:auto;
	min-height:20px;
}

.ZMSTeaserElement #willkommen{
	position:relative;
	top:0;
	left:0px;
	width:420px;
	margin:61px 0 10px 39px;
}

.ZMSTeaserElement #betratenteaser {
	background:#ECE9DB;
	border-bottom:1px solid #B3ADA2;
}
#pageregionTeaserHome .ZMSTeaserElement #betratenteaser{
	height:55px;
}

.ZMSTeaserElement #betratenteaser ul{
	margin:0;
	padding:0;
	list-style:none;
}

.ZMSTeaserElement #betratenteaser ul li{
	width:100%;
	list-style:none;
	padding:0 0 0 10px;
	height:37px;
	border-bottom:1px solid #E7E3D2;	
}
#pageregionTeaserHome .ZMSTeaserElement #betratenteaser ul li{
	width:30% !important;
	float:left;
	height:55px;
	border:none;
	border-right:1px solid #E7E3D2;
}

.ZMSTeaserElement #betratenteaser ul a {
	display:block;
	padding:3px 0 0 43px;
	text-decoration:none;
	color:#666;
}
.pageregionTeaserHome .ZMSTeaserElement #betratenteaser ul a{
	padding:0 0 0 33px;
}

.ZMSTeaserElement #betratenteaser ul span.title:hover,
.ZMSTeaserElement #betratenteaser ul a:hover,
.ZMSTeaserElement #betratenteaser ul a:hover span.title{
	color:#FF6600;
}

.ZMSTeaserElement #betratenteaser ul li.hotline {
	height:47px;
}
.ZMSTeaserElement #betratenteaser ul li.hotline a {
	background:transparent url(hotline.gif) 0px 5px no-repeat;
}
.ZMSTeaserElement #betratenteaser ul li.callback a{
	background:transparent url(callback.gif) 0px 3px  no-repeat;
}
.ZMSTeaserElement #betratenteaser ul li.emailanfrage a{
	background:transparent url(email.gif) 0px 3px  no-repeat;
}

.ZMSTeaserElement #vorteil {
	background:transparent;
	border-bottom:1px solid #B3ADA2;
}

.ZMSTeaserElement #vorteil ul{
	margin:0;
	padding:0;
	list-style:none;
}

.ZMSTeaserElement #vorteil ul li{
	width:100%;
	list-style:none;
	padding:0 0 0 10px;
	height:45px;
	border-bottom:1px solid #B3ADA2;	
}
.ZMSTeaserElement #vorteil ul span.abstand,
.ZMSTeaserElement #vorteil ul a {
	display:block;
	padding:5px 0 5px 43px;
	text-decoration:none;
	color:#666;
}
.ZMSTeaserElement #vorteil span.title{
	font-weight:bold;
	color:#666;
}

.ZMSTeaserElement #vorteil ul li.wasbraucheich {
	background:transparent url(wasbrauche.gif) 10px 7px no-repeat;
}
.ZMSTeaserElement #vorteil ul li.vergleichsrechner a{
	background:transparent url(vergleich.gif) 0px 7px  no-repeat;
}

.ZMSTeaserElement #vorteil span.title{
	border:none;
	background:transparent;
	color:#666666;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
}

.ZMSTeaserElement #vorteil ul span.title:hover,
.ZMSTeaserElement #vorteil ul a:hover,
.ZMSTeaserElement #vorteil ul a:hover span.title{
	color:#FF6600;
}
.NewslistTeaser .text{
	margin:12px 37px;
	width:auto;
}
.NewslistTeaser .text h2{
	margin:0;
}
.NewslistTeaser .text .img{
	margin:0 15px 0 0;
	float:left;
	display:inline;
}

#pageregionNavigation{
	position:relative;
	top:0;
	left:0px;
	min-height:300px;
	width:250px;
	overflow:hidden;
	float:right;
}

div#pageregionRight{
	position:relative;
	top:0;
	left:0;
	width:540px;
	float:right;
	display:block;
	min-height:300px;
	overflow:hidden;
}

div#pageregionMeta{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:31px;
	text-align:right;
	background:transparent url(bg_meta.gif) left top repeat-x;
}

div#pageregionMeta ul{
	margin:0 10px;
	padding:0;
	float:right;
	list-style:none;
}

div#pageregionMeta ul li{
	margin:8px 10px 0;
	float:left;
	display:inline;
}

div#pageregionMeta ul li a#iconmail{
	position:relative;
	top:0;
	left:0;
	width:16px;
	height:14px;
	display:block;
	background:transparent url(mail_0.gif) left top repeat-x;
}
div#pageregionMeta ul li a#iconmail:hover{
	background:transparent url(mail_1.gif) left top repeat-x;
}

div#pageregionMeta ul li a#iconsitemap{
	position:relative;
	top:0;
	left:0;
	width:16px;
	height:14px;
	display:block;
	background:transparent url(sitemap_0.gif) left top repeat-x;
}
div#pageregionMeta ul li a#iconsitemap:hover{
	background:transparent url(sitemap_1.gif) left top repeat-x;
}

div#pageregionMeta ul li a#iconprint{
	position:relative;
	top:0;
	left:0;
	width:16px;
	height:14px;
	display:block;
	background:transparent url(print_0.gif) left top repeat-x;
}
div#pageregionMeta ul li a#iconprint:hover{
	background:transparent url(print_1.gif) left top repeat-x;
}


#pageregionContent{
	position:relative;
	top:0;
	left:0px;
	margin:0 0 0 30px;
	width:480px;
	text-align:left;
}
#pageregionContent p{
	margin:0 0 1em 0;
}

#pageregionBefore {
	padding: 23px 0 0 0;
}

#Macronavigation{
	position:relative;
	top:0px;
	left:0px;
	width:240px;
 	float:right;
 	text-align:left;
}
#Macronavigation h2{
 	padding:55px 0 0 16px;
	font-weight:normal;
	font-size:1.1em;
	text-transform:uppercase;
	 color:#FFF;
}
#Macronavigation ul{
	margin:0;
	list-style:none;
}
#Macronavigation ul li{
	margin:0 0 5px 0;
}
#Macronavigation ul.firstlevel{
	padding: 10px 0 10px 0;
}
#Macronavigation ul.nextlevel{
 	padding:4px 0 6px 16px;
}
#Macronavigation ul a{
	display:block;
	padding:0 0 0 10px;
	font-size:1.1em;
	color:white;
	text-decoration:none;
	background:transparent url(sub_pfeil_weiss.gif) 0px 4px no-repeat;
}

#Macronavigation ul a.current,
#Macronavigation ul a:hover{
	color:#006699;
	text-decoration:none;
	background:transparent url(sub_pfeil_blau.gif) 0px 4px no-repeat;
}
#Macronavigation ul.AZNAVI{
	padding: 10px 0 10px 16px;
}
#Macronavigation ul.AZNAVI li {
	float:left;
	text-align:center;
	width:16px;
	height:16px;
	margin: 5px 10px 5px 0;
}

#Macronavigation ul.AZNAVI a {
	color:white;
	font-weight:bold;
	padding:0;
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
	background:#006699;
}

#AZListe h1{
	color:#006699;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding-bottom:0
}
#AZListe ul{
	margin:0;
	padding-top:0;
}
div#Micronavigation{
	position:relative;
	top:0;
	left:0px;
	color:#006699;
	font-size:1em;
	line-height:1.4em;
	height:14px;
}

div#Micronavigation ul{
	margin: 10px 0;
	list-style:none;
}
div#Micronavigation ul li{
	list-style:none;
	margin:0 5px 0 0;
	float:left;
}
div#Micronavigation a{
	color:#006699;
	font-size:1em;
	line-height:1.4em;
	text-decoration:none;
}

div#Micronavigation a:hover{
	color:#72684F;
	text-decoration:none;
}

div#pageregionBottom{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	clear:both;
	padding:10px 0;
}

#Copyright{
	position:relative;
	top:0px;
	left:0px;
	margin-left:551px;
	color:#000;
}
#Copyright a{
	text-decoration:none;
	text-transform:uppercase;
}

div.child{
	position:absolute;
	top:0;
	left:0;
	display:none;
	text-align:left;
	width:250px;
	z-index:999;
}

.menuDropdown{
	background:#0066CC;
}

.Versicherungstipp{
	margin:1em 0 1em 0;
}
.Versicherungstipp h2{
	margin:0;
}
.Versicherungstipp td{
	vertical-align:top;
}
.Versicherungstipp .preis{
	color:#FF6600;
}
.Versicherungstipp .preis b{
	font-size:1.5em;
}

.Versicherungstipp .vergleichsrechner,
.Versicherungstipp .detailinformation{
	color:#666666;
	display:block;
	text-decoration:none;
	padding: 5px 0 0 40px;
	margin: 5px 0;
}
.Versicherungstipp .vergleichsrechner{
	font-weight:bold;
	background:url(vergleichsrechner.gif) top left no-repeat;
	height:29px;
	padding: 8px 0 0 40px;
	width:165px;
}
.Versicherungstipp .detailinformation{
	font-weight:bold;
	background:url(detailinformation.gif) top left no-repeat;
	height:25px;
	width:165px;
	margin: 10px 0 0 0;
}
.Versicherungstipp .vergleichsrechner:hover{
	color:#FF6600;
}
.Versicherungstipp .detailinformation:hover{
	color:#FF6600;
}

.pbuttons{
	margin:1em 0;
	clear:both;
	height:29px;
}
.pbuttons a span{
	display:block;
	padding:8px 0 0 35px;
	color:#666;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
}
.pbuttons a.pbuttons-vergleichs{
	background:url(vergleichsrechner_button.gif) top left no-repeat;
	font-weight:bold;
	display:block;
	float:left;
	height:29px;
	width:166px;
	margin:0 10px 0 0;
	text-decoration:none;
	color:#666;
}

.pbuttons a.pbuttons-az{
	background:url(az_button.gif) top left no-repeat;
	font-weight:bold;
	display:block;
	float:left;
	height:29px;
	width:197px;
	margin:0 10px 0 0;
	text-decoration:none;
	color:#666;
}

.pbuttons a.pbuttons-az span{
	padding-left:25px;
}
.pbuttons a.pbuttons-top{
	background:url(top_button.gif) top left no-repeat;
	font-weight:bold;
	display:block;
	float:left;
	height:29px;
	width:52px;
	margin:0 10px 0 0;
	text-decoration:none;
	color:#666;
}
.pbuttons a.pbuttons-top span{
	padding:8px 0 0 25px;
}
.pbuttons a.pbuttons-az:hover span,
.pbuttons a.pbuttons-top:hover span,
.pbuttons a.pbuttons-vergleichs:hover span{
	color:#FF6600;

}

div.child ul{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:5px;
}
div.child ul li{
	position:relative;
	top:0;
	left:0;
	font-size:1em;
	list-style:none;
	margin:0 0 4px 0;
	padding:0;
}

div.child a,
div.child a:link,
div.child a:visited{
	font-size:1.1em;
	line-height:1.4em;
	color:#FFF;
	display:block;
	padding:0 0 0 10px;
	text-decoration:none;
	background:transparent url(pfeil_weiss.gif) 0 5px no-repeat;
}

div.child a.current,
div.child a.current:link,
div.child a.current:hover,
div.child a.current:active,
div.child a.current:visited,
div.child a:hover,
div.child a:active{
	color:#80B3CC;
	text-decoration:none;
	background:transparent url(pfeil_grau.gif) 0 5px no-repeat;
}

h1{
	font-weight:normal;
	font-size:2em;
	line-height:1.5em;
	color:#72684F;
	padding-bottom: 0.5em;
	margin:30px 0 0.5em 0;
}
h1 img{
	margin:0 10px 0 0;
	float:left;
}
#News h4,
h2{
	font-weight:normal;
	font-size:1.5em;
	line-height:1.5em;
	margin:0.5em 0 0 0;
	color:#72684F;
}

h2.pfeil{
	background:url(pfeil_h2.gif) 0 9px no-repeat;
	padding:0 0 0 12px;
}

h2.orange{
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	background:#FFC267;
	padding:0 10px;
	color:black;
	font-weight:bold;
	font-size:1.1em;
	width:auto;
	margin:1em 0 0.5em 0;
}

h2.beige{
	border-top:1px solid #B3ADA2;
	border-bottom:1px solid #B3ADA2;
	background:#ECE9DB;
	font-weight:bold;
	color:black;
	padding:0 10px;
	font-size:1.1em;
	width:auto;
	margin:1em 0 0.5em 0;
}

h3{
	font-weight:bold;
	font-size:1em;
	line-height:1.4em;
	color:#80B3cc;
	padding-bottom: 0.5em;
}

i,em  {
	font-style:italic;
}

small, .small {
	font-size: 0.9em;
}

a,
a:link,
a:visited {
	color:#006699;
	text-decoration:underline;
}

a:hover,
a:active,
a:focus {
	color:#72684F;
	text-decoration:underline;
}

a img {
	border:none;
}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(../../../misc_/zms/zoom.gif);
	}


/***********************************************************************
Listen
***********************************************************************/
ul {
  list-style: square outside;
  margin: 0px 10px 15px;
  padding: 0px 30px;
}

#pageregionContent ul.pfeil{
  list-style-image:url(li.gif);
  margin: 0px 15px 15px;
  padding: 0px 0px;
}
#pageregionContent ul.pfeil li{
	padding:1px 0;
}

ol {
  list-style: decimal outside;
  margin: 0px 15px 15px;
  padding: 0px 0px;
}

th,td{
text-align:left;
}

div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin: 0 10px 0 0;
}
div.ZMSGraphic.floatright {
	float:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.graphic.alignleft {
	float:left;
	margin: 0 10px 0 0;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic div.text {
	padding:0 4px;
}
div.ZMSGraphic div.text p{
	margin:0;
	font-style:italic;
}

table.ZMSTable{
		width:100%;
}

table.ZMSTable tbody th,
table.ZMSTable tbody td{
	border-bottom:1px dotted #B3ADA2;
}

table.ZMSTable th{
	background:#80B3CC;
	color:white;
	font-weight:normal;
	vertical-align:top;
	text-align:center;
	padding:5px;
}
table.ZMSTable td{
	vertical-align:top;
	min-height:20px;
	padding:5px;
}

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

.clerasil {display: inline-table;}

/* IE-Mac \*/
* html .clerasil {height: 1%;}
.clerasil {display: block;}
/* /IE-Mac */

