* {
margin: 0px;
padding: 0px;
}

html {
height: 100%;
}

body {
font-family: arial,sans-serif;
font-size: 11px;
height: 100%;
}

h1 {
color: #009e92;
font-size: 18px;
font-weight: normal;
margin-bottom: 15px;
text-transform: uppercase;
}

h2 {

}

h3 {
color: #4a4a4a;
background: #c9c9c9;
padding: 5px;
font-weight: normal;
font-size: 1em;
margin-bottom: 15px;
margin-top: 35px;
}


img {
border: 0px;
}

p {
color: #606060;
}


/*****************************************************************
Seitenübergreifend
*****************************************************************/

#rahmen {
position: relative;
width: 851px;
min-height: 100%;
background: url(../bilder/bg.gif) repeat-y 12px 0px;
margin: auto;
z-index: 500;
}

#rahmen #titel {
position: absolute;
background: url(../bilder/titel.jpg) no-repeat;
width: 851px;
height: 227px;
left: 0px;
top: 0px;
border-top: 13px solid #ffffff;
z-index: 700;
}

#rahmen #titel p {
position: absolute;
left: 767px;
top: 5px;
}

#rahmen #titel p a {
text-decoration: none;
color: #ffffff;
padding-left: 8px;
background: url(../bilder/pfeilWeiss.gif) no-repeat 0px 3px;
font-size: 10px;
}

#rahmen #titel img {
position: absolute;
left: 626px;
top: 75px;
}

#rahmen #links {
position: absolute;
top: 300px;
left: 10px;
width: 200px;
}

#rahmen ul#hauptnavi {
position: absolute;
left: 12px;
top: 188px;
z-index: 900;
}

#rahmen ul#hauptnavi li {
float: left;
list-style-type: none;
background: url(../bilder/service_punkt.gif) no-repeat bottom right;
padding-right: 8px;
margin-right: 8px;
height: 11px;
}

#rahmen ul#hauptnavi li a {
text-decoration: none;
color: #009e92;
font-weight: bold;
font-size: 14px;
background: url(../bilder/pfeil.gif) no-repeat 0px 3px;
padding-left: 10px;
}

#rahmen ul#hauptnavi li a:hover, #rahmen ul#hauptnavi li#aktiv a {
background: url(../bilder/pfeilAktiv.gif) no-repeat 0px 3px;
}

#rahmen #inhalt {
position: relative;
padding-top: 258px;
padding-bottom: 35px;
width: 360px;
margin-left: 250px;
min-height: 100%;
z-index: 500;
}

#rahmen #inhalt p, #rahmen #inhaltgelb p, #rahmen #inhaltblau p, #rahmen #inhaltorange p {
margin-bottom: 15px;
line-height: 16px;
}

#rahmen #inhalt a, #rahmen #inhaltgelb a, #rahmen #inhaltblau a, #rahmen #inhaltorange a {
color: #006a4c;
}


#rahmen #inhalt ul, #rahmen #inhaltgelb ul, #rahmen #inhaltblau ul, #rahmen #inhaltorange ul {
margin-left: 15px;
}

#rahmen #inhalt ul li, #rahmen #inhaltgelb ul li, #rahmen #inhaltblau ul li, #rahmen #inhaltorange ul li {
color: #606060;
line-height: 16px;
margin-bottom: 5px;
}

#rahmen #unternavi {
position: absolute;
margin-left: 0px;
top: -42px;
margin-top: 0px;
left: 16px;
width: 157px;
z-index:900;
}

#rahmen #unternavi li {
list-style-type: none;
width: 154px;
padding-left: 0px;
margin-bottom: 10px;
}

#rahmen #unternavi li a {
text-decoration: none;
display: block;
color: #ffffff;
padding: 0px 0px 0px 10px;
background: url(../bilder/pfeilUnter.gif) no-repeat 0px 3px;
height: 17px;
width: 142px;
font-size: 14px;
}

#rahmen #unternavi li a:hover, #rahmen #unternavi li.aktiv a {
background: url(../bilder/pfeilUnterAktiv.gif) no-repeat 0px 3px;
color: #ffffff;
}

#rahmen #unternavi li ul {
margin-left: 11px;
padding-bottom: 10px;
margin-top: 10px;
width: 158px;
}

#rahmen #unternavi li ul li {
font-size: 12px;
}

#rahmen #unternavi li ul li a, #rahmen #unternavi li.aktiv ul li a {
background: none;
background: url(../bilder/pfeilUnter.gif) no-repeat 0px 2px;
display: block;
font-size: 12px;
}

#rahmen #unternavi li ul li a:hover, #rahmen #unternavi li ul li.aktiv a:hover, #rahmen #unternavi li ul li.aktiv a, #rahmen #unternavi li.aktiv ul li a:hover, #rahmen #unternavi li.aktiv ul li.aktiv a {
background: none;
background: url(../bilder/pfeilUnterAktiv.gif) no-repeat 0px 2px;
}

#rahmen #unternavi li ul {
display: none;
}

#rahmen #unternavi li.aktiv ul {
display: block;
}

#rahmen #rechts {
position: absolute;
margin-left: 627px;
top: 290px;
}

#rahmen #rechts h3 {
width: 150px;
}

#rahmen #rechts p {
width: 135px;
padding-right: 15px;
}

#rahmen #rechts p.rechteAusrichtung {
text-align: right;
margin-top: 2px;
}

#rahmen #rechts p a {
color: #006a4c;
}

#rahmen #rechts ul {
margin-left: 5px;
width: 135px;
}

#rahmen #rechts ul li {
list-style-type: none;
background: url(../bilder/pdf.gif) no-repeat;
padding-left: 25px;
padding-top: 1px;
height: 20px;
color: #606060;
margin-bottom: 10px;
}

#rahmen #rechts ul li a {
color: #606060;
text-decoration: none;
}

#dar {
position: absolute;
margin-left: 22px;
margin-top: -55px;
width: 87px;
height: 48px;
}

#abschluss {
position: relative;
margin: auto;
height: 37px;
width: 827px;
margin-top: -37px;
background: url(../bilder/abschluss.gif) no-repeat;
z-index: 900;
}

/*#dar {
position: relative;
margin: auto;
background: url(../bilder/abschluss.gif) no-repeat;
height: 90px;
width: 827px;
margin-top: -90px;
z-index: 900;
}*/

/****************************************************************
Seitenspezifisch
****************************************************************/

#rahmen #inhalt .contact-form fieldset {
border: 0px;
text-align: right;
}

#rahmen #inhalt .contact-form fieldset label {
float: left;
}

#rahmen #inhalt .contact-form fieldset.data input {
margin-bottom: 2px;
width: 220px;
}

#rahmen #inhalt .contact-form fieldset select {
margin-bottom: 2px;
width: 224px;
}

#rahmen #inhalt .contact-form fieldset textarea {
margin-bottom: 2px;
width: 220px;
}

#rahmen #inhalt .contact-form table tr td.tdlabel {
width: 132px;
}

.csc-textpic-image {
float:left;
padding-right:5px;
}

.csc-textpic-clear {
clear: both;
float: none;
}

/***************************************************************
Klassen
***************************************************************/