@media print {
	@page { 
         	size: A4 portrait;
		margin-top: 1.5cm;
          	margin-bottom: 1.5cm;
		}
		
		@page:left {
	          	margin-right: 1cm;
			font-family: Arial, Helvetica, sans-serif;
			
			@top-left {
			     	content: "Hannoversche Direkt - Einfach. Besser. Direkt.";
		             	margin-top: 3mm;
		             	margin-bottom: 2mm;
		             	color: #0a508c;
		             	font-size: 12px;
		             	font-weight: bold;
	           		}
			   
			   @bottom-left {
				content: "Seite: " counter(page);
				border-top: 0.2mm solid #0a508c;
				margin-top: 2mm;
				margin-bottom: 3mm;
		             	color: #0a508c;
		             	font-size: 12px;
		             	font-weight: bold;
			   	}
			   
		}
		
		@page:right {  
			margin-left:1cm; 
			font-family: Arial, Helvetica, sans-serif;
		
			@top-right {
			     	content: "Hannoversche Direkt - Einfach. Besser. Direkt.";
		             	margin-top: 3mm;
		             	margin-bottom: 2mm;
		             	color: #0a508c;
		             	font-size: 12px;
		             	font-weight: bold;
			} 
			@bottom-right {
				content: "Seite: " counter(page);
				border-top: 0.2mm solid #0a508c;
				margin-top: 2mm;
				margin-bottom: 3mm;
		             	color: #0a508c;
		             	font-size: 12px;
		             	font-weight: bold;
           		}

		 }
}

/* nicht benötigte elemente ausblenden! */
ul#primaerNavi,
#header-rechts,
p#claim,
form#suche,
A.zurueck,
A.zurueck-formular,
.page-separator,
.contentanker,
.content-spalte-klein,
.teaser-klein-stoerer-bild,
.teaser-gross-stoerer-bild,
.teaser-klein-stoerer-bild a,
ul#seitenfunktionen,
ul#seitenfunktionen-inhalt,
#fusszeile,
form.registrierform,
span.optionen,
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,
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,
p.fehler,
div.eingeloggt,
form.abmeldeform,
div.statusbox,
form.anmeldeform,
.optionen-zum-produkt,
.produkt-ende,
.kcenter-box,
ul#funktionalNavi,
ul#produktNavi,
.seitennavigation,
ul#formularwizard,
.weitere-informationen,
.antwort a.rechts,
.zusatzinformationen a,
ul.faq,
.zusatzinformationen a,
.merkliste a,
.merkliste h4,
.infos,
.formular-schritte,
.hinweis,
.fehler,
.formular-absenden,
.hinweis-fehler,
.hinweis-formularende-rechts,
.teaser-content-text-rechts,
.berechnen {
	display: none;
	}
 
.printable {
	display: block !important;
	border-bottom: 1px solid #666 !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	padding-bottom: 5px;
	}
.printable div.formularfelder,
.printable h5  {
	display: block !important;
	color: #666 !important;
	font-size: 12px !important;
	width: 49% !important;
	float: left !important;
	}	
/* GENERELLE FORMATIERUNGEN  */

* {
	
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}

/* 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;
	}

body {
	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;
	margin-top: 20px;
	}
input {
	color: #051e50;
	}	
		
	
/* tabellen */
table {
	width: 100%;	
	border: 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: #fff;
	}
ul {
	margin: 0 0 20px 20px !important;
	padding: auto;
	list-style-type: disc;
	}
	ul li {
		margin: auto;
		padding: auto;
		}	
	ul li a {
		color: #666;
		}		
		ul li ul {
			margin: 0 0 0 20px !important;
			padding: auto;
			list-style-type: disc;
			}
				
table th {
	font-size: 12px;	
	border-right: 1px solid #83c7e5;
	background-color: #fff;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #83c7e5;	
	padding: 12px;
	}
