* {
	margin:0pt;
	padding:0pt;
}
html {
	height:100%;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #706c63;	
	margin:0pt auto;
	min-height: 101%;
	overflow-x: hidden;
	position: relative;
	text-align: left;
	background: url(../img/layout/bg/body.png) left top repeat-x;
}
#header {
	height: 125px;
	font-size: 12px;
}
#content {
	height: 477px;
	position: relative;
	padding-top: 18px;
}
#main { line-height: 18px; }
#footer {
	min-height: 20px;
	padding: 36px 20px 20px 20px;
	font-size: 12px;
}
#overlay-content {
	font-size: 12px;
	color: #706C63;
}
.float_left { float: left; }
.float_right { float: right; }
.invisible { display: none; }
.no-bg { background: none !important; }
p.bordered { padding-top: 1px; background: url(../img/layout/icons/border.png) left top repeat-x;}
span.undeline { text-decoration: underline; }
.padding-05 { padding-right: 40px; }
.padding-1 { padding-right: 70px; }
.padding-2 { padding-right: 140px; }
.padding-3 { padding-right: 210px; }
.print-me { display: none; }
hr.clear {
	border: none;
	clear: both;
	height: 0pt;
	line-height: 0pt;
	margin: 0pt;
	padding: 0pt;
	visibility: hidden;
	position: relative; 
}
hr {
	border: none;
	clear: both;
	height: 1px;
	margin: 9px 0;
	padding: 1px 0;
	background: #fff;
	background: transparent url(../img/layout/icons/border.png) left top repeat-x;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #A7D333;
}
#no-javascript {
	position: absolute;
	top: 102px;
	margin-left: 350px;
	width: 560px;
	background: #fff;
	color: #EE0101;
}
/*.js #no-javascript { display: none; }*/
#header #no-javascript a {
	color: #EE0101;
	text-decoration: underline;
}
.default { 
	display: none; 
	height: 50px; 
	padding: 150px 30px; 
	width: 290px; 
	color: #EE0101; 
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}
.default-small { 
	height: 100px; 
	padding: 18px 0px 0 0; 
	width: 220px; 
}
.error { color: #EE0101;}
/*** Text-Formatierungen *******************/

#content a, #overlay a, .dialog a, #content span.link {
	color: #839FB2;
	/*color: #598fb3;*/
}
#content span.link { text-decoration: underline; cursor: pointer; }
#content span.link:hover { color: #000; }
#header a {
	color: #706C63;
	text-decoration: none;
}
#content a:hover, #footer a:hover, ul#nav_top li a:hover, ul#nav_tab li a:hover, .dialog a:hover {
	color: #000;
}
#nav-container a {
	text-decoration: none;	
}
#footer a {
	color: #7A6E54;
	text-decoration: underline;
}
#footer ul li a {
	text-decoration: none;
}
:focus {
	outline: 0; /*ÄNDERN*/
}

ins {
	text-decoration: none; /*ÄNDERN*/
}

p {
	margin-bottom: 16px; 
}
p.form-intro { margin-bottom: 16px; }
small { font-size: 0.8em; font-weight: normal; }
.important { font-size: 1.3em; line-height: 1.7em; }
address {

}
sup {
	text-transform: uppercase;
	vertical-align: text-top;
	font-size: 8px;
	font-weight: bold;
}
#nav-container sup, .button sup { vertical-align: top; }
/* Headlines */
h1, h1.title small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #78746C;
	margin-bottom: 8px;
}
h1.title {
	font-size: 16px;
	margin-bottom: 16px;
}
#overlay-content h2, #overlay-content #accordion h3 {
	font-size: 15px;
	color: #A7D333;
	margin-bottom: 1em;
	font-weight: normal;
	padding-bottom: 0; 
	border-bottom: none;
	margin-right: 0;
}

#overlay-content h1, #overlay-content #beispiele h2 {
	font-size: 16px;
	font-weight: bold;
	color: #A7D333;
	margin-bottom: 1em;
	padding-bottom: 0; 
	border-bottom: none;
}
#overlay-content #accordion h2 { font-weight: bold; }
#overlay-content #accordion h3 { 
	margin-bottom: 0.5em; 
	font-weight: normal;
}
.einleitung h1 {
	font-size: 21px;
	font-family: DaxWeb, sans-serif;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 16px;
}
.einleitung h1 strong {
	font-family: DaxWeb-Bold, sans-serif;
	font-weight: normal;
	font-size: 24px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #D64819;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 4px solid #fff;
	margin-right: 18px;
}
.arrow h2, .arrow-large h2, #main .box-vsa-start h2 {
	background: url(../img/layout/bg/h2-line.png) left bottom no-repeat;	
	margin-bottom: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: none; 
	margin-right: 0;
}
.arrow-large h2, #main .box-vsa-start h2 {
	background-repeat: repeat-x;	
}
h3, #main .print p strong.h3, #main .box-vsa-start h3 {
	font-size: 14px;
	color: #D64819;
	margin-bottom: 8px;
}
#main .box-vsa-start h3 { color: #A7D333; }
#main .print p strong.h3 { margin-bottom: 0; }
#form-vsa h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A7D333;
	margin: 0;
	padding-top: 6px;
	line-height: 18px;
	font-weight: bold;
	width: 200px;
	float: left;
	margin-left: 20px; 
}
.box h3, .box-vorteile h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #A7D333;
	margin-bottom: 6px;
}
#sidebar h3, #mascot-vsa h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #706C63;
	margin-bottom: 8px;
	padding-top: 3px;
		
}
#sidebar.box h3, #mascot-vsa h3 { color: #A7D333; }
#sidebar.box h4, #sidebar .box h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #A7D333;
	margin-bottom: 0px;		
}
#overlay-content h3 {
	color: #706C63;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1em;
}

