/** ------------
    basics
----------------**/
body {
	margin:0;
	padding:0;
	font:normal normal normal 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#303A63;
	/*background:#D8D8D8 url(../images/page/bg_body.gif) repeat-y 0 0;*/
}

div, form, fieldset, img {
	padding:0;
	margin:0;
	border:0;
}

ul, li {
	padding:0;
	margin:0;
	list-style:none;
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
}

p {
	margin:0 0 17px 0;
	padding:0;
}

a {
	color:#303A63;
	text-decoration:underline;
}


/** --------------
    container
------------------**/
/* --> in Klasse layout.css verschoben -->
/*#container {
	width:985px;
	padding:0 0 0 7px;
	background:transparent url(../images/abe/backgrounds/bg_container.gif) repeat-y 0 0;
}
html>body #container {width:978px;}*/


#main {
	clear:both;
	width:978px;
	/*background:transparent url(../images/page/bg_main.gif) repeat-y 0 0;*/
	overflow:hidden;
}

/** --------------
    header
------------------**/
#headerWrapper {
	width:977px;
	padding:6px 0 28px 0;
	background:#F0F0F1;
}
html>body #headerWrapper {width:971px;}

#header {
	width:971px;
	height:129px;
	background:#00204F;
	overflow:hidden;
}

#header h1 {
	float:left;
	display:inline;
	width:137px;
	height:45px;
	margin:16px 0 0 24px;
	background:transparent url(http://www.asstel.de/tr/htm/tchibo/images/abe/headlines/hl_tchibo.gif) no-repeat 0 0;
}

#header h1 a {
	display:block;
	width:137px;
	height:45px;
}

#header h1 span {display:none;}



/** --------------
     content
------------------**/
#content {
	float:left;
	width:724px;
	padding: 4px 24px 7px 23px;
	/*border-top:1px solid #F0F0F1;*/
	overflow:hidden;
}
html>body #content {width:722px;}


/** ------------
    action bar
---------------- **/

/*#actionBar {
	width:207px;
	float:left;
	margin:28px 0 0 0;
	padding:0 7px 0 11px;
	overflow:hidden;
}
html>body #actionBar {width:189px;}*/

#actionBar {
	width:207px;   
	margin:24px 0 0 0;
	padding:0 0 0 9px;   
	overflow:hidden;
	position: absolute; /* Ausrichtung am Body */
	top: 454px;
	left: 778px;
}

#actionBar * {
	font-size:11px;
	line-height:13px;
}

#actionBar div {
	width:189px;
	margin-left : 2px;
	background:#FBFBFB;
}

#actionBar div.linkABE {
	width : 195px;
	margin-left : 0px;
	padding-bottom : 7px;
	background : transparent url(../images/abe/backgrounds/versicherungen_abe_abschluss.gif) no-repeat left bottom;
	margin-bottom : 4px;
	_/margin-bottom : 2px;
}

/*#actionBar div, #actionBar img {
	margin:0 0 10px 0;
	margin:0;
}*/

#financeVp {
	margin:26px 0 10px 0;
}

#actionBar div h3 {
	height:20px;
	padding:2px 0 0 22px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background:transparent url(../images/abe/backgrounds/bg_h3_actionbar_navigation.gif) no-repeat 0 0;
}

#actionBar div.linkABE h3 {
	padding-top : 4px;
	padding-left : 24px;
	height : 19px;
	margin-top : 2px;
	background:transparent url(../images/abe/backgrounds/versicherungen_abe_head_weiss.gif) no-repeat 0 0;
}

#actionBar div.linkABE a h3{
	color : White;
	text-decoration : none;
	cursor: pointer;
}

#actionBar div p {
	margin:0;
	padding:2px 10px 7px 22px;
	background:transparent url(../images/content/backgrounds/bg_dots.gif) repeat-x left bottom;
}

#actionBar div ul li {
	padding:2px 0 7px 10px;
	background:transparent url(../images/content/backgrounds/bg_dots.gif) repeat-x left bottom;
}

