@charset "utf-8";

/* ++++++++++ Browser-Reset ++++++++++ */
* {margin:0; padding:0; border:0;}
option {padding-left: 0.4em;}
* html body * {overflow:visible;}
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
html {height:100%; margin-bottom: 1px;}
body { font-size: 100.01%; position: relative; color: #000; background: #fff; text-align: left;}
fieldset, img { border:0px; }
ul, ol, dl { /*margin: 0 0 1em 1em;*/ }
li {/* margin-left: 0.8em; line-height: 1.5em; */}
dt { font-weight: bold; } dd { margin: 0 0 1em 0.8em; }
blockquote { margin: 0 0 1em 0.8em; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
a { border: 0 solid; }
a:link img, a:visited img, a:hover img, a:active img {border: 0px !important;}

/* ++++++++++ Seiten-Container ++++++++++ */
html, body {
	background: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #283339;
	font-weight:normal;
}	

#margins {margin: 0; width: 1002px; text-align:left;}

#page {padding: 10px 10px 0;}

#header {height: 85px; margin-bottom: 10px; }

#main {
	background: url(../images/bg_startseite.jpg) no-repeat left top; 
	width: 100%;
	height: 485px;
}

#vorsorgetyp  #main, #vonfrauzufrau #main {
	background: url(../images/bg_neutral.jpg) no-repeat left top; 
}

#lena #main,
#kontakt #main {
	background: url(../images/bg_startseite.jpg) no-repeat left top; 
}

#footer {color: #8e999e}

#header, #main, #footer {position: relative;}

/* ++++++++++ Seiten-Elemente ++++++++++ */
#logo {display: block; left: 0; top: 0;}
#claim {
	right: 0px;
	top: 16px;
	color: #900;
	font-size: 18px;
}
#schutz {left: 220px; top: 16px; color: #283339; font-size: 18px;}
#nav {left: 0; top: 63px; background: #900; width: 100%;}
#nav ul  {padding-left: 186px; list-style-type:none; color: #FFF; font-weight:900; overflow: hidden; _height: 1%;}
#nav ul li  {float: left;}
#nav ul li a {text-decoration: none; color: #fff; display: block; padding: 4px 9px 4px 10px; border-left: 1px solid #900; border-right: 1px solid #900;}
#nav ul li a:hover {text-decoration: none; background: #D8DCDE; color: #000; border-left: 1px solid #D8DCDE; border-right: 1px solid #D8DCDE;}
#nav ul li a.active {background: #D8DCDE; border-left: 1px solid #FFF; border-right: 1px solid #FFF; color: #000; }

#headline {top: 84px ; left: 53px ;}
#headline h1 {color: #FFF; font-size: 34px;}
#headline h2 {color: #FFF; font-size: 20px;}
#headline h1, #headline h2 {font-weight: 100;}


#lena_richtig {top: 170px; left: 53px; width: 345px; height: 170px; position: absolute; background: url(../images/bg_box_s2.png) 0 0 no-repeat;}
#lena_richtig h3 {color: #900; font-size: 25px; font-weight: 100; margin-bottom: 5px;}
#stoerer_gewinnen {right: 10px; top: 45px; position: absolute;}

#von_frau_zu_frau {top: 130px; left: 53px; width: 422px; height: 331px; position: absolute; background: url(../images/textfeld_folgeseite.png);}
#von_frau_zu_frau h3 {color: #900; font-size: 25px; font-weight: 100;}

