/* GENERELLE FORMATIERUNGEN */
@media screen, projection  {
* {
	/* reset der default abstände aller elemente und setzen der global verwendeten schriftart */
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	}

body {
	height: 100.1%; /* verhindert ein "springen" der seite, da scrollbars immer dargestellt werden */
	background: url(../images/background.gif) repeat-x #cde8f4;
	padding-top: 12px;
	margin: auto auto;
	text-align: center; /* zentrierung der seite im IE */
	}
a {
	text-decoration: none;
	color: #107ba9;
	}
a:hover {
	text-decoration: underline;
	}	
h2 {
	color: #0a508c;
	font-size: 12px;
	}
input {
	color: #051e50;
	}
	
	
/* tabellen */
table {
	width: 446px;	
	border-top: 1px solid #83c7e5;
	border-left: 1px solid #83c7e5;
	margin-bottom: 12px;
	}
table caption {
	margin-top: 12px;
	background-color: #83c7e5;
	padding: 12px;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	text-align: right;
	}	
td {
	font-size: 12px;	
	border-right: 1px solid #83c7e5;
	border-bottom: 	 1px solid #83c7e5;
	border-collapse: collapse;
	padding: 12px;
	color: #4f4f4f;
	}	
tr.altrow td {
	background-color: #d6ecf6;
	}

table th {
	font-size: 12px;	
	border-right: 1px solid #83c7e5;
	background-color: #acd9ed;
	font-weight: bold;
	color: #4f4f4f;
	border-bottom: 1px solid #83c7e5;	
	padding: 12px;
	}
	
/* tabellen fuer hochrechung und modellrechnung */

table.background {
	background-color: #ffffff;
	width: 700px;
	border: 0px;
	}

	table.background td {
		padding-left: 10px;
		border: 0px;
		}

table.background table {
	background-color: none;
	border: 0px;
	}

table.background table.content_breit {
	width: 100%;
	}
	
	table.background table.content_breit td {
		text-align: center !important;
		}
	
	table.background table td {
		border-spacing: 0px;
		border: 0px;
		padding: 5px;
		margin: 0px;
		}
		
		table.background table.tr_ergebnis td b {
			color: #0A508C;
			font-size: 13px;
			}
		table.background table.tr_ergebnis td u {
			color: #0A508C;
			font-size: 13px;
			}

table.background table.RKWSTORNO_BLOCK {
	padding: 0px;
	background-color: none;
	border: 0px;
	}
	table.background table.RKWSTORNO_BLOCK td {
		padding: 0px;
		}


table.hochrechnung {
	float: none !important;
	margin: auto auto;
	background-color: #ACD9ED;
	color: #333333;
	width: auto;
	border-top: 1px solid #83C7E5 !important;
	border-left: 1px solid #83C7E5 !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
	}

	table.hochrechnung td.hochrechnung-content {
		font-size: 12px;
		text-align: right;
		padding: 2px !important;
		border-spacing: 0px;
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		}
		table.hochrechnung td.hochrechnung-content b {
			font-size: 12px !important;
			}

	table.hochrechnung td.hochrechnung-head {
		font-size: 12px;
		text-align: center;
		padding-right: 3px !important;
		padding-left: 3px !important;
		padding-bottom: 1px !important;
		padding-top: 1px !important;
		background-color: #FFFFFF;
		border-right: 1px solid #83C7E5;
		color: #0A508C;
		}
		table.hochrechnung td.hochrechnung-head b {
			font-size: 12px !important;
			}
			
		
/* Formatierungen für den Inhaltsbereich */	

/* zurück link */
A.zurueck {
	padding-left: 9px;
	padding-right: 12px;
	background: url(../images/icon_pfeil_zurueck.gif) 0 3px no-repeat;	
	padding-bottom: 12px !important;
	display: block;
	}
	
A.zurueck-formular {
	padding-left: 9px;
	padding-right: 12px;
	background: url(../images/icon_pfeil_zurueck.gif) 0 3px no-repeat;		
	}
	
#inhaltsbereich img.rechts {
	float: right;
	margin: 12px 0 12px 12px;
	}	
	
#inhaltsbereich img.links {
	float: left;
	margin: 12px 12px 12px 0;
	}
			
#inhaltsbereich h1 {
	color: #0a508c;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 12px;
	}
		
#inhaltsbereich h2  {
	color: #0a508c;
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 6px;
	}
	
#inhaltsbereich h3 {
	color: #4f4f4f;
	font-size: 12px;
	line-height: 16px;
	}
	
#inhaltsbereich p {
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 12px 0;
	color: #4f4f4f;
	}

#inhaltsbereich p a {
	font-size: 12px;
	line-height: 16px;
	color: #107ba9;
	text-decoration: none;
	}

#inhaltsbereich p a:hover {
	color: #107ba9;
	text-decoration: underline;
	}
		
#inhaltsbereich p strong {
	font-size: 12px;
	line-height: 16px;
	color: #4f4f4f;
	}
		
#inhaltsbereich h4 {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #0a508c;
	font-size: 14px;
	}	
	
#inhaltsbereich ul {
	line-height: 16px;
	font-size: 12px;
	color: #5ab4dc;
	margin-bottom: 12px;
	list-style-type: none;
	}	
	#inhaltsbereich ul li {
		padding-top: 4px;
		color: #4f4f4f;	
		font-size: 12px;
		padding-left: 24px;
		background: url(../images/icon_bulletpoint.gif) 10px 6px no-repeat;
		}	
		
#inhaltsbereich p.sternchentext {
	padding-top: 20px;
	color: #858484;
	line-height: 14px;
	clear: both;
	font-size: 11px;
	}		
/* clearfix workaround zum clearen von floatenden
   elementen ohne zusätzliches markup (clearer divs)
   mehr informationen:
   http://www.positioniseverything.net/easyclearing.html */
   		
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
			
