/* Alle margins, paddings, borders ausschalten */

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

/* Blitzer bei Bildern im IE ausschalten */

img
{
vertical-align: bottom;
}

/* Cursorform fuer Formularbuttons */

@media screen
{
	.button,
	.formbutton
	{
	cursor: pointer;
	}
}

/* Grundeinstellungen */

body
{
margin: 0px 15px;
font-family: arial,helvetica,sans-serif;
font-size: 80%;
background-color: #ffffff;
}

/* Banner fuer Absenderkennung, Bilderleiste etc. */

#header
{
display: none;
}

/* Servicenavigation und Suche */

#servicenavigation
{
display: none;
}

/* Spaltencontainer; die verschachtelten DIVs sollen dafuer sorgen, 
   dass Elemente nicht durch clears verschoben werden und der
   Contentbereich an erster Stelle im Quellcode steht, gut fuer
   Suchmaschinen. Ausserdem bestimmt die hoechste Spalte die 
   Hoehe der uebrigen. */

.colmask,
#wrapper,
#wrapper .colmid,
#wrapper .colleft,
#wrapper .col1wrap,
#wrapper .content
{
margin: 0;
width: 100%;
padding: 0;
position: absolute;
top: 0;
left: 0;
}


/* Contentbereich – mittlere Spalte */

/* Breadcrumbs */

#wrapper .content .breadcrumbs
{
display: none;
}

/* Allgemeines im Content */

#wrapper .content p
{
font-size: 100%;
line-height: 140%;
margin: 10px 0px;
}

#wrapper .content h1,
#wrapper .content h2,
#wrapper .content h3,
#wrapper .content h4,
#wrapper .content h5,
#wrapper .content h6
{
font-size: 100%;
}

#wrapper .content ol
{
font-size: 100%;
line-height: 140%;
list-style-type: disc;
margin-left: 30px !important;
margin-bottom: 10px;
}

#wrapper .content ol li
{
padding-left: 0px;
}

#wrapper .content ul
{
margin-left: 15px;
line-height: 140%;
list-style-type: circle;
}

#wrapper .content li a.linkliste
{
line-height: 140%;
padding-left: 12px;
color: rgb(228,0,15);
text-decoration: none;
}

#wrapper .content li a:hover.linkliste
{
text-decoration: underline;
}

/* Teaser fuer Startseite */

#wrapper .content .teaserblau,
#wrapper .content .teaserweiss,
#wrapper .content .teaserblauschmal,
#wrapper .content .teasergrauschmal
{
margin-bottom: 35px;
}

#wrapper .content .teaserblau h1
{
font-size: 100%;
color: #ffffff;
min-height: 33px;
padding: 2px 0px 0px 14px;
background-image: url("../images/chrome/teasertitel_blau.gif");
background-repeat: no-repeat;
background-position: left top;
background-color: #679ecb;
}

#wrapper .content .teaserblau h1 span
{
font-size: 90%;
color: rgb(196,204,218);
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
}

#wrapper .content .teaserweiss h1
{
font-size: 100%;
color: rgb(18,50,107);
min-height: 33px;
padding: 2px 0px 0px 14px;
background-image: url("../images/chrome/teasertitel_weiss.gif");
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
}

#wrapper .content .teaserweiss .abschlussrechts
{
float: right;
width: 1px;
min-height: 33px;
background-image: url("../images/chrome/teasertitel_weiss_abschluss_rechts.gif");
background-repeat: no-repeat;
background-position: right top;
}

#wrapper .content .teaserweiss h1 span
{
font-size: 90%;
color: #555555;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
}

#wrapper .content p,
#wrapper .content ul
{
padding-left: 15px;
}

#wrapper .content ul
{
clear: left;
}

#wrapper .content .teaserblau h2,
#wrapper .content .teaserweiss h2,
#wrapper .content .teaserblauschmal h2,
#wrapper .content .teasergrauschmal h2,
#wrapper .content .teaserblau h3,
#wrapper .content .teaserweiss h3,
#wrapper .content .teaserblauschmal h3,
#wrapper .content .teasergrauschmal h3,
#wrapper .content .teaserblau h4,
#wrapper .content .teaserweiss h4,
#wrapper .content .teaserblauschmal h4,
#wrapper .content .teasergrauschmal h4,
#wrapper .content .teaserblau h5,
#wrapper .content .teaserweiss h5,
#wrapper .content .teaserblauschmal h5,
#wrapper .content .teasergrauschmal h5,
#wrapper .content .teaserblau h6,
#wrapper .content .teaserweiss h6,
#wrapper .content .teaserblauschmal h6,
#wrapper .content .teasergrauschmal h6,
#wrapper .content .teaserblau p,
#wrapper .content .teaserweiss p,
#wrapper .content .teaserblauschmal p,
#wrapper .content .teasergrauschmal p,
#wrapper .content .teaserblau ul,
#wrapper .content .teaserweiss ul,
#wrapper .content .teaserblauschmal ul,
#wrapper .content .teasergrauschmal ul
{
padding-right: 30px;
}