h4  {

}
#footer h4 { 
	font-family: Arial, Helvetica, sans-serif;
	color: #D64719;
	font-size: 14px;
	font-weight: bold; 
	margin-bottom: 18px; 
}
h5 {

}
#sidebar h5 { color: #A7D333; font-weight: bold;  }
h6 {
}

 /* Listen */
ol, .dialog ol.bullet-list {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 16px;
	margin-left: 0;
}
#main ol { list-style-position: outside; padding-left: 20px; margin-bottom: 20px; }
#sidebar .bullet-list li, #footer .news-list li, .dialog .bullet-list li {
	display: inline-block;
	padding: 4px 0 4px 20px;
	font-weight: bold;
	background: url(../img/layout/icons/border.png) left 1px repeat-x;
}
#sidebar .bullet-list li, .dialog ul.bullet-list li { padding-top: 6px; padding-bottom: 6px; }
#footer .news-list li { padding-left: 0; padding-top: 8px; padding-bottom: 8px;  }
#footer .news-list li.first, #sidebar .bullet-list li.first { background: none; }
#footer .news-list li span.date { color: #C5C3B2; }
#sidebar .bullet-list.question li {	background: url(../img/layout/icons/questionmark-border.png) left 1px no-repeat;}
#sidebar .bullet-list.question li.first { background: url(../img/layout/icons/questionmark.png) left 1px no-repeat; }

#sidebar ul.bullet-list li, .dialog ul.bullet-list li { padding-left: 25px; display: list-item; font-weight: normal;  }
#sidebar .bullet-list li.mail, .dialog .bullet-list li.mail { background: url(../img/layout/icons/mail.png) left 6px no-repeat; }
#sidebar .bullet-list li.order, .dialog .bullet-list li.order { background: url(../img/layout/icons/order.png) left top no-repeat; }
#sidebar .bullet-list li.edit, .dialog .bullet-list li.edit { background: url(../img/layout/icons/edit.png) left top no-repeat; }
#sidebar .bullet-list li.result, .dialog .bullet-list li.result { background: url(../img/layout/icons/result.png) left top no-repeat; }
#sidebar .bullet-list li.mail-back, .dialog .bullet-list li.mail-back { background: url(../img/layout/icons/mail-back.png) left top no-repeat; }

#overlay-content ul { margin-bottom: 16px; }
#overlay-content ul li {
	background: url(../img/layout/icons/bullet-overlay.png) left 6px no-repeat;	
	padding-left: 10px;
}
#header ul li {
	display: inline-block;
	float: left;
}
#main .download-box { padding: 15px 20px 0 20px; background: url("../img/layout/bg/box-download.png") left top no-repeat !important; width: 530px; margin: -8px 0 18px; height: 75px  }
#content .download-list a { color: #706C63; text-decoration: none; }
#content .download-list a:hover { color: #000; text-decoration: none; }
#content .download-list a strong { color: #839FB2; text-decoration: underline; font-weight: normal; }
#content .download-list a strong:hover { color: #000; }

.vsa-vergleich {
	background: url("../img/layout/bg/vsa-vergleich.png") left top no-repeat;
	width: 220px;
	padding-top: 10px;
}
.vsa-vergleich ul {
	margin: 0px 10px 16px 10px; 
}
.vsa-vergleich ul li, #main .bullet-list li  {
	background: url("../img/layout/icons/bullet-overlay.png") no-repeat scroll left 6px transparent;
	padding-left: 10px;
}
#main .bullet-list.vorteile {height: 56px; width: 100%; background:url("../img/layout/icons/border-dark.png") repeat-x scroll left bottom; display: block; margin-bottom: 18px; }
#main .bullet-list.vorteile li  {
	background: url("../img/layout/icons/vorteile-border.png") no-repeat scroll left top transparent;
	padding: 4px 6px;
	padding-left: 25px;
	float: left;
	width: 220px;
	font-weight: bold;
}
/* Bilder */
img { 

}
span.tipp-button { background: url(../img/layout/form/bulb-button.png) right top no-repeat; padding-right: 14px; padding-bottom: 3px; }
img.float_left { margin-right: 16px; }
#main .img-frame { margin: 0 16px 0 0; border: 2px solid #fff; width: auto; float: left; }
#main .img-frame img { background: #fff; margin: 2px; float: left; }
img.mascot {
	position: absolute;
	top: 0px;
	left: 450px;
	z-index: 2;
}
.einleitung img.mascot { top: 10px; left: 418px; }
.schritt-1 img.mascot { top: 60px; left: 520px; }
.schritt-3 img.mascot { top: 121px; left: 420px; }
.schritt-4 img.mascot { top: 125px; left: 443px; }
.schritt-5 img.mascot { top: 130px; left: 790px; }

img#mascot-eyes { 
	background: url(../img/layout/mascot/augen.png) 5px 51px no-repeat; 
	position: absolute;
	top: 0px;
	left: 450px;
	/*z-index: 2;	*/
}
img#mascot-eyes.box-0 { background-position: 5px 51px; }
img#mascot-eyes.box-1 { background-position: 8px 54px; }
img#mascot-eyes.box-2 { background-position: 13px 53px; }
img#mascot-eyes.arrow-0 { background-position: 7px 53px; }
img#mascot-eyes.arrow-1 { background-position: 13px 53px; }
#mascot-vsa { top: -12px; left: 600px; position: absolute; }
#mascot-vsa .img-text { position: absolute; padding: 142px 30px 0 30px; }
#mascot-vsa img.mascot { position: static; }