/* entwicklungsklasse zum separieren der unterschiedlichen seiten 
   display: none einkommentieren um die marker auszublenden */	
.page-separator {
	display: block;
	/* display: none; */
	clear: both;
	font-family: Tahoma;
	font-size: 11px;
	background-color:#00FF33;
	margin: 12px 0 12px 0;
	font-weight: bold;
	}	
	.page-separator p {
		padding: 2px 6px 2px 6px !important;
		letter-spacing: 2px;
		}
 	

/* sprunganker für screenreader */	
.contentanker {
	display: none;
	}
	
	
/* zentriert die seite */
#wrapper {
	margin: auto auto;
	width: 928px;
	background: url(../images/background_header.gif) 0 0 repeat-x #fff;
	}
	
/* zentriert die seite */
#wrapper-extranet-tarifrechner {
	margin: auto auto;
	width: 700px;
	background: url(../images/background_header.gif) 0 0 repeat-x #fff;
	}
	
	
/* ################# HEADER ################### */	
	#header {
		margin: 0 24px 0 24px;
		width: 880px;
		height: 174px;
		}
	#header-extranet-tarifrechner {
		margin: 0 24px 0 24px;
		width: 650px;
		height: 174px;
		}	
		#header-links {
			padding: 24px 0 0 0;
			width: 684px;
			float: left;
			
			}
		#header-links-extranet-tarifrechner {
			padding: 24px 0 0 0;
			width: 455px;
			float: left;
			
			}
		#header-rechts {
			padding: 24px 0 0 0;
			width: 195px;
			float: left;
			}			
			
		/* claim durch bild ersetzen */
		p#claim {
			display: block;
			width: 191px;
			height: 16px;
			background: url(../images/claim.gif) 0 0 no-repeat;
			}
			
			/* echttext im paragraph ausblenden */
			p#claim span {
				display: none;
				}	
				
		/* das aussehen der formularelemente wird durch ein hintergrund-
		   bild simuliert, um positionierungsunterschiede zu vermeiden
		   und crossbrowser identisches aussehen zu gewährleisten  */
		form#suche {
			background: url(../images/background_suche.gif) top left no-repeat;
			display: block;
			height: 18px;
			width: 193px;
			margin-top: 7px;
			}	
			form#suche input {
				display: inline;
				float: left;			
				height: 16px;
				margin-top: 1px;
				line-height: 16px;
				background-color: transparent;
				}	
			form#suche input.txteingabe {
				width: 164px;
				margin-left: 6px;
				}
			form#suche input.absenden {
				width: 18px;
				margin-left: 4px;
				}	


/* ################# INHALTSBEREICH ################### */
	
/* regelt den abstand des contents zum rand  */				
#content-innen {
	padding: 12px 6px 0px 6px;
	}
		
	/* große contentspalte über 3 rasterzellen */
	.content-spalte-gross {
		float: left;
		margin: 0 6px 0 6px;
		display: inline;
		width: 675px;
		padding: 0;
		}
	/* mittlere contentspalte über zwei rasterzellen */	
	.content-spalte-mittel {
		float: left;
		margin: 0 6px 0 6px;
		display: inline;
		width: 446px;	
		}	
		
	/* kleine contentspalte über eine rasterzelle */		
	.content-spalte-klein {
		float: left;
		margin: 0 6px 0 6px;
		display: inline;
		width: 217px;
		}
		
	/* contentspalte für sitemap */	
	.content-spalte-sitemap {
		float: left;
		margin: 0 24px 0 0;
		display: inline;
		width: 320px;
		}	
		
	/* boxen in kleiner contentspalte (kontextboxen, infos etc.) */	
	.randBox {
		background-color: #fff;
		padding-bottom: 12px;
		margin-bottom: 12px;
		border: 1px solid #83c7e5;
		}	
	.randBox ul {
		list-style-type: none;
		padding: 11px 12px 0 12px;
		}	
		.randBox ul li {
			line-height: 16px;
			display: block;
			padding-left: 7px;
			background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
			}	
		
		.randBox h3 span {
			display: none;
			}	
			
		.randBox select {
			border: 1px solid #7f9ab7;
			height: 18px;
			margin: 0 0 4px 12px;
			width: 188px;
			}
		.randBox a.buttonlink	{
			margin-bottom: 0 !important;
			}
			
	#aufEinenBlickForm {
		padding-bottom: 5px;
		border-bottom: 1px solid #fff;
		margin-bottom: 12px;
		}		
	
	/* 
	   überschriften der rechten boxen - werden zwecks besserer suma 
	   tauglichkeit als echttext im html belassen und über stylesheets
	   durch bilder ersetzt.
	*/
	.randBox h3.meine-hl-headline {
		display: block;
		width: 65px;
		height: 24px;
		background: url(../images/headlines/headline_meine_hl.gif) 0 0 no-repeat;
		margin-bottom: 12px;
		}	
		
	.randBox h3.telefon-kontakt {
		display: block;
		width: 192px;
		height: 67px;
		background: url(../images/headlines/headline_rueckruf_service.gif) 0 0 no-repeat;
		}	
		
	.randBox h3.schnell-zum-ziel {
		display: block;
		width: 116px;
		height: 24px;
		background: url(../images/headlines/headline_schnell_zum_ziel.gif) 0 0 no-repeat;
		margin-bottom: 10px;
		}	
								
	.randBox h3.beratungscenter {
		display: block;
		width: 204px;
		height: 24px;
		background: url(../images/headlines/headline_beratungscenter.gif) 0 0 no-repeat;
		margin-bottom: 12px;		
		}
	.randBox p.beratungscenter {
		text-align: left;
		padding-top: 4px;
		padding-left: 14px;	
		padding-bottom: 8px;
		display: block;
		}
		
		
/* meine-hl akkordeon box mit gemerkten einträgen */	
.meine-hl-box {
	position: relative;	
	padding-bottom: 0;
	background-color: #fff;
	z-index: 2;
	height: 237px;
	border: 1px solid #83c7e5;
	margin-bottom: 65px !important;
	width: 217px !important;
	}	