/* ERGEBNISSE */
table.formular-ergebnis {
	width: 100%;
	margin-bottom: 6px;
	position: relative;
	}
	table.formular-ergebnis td {
		font-size: 14px;	
		border-right: 1px solid #acd9ed;
		border-bottom: 1px solid #acd9ed;
		border-collapse: collapse;
		background-color: #fff;
		padding: 12px;
		color: #666;
		text-align: right;
		line-height: 22px;
		font-weight: bold;
		}	
		table.formular-ergebnis td span {
			color: #666;
			font-size: 12px !important;
			line-height: 14px;
			}
	table.formular-ergebnis th {
		font-size: 12px !important;
		width: 30% !important;	
		font-weight: bold;
		background-color: #fff;
		color: #4f4f4f;
		border-bottom: 1px solid #fff;	
		padding: 12px 24px 12px 12px;
		}
	table.formular-ergebnis tbody th {
		width: 30% !important;
		} 		
	table.formular-ergebnis thead th {
		color: #666;
		background-color: #fff;
		} 
		table.formular-ergebnis th span {
			float: left;
			font-size: 12px !important;
			padding-right: 12px;
			}
		table.formular-ergebnis th strong, table.formular-ergebnis td strong {
			font-size: 12px !important;
			}			
	table.formular-ergebnis tr.letzte-zeile th,  table.formular-ergebnis tr.letzte-zeile td {
		border-bottom: 1px solid #acd9ed;		
		}	
	
	table.formular-ergebnis tr.gross td {
		font-size: 18px;
		}			
	table.formular-ergebnis tr.erste-zeile th {
		border-bottom: 1px solid #acd9ed;
		}
		table.formular-ergebnis tr.erste-zeile td {
			border-bottom: 1px solid #acd9ed;		
			}	
		table.formular-ergebnis td.altrow {
			background-color: #fff;			
			}	
	
	table.zwischenergebnis td {
		font-size: 12px !important;	
		color: #4f4f4f;
		text-align: left;	
		font-weight: normal;
		}		
	table.zwischenergebnis {
		border-right: 1px solid #83c7e5 !important;
		border-top: 1px solid #83c7e5 !important;	
		border-left: none;
		border-bottom: none;	
		}
	table.zwischenergebnis td, table.zwischenergebnis th {
		border-left: 1px solid #83c7e5 !important;
		border-bottom: 1px solid #83c7e5 !important;
		border-right: none;
		border-top: none;
		}	
		
#header {
	padding: 10px;
	border-bottom: 1px solid #f0ab00;
	border-top: 1px solid #f0ab00;
	margin-bottom: 12px;
	}		
#header-links img {
	float: right;
	}	
#inhaltsbereich img.rechts {
	float: right;
	margin: 12px 0 12px 12px;
	}	
	
#inhaltsbereich img.links {
	float: left;
	margin: 12px 12px 12px 0;
	}
			
#inhaltsbereich h1 {
	color: #f0ab00;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 12px;
	}
		
#inhaltsbereich h2  {
	color: #f0ab00;
	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 strong {
	font-size: 12px;
	line-height: 16px;
	color: #4f4f4f;
	}
		
#inhaltsbereich h4 {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #0a508c;
	font-size: 14px;
	}	

		
#inhaltsbereich p.sternchentext {
	padding-top: 20px;
	color: #858484;
	line-height: 14px;
	clear: both;
	font-size: 11px;
	}		

	
	/* 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;	
		}
		
	/* contentspalte für sitemap */	
	.content-spalte-sitemap {
		float: left;
		margin: 0 24px 0 0;
		display: inline;
		width: 320px;
		}	

/* formularinhalt nach berechnung */
.formularwrapper ul {
	margin-left: 40px;
	}					
					
/* teaserboxen */
h1.teaser-gross {
	display: block;
	width: 675px;
	height: 286px;
	margin-bottom: 12px;
	}
	
	h1.teaser-gross span {
		display: none;
		}

.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-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;
		}
	.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;
		}		

		
		
			




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

.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-zusatzinformationen */

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

	.zusatzinformationen h5 {
		color: #4f4f4f;
		font-weight: bold;
		font-size: 12px;
		}
	.zusatzinformationen p {
		padding-bottom: 4px !important;
		}	



						

/* merkliste volldarstellung */

div.merkliste {
	padding: 0 !important;
	background: url(../images/bg_merkliste_full.gif) 0 0 repeat-y;
	margin-bottom: 24px;
	display: block !important;
	}
	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;
					}	
	
			
	 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;
			}
			
	
			
		
/* formularcenter */
	.formularcenter-separator {
		height: 20px;
		}

	


/* 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;
		}
		
div.tablewrapper {
	margin: 10px 10px 10px 40px !important;
	border-top: 1px solid #666 !important;
	width: 446px !important;
	}
	div.tablewrapper table,
	div.tablewrapper table th,
	div.tablewrapper table td {
		border: none !important;
		}
	ul.auszeichnungen li,
	ul.auszeichnungen li ul,
	ul.auszeichnungen li ul span,
	ul.auszeichnungen li ul a,	
	ul.auszeichnungen li ul img {
		display: block !important;
	}
	ul.auszeichnungen li ul li {
		padding: 12px 0 12px 0;
	}		
	ul.auszeichnungen li ul li {
		padding: 12px;
	}	
	ul.auszeichnungen li ul img {
		margin: 12px;
	}