#actionBar div.linkABE ul li {
	padding:3px 0 6px 12px;
	height : 26px;
	background:transparent url(../images/abe/backgrounds/versicherungen_abe_kachel_2zeilig.gif) repeat-x left top;
}

#actionBar div ul li.lastElement {
	background:transparent url(../images/abe/backgrounds/bg_li_actionbar_navigation_double_dots.gif) repeat-x left bottom;
	padding:2px 0pt 9px 10px;
}

#actionBar div ul li a {
	display:block;
	padding:0 0 0 12px;
	background:transparent url(../images/abe/elements/el_a_arrow_right_prefix.gif) no-repeat 0 5px;
}

#actionBar div.linkABE ul li p {
	display:block;
	padding:0 0 0 12px;
	background-image: url(../images/abe/elements/el_a_arrow_right_prefix.gif);
	background-repeat : no-repeat;
	background-position : 0 5px;
}

#actionBar div.linkABE ul li a {
	display:inline;
	padding : 0;
	background-position : 0 -5px;
}

#actionBar div ul li span.active {
	display:block;
	padding:0 0 0 11px;
	font-weight:bold;
	background:transparent url(../images/abe/elements/el_a_arrow_right_prefix.gif) no-repeat 0 6px;
}



/** -----------------
    ABE-Formatierung
--------------------- **/
#financeVp li  {
	padding-left: 22px!important;
}

#financeVp li a {
	font-size: 10px!important;
	background-image: none!important;
	padding-left: 0!important;
}

.agencyName {
	font-weight: bold;
	/*padding-top: 1px;*/
	width: 150px!important;
	margin-bottom: 10px;
	margin-left: 0px !important;
}

.logo {
	width: 147px!important;
	height: 39px;
	background-repeat: no-repeat!important;
	margin-top: -8px!important;
	margin-bottom: 4px!important;	
}

.assLogo {
	background-image: url(../images/abe/elements/el_insurance_logo_vp_asstel.gif)!important;
	margin-left: 1px !important;	
	height: 56px;
}

#actionBar .hotline {
	width : 160px;
	margin-left: 0px !important;
}

#actionBar .contractHotline {
	width : 160px;
}

#actionBar .partnerFeatures {
	margin-top : 1px;
	margin-left : 1px;
	margin-bottom : 2px;
}

#actionBar .partnerFeatures li {
	background : transparent url(../images/abe/elements/bullet_blau_klein.gif) no-repeat scroll 0 8px;
	list-style-image :  none;
	list-style-position : outside;
	list-style-type : none;
	padding-left : 8px !important;
}

.arrowVP {
	vertical-align: top;
	padding-bottom: 0px!important;
	margin-bottom: 0!important;
	margin-top: 2px!important;	
}

.hotlineHeadline {
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 13px;
	width: auto !important;
	margin-left: 0px !important;
}

.infoText {
	width: 144px;
	padding-bottom: 0px!important;
	margin-bottom: 0!important;
	float: left;
}

.infoLink {
	width: 166px!important;
	height: 17px!important;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left: 0px !important;
}

/*#financeVp ul .lastElement a {
	padding-bottom: 2px;
}*/

span.linkArrow {
	margin: 0 0 0 3px;
	_/margin: 0 0 0 0px;
}

img.arrowVp {
	margin-top:1px
}


.tenPoints {
	font-size: 10px!important;
}

#financeVp a {
	cursor: pointer;
}


/** ----------
    footer
-------------- **/
#footer {
	clear:both;
	/*width:771px;*/
	width: 761px;
	height:24px;
	padding:16px 0 0 10px;
	font-size:11px;
	background:transparent url(../images/content/backgrounds/bg_footer_dots.gif) repeat-x 0 0;
}
/*html>body #footer {width:761px;height:25px;}*/