.meine-hl-zusatz {
	position: absolute;
	top: 221px;
	color: #888;
	width: 217px;
	text-align: center;
	background-color: #fff;	
	padding-bottom: 12px;	
	z-index: 1;
	border: 1px solid #83c7e5;
	margin-left: -1px;
	}	
	.meine-hl-zusatz p {
		text-align: left;
		padding-top: 4px;
		padding-left: 14px;	
		padding-bottom: 8px;
		display: block;
		}
	a.meine-hl {
		display: block;
		width: 217px;
		height: 20px;
		background: url(../images/background_akkordeon.gif) 0 0 no-repeat;
		cursor: pointer;
		color: #fff;
		line-height: 18px;
		font-weight: normal;
		}
			
	a.meine-hl-aktiv {
		display: block;
		width: 217px;
		height: 20px;
		background: url(../images/background_akkordeon.gif) 0 -20px no-repeat;
		cursor: pointer;
		color: #fff;
		line-height: 18px;
		font-weight: normal;
		}		
		a.meine-hl span {
			padding: 0 12px 0 12px;
			font-weight: bold;
			}
		a.meine-hl:hover {
			text-decoration: none;
			}
		a.meine-hl-aktiv {
			text-decoration: none;
			}
				
	.meine-hl-inhalt ul {
		margin: 0 !important;
		padding: 0 !important;
		height: 106px;
		}	
		.meine-hl-inhalt ul li {
			display: block;
			width: 217px;
			margin: 0 !important;
			padding: 0 !important;
			height: 20px;
			line-height: 20px;
			border-bottom: 1px solid #83c7e5;
			background: none;
			}
			.meine-hl-inhalt ul li a {
				background: url(../images/icon_linkpfeil.gif) 14px 6px no-repeat;
				line-height: 20px;
				width: 217px;
				display: block;
				}
			.meine-hl-inhalt ul li a:hover {
				background-color: #acd9ed;
				text-decoration: none;
				}				
				.meine-hl-inhalt ul li a span {
					padding-left: 23px;
					}
					
					
/* teaserboxen */
#flashteaser {
	display: block;
	width: 675px;
	height: 288px;
	margin-bottom: 12px;
	}
	

.teaser-content-box {
	width: 446px;
	margin-bottom: 12px;
	}

.teaser-gross-kein-text {
	width: 446px;
	margin: 0 0 12px  0;
	height: 137px;	
	}	
/* kein margin nach rechts um umbruch zu vermeiden */	

.teaser-klein-kein-text {
	width: 217px;
	height: 137px;
	float: left;
	margin: 0 12px 12px 0;
	}
.teaser-klein-kein-text-rechts {
	float: left;
	width: 217px;
	margin: 0 0 12px 0;
	height: 137px;	
	}	
.teaser-klein-text {
	width: 217px;
	float: left;
	margin: 0 0 12px 0;
	background-color: #d6ecf6;
	}
.teaser-content-text-rechts {
	width: 446px;
	background-color: #d6ecf6;			
	height: 137px !important;
	padding: 0 !important;
	margin-bottom: 12px;
	}
	.teaser-content-text-rechts h4 {
		line-height: 14px !important;
		padding: 8px 6px 0 6px  !important;
		font-size: 12px !important;
		}
	.teaser-content-text-rechts p {
		font-size: 11px !important;
		line-height: 14px !important;
		padding: 6px 12px 6px 12px !important;
		}
	.teaser-content-text-rechts a.weitere-informationen {		
		line-height: 15px !important;
		padding: 0 12px 0 7px !important;
		font-weight: bold !important;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat !important;
		}					
.teaser-klein {
	width: 217px;
	height: 287px;
	float: left;
	margin: 0 12px 0 0;
	background-color: #d6ecf6;
	}
	.teaser-klein h2 {
		padding: 0 12px 0 12px;
		line-height: 12px;
		font-size: 12px;
		padding-top: 148px;
		}
	.teaser-klein p {
		display: block;
		height: 71px;
		margin: 4px 12px 0 12px;
		line-height: 14px;
		color: #4f4f4f;
		}
	.teaser-klein a {
		line-height: 15px;
		display: block;
		padding: 0 12px 0 7px;
		margin-left: 12px;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
		}		

		
		
/*
   produktteaser mit störer, der bei mouseover
   einen erklärungstext als tooltip beeinhaltet.
*/
		.teaser-klein-stoerer-bild   {
			margin: 0;
			padding: 0;
			position: absolute;
			}	
		.teaser-gross-stoerer-bild {
			margin: 0 0 12px 0;
			padding: 0;
			position: absolute;			
			}	
		.teaser-klein-stoerer-bild a  {
			background-image: none;
			margin: 0 !important;
			padding: 0 !important;
			}	
				
			
			
			/* tooltip link */
			a.infos  {
				z-index: 2;
				display: block;
				position: absolute;
				}
				 a.infos span {
					display: none;
					text-decoration: none;
					}
					
				
			/* tooltip link für störer mit preis */
			a.infos-stoerer  {
				z-index: 2;
				width: 112px;
				height: 45px;
				display: block;
				background-image: url(../images/clearpixel.gif);
				top: 82px;
				left: 12px;
				position: absolute;
				}
				 a.infos-stoerer span {
					display: none;
					text-decoration: none;
					}
					
			
			/* tooltip link für auszeichnungen (ganz rechts) */
			a.infos-auszeichnung-1  {
				z-index: 2;
				width: 58px;
				height: 45px;
				display: block;
				background-image: url(../images/clearpixel.gif);
				top: 82px;
				right: 12px;
				position: absolute;
				}				
				
				 a.infos-auszeichnung-1 span {
					display: none;
					text-decoration: none;
					}	
					
			/* tooltip link für auszeichnungen (mitte) [nur bei großen teasern] */
			a.infos-auszeichnung-2  {
				z-index: 2;
				width: 58px;
				height: 45px;
				display: block;
				background-image: url(../images/clearpixel.gif);
				top: 82px;
				right: 82px;
				position: absolute;
				}				
				 a.infos-auszeichnung-2 span {
					display: none;
					text-decoration: none;
					}			
   .tip {
	border: 1px solid #666;
	background: #fff;
	color: #4f4f4f;
	width: 257px;
	padding: 6px;
	}
	.tip span strong {
		display: block;
		font-size: 12px;
		padding: 4px 12px 4px 8px;
		background-color: #83c7e5;
		color: #fff;
		margin-bottom: 6px;
		}
	.tip u.link {
		display: none !important;
		}
	.tip img {
		display: none !important;
		}
		
	.tip img.bigimg {
		display: block !important;
		}	
		
		
