/* (c)2007-2009  einfach-persoenlich.de - Strategisches Webdesign mit Persoenlichkeit
            Dipl.-Ing. Joerg Petermann  */

*{
margin:0;
padding:0;
}

body{
text-align:left;
font:80%/1.4em arial, "trebuchet ms", verdana, sans-serif; 
color:#333;
background:#fff;
position:relative;
}

a,
a:link{
color:#36c;
font-weight:normal;
text-decoration:none;
border-bottom:1px dotted #36c;
}

a:hover{
color:#36c;
border-bottom:1px solid #36c;
}


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

#kopf{
height:124px;
border-top:26px solid #4B6993;
border-bottom:1px solid #B2D2F2;
border-right:1px solid #999;
border-left:1px solid #ddd;
background:#fff url(/bild/head2.jpg) no-repeat 0 bottom;
}

#kopf h1{
display:block;
text-indent:-88888px;
}

#kopf h1 a{
display:block;
padding:22px 0 82px;
border:0;
}

#kopf h2{
text-indent:-88888px;
font-size:1px;
line-height:1px;
height:0;
}

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

#seite{
margin:0 auto;
text-align:center;
width:1000px;
background:#fff;
border-bottom:1px solid #ccc;
position:relative;
}

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

#content{
float:left;
text-align:left;
width:800px;
}

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

#main{
float:left;
width:544px;
margin-top:-10px;
margin-bottom:30px;
font-size:13px;
}

#main h2, 
#main h2 a,
#main h3, 
#main h3 a{
color:#22477A;
font-size:19px;
font-size:22px;
margin:10px 0;
font-weight:bold;
line-height:1.1em;
font-family:arial,verdana;
border:0;
text-decoration:none;
}

#main h3,
#main h3 a{
margin:10px 0;
color:#62A3E4;
font-size:15px;
}

#main h3 span{
color:#333;
font-weight:normal;
font-size:.8em;
}

#main ul{
margin:10px;
list-style-type:none;
}

#main ul li{
padding-left:20px;
list-style-type:none;
background:transparent url(/bild/pkt2.gif) no-repeat 0 7px;
}

#main ol{
padding:10px 0;
}

#main ol li{
margin-left:40px;
}

#main p{
margin-bottom:1em;
}

#main hr{
clear:both;
margin:1em 0;
padding:.1em 0;
height:1px;
border:0;
border-bottom:1px dotted #CAC9C9;
}

#main .r{
float:right;
margin:3px 0 13px 13px;
}

#main .l{
float:left;
margin:3px 13px 13px 0;
}

/*
#main .bild{
padding:5px;
border:1px solid #e2e2e2;
}
*/

#main .bild img{
border:1px solid #e2e2e2;
}

#main blockquote{
padding:10px;
margin:10px 30px;
border:1px solid #CAC9C9;
background:#f5f5f5;
}

#main blockquote p{
margin:.6em;
}

#main ul.abc{
float:left;
margin:0 0 20px;
padding:6px 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
background:#f5f5f5;
}

#main ul.abc li{
float:left;
padding:0 6px 0;
background:none;
}

#main .button{
text-align:center;
line-height:70px;
background:transparent url(/bild/pkv-lexikon.jpg) no-repeat 0 0;
margin:0;
padding:0 0 13px 100px;
}

#main p.button a{
color:#fff;
border:0;
font-weight:bold;
}

#main p.button a:hover{
color:#22477A;
}

#main table{
margin-bottom:1.4em;
}

#main div.klein{
font-size:.85em;
margin:30px 0;
line-height:1.3em;
}

#main div.klein a{
color:#333;
border:1px solid #fff;
cursor:text;
}

#main div.klein hr{
margin:0;
padding:0 10px;
border:0;
}

#main div.klein p{
margin:0;
padding:0;
} 

#main a.off{
color:#333;
border:none;
cursor:text;
}

#main .googleads{
margin:0;
}

#main input,
#main textarea{
font:100%/1.3em verdana;
color:#333;
}

#main #trackbacks{
font-size:.9em;
margin-left:1em;
}

