@charset "utf-8";

/*-----------------------------------*/
/*---------- Global Styles ----------*/
/*-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border:0px;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

abbr,
acronym {
	border: 0;
}

iframe {border: 1px solid #1664ad; padding:3px;}

h1,
h2,
h3,
h4,
h6 {
	font-size: 100%;
	font-weight: normal;
}

h5 {
	font-size:1.2em;
	color:#f28f20;
	}
	
q:before,
q:after {
	content:'';
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

.text-left {
	text-align:left !important;
	}

.text-right {
	text-align:right !important;
	}

.text-center {
	text-align:center !important;
	}

.left {
	float:left !important;
	}

html,
body {
	height: 100%;
}

html {
	background: #fff url(../images/bg-html.png) 0 0 repeat-x;
	overflow-y: scroll;
}

body {
	background: url(../images/bg-body.jpg) center top no-repeat;
	font: 62.5%/normal "Times New Roman", Times, serif;
	color:#000;
}






/*-----------------------------------*/
/*---------- Layout Styles ----------*/
/*-----------------------------------*/

/*---------- Container ----------*/
#container {
	width: 990px;
	margin: 0 auto;
}

/*---------- Header ----------*/
#header {
	width: 990px;
	height: 300px;
	position: relative;
	padding-bottom:25px;
}

/*---------- Branding ----------*/
h1#branding {
	width: 480px;
	height: 210px;
	position: absolute;
	left: -22px;
	top: 24px;
	z-index:9;
}

h1#branding a {
	display: block;
	width: 480px;
	height: 210px;
	overflow:hidden;
}

/*---------- HeaderAddress ----------*/
#headerAddress {
	position:absolute;
	top:236px;
	left:19px;
	width: 404px;
	height:39px;
	padding:10px 5px 12px 15px;
	font-size:1.2em;
	line-height:1.5em;
	color:#215caa;
	background:url(../images/bg-head-address.png) no-repeat;
	z-index:9;
}

#headerAddress dt {
	float:left;
	display:block;
	width: 105px;
}

#headerAddress dt.address {
	float:left;
	display:block;
	width: 125px;
}

#headerAddress dt.telefon {
	float:left;
	display:block;
	width: 168px;
}

#headerAddress dt a {
	color:#dd6f23;
}
#headerAddress dt a:hover {
	color:#dd6f23;
	text-decoration:none;
}

/*---------- ContentContainer ----------*/
#contentContainer {
	width: 952px;
	margin:0 auto;
	padding: 0 20px 0 18px;
	position:relative;
}

/*---------- ContentSidebar ----------*/
#contentSidebar {
	float: left;
	width: 228px;
	padding: 0;
}

/*---------- SearchBox ----------*/
#search {
	background: url(../images/bg-search.png) no-repeat 0 0;
	width: 227px;
	height: 79px;
	padding: 0 5px 0 16px;
}

#search p{
	font-size: 1.4em;
	line-height: 2em;
	color:#feb462;
	text-transform:uppercase;
}

#search form{
	margin:0;
	padding:15px 0 0 0;
	text-transform:uppercase;
}

#search input#inputSearch{
	width: 141px;
	height:14px;
	padding:2px;
	margin-right:3px;
	font-size: 1.2em;
	color:#1a70b9;
	border:1px solid #1a70b9;
}

#search input#abschicken{
	width: 64px;
	height:21px;
	margin-bottom:-5px;
}