/* Auszeichnungen */
ul.auszeichnungen {
	display: block;
	position: relative;
	list-style-type: none;
	float: left;
	padding: 0 !important;
	margin: 0 12px 0 0 !important;
	background-color: #fff;
	}
	ul.auszeichnungen li {
		width: 140px;
		display: block;
		background-color: none !important;
		background-image: none !important;
		padding: 12px 0 12px 0 !important;
		border-bottom: 1px solid #fff;
		color: #0a508c !important;
		font-weight: bold;
		font-size: 14px !important;
		}
		ul.auszeichnungen li ul {
			list-style-type: none !important;
			margin: 6px 0 0 0 !important;
			background-color: #fff;
			}
			ul.auszeichnungen li ul li {
				width: auto;
				border: 1px solid #83c7e5 !important; 
				background-color: #d6ecf6 !important;
				background-image: none !important;
				padding: 12px 0 12px 0 !important;
				margin: 0 0 2px 0 !important;
				}
				ul.auszeichnungen li ul li a {
					cursor: default;
					}
					ul.auszeichnungen li ul li a img {
						margin-left: 28px !important;
						}
					ul.auszeichnungen li ul li a:hover img {
						margin-left: 28px !important;
						}						
					ul.auszeichnungen li ul li a.infos {
						position: relative;
						top: 0;
						left: 0;
						width: 112px;
						height: auto;
						background-color: transparent !important;
						}
					ul.auszeichnungen li ul li a.infos:hover {
						width: 112px;
						}
						
/* "optionen zum produkt" box im content */

.optionen-zum-produkt {
	border-top: 8px solid #fff;
	width: 217px;
	float: right;
	height: 287px;
	margin: 0 0 12px 12px;
	background-color: #d6ecf6;
	}
	.optionen-zum-produkt h3 {
		width: 151px;
		height: 19px;
		padding-top: 16px !important;
		background: url(../images/headlines/headline_optionen_zum_produkt.gif) 0 0 no-repeat;
		}
		.optionen-zum-produkt h3 span {
			display: none;
			}		

	.optionen-zum-produkt div {
		margin: 12px 0 12px 0;
		border-top: 1px solid #fff;
		line-height: 1px;
		font-size: 1px;
		}
		.optionen-zum-produkt div a.merken-link {
			display: block;
			line-height: 12px;
			margin: 12px 0 0 12px;
			background: url(../images/icon_linkpfeil.gif) 0 2px no-repeat;			
			}
			.optionen-zum-produkt div a.merken-link span {
				padding-left: 8px;
				}
				
	.optionen-zum-produkt div ul {
		margin: 12px 0 0 12px;
		padding: 0;
		list-style-type: none;
		}
		.optionen-zum-produkt div ul li ul {
			margin: 0;			
			}
		.optionen-zum-produkt div ul li {
			background: none !important;
			padding: 0 !important;
			color: #4f4f4f;
			font-weight: bold;
			font-size: 11px !important;
			}
		.optionen-zum-produkt div ul li ul li {
			margin: 0 !important;
			font-weight: normal;
			padding: 0 0 0 8px !important;		
			background: url(../images/icon_linkpfeil.gif) 0px 3px no-repeat !important;
			}
		.optionen-zum-produkt div ul li ul li a span strong {
			color: #848484;
			font-size: 10px;
			font-weight: normal;
			display: block;
			}			


	.produkt-ende {
		width: 444px;
		background: url(../images/background_seitenabschluss.gif) bottom left no-repeat;
		padding-bottom: 6px;
		margin-top: 48px;
		}
	.produkt-ende a.buttonlink-klein, .produkt-ende a.buttonlink-dunkel-klein {
		float: left;
		margin-left: 9px;
		} 
		
						
/* seitenfunktionen (drucken, seite versenden, seitenanfang) */			
ul#seitenfunktionen  {
	clear: both;
	display: block;
	list-style-type: none;
	width: 675px;
	height: 16px;
	padding-top: 12px !important;
	margin-bottom: 24px !important;
	}
	ul#seitenfunktionen li {
		float: left;
		display: inline;
		padding-top: 0 !important;
		padding-left: 7px !important;
		padding-right: 12px !important;
		background: url(../images/icon_linkpfeil.gif) 0px 3px no-repeat !important;
		}	
	ul#seitenfunktionen li.rechts {
		float: right;
		padding: 0 0 0 9px !important;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 3px no-repeat !important;	
		}	
			
ul#seitenfunktionen-inhalt  {
	padding-top: 12px;
	clear: both;
	display: block;
	list-style-type: none;
	width: 446px;
	height: 16px;
	margin: 0 0 48px 236px;
	}
	ul#seitenfunktionen-inhalt li {
		float: left;
		display: inline;
		padding-left: 7px;
		padding-right: 12px;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
	}	
	ul#seitenfunktionen-inhalt li.rechts {
		float: right;
		padding: 0 0 0 9px;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 4px no-repeat;	
		}	


/* ################# FUSSZEILE ################### */
				
