/*
	the relative form:
	with 
	-	base font-size of 11px
	you get
	- 800px equiv 72.75em
	that's a factor of
	- 0.0909375 em / px
	calculus is done to three post-dot-digits, round-nearest

	For IE you need to set body{font-size} to 100% or the like,
	because IE considers this fixed and rescaling won't work.

	All additional fixes for IE go to iefixes.css using the "magic"
	html comment switch only honoured by IE crap.
*/

/* DEBUG
	div { border:1px solid #f00; }
*/

body {
	width:100%;
	margin:0;padding:0;
	font-size:11px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0;
	color:#000;background:#fff;
}

div.banner_layer {
	position:absolute;
/*	background:url(/img/site/abos/tr-90.png) repeat; */
}


/* generic stuff */
.hidden {display:none;}
.invisible {visibility:hidden;}

ul, li, form, input, a, h1, h2, h3, p {
	margin:0;padding:0;
}

img {border:0;}

/* links */
a { 
	color:#c11919; 
	text-decoration:none; 
}

a:hover { 
	text-decoration:underline;
}

.lbar {
	position:absolute;
	background:#c11919;
	color:#fff;
}

a.bold_gr { 
	font-size:127.27%; 
	font-weight:bold; 
}

/* forms */
input {
	border:1px solid #666;
}

.page { 
	position:relative;
	margin:0;padding:0;
}

/* header */
.header { 
	position:absolute;top:3.547em;left:0;
	height:7.093em;width:72.75em;
	background:#c11919; 
}

.logo {
	position:absolute;top:0;left:1.819em;
}
.logo a, .logo a img {
	position:absolute;top:0;left:0;
	width:19.733em;height:3.183em;
}

.sp_header { 
	position:absolute;top:3.547em;left:0;
	height:56px;
	width:620px;
	background:#c11919;
}	
.sp_logo {
	position:absolute;top:0;right:0;
}
.sp_logo a, .sp_logo a img {
	position:absolute;top:0;right:0;
/*	width:30em; */
	height:80px; 
}

.topnavi { 
	position:absolute;top:0;left:0;
	width:72.75em;
	margin:0;padding:0;
}
.topnavi ul {
	position:absolute;bottom:0;right:0;
	margin:0;padding:0;
}
.topnavi ul li { 
	margin:0 0 0 0.455em;
	padding:0 0.273em;
	border:1px solid;
	border-bottom:none;
	height:1.48em;
	float:left;
	list-style-type:none;
}
.topnavi ul li a {
	margin:0;padding:0;
	font-size:91%;line-height:160%;text-transform:uppercase;
	color:#000;
}
.topnavi ul .on {
	color:#fff;
	background:#c11919;
	text-transform:uppercase;
}

.navi { 
	position:absolute;bottom:0;left:1.819em;
	width:95%;
	margin:0;padding:0;
}
.navi ul {
	position:absolute;bottom:0;
	margin:0;padding:0;
}
.navi ul li {
	position:relative;
	border:1px solid #fff;
	border-bottom:none;
	margin:0 0.364em 0 0;
	padding:0 0.273em;
	height:1.55em;
	float:left;
	list-style-type:none;
	background:#999;
}
.navi ul li a, .navi ul li span {
	position:relative;/*top:0.1em;*/
	margin:0;padding:0;
	font-size:85%;font-weight:bold;text-transform:uppercase;
	white-space:nowrap;
	color:#fff;
}
.navi ul li.on { 
	color:#000;
	background:#fff; 
}
.navi ul li span { 
	color:#000;
	background:#fff; 
}
.navi ul li:hover { 
	background:#fff; 
}
.navi ul li:hover a { 
	color:#000; 
}
.navi ul li a:hover, .navi ul li a:active { 
	color:#000;
	text-decoration:none; 
}
.navi_sel { 
	color:#000;
	text-decoration:none; 
}

.pfad { 
	position:absolute;top:7.093em;left:1.819em;
	height:2.183em;width:70.931em;
	border-bottom:1px dotted #ccc;
	color:#c11919;
}
.pfad span {
line-height:218%;text-transform:uppercase;
}

/* Content-Produkte */
.content { 
	position:absolute;
/*	top:15.459em; */
	top:15.455em;
	width:72.75em;
}
.popup .content { 
	position:absolute;
	top:0;
}
.main { 
	position:relative;
	top:0;
	left:1.819em;
	width:54.563em;
}

/* pick list */
.picklist {
	position:relative;
	width:55.472em;
	list-style:none;
}

.upcase_w_link a {
	font-size:127.27%; 
	color:#fff; 
	font-weight:bold; 
	text-transform:uppercase;
	padding-right:20px;
	background: url(/img/site/abos/a_dpfeil_w.gif) no-repeat right;
}
.upcase_w_link_noImg a {
	font-size:127.27%; 
	color:#fff; 
	font-weight:bold; 
	text-transform:uppercase;
	padding-right:20px;
}

/*=================================*/

/* Footer */
.footer {
	position:relative;
	float:none;
	clear:both;
	left:1.826em;
	width:52.723em;
	margin:0;padding:0;
}

.footer .line { 
	margin:0;padding:0;
	width:52.723em;
	border:none;
	height:2em;
}
.footer .line a {
	padding:0 20px 0.273em 0.273em;
	margin:0;
	margin-top:0.273em;
	border:1px dotted #ccc;
	background:url(/img/site/abos/a_top.gif) right bottom no-repeat;
	font-weight:bold;
	font-size:90.91%;
}

.footer a.top { 	
	position:relative;
	top:5px;
	padding-top:5px; 
	padding-left:5px; }

.footer .txt { 
	width:300px;
	padding:0;
	margin:26px 25% 20px 35%;
	color:#666;
	border:none;
	white-space:nowrap;
}

.footer a { 
	font-size:90.91%; 
	color:#666;
}

/* fonts allgemein */
.hl_r_gr { font-size:127.27%; color:#c11919; font-weight:bold; }
.hl_s_kl { color:#000; font-weight:bold; }
.txt_s   { color:#000; }
.txt_r   { color:#c11919; }

/* links */
a         { color:#c11919; text-decoration:none; }
a:hover   { text-decoration:underline;}
a.bold_gr { font-size:127.27%; font-weight:bold; }

/* Abo-Vorteile */
.vort_hl { font-size:236.36%; line-height:1.826em; color:#c11919; font-weight:bold; }
.vort_box_no { font-size:290.91%; line-height:2.727em; color:#fff; font-weight:bold; }
.vort_box_hl { font-size:127.27%; color:#c11919; font-weight:bold; }

/* weiterempfehlen */
.red_b_big { color:#c11919; font-size:127.27%; line-height:16px; font-weight:bold; }
.s_b_big { font-size:127.27%; line-height:16px; font-weight:bold; }

/* about */
.about {
	display:block;
	margin:3em 5em 4em 5em;
}
.about p {
	font-size:14px;
	margin:1em 0 1em 0;
}

/* test system */
#testSys {
	width:72.75em;
	background:#b2d3e4;
	color:#000;
}
#testSys p {
	margin:0;padding:0;
	font-size:120%;font-weight: bold;
	text-align:right;
}