.plus, .equals { 
	display: block;
	height: 30px;
	width: 30px;
	background: url(../img/layout/icons/plus.png) center center no-repeat;
	margin: 0 auto;
}
.equals { 
	background: url(../img/layout/icons/equals.png) center center no-repeat;
}
.bulb {
	background: url(../img/layout/icons/bulb.png) left center no-repeat;
	padding-left: 22px;
}
.allowed {
	background: url(../img/layout/icons/allowed.png) left top no-repeat;
	padding: 5px 0 5px 28px;
	color: #A7D333; 
}
.not-allowed {
	background: url(../img/layout/icons/not-allowed.png) left top no-repeat;
	padding: 5px 0 5px 28px;
	color: #D64819; 
}
.nr-small { color: #A7D333; font-weight: bold;  }
.nr-small strong { font-size: 12px; line-height: 19px; color: #fff; background: url(../img/layout/icons/nr-small.png) left top no-repeat; width: 19px; height: 19px; text-align: center; display: inline-block; margin-top: -2px;  }
.pie-intro { height: 100px; width: 260px; }
.plus span, .equals span { display: none; }
 /* Formular */
#form-order fieldset.bg, #form-contact fieldset.bg, #form-newsletter fieldset.bg {
	background: url(../img/layout/form/form-order.png) left bottom no-repeat;
	padding: 15px 0 10px 0;
	position: relative;
	z-index: 3;
	display: block;
	overflow: hidden;
	height: 325px;
	margin-left: -4px;
}
#form-newsletter fieldset.bg {
	height: 160px;
}
#form-preorder {
	background: url(../img/layout/form/form-preorder.png) left top no-repeat;
	padding: 10px 0 0 5px;
	position: relative;
	z-index: 3;
	display: block;
	width: 719px;
	margin-left: -4px;
}
form fieldset p { 
	padding: 8px 0 8px 20px; 
	margin: 0; 
	min-height: 16px; 
	font-size: 12px; 
}
form fieldset p.required {
	padding: 0;
	min-height: auto;
	position: absolute;
	right: 20px;
	font-size: 11px;
	font-style: italic;
}
form fieldset p#my-order { 
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#form-vsa fieldset.nr { 
	background: #fff;
	padding: 10px 20px 10px 0;
	margin-bottom: 16px;
	width: 520px;
	position: relative;
	line-height: 30px;
}
#form-vsa fieldset.result { 
	line-height: 30px;
	font-size:16px; 
	color: #999; 
	border-top: 2px solid #999;
	padding: 10px 0;
	width: 540px;
}
legend { 
	font-size: 11px; 
	display: block;
	height: 20px;
	padding-left: 12px; 
}
label, span.label {
	display: block;
	color: #706C63;
	font-size: 12px;
	margin-right: 10px;
}
label.radio { display: inline; }
#my-order label { margin-right: 20px; }
label.error { display: inline; position: absolute; }
.error label { color: #EE0101 !important; font-weight: bold;  }
p.message { 
	font-weight: bold; 
	margin-bottom: 0; 
    box-shadow: 0 0 6px #666666;
    color: #FFFFFF;
    font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	border: 1px solid #706C63; 
    border: 2px solid #DDDDDD;
	padding: 4px 10px; 
	position: absolute;
	top: 20px;
	z-index: 1000;
	background: #063;
}
p.top-10 { top: -10px !important; }
#alert-order p.message { top: 18px;  }
#alert-newsletter p.message { top: 140px; }
p.message.error { 
    background: none repeat scroll 0 0 #EE0101;
}
form fieldset #my-order label, table label {
	color: #A5D333;
	font-size: 13px;
	font-weight: normal;
}
form fieldset #my-order label small { color: #706C63;}
table td small.padding-left { padding-left: 20px; float: none; display: block; line-height: 10px;  }
#form-vsa label {
	float: left;
	text-align: right;
	width: 100px;
}
#form-vsa fieldset.result label { 
	font-size:16px; 
	color: #999; 
	width: 320px;
	font-weight: bold;
}
input.text, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #706C63;
	font-size: 13px;
	
}
#form-contact select {
	width: 580px;
}
#beratung-sel-2 { font-size: 11px; }
.gap { padding-top: 8px !important; }
select.margin-bottom { margin-bottom: 8px; margin-top: 8px; width: 320px; }
form fieldset p.margin-bottom { margin-bottom: 8px; }
input.text, select {
	border: none;
	background: url(../img/layout/form/text.png) left top no-repeat;
	width: 100%;
	padding: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select {
	padding: 4px 5px;
	background: none;
	background: #e2e2e0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
textarea {
	width: 568px;
	border: none;
	background: #e2e2e0;
	height: 120px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
input.text:focus {
	background-position: left -50px;
	color: #fff;
}
/*select:focus,*/
textarea:focus {
	background: #a5d333;
	color: #fff;
}
#form-vsa input.text, #form-vsa select {
	width: 90px;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
	text-align: right;
	background-image: url(../img/layout/form/text-small.png);
	padding: 4px;
}
#form-vsa select { text-align: center; }
#form-vsa .result input.text {
	background-position: left -100px; 
}
p.half {
	width: 280px;
	float: left;
}
p.special { display: none; }
input.checkbox {
	margin-right: 5px;
}
input.radio {
	margin-right: 5px;
	margin-left: 10px;
}
input.button-pur, a.button-pur {
	background: none;
	border: none;
	font-size: 12px;
	color: #839FB2;
	/*color: #598fb3;*/
	text-decoration: underline;
	padding: 5px 10px;
	margin-top: -30px;
	margin-right: 20px;
	cursor: pointer;
}
input.submit {
	background: none;
	border: none;
	text-shadow: 1px 0 1px #9AB236;
	line-height: 16px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold; 
	cursor: pointer;
}
a.submit-select {
	background: url(../img/layout/navigation/button-select.png) 7px 8px no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
	cursor: pointer;
}
a.submit-select:hover {
	background-position: 7px -42px;
}
#form-order fieldset.submit, #form-contact fieldset.submit, #form-newsletter fieldset.submit {
	background: url(../img/layout/form/button-submit.png) -10px top no-repeat;
	position: relative;
	z-index: 0;
	margin-left: -10px;
	margin-top: -30px;	
	display: block;
	padding-top: 36px;
	padding-left: 8px;
	padding-bottom: 20px;
}
form.form-consulting fieldset.bg { height: auto !important; padding-bottom: 20px !important;  }
#form-order fieldset.submit:hover, #form-contact fieldset.submit:hover, #form-newsletter fieldset.submit:hover { background-position: -10px -100px; }