#fusszeile {
	width: 928px;	
	border-top: 12px solid #cde8f4;
	border-bottom: 12px solid #cde8f4;
	}
#fusszeile-extranet-tarifrechner {
	width: 700px;	
	border-top: 12px solid #cde8f4;
	border-bottom: 12px solid #cde8f4;
	}	
	#fusszeile-innen {
		padding: 24px 24px 60px 24px;
		}
		#fusszeile-innen ul {
			list-style-type: none;
			}			
			#fusszeile-innen ul li {
				line-height: 16px;
				display: inline;
				padding-right: 14px;
				background: url(../images/icon_slash.gif) right 2px no-repeat;
				}
				#fusszeile ul li a {
					color: #107ba9;
					}			
			#fusszeile-innen ul li.letzter {
				background: none;
				}	 
		#fusszeile-innen p {
			display: inline;
			padding-right: 12px;
			float: left;
			}
	ul#quicklinks {
		margin-top: 4px;
		}
		

	/* eingerückter "drucken" link für sitemap */
	li.sitemap {
		margin-left: 12px;
		}


/* Fragen und Antworten */
/* kategorieüberschriften */
h3.kategorie {
	padding: 2px 0 2px 10px;
	color: #fff !important;
	margin: 25px 0 10px 0 !important;
	background-color: #83c7e5;
	}

ul.faq {
	margin: 0 0 12px 0 !important;
	}
	ul.faq li {
		line-height: 14px;
		padding: 4px 0 4px 9px !important;
		color: #107ba9;
		font-weight: bold;
		background: url(../images/icon_linkpfeil.gif) 0 7px no-repeat !important;	
		}
		ul.faq li a { 
			font-size: 12px !important;
			}
			
			
.antwort {
	border-bottom: 1px solid #83c7e5;
	padding-bottom: 4px;
	margin-bottom: 20px;
	}			
	.antwort h6  {
		color: #4f4f4f;
		}
	.antwort h6 a {
		font-size: 12px !important;
		}	
	.antwort h6 a:hover {
		text-decoration: none;
		}	
	.antwort a.rechts {
		float: right;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 3px no-repeat !important;
		padding-left: 9px;
		}		
	.antwort img {
		border-bottom: 1px solid #fff;
		}
	.antwort p.bildbeschreibung {
		background-color: #d6ecf6;
		color: #666 !important;
		font-size: 11px !important;
		padding: 6px 12px 24px 12px !important;
		line-height: 14px !important;
		margin-bottom: 12px;
		}
				
			
/* produktübersicht auf produkteinstiegsseiten */
div.produkte-links {
	width: 217px;
	margin-right: 12px;
	float: left;
	}
div.produkte-rechts {
	width: 217px;
	margin-right: 0;
	float: left;
	}
ul.produkte-ueberblick {
	display: block;
	width: 217px;
	padding: 0 !important;
	list-style-type: none;
	margin: 6px 0 0 0;
	}	
	ul.produkte-ueberblick li {
		font-weight: bold;
		line-height: 14px;
		background: none !important;
		padding: 1px 0 0 0 !important;
		}
		ul.produkte-ueberblick li a {
			display: block;
			padding: 0 7px 2px 10px;
			background: url(../images/icon_linkpfeil.gif) 2px 3px no-repeat;
			font-size: 12px;
			border-bottom: 1px solid #85c6e6;
			}		
			ul.produkte-ueberblick li ul {
				display: block;
				width: 217px;
				margin: 0 !important;
				padding: 0 !important;
				list-style-type: none;	
				}
				ul.produkte-ueberblick li ul li {
					font-weight: normal;
					}		
				ul.produkte-ueberblick span.zusatz {
					color: #868686;
					font-size: 10px;
					padding-left: 6px;
					}	

/* einspaltige produktdarstellung */
ul.produkte-einspaltig {
	margin: 12px 0 0 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
	}
	ul.produkte-einspaltig li {
		background-image: none !important;
		color: #4e4e4e;
		margin: 0 !important;
		padding: 0 !important;
		font-weight: bold;
		padding-bottom: 12px !important;
		}
		ul.produkte-einspaltig li ul {
			border-top: 1px solid #84c6e6;
			margin-top: 2px;
			}
			ul.produkte-einspaltig li ul li {
				padding: 2px 0 2px 0 !important;
				font-weight: normal;
				border-bottom: 1px solid #84c6e6;
				margin: 0 !important;
				}		
		ul.produkte-einspaltig li a {
			font-weight: normal;
			float: left;
			padding: 0 2px 0 9px !important;
			background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
			}	
		ul.produkte-einspaltig li a.berechnen {
			font-weight: bold;
			float: right;
			padding: 0 !important;
			background-image: none;
			display: block;
			text-align: right;
			width: 125px;
			}	
			ul.produkte-einspaltig li a span {
				font-size: 12px !important;
				}
			ul.produkte-einspaltig li a.berechnen span {
				padding-left: 9px;
				background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
				}	
			
				
				
				
				
												
/* produkt-zusatzinformationen */

.zusatzinformationen {
	margin-bottom: 24px !important;
	}

	.zusatzinformationen h5 {
		color: #4f4f4f;
		font-weight: bold;
		font-size: 12px;
		}
	.zusatzinformationen p {
		padding-bottom: 4px !important;
		}	
	.zusatzinformationen a {
		padding: 0 0 0 9px;
		font-weight: bold;
		margin: 0;
		background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
		font-size: 12px;	
		}

/* presse */
ul.presse {
	display: block;
	width: 445px;
	list-style-type: none !important; 
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	}
	ul.presse li {
		background: transparent !important;
		margin: 0 !important;
		padding: 6px 0 0 0 !important;
		line-height: 16px;
		}
	ul.presse li a {
		font-size: 12px !important;
		display: block;
		float: left;
		width: 385px;
		}	
		ul.presse li span {
			font-size: 12px !important;
			display: block;
			float: left;
			width: 60px;
			}
			
	.alle-meldungen {
		font-size: 12px !important;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat !important;
		padding-left: 7px ;	
		font-weight: bold;	
		display: block;
		margin: 12px 0 24px 0;
		}