#main .tags,
#main .post,
#main .posted{
font-size:.9em;
}

#main .tags a,
#main .posted a{
color:#333;
border:0;
}

#main .pingcom{
background:#F0F0F0;
margin-bottom:1em;
padding:1em 1em .5em;
}

#main .banner{
text-align:center;
background:transparent url(/bild/banner.jpg) no-repeat 0 0;
padding:20px 20px 20px 100px;
}

#main .banner span{
display:block;
color:#fff;
color:#214679;
font-weight:bold;
}

#main .banner a{
color:#fff;
font-weight:bold;
border:0;
}

#main form#absenden{
padding:20px;
background:#f0f0f0;
border:1px solid #ccc;
}

#main form#absenden textarea,
#main form#absenden input{
display:block;
padding:2px 10px;
}

#main form#absenden input.hidden{
display:none;
}


#main a.no,
#main a.no img{
border:0;
}
/************************/

#nav{
float:right;
margin-bottom:30px;
width:230px;
font-size:12px;
font-family:arial,verdana;
}

#nav p{
padding:4px 10px;
}

#nav h3{
padding:5px 10px 4px;
color:#fff;
font-size:13px;
background:#4D6B93;
border-top:1px solid #6B85A9;
border-top:1px solid #CAC9C9;
border-bottom:1px solid #11396F;
background:#133B70 url(/bild/knav.gif) repeat-x 0 -8px;
}

#nav h3 a{
color:#fff;
border:0;
font-weight:bold;
text-decoration:none;
}

#nav h3 a:hover{
color:#5193D6;
}

#nav p.box,
#nav ul{
margin-bottom:13px;
list-style:none;
padding:4px 10px;
background:#f0f0f0;
background:#f5f5f5;
border:1px solid #CAC9C9;
}

#nav ul li{
padding-left:13px;
list-style:none;
background:transparent url(/bild/pkt.gif) no-repeat 0 5px;
}

#nav ul li a{
color:#333;
border:0;
font-weight:normal;
text-decoration:none;
}

#nav ul li a:hover{
color:#36c;
border-bottom:1px dotted #36c;
border-bottom:1px solid #36c;
}

#nav select{
margin:8px 10px;
width:205px;
font-size:12px;
border:1px solid #CAC9C9;
}

#nav .banner a{
border:0;
}

#nav .banner a img{
border:1px solid #fff;
}

#nav .banner a:hover img{
border:1px solid #22477A;
}

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

#subnav{
float:right;
width:180px;
}

#subnav .box{
margin-bottom:13px;
border:1px solid #CAC9C9;
clear:both;
}

#subnav h3{
padding:4px 10px;
color:#fff;
font-size:13px;
background:#4D6B93;
border-top:1px solid #6B85A9;
border-bottom:1px solid #11396F;
background:#4D6B93 url(/bild/rubrikvs.gif) no-repeat 0 0;
}

#subnav h3 a{
color:#fff;
border:0;
text-decoration:none;
}

#subnav h3 a:hover{
color:#5193D6;
}

#subnav p{
margin:3px 10px;
font-size:12px;
}

#subnav p.bild{
margin:0 21px 0 12px;
padding:5px;
border:1px solid #e2e2e2;
}

#subnav .bild img{
border:1px solid #e2e2e2;
}

#subnav label{
display:none;
}

#subnav input{
width:106px;
margin-top:4px;
font-family:arial;
font-size:12px;
}

#subnav input#search{
margin:6px 6px 1px 10px;
padding:3px 0 2px 0;
}

#subnav input#senden{
color:#fff;
color:#22477A;
height:26px;
width:40px;
font-weight:bold;
background:transparent url(/bild/button.gif) repeat-x 0 50%;
border-top:1px solid #DDECF9;
border-right:1px solid #A3B7CA;
border-bottom:1px solid #2C4662;
border-left:1px solid #A1C7EF;
}

#subnav form{
padding:2px 0 6px;
}

#subnav p.telefon a{
color:#333;
padding:13px 0 13px 25px;
font-weight:bold;
font-size:13px;
letter-spacing:1px;
background:transparent url(/bild/telefon.gif) no-repeat 0 50%;
display:block;
border:1px solid #fff;
}

