html { height:101% }
body { height:100%; font-family:Arial, Helvetica, sans-serif; color:#505050; background-color:#fff; background-image:url(images/bg3.jpg); background-repeat:repeat-x; margin:0px; padding:0; font-size:13px }

h1, h2, h3, h4, ul, li, p, table, tr, td, form, input, select, dl, dt, dd { margin:0; padding:0; }

td { vertical-align:top }

a:focus { outline:none }

a img { border:0 }

a span { display:none }

h1 { color:#4c5b9f; font-size:17px; padding:0 0 18px 0  }
h2 { color:#4c5b9f; font-size:14px; padding:0 0 10px 0 }
h2.unterstrichen { color:#4c5b9f; font-size:13px; padding:0 0 2px 0; margin-bottom:8px; background-image:url(images/dot3b.gif); background-repeat:repeat-x; background-position:bottom }
h3 { color:#4c5b9f; font-size:13px; padding:0 0 2px 0; }

ul { list-style:none }

.left, .imgleft { float:left }
.right, .imgright { float:right }
.imgleft { float:left; padding:0 20px 10px 0 }
.imgright { float:right; padding:0 0 10px 20px }


div.imgleft, div.imgright { clear:both; font-size:11px }

div.imgleft img, div.imgright img { padding-bottom:5px }

.clear { font-size:1px; clear:both }

#container { min-height:100%; position:relative }

#head { position:relative; width:968px; margin:0 auto; height:131px; background-color:#FFF; border-bottom:1px solid #d7d8ec  }
#head img { float:left }

#logo { float:left; width:432px }

#headnav { float:right; height:52px; padding:79px 0 0 0}

#headnav { float:left; line-height:normal; }
#headnav li { float:left }
#headnav a { float:left; display:block; height:52px }
#headnav a:hover { background-position:0 -52px }
#headnav a.active, #headnav a.active:hover  { background-position: 0 -104px }
a#home { background-image:url(images/a-home.png); width:94px }
a#leistungen { background-image:url(images/a-leistungen.png); width:134px }
a#persoenliches { background-image:url(images/a-persoenliches.png); width:155px }
a#links { background-image:url(images/a-links.png); width:86px }

#banner { width:968px; margin:0 auto; height:183px; padding:1px 0 0 0; background-image:url(images/bg-banner.png) }
#banner img { float:left }

#adressbox { float:left; width:240px; height:130px; padding:40px 0 0 81px; color:#4c5b9f; line-height:17px; background-image:url(images/bg-adressbox.png) }

#adressbox dt { float:left; width:58px }

#aktuelles2 { width:227px; height:117px; background-image:url(images/bg-aktuelles2.png); padding:12px 0 0 17px; font-size:12px; color:#4c5b9f }
#aktuelles2 ul { float:left; padding:9px 0 0 0; width:100px }
#aktuelles2 li { font-size:11px; background-image:url(images/lis.gif); background-repeat:no-repeat; background-position:0 5px; padding:0 0 0 8px }
#aktuelles2 div#img { float:left; width:73px; height:94px; padding:0 13px 0 0 }
#aktuelles2 div#pdf { float:left; padding:9px 0 0 0 } 
#aktuelles2 div#archiv { float:left; padding:5px 0 0 0 } 

#boxc { width:184px; height:70px; padding:21px 0 0 64px; margin-top:15px; background-image:url(images/bg-boxc.png); background-repeat:no-repeat }
#boxc span { font-size:11px } 
#boxc div { font-size:1px; height:2px }

#wrap { width:968px; margin:0 auto; padding-bottom:128px }

/* content / styles classes */

#content { float:left; width:575px; padding:2px 59px 0px 13px }
#content p { padding:0 0 24px 0; line-height:17px }

#content ul { padding:5px 0 20px 0 }

#content ul li { background-image:url(images/li.gif); background-repeat:no-repeat; background-position:0 5px; padding:0 0 10px 11px; line-height:17px }
#content ul ul { padding:5px 0 0 0 }
#content ul li li { background-image:url(images/li2.gif); background-repeat:no-repeat; background-position:0 6px; padding:0 0 6px 11px; line-height:17px }

#content div.archiv ul { padding:15px 0 15px 220px; background-color:#FBFBFB  }
#content  div.archiv ul li, #content  div.aktuell ul li { background-image:url(images/pdf16x16.png); background-position:0 1px; padding:0 0 10px 22px; line-height:17px  }
#content div.archiv ul li li { background-image:url(images/li2.gif) }
#content div.archiv ul ul { padding:5px 0 0 0 }
#content div.archiv ul li a { font-size:12px }

div.archiv h2 { padding-top:10px }

#content a, a.link { color:#4c5b9f; text-decoration:none; background-image:url(images/dot-b.gif); background-repeat:repeat-x; background-position:bottom; }

#content a:hover, a.link:hover { color:#a57752; background-image:url(images/dot-b2.gif) }

a.arr { color:#4c5b9f; font-size:11px; text-decoration:none; background-image:url(images/arr.gif); background-repeat:no-repeat; background-position:0 0; padding:0 0 0 13px }
a.arr:hover { color:#a57752; background-image:url(images/arrb.gif) }

#footwrap { position:absolute; bottom:0; width:100%; height:128px; background-image:url(images/bg-fw.gif); background-repeat:repeat-x; } 
#foot { width:916px; height:80px; margin:0 auto; padding:48px 0 0 52px; background-image:url(images/bg-foot.png); background-repeat:no-repeat; background-position:right bottom; font-size:11px; color:#4b599e }
#foot img { float:left }

#member { float:left; font-size:10px; padding-left:20px; color:#a6a6a6 }

#copy { float:left; width:280px }

#sidebar { float:left; width:290px; padding:0 0 0px 31px }

#sidebar a.dk { color:#4c5b9f; display:block; width:179px; height:29px; background-image:url(images/a-dk.png); background-position:0 -42px; padding:13px 0 0 59px; text-decoration:none; font-weight:bold  }
#sidebar a.dk:hover {  color:#a57752; background-position:0 0 }

#topnav { width:968px; margin:0 auto; height:43px }
#topnav ul { float:right }
#topnav li { float:left; padding:0 12px 0 0 }
#topnav a, a.linkd { font-size:12px; color:#4c5b9f; text-transform:uppercase; text-decoration:none; background-image:url(images/a-topnav.png); background-repeat:no-repeat; background-position:0 5px; padding:0 0 0 10px; }
#topnav a:hover, #topnav a.active, a.linkd:hover { color:#a57752; background-position:0 -31px }

form.kontakt label { clear:left; float:left; display:block; width:70px; padding:5px 0 2px 0 }
form.kontakt label#anrede { float:left; display:block; width:70px; padding:5px 0 2px 0 }
form.kontakt input, form.kontakt select { float:left; width:150px; padding:3px; border:1px solid #DBDBDB; font-size:11px; color:#393839; margin-bottom:5px }
form.kontakt select { width:110px; padding:1px; border:1px solid #DBDBDB; }
form.kontakt input.checkbox { border:0; width:20px }
form.kontakt input.option { border:0; width:20px }
form.kontakt textarea { float:left; width:250px; height:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #DBDBDB }
form.kontakt input.submit { clear:left; float:right; cursor:pointer; width:80px; height:25px; font-weight:bold; padding:3px; margin-top:10px; color:#4c5b9f; background-color:#f0f0f7 }
form.kontakt .submit:hover { color:#a57752 }

.errorText { color:#F00 }