#wrapper .content .teaserblau p img,
#wrapper .content .teaserweiss p img,
#wrapper .content .teaserblauschmal p img,
#wrapper .content .teasergrauschmal p img
{
float: left;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 5px;
}

#wrapper .content .teaserblauschmal h1
{
font-size: 100%;
color: #ffffff;
min-height: 18px;
padding: 2px 0px 0px 14px;
background-image: url("../images/chrome/teasertitel_blau_schmal.gif");
background-repeat: no-repeat;
background-position: left top;
background-color: #679ecb;
}

#wrapper .content .teasergrauschmal h1
{
font-size: 100%;
color: #ffffff;
min-height: 18px;
padding: 2px 0px 0px 14px;
background-image: url("../images/chrome/teasertitel_grau_schmal.gif");
background-repeat: no-repeat;
background-position: left top;
background-color: rgb(86,85,90);
}

/* Weitere Headlines */

.abstand
{
margin-top: 2.5em;
}

#wrapper .content h1.h1blauschmal
{
font-size: 100%;
color: #ffffff;
min-height: 18px;
padding: 2px 0px 0px 14px;
background-image: url("../images/chrome/teasertitel_blau_schmal.gif");
background-repeat: no-repeat;
background-position: left top;
background-color: #679ecb;
}

#wrapper .content h1.h1grauschmal
{
font-size: 100%;
color: #ffffff;
min-height: 18px;
padding: 2px 0px 0px 14px;
background-image: url("../images/chrome/teasertitel_grau_schmal.gif");
background-repeat: no-repeat;
background-position: left top;
background-color: rgb(86,85,90);
}

#wrapper .content h2,
#wrapper .content h3,
#wrapper .content h4,
#wrapper .content h5,
#wrapper .content h6
{
margin-left: 15px;
}

#wrapper .content h2
{
clear: left;
font-size: 100%;
color: rgb(18,50,107);
font-weight: bold;
margin-top: 1.5em;
margin-bottom: 0.5em;
}

#wrapper .content h3,
#wrapper .content h4,
#wrapper .content h5,
#wrapper .content h6
{
clear: left;
font-size: 100%;
color: #000000;
font-weight: bold;
margin-top: 1.0em;
margin-bottom: 0.5em;
}

#wrapper .content p img
{
float: left;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 5px;
}

/* Rahmen fuer Bildstrecke */

#wrapper .content .bilderrahmen
{
float: left;
width: 95%;
background-color: rgb(187,187,189);
padding: 8px 0px 10px 6px;
margin-left: 15px;
margin-right: -15px;
margin-bottom: 1.5em;
}

#wrapper .content .bilderrahmen p,
#wrapper .content .bilderrahmen ul
{
margin: 0px;
padding: 0px;
}

#wrapper .content .bilderrahmen p img
{
float: none;
margin: 0px 10px 0px 0px;
padding: 0px;
}



/* Navigationsspalte links */

#wrapper .navi
{
display: none;
}


/* Related Content (rechte Spalte) */

#wrapper .relcont
{
display: none;
}



/* Fotogalerie */

#gal
{
margin: 0px;
padding: 0px;
}

#gal p
{
margin-bottom: 5px;
margin-left: 0px;
padding: 0px;
}


#gal p.bildnavi
{
display: none;
}


#gal p.bu
{
font-size: 85%;
max-width: 500px;
}

#gal p.bild
{
clear: left;
}

iframe
{
width: 530px;
height: 40em;
padding: 0px;
border: 0px;
margin-top: 30px;
}


/* Karten */

.cl
{
clear: left;
}

/* Footer */

#footer
{
clear: both;
float: left;
width: 100%;
border-top: 1px solid #000;
}

#footer p
{
padding: 10px;
margin: 0;
}


/*
####################################
## Formulare allgemein            ##
####################################
*/

.button,
.formbutton,
.btn
{
width: auto !important;
background: #ccc !important;
padding: 1px 4px 3px 4px !important;
}

/*
####################################
## Kontakt- und Anmeldeformular   ##
####################################
*/

/* Kontaktformular */

form#ktk_post_form
{
margin: 0px;
}

.txf
{
width: 8em;
height: 1.5em;
border: 1px solid #aaaaaa;
background-color: #ffffff;
padding: 2px 0px 0px 4px;
}

fieldset
{
margin-left: 15px;
margin-bottom: 10px;
background-color: #eeeeee;
padding: 1.0em;
border: 1px solid #888888;
}

legend
{
font-size: 100%;
font-style: normal;
color: #000000;
}

#ktk_post_form .txflong,
#ktk_post_form .txfmid,
#ktk_post_form .txfshort,
#ktk_post_form .slflong
{
font-size: 100%;
height: 1.5em;
border: 1px solid #888888;
background-color: #ffffff;
padding: 2px 0px 0px 4px;
}

#ktk_post_form .txflong
{
width: 20em;
}

#ktk_post_form .slflong
{
height: 1.8em;
width: 20.5em;
}

#ktk_post_form .txfmid
{
width: 15.5em;
}

