/* General */
body {
	margin:0;
	font-family:Arial, Helvetica;
	text-align:center;
	background:#333 url('images/bg.jpg') no-repeat center top;
}
a {
	text-decoration:none;
}
form, p {
	margin:0;
	padding:0
}
h1 {
	font-size:21px;
	margin:0 0 10px 0
}
h2 {
	font-size:14px;
	margin:0 0 10px 0
}
h2.catTitle {
	margin:14px 0 10px 21px;
	font-size:18px;
}
h2.kredit {
	color:#485f85
}
h2.kreditkarte {
	color:#5091ae
}
h2.geldanlage {
	color:#718248
}
h2.versicherung {
	color:#E2783E
}
h3 {
	font-size:14px;
	margin:0 0 10px 0
}
h4 {
	font-size:13px;
	margin:0 0 10px 0
}
table {
	border-collapse:collapse;
}
table td, table th {
	padding:0;
}
input, textarea, td {
	font-family:Arial, Helvetica;
	font-size:12px
}
div, p, td, li, a, input, textarea, select {
	color:#333
}
hr {
	clear:both
}

/* Cufon */
canvas {
	margin:0;
	padding:0
}
.cufon-loading #nav , .cufon-loading span.appHeadline , .cufon-loading span.breadcrumb , .cufon-loading #appSubheader a , .cufon-loading ul.claims {
	visibility: hidden !important;
}

/* Page */
.clear { 
	visibility: hidden; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	clear: both; 
}
#content {
	position:relative;
	width:930px;
	min-height:952px;
	padding-top:15px;
	margin:85px auto 0;
	text-align:left;
}
#logo {
	position:absolute;
	left:23px;
	top:-30px
}

/* Nav. */
#nav {
	position:absolute;
	left:-150px;
	top:300px;
	width:120px;
	height:320px;
}
#nav div {
	position:absolute;
	left:0;
	height:16px;
}
#nav div a {
	display:block;
	width:100%;
	height:16px;
}
#nav #kredit {
	top:0;
	width:50px;
}
#nav #kreditkarte {
	top:63px;
	width:95px;
}
#nav #geldanlage {
	top:126px;
	width:106px;
}
#nav #versicherung {
	top:189px;
	width:118px;
}
#nav #meinBereich {
	top:300px;
	width:115px;
}
#circleNav ul {
	margin:0;
	padding:0 0 3px 18px;
}
#circleNav ul li a {
	font-size:11px
}

/* Service */
#service {
	position:absolute;
	z-index:99;
	width:167px;
	height:50px;
	right:16px;
	top:28px;
	font-size:10px;
	color:#000
}
#service form {
	width:164px;
	height:28px;
	padding:5px 0 0 3px;
	background:url('images/bg_suche_meinbereich.gif') no-repeat;
}
#service a, #service div {
	color:#666;
}
#service input {
	width:150px;
	height:17px;
	color:#cbcbcb;
	border:0;
	padding:0 0 3px 5px;
	font-size:12px;
	font-style:normal;
	line-height:18px;
	background:url('images/lupe.gif') no-repeat 135px 2px;
}
#telefon {
	position:relative;
	top:-2px;
	padding-left:62px;
	float:left
}
#letter {
	width:33px;
	height:15px;
	padding-right:5px;
	text-align:right;
	position:relative;
	float:right
}
#letter span.seperator {
	position:absolute;
	left:0;
	top:-2px
}

/* _App */
#app {
	margin:0 auto;
	width:930px;
	background:#fff url('images/bg_app_rechts.gif') repeat-y right top;
}
#appHeader, #appHeader a {
	color:#333
}
#appHeader {
	background:#fff url('images/bg_header_service.jpg') no-repeat;
	width:910px;
	height:63px;
	padding:12px 0 0 20px;
	font-weight:bold
}
#app h3, #app h2, #app span {
	font-style:normal;
	font-family: Arial Narrow, Arial, Helvetica
}
#appHeader span.appHeadline {
	display:block;
	font-size:24px;
	color:#333;
	margin:8px 0 2px 0
}
#appSubheader {
	position:relative;
	background:#ccc url('images/bg_nav_head.jpg') no-repeat 1px 0;
	height:30px;
	padding:0 1px 0 1px
}
#appSubheader a {
	display:block;
	float:left;
	padding:0 18px;
	margin-top:0;
	height:30px;
	line-height:29px;
	border-right:2px #ccc solid;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#666;
}
#appSubheader a.subnavHi {
	/*color:#485f85;*/
	color:#666;
	background:url('images/bg_nav_button.jpg') repeat-x 0 -27px;
}