#form-order input.submit, #form-contact input.submit, #form-newsletter input.submit  {
	height: 35px;
	width: 276px;

}
#form-preorder input.button, #form-vsa input.button { 
	border: none;
	height: 62px;
	width: 270px;
	padding: 10px 10px 10px 20px;
	line-height: 38px;
	background: url(../img/layout/form/button-next.png) center -7px no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none; 
	color: #fff;
	text-shadow: 1px 0 1px #9AB236;
	text-align: left;
	float: right;
	cursor: pointer;
}
#form-preorder input.button:hover { background-position: center -107px;  } 
#form-vsa input.button:hover { background-position: center -107px;  }
#form-vsa input.button { 
 	background-image: url(../img/layout/navigation/button-next.png); 
	text-shadow: 1px 0 1px #812E12;
	position: absolute;
	top: 385px;
	right: -129px;
}

#form-order hr { margin: 0 0 0 5px; }
fieldset { 

}
form table {  width: 100%; height: 88px; margin-top: -18px;  }
form table td.border-both{  background: url(../img/layout/icons/border-table.png) left bottom no-repeat;  }
form table td.border {  background: url(../img/layout/icons/border-vertical.png) left bottom no-repeat;  }
form table td { padding: 8px 5px 8px 12px; font-size: 12px; line-height: 14px; vertical-align: middle;  }
form table td.width-l { width: 200px; } 
form table td.width-m { width: 170px; } 
form table th  { vertical-align: bottom; text-align: left; font-weight: normal; font-size: 11px; }
form table th span.legend {
	display: block;
	height: 12px;
	width: 40px;
	background: url(../img/layout/form/legend-mini.png) left bottom no-repeat;
	padding: 4px 10px;
}
form table tr td.over { background: #f6f6f6; }
/*form table td.color-1 { background: #f6f6f6; }
form table td.color-2 { background: #e6e6e6; }*/

#button-next, #button-prev, #button {
	position: absolute;
	right: 40px;
	top: 406px;
	height: 40px;
	width: 240px;
	padding: 10px 10px 10px 30px;
	z-index: 4;
	line-height: 38px;
	background: url(../img/layout/navigation/button.png) center -10px no-repeat;
	color: #fff !important;
	font-size: 16px;
	text-decoration: none; 
	text-shadow: 1px 0px 1px #812E12;
}
#button-next {
	background-image: url(../img/layout/navigation/button-next.png);
}
#button-prev {
	background-image: url(../img/layout/navigation/button-prev.png);
	left: -10px;
	right: auto;
	padding-left: 40px;
	width: 230px;
}
#button:hover, #button-next:hover, #button-prev:hover { background-position: center -110px; }
#form-vsa a.bulb, #form-vsa span.bulb { 
	position: absolute; 
	background: url(../img/layout/icons/bulb-background.png) left top no-repeat;
	display: block;
	width: 30px;
	height: 36px;
	padding: 0;
	margin-left: 540px;
	margin-top: -10px;
	left: 0px;
	cursor: pointer;
}
#form-vsa a.bulb:hover, #form-vsa span.bulb:hover { background-position: left -100px; } 
#form-vsa a.bulb span, #form-vsa span.bulb span { display: none; }

/*** LOGO *******************/
#logo {
	display: block;
	background: url(../img/layout/bg/logo.png) left top no-repeat;
	padding: 10px 20px;
	margin-left: -22px;
	width: 342px;
	margin-top: 40px;
	margin-top: 34px;
}
#logo img {

}
#ypos-logo {
	display: block;
	height: 50px;
	width: 365px;
	background: url(../img/logo-ypos.png) left top no-repeat;
}
#ypos-logo:hover { background-position: left -60px; }