#box_so_funkts {top: 270px; left:275px; position: absolute; z-index:100; }
.btn_so_funkts {background: url(../images/btn_so_funktionierts.png) no-repeat left top; width:146px; height: 34px;}
.btn_so_funkts a {text-decoration: none; color: #FFF; font-weight: 900; display: block; padding: 6px 8px 5px;}
.hinweis_funkt {color:#8e999e; font-size: 11px; line-height:13px;}

#flash {top: 0; left:0; position: absolute; z-index:0;}

#rechner {top: 130px; left: 28px; width: 510px; height: 160px; background: url(../images/bg_box_rechner.jpg) repeat-x left bottom #FFF; border: 1px solid #c0dbeb;}
#rechner p {font-weight: 900; margin-bottom: 5px;}
#rechner * input {margin-right: 3px;}
#rechner * label {margin-right: 6px;}
#rechner * input, #rechner * label{vertical-align: middle;}
*+html #rechner * input {width: 14px; height: 13px; border: 0px; margin: 0px;}
* html #rechner * input {width: 14px; height: 13px; border: 0px; margin: 0px;}
.linewrap {height: 40px; margin-bottom: 30px;}
#rechner select {padding: 4px 6px; border: 1px solid #c0dbeb;}


#kapital {top: 320px; left: 28px; width: 370px; height: 60px; position: absolute;}
#kapital p {font-size: 20px;}
.kapitalbox {background: url(../images/bg_box_kapital.jpg) repeat-x left bottom #FFF; border: 1px solid #c0dbeb; text-align: right; padding: 4px 10px; margin-top: 5px;}

#info {top: 120px; left: 573px; width: 150px; overflow:visible; padding: 10px 0 0 0 ;}
#info img {top: -1px; left: -15px; position: absolute;}
#info p {line-height: 1.3em}
#info p strong {line-height: 1.4em}
#info p a {line-height: 1.4em; font-weight:900; color:#900;}

#info_arbeitgeber, #info_kontakt {left: 28px; top: 130px; width: 670px; height: auto; line-height:1.3em;}
#info_arbeitgeber p, #info_kontakt p {margin-bottom: 15px;}
#info_arbeitgeber ul {list-style-type: none; margin: -15px 0 15px 1px}
#info_arbeitgeber ul li {padding-left: 13px; background: url(../images/bullet_point.gif) no-repeat 0 50%;}
#box_info_ag {bottom: -10px; left: 18px; width: 370px; height:auto; background: url(../images/bg_box.jpg) repeat-x left bottom #FFF; border: 1px solid #c0dbeb;}
#box_info_ag a {color: #900;}

/*#box_kontakt {top: 130px; left: 28px; width: 355px; height: 160px; background: url(../images/bg_box_rechner.jpg) repeat-x left bottom #FFF; border: 1px solid #c0dbeb;}*/
#box_kontakt { width: 100%; height: 145px;}
#box_kontakt label {float: left; margin-top: 7px; font-weight:900; width: 40px;}
#box_kontakt input {float: left; border: 1px solid #c0dbeb; padding: 5px 6px; margin-left: 5px;}
.beratersuchen {float: right; margin-top: 20px; margin-right: 8px;}
* html .beratersuchen {margin-top: -4px; margin-right: 3px;}
#kontaktbox {top: 225px; left: 440px ; width: 160px; height: 80px;}
#kontaktbox a {color: #900; font-weight:900;}

/* Kontaktformular */
#box_kontaktformular div {margin-top: 0px;}
#box_kontaktformular label {margin-top: 7px; font-weight:900; width: 40px;}
#box_kontaktformular input {border: 1px solid #c0dbeb; padding: 5px 6px; margin-top: 3px;}
.kontaktformular {margin-right: 4px; width: 100px;}



#infos {top: 130px; left: 490px ; width: 208px; height: 331px;}

#box_container {top: 130px; right: 40px; width: 204px; height: 400px;}
.box1 {margin-bottom: 25px;}
.box1, .box2 {width: 204px; background: url(../images/bg_box_info_ag.jpg) repeat-x left bottom #FFF; border: 1px solid #c0dbeb; font-size: 14px;}
#weitersagen {
	margin-top: 10px;
	display: block;
	height: 21px;
	width: 100px;
	font-weight: 900;
	color: #900;
	text-decoration: none;
}

#brief {vertical-align: middle;}

.box_content p + div {margin-top: 12px;}
* html .box_content div {margin-top: 12px;}
.box_content {
	padding-top: 21px;
	padding-right: 10px;
	padding-bottom: 0;
	/*padding-left: 15px;*/
	padding-left: 25px;
}
#lena_richtig .box_content {padding: 16px 18px 0 18px;}
.btn_box {background: url(../images/btn_box.png) no-repeat left top; width:120px; height: 34px;}
.btn_absenden {background: url(../images/btn_absenden.png) no-repeat left top; width:86px; height: 33px;}
.btn_weiter {background: url(../images/btn_weiter.png) no-repeat left top; width:65px; height: 32px; margin-right: 1px;}

.btn_box a, .btn_absenden a, .btn_weiter a, .btn_berechnen a, .btn_vorsorge a, .btn_box_typ a {text-decoration: none; color: #FFF !important; font-weight: 900; font-size: 12px; display: block; padding: 6px 8px 5px;}
.btn_berechnen {background: url(../images/btn_berechnen.png) no-repeat left top; width:89px; height: 34px; margin-top: 20px; margin-left: 80px;}
.btn_vorsorge {background: url(../images/btn_vorsorgetyp.png) no-repeat left top; width:197px; height: 32px; margin-top: 20px !important; margin-left: 0px;}
/*.btn_vorsorge {background: url(../images/btn_vorsorge-typ_1.png) no-repeat left top; width:148px; height: 32px; margin-top: 20px !important; margin-left: 63px; text-align:center;}*/
.btn_box_typ {background: url(../images/btn_vorsorge-typ_1.png) no-repeat left top; width:148px; height: 32px; margin-top: 20px; margin-left: 0px;}
* html .btn_berechnen {margin-left: 15px;}


#geschenke {bottom: -35px; left: 400px; z-index: 20 !important;}

#footer a {color: #8e999e; text-decoration: none; font-weight:400;}

#subnav {left: 0; top: 40px;}

#subnav ul  {list-style-type:none; overflow: hidden; _height: 1%;}
#subnav ul li  {float: left;}
#subnav ul li a:hover {text-decoration: underline;}
.snspc {padding: 0 7px;}

#generali {right: 0; top: 40px;}
#generali a:hover {color: #900;}
* html #generali {right: 10px;}

#hinweis {margin-top: 80px; width:800px; color:#8e999e; font-size: 11px;}

#logo, #schutz, #claim, #nav, #headline, #rechner, #box_so_funkts, #info, #box_container, #geschenke, #subnav, #generali, #hinweis, #info_arbeitgeber, #kontaktbox, #infos, #info_kontakt, #box_info_ag {position: absolute; z-index: 100;}

#Mitteilung {
	width: 348px;
	height: 98px;
	border: 1px solid #C0DBEB;
}
#Mitteilung_preview{
	width: 348px;
	height: 28px;
	border: 1px solid #C0DBEB;
	overflow: auto;
}

.redbox {margin-top: 30px; padding: 15px; background: #900; color: #FFF;}
.redbox p {padding: 0; margin-bottom:10px;}
.big {font-size: 24px;}
.bgBlue {background-color: #dceaf2;}


.w20 {width: 20px;}
.w30 {width: 30px !important;}
.w36 {width: 36px !important;}
.w50 {width: 50px;}
.w100 {width: 100px;}
.w112 {width: 112px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w156 {width: 156px;}
.w167 {width: 167px;}
.w170 {width: 170px;}
.w190 {width: 190px;}
.w224 {width: 224px;}
.w235 {width: 235px;}
.w247 {width: 247px;}
.w315 {width: 315px;}
.w325 {width: 325px;}
.w360 {width: 360px;}
.w380 {width: 380px;}
.w30p {width: 30%;}
.w50p {width: 48%;}
.w70p {width: 70%;}
.w100p {width: 100%;}
.wa{width: auto !important;}

.h96 {height: 96px;}
.h114 {height: 114px;}
.h132 {height: 132px;}
.h140 {height: 140px;}
.h148 {height: 148px;}
.h331 {height: 331px;}


.mt0 {margin-top: 0 !important;}
.mt2 {margin-top: 2px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt_15 {margin-top: -15px;}
.mt15 {margin-top: 15px !important;}
.mt30 {margin-top: 30px !important;}
.mr5 {margin-right: 5px;}
.mr_5 {margin-right: -5px;}
.mr15 {margin-right: 15px;}
.mr25 {margin-right: 25px;}
* html .mr100ie {margin-right: 156px;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
* html .mb20 {margin-bottom: 5px;}
.mb30 {margin-bottom: 30px;}
.ml11 {margin-left: 11px;}
.ml5 {margin-left: 5px;}
.p15 {padding: 15px;}
.p24 {padding: 24px 24px 0;}
.pt6 {padding-top: 6px;}
* html .pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}

.b1 {border: 1px solid #c0dbeb}
.bb1 {border-bottom: 1px solid #c0dbeb;}
.bb2 {border-bottom: 2px solid #c0dbeb;}
.ptb {padding: 15px 25px 25px;}
* html .ptb {padding: 10px 25px 10px;}
.lh2em {line-height: 2em;}
.lh1em {line-height: 1em;}

.fs14 {font-size: 14px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs25 {font-size: 25px;}
.fw100 {font-weight: 100;}
.lh35 {line-height: 35px;}

#text2 a {color: #900; font-weight: 900; text-decoration: underline;}
#text1 a {color: #900; font-weight: 900; text-decoration: underline;}

.fl {float: left;}
.fr {float: right;}
.cl {overflow: hidden;}
* html .cl {width: 100%;}
*+html .cl {width: 100%;}
.clb {clear: both; height: 1px;}
.red, .br {color:#900 !important;}
.bld, .br {font-weight: 900;}
.smaller {
	font-size: 12px;
}

* html .iea {height: 80px;}
* html .iea2 {height: 60px;}
* html .iea3 {height: 49px;}

.fs1 {font-size: larger;}
.fs_1 {font-size: smaller;}

.va {vertical-align: middle;}
.clearfix {overflow: auto; width: 100%;}
.chb {margin: 0px !important; padding: 0px !important; width: 15px; height: 15px; border: 0px !important;}
.tar {text-align: right;}
.hand {cursor: pointer;}
.dn {display: none;}
.BoxLb {position: relative; top:-35px; left: 0px;}
.BoxSt {position: absolute; top: 75px; left: 891px; z-index: 101;}
/*.BoxGe {position: relative; top:-320px; left: 10px; color: #FFF;}*/
.BoxGe {position: relative; top:-310px; left: 10px; color: #FFF;}

#typ1, #typ2, #typ3, #typ4 {display: none;}

.gewinnspiel {
	/*background: url(../images/bg_sommer-gewinnspiel.jpg) 0 0 no-repeat !important;*/
	background: url(../images/bg_herbst-gewinnspiel.jpg) 0 0 no-repeat !important;
	
}

.gewinnspiel h2 {
	color: #900;
	font-weight: 400;
	font-size: 18px;
}

.gewinnspiel input {
	vertical-align: middle;
}