#ktk_post_form .txfshort
{
width: 3.5em;
}

#ktk_post_form .ml
{
margin-left: 0.5em;
}

#ktk_post_form .col1
{
font-size: 100%;
width: 30%;
padding-right: 10px;
margin-right: 1em;
text-align: right;
}

#ktk_post_form .col2
{
font-size: 100%;
width: 60%;
}

#ktk_post_form .col3
{
font-size: 100%;
width: 5%;
margin-right: 1em;
}

#ktk_post_form .col4
{
font-size: 100%;
width: 95%;
}

#ktk_post_form .col4 p
{
font-size: 100%;
}

.vt
{
vertical-align: top;
}

.tiny
{
font-size: 85%;
}

.rot
{
color: #ff0000;
font-weight: bold;
}

.margt1em
{
margin-top: 1em;
}



/*
####################################
## Suchformular und Suchergebnis  ##
####################################
*/

#wrapper .content dd ul
{
padding-left: 0;
padding-bottom: 0 !important;
}

#wrapper .content dd span.doctype
{
font-size: 80%;
}

#wrapper .content dl
{
font-size: 100%;
line-height: 140%;
margin: 0.8em 0 0.7em 0;
padding-left: 15px;
padding-right: 15px;
}

#wrapper .content dt
{
font-weight: bold;
}

#wrapper .content table.posfields
{
padding-left: 15px;
margin-bottom: 1.0em;
}

#wrapper .content table.posfields td
{
padding-right: 15px;
}

#wrapper .content table.moreresults,
#wrapper .content form
{
font-size: 100%;
margin-top: 0px;
margin-left: 15px;
}

#wrapper .content table.moreresults td span
{
font-size: 100%;
}

#wrapper .content form
{
margin-top: 0;
margin-left: 0;
}

#suchformular .txflong,
#suchformular .txfmid,
#suchformular .txfshort,
#suchformular .slflong,
#suchformular .slfmid,
#suchformular .slfshort
{
font-size: 100%;
height: 1.5em;
border: 1px solid #888888;
background-color: #ffffff;
padding: 2px 0px 0px 4px;
}

#suchformular .txflong
{
width: 20em;
}

#suchformular .txfmid
{
width: 15.5em;
}

#suchformular .txfshort
{
width: 3.5em;
}

#suchformular .slflong,
#suchformular .slfmid,
#suchformular .slfshort
{
height: 1.8em;
}

#suchformular .slflong
{
width: 20.5em;
}

#suchformular .slfmid
{
width: 15.5em;
}

#suchformular .slfshort
{
width: 7.5em;
}



/*
####################################
## Kontaktformuar ##
####################################
*/

#wrapper .content div form#subscribe_nl,
#wrapper .content div form#unsubscribe_nl
{
padding-left: 0px;
}

#wrapper .content div form#subscribe_nl input,
#wrapper .content div form#unsubscribe_nl input,
#wrapper .content div form#ktk_post_form .tx
{
border: 1px solid #12326b;
width: 20em;
margin: 0;
padding: 0;

}

#wrapper .content div form#subscribe_nl label,
#wrapper .content div form#unsubscribe_nl label,
#wrapper .content div form#ktk_post_form .lb
{
display: block;
float: left;
width: 130px;
}

#wrapper .content div form#subscribe_nl textarea,
#wrapper .content div form#unsubscribe_nl textarea,
#wrapper .content div form#ktk_post_form .txa
{
border: 1px solid #12326b;
}


/*
####################################
## Newsletter ##
####################################
*/

#wrapper .content div form input.textfeldblau
{
border: 1px solid #12326b;
}

#wrapper .content div form select.menufeldblau
{
border: 1px solid #12326b;  
}

#wrapper .content div form#subscribe_nl table,
#wrapper .content div form#unsubscribe_nl table
{
padding-left: 15px; 
}

/*
####################################
## DB Transferdienstleister       ##
####################################
*/

/* Suchmaske */

#transferdienstleister
{
background: transparent !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}

#transferdienstleister form
{
margin-top: 25px !important;
margin-left: 0 !important;
}

#transferdienstleister fieldset
{
max-width: 40em;
padding: 15px;
}

#transferdienstleister fieldset label.lbl
{
width: 160px;
float: left;
font-style: normal;
}

#transferdienstleister span.val
{
float: left;
}

#transferdienstleister fieldset legend
{
padding: 3px;
margin-bottom: 8px;
font-weight: bold;
}

#transferdienstleister hr
{
background-color: transparent;
clear: both;
border: none;
margin: 10px 0 15px 0;
border-top: 1px solid #999;
}

#transferdienstleister #anbieter
{
background: #eee !important;
width: 90% !important;
padding-right: 10px !important;
}

#transferdienstleister #anbieter h3
{
margin-left: 0 !important;
}

#transferdienstleister ol#ergebnisse
{
margin-left: 30px;
}

#transferdienstleister div#anbieter ul
{
margin-left: 30px;
}

#transferdienstleister input
{
border: 1px solid #000;
padding: 2px 4px;
}