/*** Navigation *******************/
ul#nav_tab {
	float: right;
	margin-right: 20px;
}
ul#nav_tab li a {
	display: inline-block;
	font-weight: bold;
	padding: 0 20px 30px 20px;
	line-height: 30px;
	min-width: 57px;
	text-align: center;
	margin-top: 4px;
}
ul#nav_tab li.active a {
	color: #fff;
	text-shadow: 1px 0 1px #9AB236;
	background: url(../img/layout/navigation/tab-anlegerprofil.png) center top no-repeat;
	/*background: url(../img/layout/navigation/nav_top-active.png) no-repeat scroll center -7px transparent*/
}
ul#nav_tab li.vsa-active a {
	background: url(../img/layout/navigation/tab-vsa.png) center top no-repeat;
}


ul#nav_top {
	background: url(../img/layout/navigation/nav_top.png) -5px top no-repeat;
	display: block;
	position: absolute;
	right: 0;
	top: 34px;
	height: 62px;
	padding: 0 0 10px 0;
	z-index: 12;
}
ul#nav_top li {
	background: url(../img/layout/navigation/nav_top-divider.png) right bottom no-repeat;
	height: 52px;
	/*overflow: hidden;*/
	padding-top: 10px;
}

ul#nav_top li a {
	display: inline-block;
	line-height: 68px;
	padding: 0 14px;
	font-weight: bold;
	height: 64px;
	/*Neu gleichgross*/
	padding: 0;
	width: 84px;
	text-align: center;
}
ul#nav_top li.active a { 
	color: #fff;
	position: relative;
	z-index: 20;
	text-shadow: 1px 0 1px #9AB236;
	background: url(../img/layout/navigation/nav_top-active.png) center bottom no-repeat;
	margin: 0 -1px;
	padding: 0 16px;
	/*Neu gleichgross*/
	padding: 0 1px;
}

#nav-container {
	background: url(../img/layout/navigation/nav.png) center top no-repeat;	
}
#nav-container.full {
	background: url(../img/layout/navigation/nav-orange.png) center top repeat-x;	
}
ul#nav {
	display: block;
	height: 64px;
	overflow: hidden;
	background: url(../img/layout/navigation/nav-divider.png) right bottom no-repeat;
}
ul#nav li {
	float: left;
	background: url(../img/layout/navigation/nav-divider.png) right bottom no-repeat;
	height: 64px;
}
ul#nav li.last { background: none; }

ul#nav li.completed {
	background: url(../img/layout/navigation/nav-completed.png) right bottom no-repeat;
}
ul#nav li.active, ul#nav.no-links li.active {
	background: url(../img/layout/navigation/nav-active.png) right bottom no-repeat;
	margin-right: -14px;
	padding-right: 14px;
}
ul#nav li.active.last, ul#nav.no-links li.active.last { background-position: left bottom; }
ul#nav li a, ul#nav.no-links li {
	display: inline-block;
	padding: 16px 21px 16px;
	color: #33322E;
	font-weight: bold;
	text-shadow: 1px 0px 1px #fff;
	height: auto;
}
ul#nav.no-links li { /*padding: 16px 15px;*/ padding: 16px 14px 16px 14px;}
ul#nav li a:hover, ul#nav li a:hover small { color: #000; }
ul#nav li.completed a, ul#nav.no-links li.completed { 
	color: #DF9B84;	
	text-shadow: none;
}
ul#nav li.completed a:hover, ul#nav li.completed a:hover small { color: #fff; }
ul#nav li.active a, ul#nav.no-links li.active {
	color: #fff;
	text-shadow: 1px 0px 1px #812E12;
}
ul#nav.no-links li.active {
    margin-right: -10px;
    padding-right: 24px;
}
ul#nav li.disabled a, ul#nav.no-links li {
	color: #777;
	text-shadow: 1px 0px 1px #ccc;
}

ul#nav li a small, ul#nav.no-links li small {
	font-size: 11px;
	display: inline-block;
	padding: 6px 18px 0 0;
	color: #585651;
	font-weight: normal;
	position: absolute;
	margin-top: -5px;
	text-shadow: none;
}
ul#nav li.active a small, ul#nav.no-links li.active small { color: #fff; }

ul#nav li.completed a small, ul#nav.no-links li.completed small {
	background: url(../img/layout/navigation/nav-completed-check.png) right top no-repeat;
	color: #DF9B84; 
}
ul#nav li.disabled a small, ul#nav.no-links li small { color: #888; }

#nav_next, #nav_prev {
	position: absolute;	
	top: 200px;
	display: block;
	height: 168px;
	background: green;
	width: 26px;
}
#nav_next span, #nav_prev span { display: none; }
#nav_next {
	right: 0;
	background: url(../img/layout/navigation/next.png) right top repeat;
}
#nav_next:hover { background-position: right -200px; }
#nav_prev {
	left: 0;
	background: url(../img/layout/navigation/prev.png) left top repeat;
}
#nav_prev:hover { background-position: left -200px; }