#subnav p.telefon a:hover{
color:#36c;
}

#subnav p.bild a{
border:0;
}

#subnav p.button{
text-align:center;
line-height:26px;
background:transparent url(/bild/button.gif) repeat-x 0 50%;
margin:4px 10px;
border-top:1px solid #DDECF9;
border-right:1px solid #A3B7CA;
border-bottom:1px solid #2C4662;
border-left:1px solid #A1C7EF;
}

#subnav p.button a{
color:#fff;
color:#22477A;
font-weight:bold;
border:0;
text-decoration:none;
}

#subnav p.button a:hover{
color:#22477A;
color:#62A3E4;
}

#subnav ul.banner{
list-style:none;
background:0;
margin:.3em 0 .1em;
}

#subnav .banner a{
border:0;
}

#subnav p.email{
margin:4px 0 4px 12px;
background:transparent url(/bild/email.gif) no-repeat 0 0;
}

#subnav p.email a{
padding:8px 0 8px 20px;
border:0;
color:#333;
display:block;
}


#subnav .banner{
text-align:center;
margin:0 0 1em;
list-style:none;
}

#subnav .banner a{
border:0;
}

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

#fuss{
padding:1em 1em 3em 1em;
clear:both;
color:#333;
font-size:11px;
border-top:1px solid #ccc;
}

#fuss p{
margin:0 0 1em;
letter-spacing:1px;
}

#fuss a{
color:#333;
border:0;
font-weight:normal;
}

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

#menu{
float:left;
width:1000px;
background:#ddd url(/bild/menu.gif) repeat-x 0 bottom;
background:transparent url(/bild/button.gif) repeat-x 0 50%;
}

#menu ul{
float:left;
width:998px;
list-style:none;
border-left:1px solid #D0CFCF;
border-right:1px solid #999;
}

#menu ul li{
float:left;
margin:0;
}

#menu ul li a{
color:#333;
display:block;
padding:5px 30px;
font-size:13px;
font-family:arial,verdana;
font-weight:normal;
letter-spacing:.05em;
border:0;
text-decoration:none;
border-left:1px dotted #fff;
border-right:1px dotted #8c8c8c;
border-left:1px dotted #ADCFF1;
border-right:1px dotted #6EAAE6;
background:transparent url(/bild/pkt3.gif) no-repeat 18px 50%;
color:#183E74;
font-weight:bold;
}

body.aktuell #menu ul li a.aktuell,
body.start #menu ul li a.start,
body.private-altersvorsorge #menu ul li a.private-altersvorsorge,
body.betriebliche-altersvorsorge #menu ul li a.betriebliche-altersvorsorge,
body.altersvorsorge-check #menu ul li a.altersvorsorge-check{
border-bottom:1px solid #f0f0f0;
color:#62A3E4;
background:#E7EEF2 url(/bild/pkt3.gif) no-repeat 18px 50%;
}

body.lexikon #menu ul li a.start,
body.kundenservice #menu ul li a.start,
body.online-beratung #menu ul li a.start,
body.ueber-uns #menu ul li a.start{
border-bottom:1px solid #f0f0f0;
color:#62A3E4;
background:#E7EEF2 url(/bild/pkt3.gif) no-repeat 35px 50%;
}

body.start #menu ul li a.start{
background:#f0f0f0 url(/bild/pkt3a.gif) no-repeat 35px 50%;
background:#E7EEF2 url(/bild/pkt3.gif) no-repeat 35px 50%;
}

#menu ul li a.start{
padding:5px 50px;
background:transparent url(/bild/pkt3.gif) no-repeat 35px 50%;
}

#menu ul li a.ueberuns{
border-right:0;
}

#menu ul li a:hover{
color:#36c;
color:#62A3E4;
background:#f0f0f0 url(/bild/pkt3a.gif) no-repeat 18px 50%;
background:#E7EEF2 url(/bild/pkt3.gif) no-repeat 18px 50%;
}