/* __Content */
#appContent {
	min-height:835px;
	position:relative;
}
#app .detailTwoColFullWidth {
	width:910px;
	padding:24px 0 0 20px;
	background:url('images/trenner.gif') no-repeat 630px 24px;
}
#app .detailTwoColFullWidth h1 {
	margin:0 0 20px 0;
	font-style:normal;
	font-family: Arial Narrow, Arial, Helvetica
}
#app .detailTwoColFullWidth .post h1 {
	margin:0 0 10px 0;
}
#app .detailTwoColFullWidth .appBlockHeader h1 {
	margin:0;
	font-size:16px;
	color:#666
}
#app .detailTwoColFullWidth p {
	margin:0 0 12px 0;
	width:585px;
	font-size:12px
}
#app .detailTwoColFullWidth li, #app .navigation {
	font-size:12px
}
#appContent .rightVis {
	clear:left;
	position:absolute;
	right:20px;
	top:0;
}

/* __Left Col. */
#appContent .leftCol {
	float:left;
	width:585px;
}
#appContent p a {
	padding-left:5px
}
#appContent div.entry p a {
	padding-left:0;
	text-decoration:underline
}
#appContent ul.claims {
	list-style-type:disc; 
	margin:12px 0 10px 18px; 
	width:405px;
	padding:0;
}
#appContent ul.claimsAddInfo {
	list-style-type:none; 
	margin:12px 0 10px 18px;
	width:295px;
	padding:0;
}
#appContent ul.claims li {
	padding:8px 0;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	padding-left:10px
}
#appContent ul.claimsAddInfo li {
	padding:0 0 7px 15px;
}
#appContent ul.claims li {
	color:#333
}
html #appContent ul li span, html #appContent ul li p{
	color:#000
}
#appContent ul.claimsAddInfo p {
	display:none;
	font-style:normal;
	font-weight:normal;
	width:302px;
	margin:0
}
#appContent ul.claimsAddInfo h3 {
	color:#000;
	margin-bottom:5px;
}
#app .overview h1 {
	margin:0;
	font-style:normal;
}
#app .overview h2 {
	margin:0;
	font-weight:normal;
	font-style:normal;
	color:#000
}
#appContent h1 {
	color:#333
}
#appContent .actionButton {
	margin:10px 0 0 25px
}
#appContent .actionButtonDetail {
	margin-top:20px
}
#appContent .actionButtonRight {
	margin:0 0 0 340px;
	width:100px;
}
#appContent .actionButtonRight input{
	margin:0;
}
#appContent .explain {
	position:absolute;
	left:25px;
	bottom:10px;
	width:427px;
	border-top:1px #d6d6d6 solid;
	padding-top:10px;
	font-size:10px;
	color:#363636
}