/**** Main ***********************/
#overlay {
	position: absolute;
	top: 100px; 	
	background: url(../img/layout/overlay/modal.png) left top repeat;
	width: 100%;
	height: 100%;
	display: none; 
	z-index: 10;
}
#overlay-wrapper {
	background: url(../img/layout/overlay/bg.png) center top no-repeat;
	width: 1034px;
	max-height: 700px;
	position: absolute; 
	padding-top: 30px;
}
#overlay #closer { 
	position: absolute;
	display: block;
	right: 30px;
	top: 20px;
	width: 20px;
	height: 20px;
	background: url(../img/layout/icons/close.png) center top no-repeat;	
}
#overlay #closer:hover { background-position: center -50px; } 
#overlay #closer-link,
#overlay #closer span { display: none; } 
#overlay-content { 
	padding: 30px 50px 60px 50px;
	margin: 0 auto; 
	background: url(../img/layout/overlay/bg-bottom.png) center bottom no-repeat;
	width: auto;
	min-height: 380px;
}
#overlay-content #closer-link {
	display: block;
	padding-top: 16px;
	margin-bottom: 0;
}
#loading {
	position: absolute;
	top: 190px;
	left: 480px;
	display: none;
}
/**** Boxen ***********************/
.box {  
	margin-bottom: 16px;
}
.box p { margin-bottom: 8px;  }
.box-vsa-start p {  margin-bottom: 16px; }
.box-small p { margin-bottom: 0; padding: 0; }
#sidebar .box-small, #main .box-small {
	background: url(../img/layout/bg/box_small.png) left top no-repeat; 	
}
#sidebar.box {
	background: url(../img/layout/bg/box_top.png) left top no-repeat;
	margin: 0;
	width: 320px;
	padding-top: 18px;
	font-size: 12px; 
}
#sidebar.box .box-inside {
	width: 260px;
	padding: 6px 30px 30px 30px;
	min-height: 214px;
	background: url(../img/layout/bg/box_bottom.png) left bottom no-repeat;
}
#sidebar .box-small, #main .box-small {
	background: url(../img/layout/bg/box_small.png) -10px top no-repeat; 	
	margin: 0;
	width: 270px;
	padding: 16px 20px;
	height: 56px;
	font-size: 12px;
}

.absolute { position: absolute; }
.absolute-right { position: absolute; right: 0; }
.absolute-left { position: absolute; left: 0; }
#start-1 { top: 68px;}
#start-2 { top: 257px; left: 22px; }
#start-3 { top: 106px;}
.align-center { text-align: center; }
.arrow, #main .arrow-large { 
	width: 312px;
	height: 140px;
	padding: 25px 50px 15px 15px;
	font-size: 12px;
	color: #706C63;
}
#main .arrow-large { 
	position: absolute; 
	/*z-index: 8;*/ 
	background: url(../img/layout/bg/box-arrow_large-right.png) left top no-repeat; 
	width: 361px; 
	height: 176px; 
	margin-right: 20px; 
	margin-left: -10px; 
	margin-top: 10px; 
}
#main #arrow-0 { left: 0; }
#main #arrow-1 { left: 526px; }
#main .arrow-large p { margin-bottom: 8px; }
.arrow.left { background: url(../img/layout/bg/box-arrow-left.png) left top no-repeat; padding-right: 18px; padding-left: 47px; }
.arrow.right { background: url(../img/layout/bg/box-arrow-right.png) right top no-repeat; }
#main .box {
	background: url(../img/layout/bg/box-content.png) left top no-repeat;
	margin: 0;
	width: 260px;
	padding: 18px 20px 0 20px;
	height: 172px;
	margin-bottom: 18px;
}
#main .box-vorteile {
    background: url("../img/layout/bg/box-vorteile.png") no-repeat scroll left bottom transparent;
    height: 100px;
	padding: 18px 20px 0 20px;
    width: 260px;
}
#main .box-vsa-start {
	background: url("../img/layout/bg/box-vsa-start.png") no-repeat scroll left top transparent;
	width: 503px;
	height: 250px;
	padding-top: 25px;
	padding-bottom: 20px;
	margin-left: -10px;
	position: relative;
	top: 2px;
}

#main .nr { margin-top: 10px; }
#main .nr h3 span, #overlay-content .nr h2 span, #form-vsa .nr h2 span  {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/layout/icons/nr.png) 1px top no-repeat;
	position: absolute;
	margin-left: -32px;
	margin-top: -32px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#overlay-content .nr h2 span {
	margin-left: -12px;
	margin-top: -12px;
}
#form-vsa .nr h2 span {
	margin-left: -37px;
	margin-top: -24px;	
}
#main .arrow-small { 
	width: 203px;
	height: 50px;
	padding: 14px 22px 14px 22px;
	color: #D64819;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
}
.arrow p { padding-top: 0; }
#main .arrow-small p { margin: 0; padding: 0; }

#main .arrow-small.left { background: url(../img/layout/bg/box-arrow-left_small.png) left top no-repeat; }
#main .arrow-small.right { background: url(../img/layout/bg/box-arrow-right_small.png) right top no-repeat; margin-right: 20px; }