/* downloads */

ul.downloads {
	display: block;
	width: 445px;
	list-style-type: none !important; 
	margin: 0 0 12px 0 !important;
	padding: 0 !important;	
	}
	ul.downloads li {
		background: transparent !important;
		margin: 0 !important;
		padding: 8px 0 0 0 !important;
		line-height: 16px;
		background-color: #83c7e5 !important;
		color: #fff !important;
		font-weight: bold;
		}
		ul.downloads li strong {
			display: block;
			padding: 0 12px 0 12px;
			font-size: 14px;
			font-weight: bold;
			}
		ul.downloads li span {
			display: block;
			padding: 0 12px 0 12px;
			font-size: 12px;
			font-weight: normal;
			}
		ul.downloads li ul {
			margin: 6px 0 0 0 !important;
			}
			ul.downloads li ul li {
				font-size: 12px !important;
				background: url(../images/icon_linkpfeil.gif) 12px 7px no-repeat  #fff !important;
				padding: 3px 0 3px 20px !important;
				border-bottom: 1px solid #83c7e5;
				}
			ul.downloads li ul li.letzter {
				padding: 7px 0 3px 20px !important;	
				border-bottom: none;
				background: url(../images/icon_linkpfeil.gif) 12px 10px no-repeat  #fff !important;
				}
				ul.downloads li ul li a {
					font-size: 12px !important;
					}

/* anmeldebox */
					
div.anmeldebox {
	border: 1px solid #d6ecf6;	
	background-color: #d6ecf6;
	margin: 0 0 12px 0;
	background: url(../images/bg_anmeldung.gif) 0 0 repeat-y;
	padding-bottom: 10px;
	}
	form.anmeldeform {
		height: 136px;
		float: left;
		}
		form.anmeldeform fieldset {
			margin-top: 24px;
			float: left;
			width: 300px;
			}
		form.anmeldeform label {
			display: block;
			color: #4f4f4f;
			float: left;
			width: 120px !important;
			height: 17px;
			line-height: 17px;
			display: inline; /* IE */
			margin: 0 0 0 12px;
			}
		form.anmeldeform input.txtinput {
			display: block;
			color: #051e50;
			float: left;
			height: 17px;
			width: 160px;
			border: 1px solid #a5acb2;
			margin-bottom: 12px;
			}	
		form.anmeldeform input.buttonlink-med {
			float: right;
			margin: 0 6px 0 20px;
			}	
			
				
	div.statusbox {	
		padding: 4px 6px 15px 8px;
		float: left;
		margin-left: 4px;
		margin-top: 24px;
		}
		div.statusbox a {
			clear: both;
			display: block;
			padding-left: 9px !important;
			background: url(../images/icon_linkpfeil.gif) 0 6px no-repeat;
			line-height: 20px;
			}
			
		div.statusbox span {	
			color: #888888;
			display: block;
			margin-bottom: 10px;
			}
			

	div.eingeloggt {
		background-color: #d6ecf6;
		background-image: none;	
		clear: both !important;	
		}	
		/* wenn eingeloggt */		
		div.eingeloggt div.statusbox {
			padding: 0 6px 15px 6px;
			float: left;
			border: none;
			}	
		div.eingeloggt div.statusbox span {
			color: #888888;
			padding: 0 !important;
			display: block;
			margin: 0 !important;
			font-weight: bold;
			}
		form.abmeldeform  {			
			clear: both;
			}
		form.abmeldeform input.buttonlink-med {
			margin: 0 6px 10px 140px;
			}		
			
						
/* fehlermeldungen bei der anmeldung */			
p.fehler {
	background-color: #edb8ac;
	margin-bottom: 6px;
	padding-top: 12px !important;
	background: #edb8ac url(../images/icon_ausrufezeichen_fehler.gif) 12px 16px no-repeat !important;
	}
	p.fehler span {
		margin: 0 24px 6px 36px;
		color: #4f4f4f;
		display: block;
		font-weight: bold;
		}	
		

/* benutzerregistrierung */		
		