/* __Right Col. */
#appContent .rightCol {
	float:right;
	width:250px;
	padding:0 20px 0 0;
	font-size:12px;
	text-align:left;
}
.rightBox {
	margin-bottom:20px
}
.rightBoxHeader {
	display:block
}
.rightBoxContent {
	width:228px;
	padding:10px 10px 0 10px;
	border-left:1px #333 solid;
	border-right:1px #333 solid;
	overflow:hidden;
}
.rightBoxContent table img {
	margin-right:7px
}
.rightBoxContent ul {
	list-style:none;
	margin:0;
	padding:0
}
.rightBoxContent ul li {
	padding-left:10px;
	background:url('images/arrow_red.gif') no-repeat 0 2px;
}
.rightBoxContent ul.tagwolke li {
	padding-left:0;
	background:none;
}
.rightBoxBottom {
	background:url('images/rightBoxBottom.gif') no-repeat;
	width:250px;
	height:10px;
	font-size:0
}
/*  _*/
textarea {
	width:100%;
	height:90px;
	padding:2px 5px;
	border:none
}
input.text, select.text {
	width:285px;
	padding-left:2px;
	border:1px #666 solid
}
select.text {
	width:290px;
	padding-left:1px;
}
input.text:focus {
	background-color:#e2e9f1
}
.kontaktFormular .tableHeader{
	background-image:url('images/table_top.gif');
}
.kontaktFormular .tableBottom{
	display:block
}
.tableBox th{
	border-bottom:1px #c3c3c3 solid;
	height:38px;
	line-height:38px;
	padding-left:10px
}
.tableBox th.labelCol, .tableBox td.labelCol {
	width:222px;
	padding-left:10px;
	text-align:left
}
.tableBox td{
	height:38px;
	padding-right:10px;
	background:url('images/border_gestrichelt.gif') no-repeat left bottom;
	text-align:right
}
.kontaktFormular td{
	height:23px;
	padding-right:10px;
	background:none;
	text-align:right
}
.tableBox th.valCol4{
	width:42px;
	padding-right:10px;
	text-align:right
}
.tableBox th.valCol2{
	width:94px;
	padding-right:10px;
	text-align:right
}
.tableBox th.valCol3{
	width:59px;
	padding-right:10px;
	text-align:right
}
.appBlock {
	position:relative;
	width:584px;
	height:auto;
	color:#000;
	background:#fff;
	margin:3px 0 3px 2px;
	overflow:hidden
}
.aktuell img {
	position:absolute;
	z-index:89;
	right:10px;
	bottom:10px;
}
.aktuell .button img {
	position:static;
}
.appBlockContent a.button {
	display:block;
	margin-top:5px;
	border:0
}
.appBlockHeader {
	position:relative;
	width:550px;
	height:21px;
	padding:10px 0 0 20px;
}
div.appHeadlineImgWrap {
	height:37px;
	position:relative;
	padding:0;
	margin:0
}
.appHeadlineImg {
	display:block;
	position:absolute;
	left:0;
	bottom:0
}
#app .appBlockHeader h1{
	margin:17px 0 0 0
}
.appHeaderImg  {
	position:absolute;
	z-index:91;
	left:0;
	top:0;
}
.appBlockContent {
	width:549px;
	min-height:30px;
	padding:0 10px 0 23px;
	font-size:13px;
	background-color:#e2e9ee;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	overflow:hidden;
}
.aktuell .appBlockContent{
	min-height:249px;
}
#app .detailTwoColFullWidth .appBlockContent p {
	width:540px;
	margin:10px 0 10px 0;
	font-size:13px;
}
#app .detailTwoColFullWidth .aktuell p {
	width:230px;
}
#app .detailTwoColFullWidth p.more {
	display:none;
}
.appBlockBottom  {
	position:relative;
	width:584px;
	height:9px;
	font-size:0;
	background-color:#e2e9ee;
}
.appBlockBottom img  {
	position:absolute;
	z-index:90;
	left:0;
	bottom:0;
	border:0
}
#appBottom {
	background:#333 url('images/bg_footer_service.jpg') no-repeat;
	width:930px;
	padding-right:0;
	height:49px;
}
.closed {
	display:none
}
#appBottom div {
	float:right;
	position:relative;
	width:100px;
	height:41px;
	text-align:center;
	padding-top:7px;
}
#appBottom div img {
	margin:0 auto
}
#appBottom p {
	float:right;
	margin:0;
	width:2px;
	height:41px;
	font-size:0;
	background:url('images/app_ft_trenner.png') no-repeat 0 10px;
}
#appBottom div.helpNavHi {
	background:url('images/app_ft_bt_bg_hi.gif') no-repeat 0 0;
}
#appBottom div.helpNavHiKontakt {
	background:url('images/app_ft_bt_bg_kontakt_hi.gif') no-repeat 0 0;
}
ul.helpNavSub {
	position:absolute;
	z-index:93;
	left:0;
	bottom:48px;
	width:101px;
	list-style:none; 
	margin:0; 
	padding:0;
	background:url('images/bg_footer_submenu.png') no-repeat;
	display:none;
}
ul.two {
	height:90px;
}
ul.three {
	height:172px;
}
ul.helpNavSub li {
	position:relative;
	margin:0; 
	padding-top:14px;
	width:100%;
	height:27px;
}
ul.helpNavSub li.helpFirstItem {
	padding-top:12px;
	height:29px
}
ul.helpNavSub li img, ul.helpNavSub li span {
	position:absolute;
	z-index:94;
	left:13px;
	top:18px;
}
div.last ul.helpNavSub li img, div.last ul.helpNavSub li span  {
	left:35px;
	top:14px;
}
ul.helpNavSub li blockquote {
	position:absolute;
	z-index:95;
	right:-18px;
	top:-35px;
	width:70px;
	height:55px;
	margin:0;
	padding:5px;
	color:#fff;
	font-size:11px;
	background:url('images/bg_bubble.png') no-repeat;
	display:none
}
div.last ul.helpNavSub li blockquote {
	right:-6px;
}
ul.helpNavSub li blockquote.oneline {
	padding:12px 5px 5px 5px;
	height:48px;
}
div.helpNavSub {
	position:absolute;
	z-index:89;
	width:170px;
	height:300px;
	left:-101px;
	bottom:48px;
}

/* Special Cases */

/* _Subnav Slider */

