/* ###### Bodyformatierungen Global ###### */
body {
    font-size: 13px; 
    font-family: arial, helvetica, verdana; 
    background-color: #add3ed;
    color: #828282;
}

/* ###### Bodyformatierungen Druckansicht ###### */
body.print_body {
    font-size: 13px; 
    font-family: arial, helvetica, verdana; 
    background-color: #ffffff;
    color: #828282;
}

/* ###### Formatierungen von HTML Standartelementen (Schrift, Überschriften, Links, Listen, Tabellen etc.) ###### */
p {
	margin: 0 0 1.3em 0;

}

sub, .smalltext{
	font-size: smaller;
        vertical-align: baseline;
	line-height: normal;
}

.bold a{font-weight: bold!important;}

a{
	font-weight: bold;
	text-decoration: underline;
	color: #828282;
}

#hauptbereich-links a{
	font-weight: normal;
}

#hauptbereich-rechts a {
	font-weight: normal;
	text-decoration: underline;
	color: #0061ab;
}


a:visited{
	font-weight: normal;
	text-decoration: underline;
	color: #0061ab;
}




h1, h2, h3, h4 {
	color: #0061ab;
}

h1 {
	font-size: 2.308em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

h2 {
	font-size: 1.077em;
	margin: 0 0 0.5em 0;

}
h2.intext {
	font-size: 1.077em;
	margin: 2em 0 0.5em 0;

}

h3 {
	font-size: 1.077em;
	margin: 0 0 0.5em 0;}

h4 {
	font-size: 1.077em;
	margin: 0 0 0.5em 0;}
	
form{
	margin: 0px;
}

ul {
	margin-top: 0em;
	margin-bottom: 1.3em;
	padding-left: 1.4em;
}
li {
	padding-left: 0.7em;
	padding-bottom: 0.2em;
}

hr {
	border:0px solid #beddf1;
	height:1px;
	background: #beddf1;
}

.contenttable {
	border-collapse: collapse;
	border: #9dcae9 1px solid; 
}
.contenttable th {
	border-left: #9dcae9 1px solid; 
	padding: 8px 8px; 
	margin: 0px; 
	color: #0061ab;
	vertical-align: bottom;
	background-color: #e4f2fa;
}
.contenttable th p, .contenttable td p {
	margin: 0px;
}
.contenttable tbody td{
	border-left: #9dcae9 1px solid;
	border-bottom: #9dcae9 1px solid;	
	padding: 8px 8px;
	vertical-align: top;
}




.align-left {
	text-align: left;
}


.align-right {
	text-align: right;
}


.align-center {
	text-align: center;
}


.align-justify {
	text-align: justify;
}

.red_warning {color: #ff0000;}

/* Löschen von Floats */
div.clear_floats, div.floatloeschen {
    clear: both;
}

/* Seitendiv komplett  umschließend */
#seite {
    width: 100%; 
    text-align: center;
}
/* Festlegung des inneren Seitenbereiches */
  
#seiteninhalt {
    width: 81.692em; 
    background-color: #fff; 
    margin: 0 auto;    
    text-align: left;
    padding-top: 0.308em;
}

#seitenrahmen {
	background-color: #fff;
	width: 82.308em;
	margin: 0 auto;
	padding: 0 0 0.308em 0;
	text-align: center;
	
}

/* ###### Formatierung des Kopfbereiches ###### */
#kopf {
overflow: hidden;
}

/* Feld für Logo links */
#logo{
    height: 176px; 
    width: 19.076em; 
    background-color: #0077bd; 
    float: left;
    overflow: hidden;
}

/* Feld für Kopfbild in der mitte */
#kopfbild{
    height: 176px; 
    width: 46.154em; 
    float: left;
    background-image: url(../img/kopf-mitte.jpg);
    background-repeat: no-repeat;
    background-color: #00559c;
    overflow: hidden;
}

/* Feld für Slogan / Text rechts */ 
#kopfrechts{ 
    height: 176px; 
    width: 16.462em; 
    background-color: #00559c; 
    float: left; 
    text-align: right;
    overflow: hidden;
}

/* ###### Formatierung des Hauptbereiches (3 Spalten) ###### */

#hintergrund_blau {
	background-color: #e4f2fa;
}


#hintergrund_weiss{ 
    background: url(../img/hintergrund_weiss.gif);
    background-position: 19.090em;
    background-repeat: repeat-y;
}

#hauptbereich-hintergrund-links{ 
    background: url(../img/seitenhintergrund_linie_links.gif);
    background-position: 19.090em;
    background-repeat: repeat-y;
}