#main .button-box {
	background:  url(../img/layout/bg/video-fazit.png) left top no-repeat;	
	margin-left: -14px;
	height: 70px;
	width: 634px;
}
#main .print {
	width: 940px;
	background:  url(../img/layout/bg/print-fazit.png) left top no-repeat;	
}
.schritt-1 #main .button-box { 
	background-image: url(../img/layout/bg/video-fazit_step-1.png); 
	width: 592px;
	margin-top: -2px;
}
#main a.button, #overlay-content a.button {
	text-decoration: none;
	text-shadow: 1px 0 1px #9AB236;
	line-height: 16px;
	color: #fff;
	background:  url(../img/layout/navigation/button-action.png) left top no-repeat;	
	display: inline-block;
	width: 250px;
	height: 44px;
	padding: 10px 50px 2px 30px;
	font-size: 14px;
	font-weight: bold;
}
#main a.action-small {
	width: 180px;
	background-image: url(../img/layout/navigation/button-action-overlay-small.png);
	padding: 10px 10px 0px 50px;
}
#overlay-content a.action {
	background:  url(../img/layout/navigation/button-action-overlay.png) left top no-repeat;	
	width: 320px;
	height: 33px;
	padding: 10px 10px 10px 50px;
	position: absolute;
	top: 107px;	
	left: 0;
}
#main a.button:hover, #overlay-content a.button:hover, #overlay-content a.action:hover {
	background-position: left -100px;
}
#main a.button { background-position: left 1px;  }
#main a.button:hover { background-position: left -99px; }
#overlay-content a.pdf {
	text-shadow: none;
	/*filter: ''; */
	color: #D64819;
	width: auto;
	height: 29px;
	padding: 12px 0px 12px 40px;
	background: url(../img/layout/icons/pdf.png) left 10px no-repeat;		
	font-size: 12px;
	position: absolute;
	top: 107px;
}
#overlay-content a.pdf:hover { color: #000; background-position: left -90px; }
#overlay-content a.pdf small {
	color: #8A857F
}
#overlay-content a.pdf:hover small { color: #333; }
#footer a.button {
	text-decoration: none;
	/*text-shadow: 1px 0 1px #9AB236;
	/*filter: dropshadow(color=#9AB236, offx=1, offy=1); */ 
	line-height: 30px;
	color: #fff;
	background: url(../img/layout/navigation/button-action-speak.png) left top no-repeat;	
	display: inline-block;
	width: 130px;
	height: 30px;
	padding: 6px 0px 6px 36px;
	position: absolute;
	top: -12px;
	right: 0;
}
#footer a.button:hover { background-position: left -100px; }

#main .button-box a {
	width: 130px;
	height: 49px;
	float: left;
	padding: 10px 10px 10px 48px;
	font-weight: bold;
	font-size: 14px;
	background:  url(../img/layout/navigation/video-fazit-button.png) left top no-repeat;	
	line-height: 20px;
}
#main .button-box a:hover { background-position: left -100px; }

#main a.button small, #overlay-content a.button small {
	font-size: 11px;
	text-shadow: none;
	/*filter: ''; */
	line-height: 13px;
	display: inline-block;
}
#main .button-box p {
	float: left;
	display: inline-block;
	width: 426px;
	padding: 10px;
	font-weight: bold;
}
#main .print p {
	width: 730px;
	/*font-size: 14px;*/
	font-weight: normal;
}
.schritt-1 #main .button-box p { width: 346px; }

#footer .social-list li, #overlay .social-list li {
	display: inline-block;
	float: left;
	background: none;
	padding-left: 0;
}
#footer .social-list li a, #overlay .social-list li a {
	width: 70px;
	height: 27px;
	display: inline-block;
	background: url(../img/layout/icons/footer-twitter.png) left top no-repeat;
	padding-top: 70px;
	text-align: center;
	color: #839FB2;
	/*color: #598fb3;*/
	font-weight: bold;
	text-decoration: none;
}
#footer .social-list li.facebook a, #overlay .social-list li.facebook a {  background-image: url(../img/layout/icons/footer-facebook.png); }
#footer .social-list li a:hover, #overlay .social-list li a:hover { color: #666; background-position: left -120px; }


#overlay-content #beispiele div.nr { margin-bottom: 20px; padding-top: 20px; }
#overlay-content #beispiele p { margin-bottom: 0; }
#overlay-content #beispiele div.nr {
	background:  url(../img/layout/bg/pdf-overlay.png) 380px bottom no-repeat;
	height: 160px;
}

#overlay-content #accordion .ui-accordion-header a { 
	color: #817D75; 
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 40px;
	background: url(../img/layout/bg/accordion-h2.png) left top no-repeat;
}
#overlay-content #accordion { width: 894px; }
#overlay-content #accordion .ui-accordion-header {  margin-bottom: 8px; } 
#overlay-content #accordion .ui-accordion-header a:hover { background-position: left -70px; } 
#overlay-content #accordion .ui-state-active a, #overlay-content #accordion .ui-state-active a:hover { background-position: left -140px; color: #fff; } 
#overlay-content #accordion div.ui-accordion-content {
	padding: 10px 20px;	
	margin: 0 20px;
}
#overlay-content #accordion hr { margin-left: -20px; margin-right: -20px; }


#overlay-content #datenschutz .scrollable,
#overlay-content #impressum .scrollable {
	height: 560px;
	overflow: scroll;
	padding-right: 40px;
}

/*Rechner */
#calc {
	width: 200px;
	position: absolute; 
	left: 630px; 
	top: 120px; 
	z-index: 9;
}

#calc h4 { margin-bottom: 3px; text-align: center; }
#calc input { 
	width: 33px;
	height: 23px;
	text-align: center;
	background: url(../img/layout/form/calc-operator.png) left top no-repeat;
	font-weight: bold;
	color: #fff;
	border: none;
	line-height: 22px;
	margin-bottom: 4px;
}
#calc input.number {
	background: url(../img/layout/form/calc-number.png) left top no-repeat;
}
#calc input.calc-output {
	width: 101px;
	background: url(../img/layout/form/calc-result.png) left top no-repeat;
	color: #706C63;
	text-align: right;
	padding: 3px;
	height: 17px;
}
#calc input.delete {
	background: url(../img/layout/form/calc-delete.png) left top no-repeat;
}
#calc input.number:hover, #calc input.delete:hover, #calc input.operator:hover { background-position: left -50px; }
#calc form {
	width: 146px;
	margin: 0 auto;
}