table.altersvorsorge { border: 1px solid #F28F20; margin:15px 10px 30px 1px; padding:5px; text-align:center} 
table.altersvorsorge tr { border: 1px solid #F28F20; margin:10px 10px 10px 1px; padding:5px}
table.altersvorsorge td { border: 1px solid #F28F20; margin:10px 10px 10px 1px; padding:5px}

.wichtig			{background:#fce9d2;}
.wichtig2			{color:#0C68B5; background:#fce9d2;}

/* --- ul li --- */
ul 				{list-style-type: none; }

ul.list {list-style-image:url(../images/list-pic.jpg); margin:0 0 15px 40px;}
ul.list li {margin:0 0px 3px 0px; padding:0 0 0 0px}


/*---------- Navigation ----------*/
ul#navigation {
	width: 250px;
	padding:25px 0 60px 0;
}

ul#navigation li {
	padding-bottom:4px;
}

ul#navigation li a {
	width: 234px;
	height:31px;
	display:block;
	font-size: 1.5em;
	line-height: 1.9em;
	color: #abc0cb;
	text-decoration: none;
	text-transform:uppercase;
	padding: 0 0 0 16px;
	background: url(../images/bg-navi.png) no-repeat 0 0;
	overflow:hidden; /* for IE6 */
}

body#privatkunden ul#navigation li#privatkundenLi a,
body#privatkunden-altersvorsorge ul#navigation li#privatkundenLi a,
body#privatkunden-gesundheitsvorsorge ul#navigation li#privatkundenLi a,
body#privatkunden-risikovorsorge ul#navigation li#privatkundenLi a {
	color: #feb462;
	background: url(../images/bg-navi.png) no-repeat 0 -31px;
}

body#firmenkunden ul#navigation li#firmenkundenLi a,
body#firmenkunden-altersvorsorge ul#navigation li#firmenkundenLi a,
body#firmenkunden-gesundheitsvorsorge ul#navigation li#firmenkundenLi a,
body#firmenkunden-risikovorsorge ul#navigation li#firmenkundenLi a {
	color: #feb462;
	background: url(../images/bg-navi.png) no-repeat 0 -31px;
}

body#junge-leute ul#navigation li#jungeLeuteLi a,
body#junge-leute-altersvorsorge ul#navigation li#jungeLeuteLi a,
body#junge-leute-gesundheitsvorsorge ul#navigation li#jungeLeuteLi a,
body#junge-leute-risikovorsorge ul#navigation li#jungeLeuteLi a {
	color: #feb462;
	background: url(../images/bg-navi.png) no-repeat 0 -31px;
}

body#familien ul#navigation li#familienLi a,
body#familien-altersvorsorge ul#navigation li#familienLi a,
body#familien-gesundheitsvorsorge ul#navigation li#familienLi a,
body#familien-risikovorsorge ul#navigation li#familienLi a {
	color: #feb462;
	background: url(../images/bg-navi.png) no-repeat 0 -31px;
}

body#generation-50-plus ul#navigation li#generation50PlusLi a,
body#generation-50-plus-altersvorsorge ul#navigation li#generation50PlusLi a,
body#generation-50-plus-gesundheitsvorsorge ul#navigation li#generation50PlusLi a,
body#generation-50-plus-risikovorsorge ul#navigation li#generation50PlusLi a {
	color: #feb462;
	background: url(../images/bg-navi.png) no-repeat 0 -31px;
}

body#kindervorsorge ul#navigation li#kindervorsorgeLi a,
body#kindervorsorge-altersvorsorge ul#navigation li#kindervorsorgeLi a,
body#kindervorsorge-gesundheitsvorsorge ul#navigation li#kindervorsorgeLi a,
body#kindervorsorge-risikovorsorge ul#navigation li#kindervorsorgeLi a {
	color: #feb462;
	background: url(../images/bg-navi.png) no-repeat 0 -31px;
}

ul#navigation li a:hover {
	color: #feb462;
}

/*---------- SubNavigation ----------*/
body#privatkunden ul#navigation li#privatkundenLi ul,
body#privatkunden-altersvorsorge ul#navigation li#privatkundenLi ul,
body#privatkunden-gesundheitsvorsorge ul#navigation li#privatkundenLi ul,
body#privatkunden-risikovorsorge ul#navigation li#privatkundenLi ul,

body#firmenkunden ul#navigation li#firmenkundenLi ul,
body#firmenkunden-altersvorsorge ul#navigation li#firmenkundenLi ul,
body#firmenkunden-gesundheitsvorsorge ul#navigation li#firmenkundenLi ul,
body#firmenkunden-risikovorsorge ul#navigation li#firmenkundenLi ul,

body#junge-leute ul#navigation li#jungeLeuteLi ul,
body#junge-leute-altersvorsorge ul#navigation li#jungeLeuteLi ul,
body#junge-leute-gesundheitsvorsorge ul#navigation li#jungeLeuteLi ul,
body#junge-leute-risikovorsorge ul#navigation li#jungeLeuteLi ul,