#hauptbereich{ 
    margin: 10px 0 0 0; 
    border-top: 1px solid #9ecbea;
    background: url(../img/seitenhintergrund_hellblau_rechts.gif);
    background-position: 65.230em;
    background-repeat: repeat-y;
}

/* Hauptbereich für Homepage mit Hintergrundbild */
#hauptbereich-hintergrund-links-homepage{ 
    background: url(../img/home_bg.jpg);
    background-repeat: no-repeat;
}

#hauptbereich-homepage{
    position: relative;
    margin: 10px 0 0 0; 
    border-top: 1px solid #9ecbea;
    background: url(../img/seitenhintergrund_linie_links.gif);
    background-position: 19.076em;
    background-repeat: repeat-y;
    height: 578px;
}

#hauptbereich_abstand {
	padding-bottom: 4px;
}


/* ###### Formatierung des Hauptbereiches (2 Spalten) ###### */


#hauptbereich-kein-hintergrund{ 
    margin: 10px 0 0 0; 
    border-top: 1px solid #9ecbea;
    background:none;
}

/* Hauptbereich für Homepage mit Hintergrundbild */
#hauptbereich-hintergrund-links-homepage{ 
    background: url(../img/home_bg.jpg);
    background-repeat: no-repeat;
}


/* Linke Spalte im Hauptbereich auf Startseite */
#hauptbereich-homepage #hauptbereich-links {
    width: 19.076em; 
    float: left;
    filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70; /* Opera */
height: 578px;
background-color: #e4f2fa;
}


/* Linke Spalte im Hauptbereich */
#hauptbereich-links {
    width: 19.076em; 
    float: left;
}


#hauptbereich-homepage .navigation{
	position: absolute;
	left: 0px; 
	top: 0px;
	width: 19.090em;
	z-index: 9999;
}

/* Erste Ebene der Hauptnavigation */
.navi_lvl_1 {
    background-color: #e4f2fa;
    border-bottom: 1px solid #beddf1;
    line-height: 2.385em; 
    padding-left: 3.615em;   
    color: #004d94;   
}


#hauptbereich-homepage .navigation .navi_lvl_1 {
    background: none;	
}

.navi_lvl_1 a {
    color: #004d94;
    text-decoration: none;
    font-weight: normal;
}
/* Erste Ebene der Hauptnavigation Aktiv*/

.navi_aktiv {
    background-color: #9ecbea;
    color: #fff;
}

#hauptbereich-homepage .navigation .navi_aktiv {
    color: #004d94;
}

.navi_aktiv  a {
    color: #fff;
}

#hauptbereich-homepage .navigation .navi_aktiv a {
    color: #004d94;
}

/* Zweite Ebene der Hauptnavigation */
.navi_lvl_2 {
    background-color: #fff;
    border-bottom: 1px solid #beddf1;
    line-height: normal; 
    padding: 0.650em 0 0.650em 4.615em; 
    color: #004d94;   
}

.navi_lvl_2 a {
    color: #004d94;
    text-decoration: none;
}

.navi_lvl_2 a:hover {
    font-weight: bold;
}

/* Zweite Ebene der Hauptnavigation Aktiv*/
.navi_lvl_2_wrap .navi_aktiv {
    background-color: #fff;
}

.navi_lvl_2_wrap .navi_aktiv  a {
    color: #004d94;
    text-decoration: none;
    font-weight: bold!important;
}


/* Zweite Ebene der Hauptnavigation Aktiv mit Unterseiten*/
.navi_lvl_2_wrap .navi_aktiv_sub {
    background-color: #fff;
    line-height: normal;
    font-weight: bold!important;
    height: auto;
    padding: 0.769em 0 0.769em 4.615em;
}

.navi_lvl_2_wrap .navi_aktiv  a, .navi_lvl_2_wrap .navi_aktiv_sub  a {
    color: #004d94;
    text-decoration: none;
    font-weight: bold;
}

.navi_lvl_2_wrap .navi_aktiv  a, .navi_lvl_2_wrap .navi_aktiv  a:visited, .navi_lvl_2_wrap .navi_aktiv_sub  a:visited, .navi_aktiv_sub a {
    color: #004d94;
    text-decoration: none;
    font-weight: bold;
}

/* Dritte Ebene der Hauptnavigation */
.navi_lvl_3 {
    background-color: #fff;
    line-height: normal; 
    font-weight: normal;
    padding-left: 0.769em;   
    color: #004d94;   
    padding-top: 0.600em;
}

.navi_lvl_3 a {
    font-weight: normal!important;
    color: #004d94;
    text-decoration: none;
}

.navi_lvl_3 a:hover {
    font-weight: bold;
}

/* Dritte Ebene der Hauptnavigation Aktiv*/
.navi_lvl_3_wrap .navi_aktiv {
    background-color: #fff;
    font-weight: bold;
}