form.registrierform {
	background-color: #d6ecf6;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
	form.registrierform label {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 120px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	form.registrierform span {
		display: block;
		color: #888;
		float: left;
		width: 120px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}		
	form.registrierform input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 160px;
		border: 1px solid #a5acb2;
		}		
		form.registrierform input.buttonlink-med {
			float: right;
			margin: 18px 146px 0 16px;
			}		
		
		


/* merkliste volldarstellung */

div.merkliste {
	padding: 0 !important;
	background: url(../images/bg_merkliste_full.gif) 0 0 repeat-y;
	margin-bottom: 24px;
	}
	div.merkliste h3 {
		color: #fff !important;
		font-size: 14px !important;
		padding: 6px 0 6px 10px;
		background-color: #83c7e5;
		border-bottom: 1px solid #fff;
		border-top: 12px solid #fff;
		}
				
	div.merkliste h3 span.head {
			color: #fff !important;
			font-size: 14px !important;
			padding-top: 10px;
			width: 200px;
			float: left;
			}
		div.merkliste h4 {
			color: #0a508c;
			font-size: 12px !important;
			padding: 0 0 6px 10px !important;
			margin: 0 !important;
			}
		div.merkliste h5 {
			padding-left: 30px;
			padding-top: 6px;
			margin: 0 !important;
			color: #0a508c !important;
			font-size: 12px !important;
			}
			div.merkliste h4 span.datum,
			div.merkliste h5 span.datum {
				float: left;
				width: 170px;
				font-size: 12px !important;
				margin-top: 12px;
				}	
			div.profile h4 span.datum,
			div.profile h5 span.datum {
				float: left;
				width: auto;
				font-size: 12px !important;
				margin-top: 12px;
				}
		ul.erste {
			border-bottom: 1px solid #fff;
			margin: 0 !important;
			padding: 0 0 12px 6px;
			}
			ul.erste li {
				width: 350px;
				}		
		ul.subliste {
			padding: 0 24px 24px 35px;
			margin 0 !important;
			border-bottom: 1px solid #fff;
			}	
			ul.subliste li {
				font-size: 12px !important;
				width: 310px;
				}
				
				
				ul.erste li strong,
				ul.subliste li strong {
					font-size: 12px !important;
					}				
				ul.erste li a,
				ul.subliste li a {
					font-size: 12px !important;
					font-weight: bold !important;
					}	
	/* buttons mit optionen (ansehen, löschen etc.) */		
	span.optionen {
		float: right;
		color: #107ba9;
		margin: 8px 5px 6px 0;
		display: block;
		width: 200px;
		}
		span.optionen img {
			margin: 2px 0 0 3px;
			}	
		span.optionen a.buttonlink-med {
			margin: 0 5px 0 0 !important;
			display: block;
			float: left;
			}
		span.optionen a.buttonlink-klein {
			margin: 0 5px 0 0 !important;
			display: block;
			float: left;
			}				
		span.optionen span.optionen-inner {
			float: right;
			width: 45px;
			display: block;
			height: 20px;
			}
			
			span.optionen a span {
			 	width: auto !important;
				font-size: 11px !important;
				color: #fff !important;
				padding: 0 0 0 22px !important;
				display: inline !important;
				}
			
			
	 div.nicht-ausgefuellt {
	 	padding: 12px !important;
	 	background-color: #d6ecf6;
	 	background-image: none;
	 	}		
		div.nicht-ausgefuellt h4 {
			margin: 0 0 6px 0 !important;
			padding: 0 !important;
			}	
		div.nicht-ausgefuellt a {
			display: block;
			font-weight: bold !important;
			margin: 0 !important;
			padding: 0 0 0 9px !important;
			background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
			}
			
												
/* weiterführende links und downloadbox */

ul.kontext-links {
	display: block;
	background-color: #d6ecf6;
	padding: 12px 0 12px 0 !important;
	}			
	ul.kontext-links li {
		background: transparent !important;
		font-weight: bold;
		padding: 0 0 0 12px; !important;
		margin: 0 !important;
		color: #4f4f4f;
		}		
		ul.kontext-links li ul {
			padding-top: 6px;
			}
			ul.kontext-links li ul li {
				background: url(../images/icon_linkpfeil.gif) 0 7px no-repeat !important;
				padding-left: 12px !important;
				}
				ul.kontext-links li ul li a {
					font-size: 12px !important;
					}	
				
								


/* sitemap */
h2.sitemap {
	background-color: #85c6e4;
	margin: 0 !important;
	padding: 2px 0 2px 0 !important;
	}
	h2.sitemap span {
		padding: 3px 10px 3px 10px !important;
		color: #fff;
		font-size: 14px;
		line-height: 18px;
		}
		
		
		
ul.sitemap {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	}
	ul.sitemap li {
		margin: 0 0 24px 0 !important;
		padding: 0 !important;
		background-image: none !important;
		font-size: 12px;
		}
		ul.sitemap li a {
			display: block;
			border-bottom: 1px solid #84c7e4;
			line-height: 15px;
			font-weight: bold;
			background: url(../images/icon_linkpfeil.gif) 0 5px no-repeat !important;
			padding: 2px 9px 2px 9px !important;			
			font-size: 12px;
			margin: 0 0 0 10px !important;
			}				
			ul.sitemap li ul li {
				margin: 0 !important;
				padding: 0;
				}	
			ul.sitemap li ul li a {
				font-weight: normal;
				margin: 0 0 0 20px !important;
				}	
				ul.sitemap li ul li ul li a {
					margin: 0 0 0 40px !important;
					}	
				ul.sitemap li ul li ul  {
					margin: 0 !important;
					}	

				
										
/* ----- BUTTONS HELL ----- */
	
/* links mit dem aussehen eines buttons (hell) */		
A.buttonlink, input.buttonlink {
	margin: 0 0 6px 12px;
	display: block;
	width: 193px;
	height: 22px;
	background: url(../images/background_buttons.gif) 0 0 no-repeat;
	}	
	A.buttonlink:hover, input.buttonlink:hover {
		background: url(../images/background_buttons.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
/* links mit dem aussehen eines buttons (hell, klein) */		
A.buttonlink-med, input.buttonlink-med {
	margin: 0 0 6px 12px;
	display: block;
	width: 153px;
	height: 22px;
	background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
	}	
	A.buttonlink-med:hover, input.buttonlink-med:hover {
		background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
	
	/* absolute referenz (überschreiben der styles) zum  buttonlink-med innerhalb der hinweistext divs */
	div.hinweistext A.buttonlink-med, input.buttonlink-med {
		margin: 0 0 6px 12px !important;
		display: blockv;
		width: 153px !important;
		height: 22px !important;
		background: url(../images/background_buttons_med.gif) 0 0 no-repeat !important;
		}	
		div.hinweistext A.buttonlink-med:hover, input.buttonlink-med:hover {
			background: url(../images/background_buttons_med.gif) 0 -22px no-repeat !important;
			text-decoration: none !important;
			}

/* links mit dem aussehen eines buttons (hell, mittel mit zurück pfeil) */		
A.buttonlink-med-zurueck, input.buttonlink-med-zurueck {
	margin: 0 0 6px 12px;
	display: block;
	width: 153px;
	height: 22px;
	background: url(../images/background_buttons_med_zurueck.gif) 0 0 no-repeat;
	}	
	A.buttonlink-med-zurueck:hover, input.buttonlink-med-zurueck:hover {
		background: url(../images/background_buttons_med_zurueck.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
		
/* links mit dem aussehen eines buttons (hell, groß mit zurück pfeil) */		
A.buttonlink-zurueck, input.buttonlink-zurueck {
	margin: 0 0 6px 12px;
	display: block;
	width: 193px;
	height: 22px;
	background: url(../images/background_buttons_zurueck.gif) 0 0 no-repeat;
	}	
	A.buttonlink-zurueck:hover, input.buttonlink-zurueck:hover {
		background: url(../images/background_buttons_zurueck.gif) 0 -22px no-repeat;
		text-decoration: none;
		}	
					
/* links mit dem aussehen eines buttons (hell, klein) */		
A.buttonlink-klein, input.buttonlink-klein {
	margin: 0 0 6px 12px;
	display: block;
	width: 136px;
	height: 22px;
	background: url(../images/background_buttons_klein.gif) 0 0 no-repeat;
	}	
	A.buttonlink-klein:hover, input.buttonlink-klein:hover  {
		background: url(../images/background_buttons_klein.gif) 0 -22px no-repeat;
		text-decoration: none;
		}


/* ----- BUTTONS DUNKEL ----- */
		
/* links mit dem aussehen eines buttons (dunkel) */	
A.buttonlink-dunkel, input.buttonlink-dunkel {
	margin: 0 0 6px 12px;
	display: block;
	width: 193px;
	height: 22px;
	background: url(../images/background_buttons_dunkel.gif) 0 0 no-repeat;
	}	
	A.buttonlink-dunkel:hover, input.buttonlink-dunkel:hover {
		background: url(../images/background_buttons_dunkel.gif) 0 -22px no-repeat;
		text-decoration: none;
		}	
		
/* links mit dem aussehen eines buttons (dunkel, mittel) */	
A.buttonlink-dunkel-med, input.buttonlink-dunkel-med {
	margin: 0 0 6px 12px;
	display: block;
	width: 153px;
	height: 22px;
	background: url(../images/background_buttons_dunkel_med.gif) 0 0 no-repeat;
	}	
	A.buttonlink-dunkel-med:hover, input.buttonlink-dunkel-med:hover {
		background: url(../images/background_buttons_dunkel_med.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
		
/* links mit dem aussehen eines buttons (dunkel, klein) */	
A.buttonlink-dunkel-klein, input.buttonlink-dunkel-klein {
	margin: 0 0 6px 12px;
	display: block;
	width: 136px;
	height: 22px;
	background: url(../images/background_buttons_dunkel_klein.gif) 0 0 no-repeat;
	}	
	A.buttonlink-dunkel-klein:hover, input.buttonlink-dunkel-klein:hover {
		background: url(../images/background_buttons_dunkel_klein.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
	
	A.buttonlink span, 
	A.buttonlink-dunkel span, 
	A.buttonlink-dunkel-klein span, 
	A.buttonlink-klein span,
	A.buttonlink-med span,
	A.buttonlink-med-zurueck span,
	A.buttonlink-zurueck span,
	A.buttonlink-dunkel-med span  {
		padding-left: 22px;
		line-height: 22px;
		color: #fff;
		font-weight: bold;
		}
	input.buttonlink, 
	input.buttonlink-dunkel, 
	input.buttonlink-dunkel-klein, 
	input.buttonlink-klein,
	input.buttonlink-med,
	input.buttonlink-med-zurueck,
	input.buttonlink-zurueck,
	input.buttonlink-dunkel-med {
		padding-left: 22px;
		line-height: 22px;
		color: #fff;
		padding-bottom: 1px;
		font-weight: bold;
		cursor: pointer;
		}			
	A.buttonlink-med,
	A.buttonlink-med-zurueck,
	A.buttonlink-zurueck,
	A.buttonlink-dunkel-med {
		float: left;
		display: inline;
		}	
	input.buttonlink-med,
	input.buttonlink-med-zurueck,
	input.buttonlink-zurueck,
	input.buttonlink-dunkel-med {
		float: left;
		display: inline;
		}	
		
	.letzter {
		margin: 0 !important;
		}
		
	ul.letzter {
		margin: 0 0 0 0 !important;
		float: right;
		}
		
	ul.ansprechpartner {
		background-color: #D6ECF6;
		}	

/* kontaktcenter */

.kcenter-box {
	padding-bottom: 4px;
	margin-bottom: 20px;
	}			
	.kcenter-box h6  {
		color: #4f4f4f;
		margin-bottom: 5px;
		}
	.kcenter-box h6 a {
		font-size: 12px !important;
		}	
	.kcenter-box h6 a:hover {
		text-decoration: none;
		}	
	.kcenter-box a.rechts {
		float: right;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 3px no-repeat !important;
		padding-left: 9px;
		}		
	.kcenter-box img {
		border-bottom: 1px solid #fff;
		}
	.kcenter-box p.bildbeschreibung {
		background-color: #d6ecf6;
		color: #666 !important;
		font-size: 11px !important;
		padding: 6px 12px 12px 12px !important;
		line-height: 14px !important;
		margin-bottom: 12px;
		height: 77px;
		width: 193px !important;
		}
		
	.kcenter-teaser {
		float: left;
		}
		
	.kcenter-teaser-zweiter {
		float: left;
		margin-left: 12px;
		}
		
		
	.kcenter h4 {
		display: block;
		background-color: #83c7e5;
		color: #FFFFFF !important;
		padding: 12px 0 12px 12px;
		border-bottom: 1px solid #fff;
		}
	.kcenter ul {
		padding: 12px 0 12px 12px;
		}
		
	.kcenter p.kontent {
		margin: 12px 0 0 12px;
		}
		
/* formularcenter */
	.formularcenter-separator {
		height: 20px;
		}
}
		
div.tablewrapper {
	background-image: none !important;
	margin: 0 0 20px 10px !important;
	padding: 0 !important;
	width: 580px !important;
	}
	div.tablewrapper table,
	div.tablewrapper table th,
	div.tablewrapper table td {
		border: none !important;
		width: 580px !important;
		background-color: #fff !important;
		}