.slide {
	width:667px;
    position:relative;
	overflow:hidden
}
#app .slide a {
	padding:0;
	margin:0;
	border:none;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#666;
}
.subnavLeft, .subnavRight {
	position:absolute;
	display:block;
	top:1px;
	width:16px;
	height:28px
}
#appSubheader .subnavLeft a, #appSubheader .subnavRight a{
	display:inline;
	background:none;
	width:auto;
	height:auto;
	padding:0;
	border:0
}
#appSubheader a.hi {
	color:#485f85;
	background:none;
}
.subnavLeft {
	left:0;
	z-index:21;
	border-right:2px #ccc solid;
}
.subnavRight {
	right:0;
	z-index:22;
	border-left:2px #ccc solid;
}
#appSubheader ul{
	position:absolute;
	width:900px;
	height:30px;
	left:16px;
	top:0;
	margin:0;
	padding:0;
}
#app .slide ul li {
	height:30px;
	list-style:none;
	float:left;
	padding:0 18px;
	margin:0;
	border-right:2px #ccc solid;
}
#app .slide li.subnavHi {
	background:url('images/bg_nav_button.jpg') repeat-x 0 -27px;
}
#footer {
	padding:10px 0
}
#footer div, #footer div a {
	color:#fff;
	font-size:11px
}

/******************************************

*   Images                         

******************************************/



/*** default image behaviour ***/

img { border:0; }


/*** WordPress specific image classes ***/

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 4px 15px 5px 0;
}

.alignright {
	float: right;
}

.wp-caption {
   text-align: center;
   background-color: #fff;
   margin-top:5px;
   margin-right: 15px;
   margin-bottom:0px;
}

.wp-caption img{
   padding:2px;
   border:1px solid #999;
}

.wp-caption img:hover{
   border:1px solid #333;
}

.wp-caption p.wp-caption-text {
   color:#666;
   font-size: 10px;
   line-height: 12px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}

.wp-pagenavi {
	clear: both;
	margin-top:16px
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px 5px;
	margin: 2px;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #bbb;
}

.wp-pagenavi span.current {
	font-weight: bold;
}
/*******************************************
*      Lexikon
*******************************************/

div.snap_navWrap {
	clear:both;
	position:relative;
}

*html div.snap_navWrap {
	top:0;
}

ol.snap_nav {
	border-top:1px #004495 solid;
	border-bottom:1px #004495 solid;
	margin:10px 0 0 0;
	width:505px;
	padding:3px 0;
	height:16px;
	list-style: none;
	font-size:14px
}

*html ol.snap_nav {
	height:19px;
	overflow:hidden;
	padding:3px 0 0 0;
}

ol.snap_nav li {
	display: block;
	float: left;
	padding: 0 5px 0 5px;
}
#home ol.snap_nav li {
	padding: 0 5px 0 5px;
}

ol.snap_nav li a {
	font-weight: bold
}

ol.snap_nav li.snap_selected a {
	cursor: text;
}

ol.snap_titles {
	clear: both;
	display: block;
	border: 0;
	list-style: none;
}

#app span#breadcrumbs, #app span.tags {
	color:#000;
}

#app span#breadcrumb, #app span#breadcrumb a {
	font-style:normal;
	font-size:13px;
	color:#a60000;
}
#app span.tags, #app span.tags a {
	font-style:normal
}
div.post {
	margin-top:12px
}

small {
	font-size:12px;
	font-style:oblique
}

div.entry {
	margin-top:7px
}

#app ol.faq {
	margin:20px 0 0;
	padding:0
}
#app ol.faq h3 {
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica
}
#app ol.faq p {
	width:540px;
}

/* Interstitial */

#deactivate {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:Alpha(opacity=50);
	-moz-opacity: .50;
	opacity: 0.50;
	z-index: 110;
	display:none
}

#interstitial {
	z-index: 150;
	width: 400px;
	height: 350px;
	position: absolute;
	left: 295px;
	top: 168px;
	background: url(images/teaser_advent.png) top left no-repeat;
	display:none
}

#interstitial_close {
	display: block;
	width: 19px;
	height: 19px;
	line-height: 19px;
	position: absolute;
	top: 18px;
	right: 19px;
	z-index: 180;
}
#interstitial_link {
	display: block;
	width: 400px;
	height: 350px;
	line-height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 179;
}

#siegel {
    overflow:hidden;
    width:225px;
    height:110px;
}
#siegel a {
    display:block;
    width:225px;
	margin:0;
    padding:10px 0 0 0;
    background:none;
    text-align:center
}
#siegel img {
    margin:0 auto;
}
#siegeltext {
    width:225px;
    font-size:10px;
    color:#585D63;
    text-align:center;
}

.lexikon {
	margin-top:10px
}
.lexikon h3 {
	border-top:1px #004495 solid;
	border-bottom:1px #004495 solid;
	margin:10px 0 0 0;
	padding:3px 0 3px 0;
	float:left
}
#appContent p a.lexikonlink { 
	zoom:1;
    color: #5F81BE; 
    text-decoration: underline;
    background: url(/images/lexikon_icon.gif) no-repeat right center;
    padding: 0 13px 0 0;
} 

.lexikonlink:hover { 
    color: #cd1316; 
} 
none.more a {
	color:#a60000
}