.navi_lvl_3_wrap .navi_aktiv  a {
    color: #004d94;
    text-decoration: none;
    font-weight: bold!important;
}


#hauptbereich-links .inhalt { 
    border-right: 1px solid #9ecbea;
}

/* Mittlere Spalte im Hauptbereich */
#hauptbereich-mitte{
    width: 46.154em;
    overflow: hidden;
    float: left;
}

#hauptbereich-mitte .inhalt{
    padding: 1.538em 2.308em;
}

/* Mittlere Spalte im Hauptbereich */
#hauptbereich-mitte-2spaltig{
    width: 62.616em; 
    float: left;
    overflow: hidden;
}


#hauptbereich-mitte-2spaltig .inhalt{
    padding: 1.538em 2.308em;
}

#hauptbereich-mitte-2spaltig .inhalt_ohnerand{
    padding: 0;
}

/* Rechte Spalte im Hauptbereich */
#hauptbereich-rechts {
    width: 16.462em; 
    background-color: #9ecbea; 
    float: right;
    color: #004d94;
    overflow: hidden;
}
#hauptbereich-rechts .inhalt {
    overflow: hidden;
}


/* Suche in der rechten Spalte*/
.suche_rechts {
	padding: 0.650em 0.650em 0.650em 1.8em;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.suche_rechts .search_input {
	height: 1.2em;
	border: 0px;
	background-color: #fff;
	width: 9.5em;
}

.schriftgroesse {
	padding: 0.650em 0.650em 0.650em 1.8em;
	border-bottom: 1px solid #fff;
}

.schriftgroesse a {
	color: #004d94;
	text-decoration: none;
}



/* ###### Formatierung Fuss ###### */

/* Drucken Link und Seitenanfang Link */
#printlink {
	font-size: 0.769em;
}

.toplink {
	background-image: url(../img/pfeil_seitenanfang.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 16px;
	margin-left: 3.846em;
}

/* Abstandsline zwischen Inhalt und breiter blauer Fusszeile */
#fusslinie {
    background: #9ecbea; 
    line-height: 1px; 
    font-size: 1px;
    height: 4px;
    clear: both;
}

/* Abstand bei 2spaltigem Layout nach rechts wie spalte im Kopf */
.abstand_box {
	padding: 0 1.8em 0 1.8em
}


#seite .abstand_box {
	width: 41.385em;
	padding: 0 0 0 0;
}


#hauptbereich-rechts .abstand_box {
	width: auto;
	padding: 0 1.8em 0 1.8em
}



/* Breite blaue Fusszeile */
#fuss {
    background-image: url(../img/footer.jpg); 
    background-position: top center; 
    background-repeat: no-repeat; 
    background-color: #004d94; 
    height: 20px;
    margin-top: 4px;
}

/* Navigation unten im Fuss */
#fuss .navigation {
	color: #fff;
	text-align: right;
	padding: 0 3.615em;
	line-height: 19px;
}
#fuss .navigation a {
	text-decoration: none;
	color: #fff;
}

/* ###### Formatierung Inhaltselemente ###### */

/* Ufbruchelement für 3spaltigkeit*/
.umbruch_dreispaltig {
	width: 43.538em;
}



/* Bildunterschriften */
.csc-textpic-caption {
	font-size: 0.8em;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
}


.inhalt_ohnerand .csc-textpic-image{
	margin-bottom: 0px!important;
}

/*Bildabstand nach Rechts */



/* Formularfelder */


/* Eingabefeld einzeilig */

.input_anzahl {
	border: 0px; 
	height: 1.2em;
	line-height: 1.2em;
	background: #fff;
	border: 1px solid #0061ab;
	color: #0061ab;
	text-align: center;
	width: 2.5em;
}

.input_anzahl:focus{
	background: #e4f2fa;	
}

.input_normal {
	border: 0px; 
	height: 1.5em;
	line-height: 1.4em;
	background: #e4f2fa;
	color: #0061ab;
	padding: 0.0em 0.2em;
	width: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;	
}

/* Eingabefeld mehrzeilig */
.textarea_normal {
	border: 0px; 
	height: 6.308em;
	line-height: 1.4em;
	background: #e4f2fa;
	color: #0061ab;
	padding: 0 0.2em;
	width: 98%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;	
}

/* Absenden Button */
.submit_normal {
	color: #fff;
	background-color: #0061ab;
	font-weight: normal;
	border: 0px;
	padding: 0px;
	width: 12em;
}

.tx-thmailformplus-pi1 label{
	
}


/* Variante 1 */