#menu ul li a:hover.start{
background:#E7EEF2 url(/bild/pkt3.gif) no-repeat 35px 50%;
}

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

#rubrik{
text-align:left;
margin-bottom:24px;
clear:both;
width:1000px;
border-bottom:1px solid #999;
background:#f0f0f0;
background:#f0f0f0 url(/bild/menu.gif) repeat-x 0 0;
background:#E7EEF2;
}

#rubrik ul{
list-style:none;
border-left:1px solid #D0CFCF;
border-right:1px solid #999;
line-height:2.1em;
}

#rubrik ul li{
display:inline;
margin:0;
padding:0;
border-left:1px solid #fff;
border-right:1px solid #ddd;
border-right:1px solid #CFE3F7;
}

#rubrik ul li a{
display:inline;
color:#333;
padding:6px 23px;
font-size:12px;
font-family:arial,verdana;
font-weight:normal;
border:0;
text-decoration:none;
background:transparent url(/bild/pkt4.gif) no-repeat 12px 50%;
}

#rubrik ul li a.aktuell,
#rubrik ul li a:hover{
background:#ddd url(/bild/pkt4.gif) no-repeat 12px 50%;
background:#D4E5F7 url(/bild/pkt4.gif) no-repeat 12px 50%;
color:#36c;
}

#rubrik ul li.righto{
border-right:0;
/* margin-right:110px; */
}

#rubrik ul li.lefto{
border-left:0;
padding-left:26px;
}

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

#knav{
position:absolute;
top:0;
left:0;
height:26px;
width:1000px;
text-align:left;
background:#133B70 url(/bild/knav.gif) repeat-x 0 bottom;
}

#knav ul{
float:right;
padding:3px 0 2px;
list-style-type:none;
}

#knav ul li{
float:right;
list-style-type:none;
}

#knav ul li a{
margin:0 10px;
padding:0;
color:#fff;
font-size:11px;
font-family:arial,verdana;
letter-spacing:1px;
border:0;
text-decoration:none;
}

#knav ul li a:hover{
color:#62A3E4;
border-bottom:1px dotted #62A3E4;
}

#knav ul li a.www{
margin-right:466px;
padding-left:36px;
background:transparent url(/bild/www.gif) no-repeat 0 50%;
}

#knav ul li a.www:hover{
background:transparent url(/bild/www2.gif) no-repeat 0 50%;
}

body.aktuell #rubrik ul,
body.altersvorsorge-check #rubrik ul{
text-align:center;
}

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

.clr{
clear:both;
}

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

body#vall #content{
width:1000px;
}

body#vall #main{
width:744px;
}

body#vall #subnav{
display:none;
}

#main h2.header{
margin-bottom:1em;
padding:0 0 .2em;
border-bottom:1px solid #ccc;
}


body.private-rente-rentenversicherung #rubrik ul li.private-rente a,
body.ruerup-rente-basis-rente #rubrik ul li.ruerup-rente a,
body.riester-rente #rubrik ul li.riester-rente a,
body.fondsgebundene-rentenversicherung #rubrik ul li.fondsgebundene-rentenversicherung a,
body.englische-lebensversicherung-britische-policen #rubrik ul li.britische-policen a,
body.kapitallebensversicherung  #rubrik ul li.kapitallebensversicherung a,

body.direktzusage-pensionszusage  #rubrik ul li.pensionszusage a,
body.unterstuetzungskasse  #rubrik ul li.unterstuetzungskasse a,
body.direktversicherung #rubrik ul li.direktversicherung a,
body.pensionskasse #rubrik ul li.pensionskasse a,
body.pensionsfonds #rubrik ul li.pensionsfonds a,

body.ueber-uns #rubrik ul li.ueber-uns a,
body.online-beratung #rubrik ul li.online-beratung a,
body.kundenservice #rubrik ul li.kundenservice a,
body.lexikon #rubrik ul li.lexikon a{
font-weight:bold;
color:#22477a;
background:transparent url(/bild/pkt2h.gif) no-repeat 12px 50%;
}

#main p.bkrume{
font-size:.85em;
}