#footer a.pageTopLink {
	float:left;
	padding:0 0 0 20px;
	background:transparent url(../images/page/elements/el_a_arrow_top_prefix.gif) no-repeat 0 2px;
}

#footer ul {
	margin:0 0 0 182px;
}

#footer ul li {
	display:inline;
	margin:0 0 0 6px;
}

#footer ul li a {
	padding:0 0 0 6px;
	background:transparent url(../images/abe/elements/el_a_arrow_right_prefix.gif) no-repeat 0 5px;
}


/** ---------------
    Mood
--------------------*/

#naviWrapper {
	position: relative;
}

#naviWrapper #mood {
	background-image:url(../images/header/mood/header_mood_ds.jpg);
	width: 975px;
	height:235px;
	margin:0px 0 0 0px;
	padding:0;
	/* border:1px dotted blue; */
}

#naviWrapper #moodright {
	background:url(../images/header/mood/header_text_right.gif) no-repeat 0 0;
	width: 152px;
	height:202px;
	position: absolute;
	top: 11px;
	left: 804px;
}

#naviWrapper #subNav {
	position: absolute;
	top: 188px;
	left: 24px;
	width: 769px;
	/*height:37px;*/	
}

#naviWrapper #subNav h1.topHL {
	margin-top : 11px;
	background : transparent url(../images/header/subnavi/dottedline_header.gif) no-repeat scroll left bottom;
	padding-bottom : 13px;
}
	
/** ---------------
    Subnavigation
--------------------*/
#content #subNav {
	/*height:235px;*/
	/*width: 722px;*/
	margin:8px 0 0 0px;
	width : 255px;
	padding:0 40px 0 0;
	float:left;
	/* border:1px dotted blue; */
}

#content #subNav p {
	margin : 0;
	padding : 0;
	line-height : 14px;
	margin-bottom : 8px;
}

#content #subNav p a {
	font-size : 11px;
/*	border:1px dotted red;*/
}

#content #subNav p.arrow {
	font-size : 11px;
	padding-left : 35px;
	background:transparent url(../images/abe/elements/el_a_arrow_right_prefix.gif) no-repeat 23px 6px;
/*	border:1px dotted red;*/
}

#content #subNav p.arrow a {
	
}

/** ----------------
    Detailseite
---------------------**/

.dottedLine {
	width: 723px;
	height:20px; 
	_/height: 21px;
	*height: 21px;
	background:transparent url(../images/content/backgrounds/bg_headline_dots.gif) no-repeat scroll left bottom;
	margin: 0;
	padding: 0;
}

#contentInner {
	float:left;
	width : 408px;
	margin-top : 6px;
}

#contentInner .contentBlock {
	
}

#contentInner p {
	line-height : 17px;
	margin : 0;
	padding : 0;
}

#contentInner p.headline {
	font-weight : bold;
	width : 299px;
	line-height : 17px;
	margin-bottom : 5px;
	font-size : 12px;
	color : #303a63;
}

.totop {
	background : transparent url(../images/content/backgrounds/bg_dots.gif) repeat-x scroll 0 0;
	margin-top : 16px !important;
	margin-bottom : 1px !important;
	padding-top : 9px !important;
	font-size : 11px;
	text-align : right;
	line-height : 17px !important;
}

.totop a {
	background : transparent url(../images/content/elements/el_a_arrow_top_prefix.gif) no-repeat scroll 0 1px;
	padding-left : 19px;
	padding-bottom : 1px;
}

#contentFooter {
	clear : both;
	padding-top: 24px;
	* padding-top: 20px;
	
}

#contentFooter p.backButton {
	float : right;
	padding-right : 20px;
	*padding-right : 20px;
	_/padding-right : 22px;
	padding-top : 4px;
	margin-bottom : 41px;
}

#top_main_banner_asstel_noproduct {
	background:transparent url(../images/content/backgrounds/bg_insurance_top_main_banner_asstel_noproduct.gif) no-repeat scroll 0 0;
	height: 52px; 
	position: relative; 
	width: 100%;
}