body#familien ul#navigation li#familienLi ul,
body#familien-altersvorsorge ul#navigation li#familienLi ul,
body#familien-gesundheitsvorsorge ul#navigation li#familienLi ul,
body#familien-risikovorsorge ul#navigation li#familienLi ul,

body#generation-50-plus ul#navigation li#generation50PlusLi ul,
body#generation-50-plus-altersvorsorge ul#navigation li#generation50PlusLi ul,
body#generation-50-plus-gesundheitsvorsorge ul#navigation li#generation50PlusLi ul,
body#generation-50-plus-risikovorsorge ul#navigation li#generation50PlusLi ul,

body#kindervorsorge ul#navigation li#kindervorsorgeLi ul,
body#kindervorsorge-altersvorsorge ul#navigation li#kindervorsorgeLi ul,
body#kindervorsorge-gesundheitsvorsorge ul#navigation li#kindervorsorgeLi ul,
body#kindervorsorge-risikovorsorge ul#navigation li#kindervorsorgeLi ul{
	display:block;
}

ul#navigation li ul {
	display:none;
	margin:0 0 4px 0;
	padding:6px 0 12px 12px;
	background: url(../images/bg-navi-sub.png) no-repeat 0 100%;
	width:238px;
	overflow:hidden;
}

ul#navigation li ul li {
	padding-bottom:2px;
}


ul#navigation li ul li a {
	font-size:1.4em;
	line-height:1.35em;
	height:auto;
	color: #6b91bc !important;
	background: none !important;
	text-transform:none;
}

ul#navigation li ul li a:hover,
ul#navigation li ul li.active a {
	color: #dd6f23 !important;
	background: none !important;
}

/*---------- LinkVolsbank ----------*/
.linkVolsbank {
	padding-left:15px;
	}

/*---------- NavigationAdditional ----------*/
#navigationAdditional {
	float:right;
	background: url(../images/bg-navi-add.png) no-repeat 0 0;
	width: 669px;
	height: 31px;
	padding: 0 0 0 11px;
	overflow:hidden; /* for IE6 */
}

ul#navigationAdditional li {
	float: left;
	position: relative;
	padding:0 16px 0 16px;
	background: url(../images/bg-li-line.png) no-repeat 100% 0;
}

ul#navigationAdditional li.lastLi {
	background: none;
}

ul#navigationAdditional li a {
	display: block;
	font-size: 1.4em;
	line-height: 1.9em;
	color:#cddbe2;
	text-decoration:none;
	text-transform:uppercase;
}

* html ul#navigationAdditional li a { /* IE6 */
	font-size: 1.4em;
	line-height: 2.05em;
}

*+html ul#navigationAdditional li a { /* IE7 */
	font-size: 1.4em;
	line-height: 2.05em;
}

ul#navigationAdditional li a:hover,
ul#navigationAdditional li.active a {
	color:#feb462;
}

/*---------- ContentMain ----------*/
#contentMain {
	float:right;
	margin:0 0 0 0;
	padding: 48px 30px 40px 30px;
	background: url(../images/bg-content.png) repeat-x 0 0;
	border-left: 1px solid #deeaf9;
	border-right: 1px solid #deeaf9;
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	color: #494949;
	width: 618px;
	min-height: 300px;
}

* html #contentMain {
	height: 300px;
	overflow-x: hidden;
}

#contentMain h2 {
	font: 2.7em/1.3em "Times New Roman", Times, serif;
	color:#0c68b5;
	margin: 0 0 35px 0px;
	padding:0;
	border-bottom:1px solid #0c68b5;
}

#contentMain h4 {
	font-size:1.25em;
	font-weight:bold;
	color:#f28f20;
}

#contentMain img.photo {
	width:116px;
	margin: 0 20px 10px 0;
	padding:3px;
	border:1px solid #1664ad;
	float:left;
}

#contentMain img.photo2 {
	margin: 0 20px 0px 0;
	padding:3px;
	border:1px solid #1664ad;
	float:left;
}

#contentMain #video {
	border-top:1px solid #a1c4e2;
	margin: 38px 0 0 0;
	padding:38px 0 0 0;
}