.kontakt_variante_1 {
}
.kontakt_variante_1 .input_anzahl {
	border: 0px; 
	height: 1.2em;
	line-height: 1.2em;
	background: #fff;
	border: 1px solid #0061ab;
	color: #0061ab;
	text-align: center;
	width: 2.5em;	
}

.kontakt_variante_1 .input_anzahl:focus{
	background: #e4f2fa;	
}

.kontakt_variante_1 .input_normal {
	border: 0px; 
	background: #e4f2fa;
	color: #0061ab;
	padding: 0.200em 0.2em;
	width: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;	
}


.kontakt_variante_1 select.input_normal {
	border: 0px; 
	background: #e4f2fa;
	color: #0061ab;
	padding: 0.200em 0.2em;
	height: 1.9em;
	width: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;	
}

/* Eingabefeld mehrzeilig */
.kontakt_variante_1 .textarea_normal {
	border: 0px; 
	height: 6.308em;
	background: #e4f2fa;
	color: #0061ab;
	padding: 0 0.2em;
	width: 98%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;	
}

/* Eingabefeld mehrzeilig */
.geb_a .textarea_normal {
	border: 0px; 
	height: 14.308em;
	line-height: 1.4em;
	background: #e4f2fa;
	color: #0061ab;
	padding: 0 0.2em;
	width: 98%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;	
}

/* Absenden Button */
.kontakt_variante_1 .submit_normal {
	color: #fff;
	background-color: #0061ab;
	font-weight: normal;
	border: 0px;
	padding: 0.2em;
	width: 12em;
}


/* aktuelles Box auf der rechten Seite */
.aktuelles_box {
	margin-top: 25px;
	padding: 1.8em 1.8em 0em 1.8em;
	background-image: url(../img/aktuelles_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 496px;
	font-size: 1.077em;	
}
.aktuelles_box a {
	color: #0061ab;
	text-decoration: none;
	font-weight: bold;
}

/* Box für Abstand zu den Rändern bei Inhalten auf der rechten Spalte */
.rahmen_box {
	margin-top: 25px;
	padding: 1.8em 1.8em 0em 1.8em;
}


/* Teaserobjekt */


.teaserbox {
	border-bottom: 1px solid #beddf1;
	margin-bottom: 12px;
}
.teaserbox .image {
	float: left; 
	width: 150px;
	margin-right: 1.6em;

}
.teaserbox .text {
	float: left;
	width: 350px;

}
.teaserbox h2 {

}

.hervorheben {
	background-color: #e4f2fa;
	display: inline-block;
	padding: 15px;
}




/* Formatierungen der Klärwerk Modalfenster */

/* Modaleffekt */
#nyroModalTitle {
	display: none;
}


#nyroModalBg, #overlay{
	background: none!important;
	opacity:0.00!important;

}

/* Rahmung und Hintergrund popup */
div#nyroModalWrapper {
	background:#FFFFFF!important;
	border:1px solid #9ECBEA!important;
}

div#nyroModalContent{
	padding: 0px!important;
	overflow-x: hidden!important;
	overflow-y: hidden!important;
}

#shorttext {
	width: 600px;
}

#shorttext .inhalt {
	padding: 10px 0px 0 2px;
	font-weight: bold;
}

.pagebrowser_prev {
	float:left;
	padding: 3px 3px;
}


.pagebrowser_next {
	float:right;
	padding: 3px 23px 3px 3px;;
}

a#closeBut {
	top: 5px!important;
	right: 5px!important;
}


/* ###### Formatierung Extensions ###### */
.suchergebnis_kopf {
	color: #0061ab;
}

.suchergebnis_kopf a{
	color: #0061ab;
	text-decoration: underline;
}

.tx-indexedsearch-descr {
	padding-left: 5px;
	font-style: normal!important;
}

.tx-indexedsearch-redMarkup {
	color: #0061ab!important;
}

.tx-indexedsearch-searchbox-sword {
	border: 0px; 
	height: 1.2em;
	line-height: 1.2em;
	background: #e4f2fa;
	color: #0061ab;
	padding: 0 0.2em;
}

.tx-indexedsearch-searchbox-button {
	color: #fff;
	background-color: #0061ab;
	font-weight: normal;
	border: 0px;
	padding: 0px;
	width: 10em;
}

.suchformular td{
	padding: 4px 0;
}


/* ###### Druckansicht Template ###### */


#druckansicht_page {
    border-top: 1px solid #beddf1;
}
#druckansicht_header{
    border-bottom: 1px solid #beddf1;
}
#druckansicht_logo {
	text-align: right;
	padding: 32px 0 40px 0;
	

}
#druckansicht_content {
	padding: 32px;
}


#hauptbereich-rechts div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:0px;
}