/* (c)2006-2008  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,
a:visited{
color:#36c;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #36c;
outline:none;
}

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


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

#kopf{
height:124px;
border-top:26px solid #4B6993;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #999;
background:#f1f1f1 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;
}

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

#menu{
float:left;
width:1000px;
border-top:1px solid #fff;
border-bottom:1px solid #999;
background:#ddd url(/bild/menu.gif) repeat-x 0 bottom;
}

#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:0px 0;
}

#menu ul li a{
color:#333;
display:block;
padding:5px 31px 5px 34px;
font-size:12px;
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;
background:transparent url(/bild/ll.gif) no-repeat 15px 9px;
}

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

#menu ul li a:hover{
color:#36c;
background:#f0f0f0;
background:#f0f0f0 url(/bild/pkt.gif) no-repeat 15px 9px;
}


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

#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:494px;
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%;
}

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

#seite{
width:1000px;
float:left;
text-align:left;
background:#fff;
border-bottom:1px solid #ccc;
position:relative;
}

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

#content{
float:left;
width:800px;
}

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

#main{
float:right;
width:544px;
padding-top:14px;
margin-bottom:30px;
font-size:13px;
}

#main h2, 
#main h2 a,
#main h3, 
#main h3 a{
color:#22477A;
font-size:19px;
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;
color:#444;
font-size:15px;
}

#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;
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;
}


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

#nav{
float:left;
margin-bottom:30px;
width:227px;
font-size:12px;
font-family:arial,verdana;
background:#f0f0f0;
border-right:1px solid #CAC9C9;
border-bottom:1px solid #CAC9C9;
}

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

#nav h3{
padding:4px 10px;
color:#fff;
font-size:13px;
background:#4D6B93;
border:solid #6B85A9;
border-width:0 1px 1px 0;
background:#133B70 url(/bild/rubrikvs.gif) no-repeat right bottom;
}

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

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

#nav ul{
margin:4px 10px;
list-style:none;
}

#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;
font-weight:normal;
border:0;
text-decoration:none;
}

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

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

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

#subnav2,
#subnav{
float:right;
margin-top:24px;
width:180px;
}

#subnav2{
margin:0 0 0 20px;
}

#subnav2 h3{
margin:0;
}

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

#subnav .box2{
clear:both;
margin-bottom:20px;
}

#subnav .box2 p{
padding:0;
margin:0;
}

#subnav .box2 a,
#subnav .box2 a img{
border:0;
}

#subnav2 h3,
#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;
}

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

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

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

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

#subnav2 p.bild{
margin:6px 12px;
}

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

#subnav2 label,
#subnav label{
display:none;
}

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

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

#subnav2 input#senden,
#subnav input#senden{
color:#fff;
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;
}

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

#subnav2 p.telefon a,
#subnav p.telefon a{
color:#333;
padding:13px 0 13px 45px;
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;
}

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

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

#subnav2 p.button,
#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;
}

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

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

#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 40px;
border:0;
color:#333;
display:block;
}

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

#fuss{
padding:1em 1em 3em 23.6em;
clear:both;
color:#333;
font-size:11px;
}

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

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

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

.clr{
clear:both;
}

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

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

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

body#vall #subnav{
display:none;
}


#menu ul li a{
background:transparent url(/bild/pkt.gif) no-repeat 15px 9px;
}

#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/pkv-lexikon.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;
}


#subnav .box3 p{
margin:0 0 1em;
overflow:hidden;
border:1px solid #cdcdcd;
}

#subnav .box3 p a,
#subnav .box3 p a img{
border:0;
}