#feedback-slider {
	height: 9px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../img/layout/form/renteneintritt-timeline3.png) left bottom no-repeat;
	width: 399px;
	margin-left: 50px;
	margin-bottom: 10px;
}
#feedback-slider a {
	position:absolute;
	background: url(../img/layout/form/renteneintritt3.png) left bottom no-repeat;
	height: 51px;
	width: 131px;
	bottom: 13px;
	margin-left: -40px;
	cursor: default;
}

table.legend { width: 220px;}
table.legend td { text-align: right; padding: 0px 5px 0px 0px; }
table.legend tr.bordered {
	border-top: 1px solid #999;	
}
table.legend td.color { width: 12px;}
table.legend td.euro { width: 84px;}
table.legend td.label { width: 70px; font-weight: bold;}
table.legend td.percent { text-align: left; font-size: 11px; }
table.legend td.color span {
	display: inline-block;
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 0;

}
table.legend td.orange span { background: #415d6d; }
table.legend td.blue span { background: #83a0b3; }

table.vsas {
	border-collapse: separate;	
	background: url(../img/layout/bg/table-vsas.png) left top no-repeat;

}
table.vsas td {
	padding: 2px 10px;
	background: url(../img/layout/icons/border.png) no-repeat left top;
	width: 200px;	
	vertical-align: middle;
}
table.vsas td.btn { padding: 0; }
table.vsas th { 
	text-align: left;
	padding: 2px 0px 2px 10px; 
}
div.vsas {
	background: url(../img/layout/bg/table-vsas.png) left top no-repeat;
}
div.vsas h4 { padding-left: 10px; margin-bottom: 5px; padding-top: 1px; height: 16px;  }
div.vsas ul { margin-left: 5px; height: 100px; margin-right: 5px;  }
div.vsas ul li{ 
	display: block;
	padding: 2px 0 2px 12px;
	font-size: 12px;
	background: url(../img/layout/icons/bullet-border.png) left 1px no-repeat;
}
div.vsas ul li.first { background: url(../img/layout/icons/bullet-overlay.png) 3px 7px no-repeat; } 
div.divider { background: url(../img/layout/icons/border-vertical.png) repeat-y right top; margin-bottom: 26px; }


/*DIALOG*/
.dialog { display: none; }
.ui-dialog {
	background:  url(../img/layout/overlay/dialog.png) left top no-repeat;
	padding-top: 30px;
}
.ui-widget-overlay {
	background: url(../img/layout/overlay/modal.png) left top repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ui-dialog-titlebar {
	background: url(../img/layout/icons/border.png) left bottom repeat-x;
	cursor: move;
	margin: 0 40px 10px 40px ;
	height: 30px;
}
.ui-dialog-titlebar-close { 
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/layout/icons/close.png) center top no-repeat;	
	float: right;
}
.ui-dialog-titlebar-close:hover { background-position: center -50px; }
.ui-dialog-titlebar-close span { display: none; }
.ui-dialog-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #706C63;
	font-weight: bold;
	padding: 5px 0;
	display: inline-block;
	float: left;
}
.ui-dialog-content { 
	padding: 10px 40px 60px 40px ;
	width: 500px;
	background:  url(../img/layout/overlay/dialog-bottom.png) left bottom no-repeat;	
}
.ui-dialog-content ol {
	margin: 0 20px 32px 30px;
	list-style-position: outside;
}
.ui-dialog-content .infobox {
	border: 1px solid #ccc;
	padding: 2px 16px 2px 26px;
	background-position: 3px 5px;
	min-height: 32px;
	font-style: italic;
}
.ui-dialog-content .video-iframe {
	margin: 0 auto;
	width: 560px;
}
#tooltip { display: none; position: absolute; }

#open-footer {
	display: block;
	width: 100%;
	height: 50px;
	background: #fff url(../img/layout/bg/footer.png) center 0px no-repeat;
	margin: 0 auto 20px;
	margin-top: -10px;
}
#footer.closed #open-footer {
	background-position: center -71px;
}
#content .pie-hint { background: #fff; padding: 5px 8px; height: 43px; width: 664px; }
#content .pie-hint h3 { margin-bottom: 0; float: left; margin-right: 5px;  }

#content .jqplot-data-label { color: #fff !important; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;  }
.jqplot-target {
    position: absolute;
	width: 200px;
	height: 200px;
	margin-left: 242px;

}
.disclaimer { position: absolute; top: 214px; left: 270px; }


/*NEU*/
#main .box-vsa-start {
	background: url(../img/layout/bg/box-vsa-start2.png) no-repeat scroll left top transparent;
	width: 539px;
	padding: 0;
	padding-top: 18px;
	height: auto;
}
#main .box-vsa-start .box-inside {
    background: url(../img/layout/bg/box-vsa-start2_bottom.png) no-repeat scroll left bottom transparent;
    padding: 6px 18px 30px;
    width: 503px;
}


/* Checkboxen und Radiobuttons */
/*.ui-helper-hidden-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.ui-buttonset .ui-button, .ui-button { 
	background: url(../img/layout/form/checkbox.png) left top no-repeat;
	padding-left: 22px;
	line-height: 18px;
	cursor: pointer;
}
.ui-buttonset .ui-button.bright, .ui-button.bright {
	background-image: url(../img/layout/form/checkbox-bright.png);
}
.ui-buttonset .ui-button.radio, .ui-button.radio {
	background-image: url(../img/layout/form/radiobutton.png);
}

.ui-buttonset .ui-state-active, .ui-button.ui-state-active { background-position: left -50px; }*/