#contentMain div#movie{
	float:left;
	width:384px;
	padding:0;
}

#contentMain #video p {
	float:right;
	width:200px;
	padding:0 10px 0 20px;
}

#contentMain h3 {
	font-size: 1.40em;
	line-height: normal;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#contentMain p {
	margin: 0 0 12px 0;
}

#contentMain a {
	color:#dd6f23;
	text-decoration: underline;
}

#contentMain a:hover {
	text-decoration: none;
}

#contentMain strong {
	font-weight: bold;
}

#contentMain em {
	font-style: italic;
}


	
.highlight {
	font-size:1.2em !important;
	color:#f28f20 !important;
	}
	
#contentMain p.produktpartner {
	width:100%;
	margin: 10px 0 0 0;
	padding-bottom:10px;
	border-bottom:1px solid #a1c4e2;
	float:left;
	clear:both;
}

#contentMain img.produktpartnerLogo {
	width:150px;
	margin: 0 20px 10px 0;
	padding:3px;
	border:1px solid #1664ad;
	float:left;
}


.firmendaten 			{margin-bottom: 1em;}
.firmendaten .desc2, 
.firmendaten .value2	{font-size: 10px; padding: -20px 0 20px 0; color: #515151;}

.firmendaten .desc, 
.firmendaten .value		{font-size: 1em; padding: .3em 0 0 0; color: #515151;}
.bordered				{border-bottom: 1px dashed #515151;}
.firmendaten .desc		{width: 14em; font-weight: bold; vertical-align:top}
.firmendaten .value		{width: 26em;}


/* ---  vcl  --- */
.pdf 			{height:31px; width:248px; display:block; text-indent:-9999px; text-decoration:none;
					background:url(../images/layout/pdf-downloaden.jpg) no-repeat top; margin:35px 0 25px 0;} 
.pdf:hover {background-position:bottom !important;}


/* ---  vcl  --- */
.vcf-d 			{height:35px; width:273px; display:block; text-indent:-9999px; text-decoration:none;
					background:url(../images/layout/vcf.jpg) no-repeat top; margin:15px 0 25px 0;} 
.vcf-d:hover {background-position:bottom !important;}

/* info-box ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
.info-box				{width:549px; border:1px solid #f28f20 ; font-weight:bold; padding: 16px; margin: 40px 0 30px 0;}


/* ---  accordion  --- */
div#test-accordion{
    margin: 0px;
}

div.accordion {
	position: relative;/* required for bounding */
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
    border-bottom: 1px solid #0C68B5;
    cursor: pointer;
    font-size:1.3em;
    padding:3px;
margin-bottom:30px;
	color: #0C68B5;
	font-weight:bold;
}

div.accordion-toggle-active{
    border-bottom: 1px solid #675445;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: none;
    margin:10px 0 0 0;
}



/*---------- Accordion ----------*/
.accordion h3 {
    position: relative; 
    z-index: 10;
    border-bottom: 1px solid #0C68B5;
    cursor: pointer;
    font-size:1.2em;
    padding:3px;
	 color:#0C68B5;
	}
.accordion div {
    overflow: hidden;
    background: none;
    margin:0 0 10px 0;
	}

/*---------- Footer ----------*/
#contentFooter {
	position: relative;
	float:right;
	width: 970px;
	height: 31px;
	padding-right:20px;
	margin-bottom:15px;
}

#footer {
	position: relative;
	float:right;
	width: 680px;
	height: 31px;
	background: url(../images/bg-footer.png) no-repeat center top;
}

#footer ul {
	position:absolute;
	right:10px;
	top:0;
	width: 430px;
	height: 31px;
	padding: 0;
}

#footer ul li {
	float: left;
	position: relative;
	padding:0 16px 0 17px;
	background: url(../images/bg-li-line.png) no-repeat 100% 0;
}

#footer ul li.lastLi {
	background: none;
}

#footer ul li a {
	display: block;
	font-size: 1.4em;
	line-height: 2.1em;
	color:#cddbe2;
	text-decoration:none;
	text-transform:uppercase;
}

#footer ul li a:hover,
#footer ul li.active a {
	color:#feb462;
}