/* Definition der Textboxen */

/* HTML-Body*/
body {
    margin			: 0;
    padding			: 0;
    font-family			: "Arial Narrow";			/* Schriftart	*/
    font-size			: 12px;				/* Schriftgrösse 	*/
    overflow			: hidden;				/* Scrollbalken im Fenster unterbinden */
}

/* Textbox Mitte - Hauptausgabe */
#mitte {
    position			: absolute;
    top				: 106px;       			/* Abstand zum oberen Fensterrand */
    left				: 232px;        			/* Abstand zum linken Fensterrand */
    bottom			: 0px;       			/* Abstand zum unteren Fensterrand */
    width				: 725px;        			/* Abstand zum rechten Fensterrand */
    overflow-y			: auto;        			/* Scrollbalken, falls notwendig */
    overflow-x			: hidden;        			/* Scrollbalken, falls notwendig */
    font-family 			: verdana;        			/* Schriftart festlegen */
    padding-top			: 10px;        			/* Interpretation Boxmodell! */
    padding-left			: 20px;        			/* Interpretation Boxmodell! */
    padding-right			: 45px;        			/* Interpretation Boxmodell! */
    background-color 		: #FFFFFF;
    border-left			: 1px solid #00A271;
    border-right			: 1px solid #00A271;
    border-top			: 2px solid #00A271;
    z-index			: 3;
    
    /* Scrollbalken definieren */
    scrollbar-3dlight-color		: #00A271;
    scrollbar-arrow-color 		: #00A271;
    scrollbar-face-color       	: #9DD2C4;
    scrollbar-track-color   	: #FFFFFF;
    scrollbar-darkshadow-color	: #00A271;
    scrollbar-highlight-color	: #FFFFFF;
    scrollbar-shadow-color		: #9DD2C4;

}

/* Textbox Oben - Logo und Schriftzug */
#oben {
    position			: absolute;
    top				: 0;            		/* Abstand zum oberen Fensterrand */
    left			: 0;        			/* Abstand zum linken Fensterrand */
    right			: 0;        			/* Abstand zum rechten Fensterrand */
    height			: 75px;        			/* Blockhöhe */
    padding			: 0;        			/* Interpretation Boxmodell! */
    overflow			: hidden;    			/* Scrollbalken unterbinden */
}

/* Textbox Oben Links - Logo */
#links_oben{
    position			: absolute; 
    top				: 75px; 			/* Abstand zum oberen Fensterrand */
    left			: 0px;				/* Abstand zum linken Fensterrand */
    height			: 31px; 			/* Blockhöhe */
    width			: 33px;				/* Abstand zum rechten Fensterrand */
    border-bottom		: 1px solid #00A271;
}

/* Textbox Oben Links - Logo */
#links_oben_2{
    position			: absolute; 
    top				: 0px; 				/* Abstand zum oberen Fensterrand */
    left			: 199px;				/* Abstand zum linken Fensterrand */
    height			: 106px; 				/* Blockhöhe */
    width			: 33px;				/* Abstand zum rechten Fensterrand */
    border-left			: 1px solid #00A271;
    border-bottom		: 2px solid #00A271;
}




/* Textbox Menue Oben - 3.Menue-Ebene */
#menue_oben{
    position			: absolute;				
    top				: 77px; 				/* Abstand zum oberen Fensterrand */
    left			: 232px;				/* Abstand zum linken Fensterrand */
    width			: 740px; 				/* Abstand zum rechten Fensterrand */
    height			: 29px;				/* Blockhöhe */
    background-color		: #FFFFFF;			/* Hintergrund */
    border-left			: 1px solid #00A271;		/* Ränder festlegen*/
    border-right		: 1px solid #00A271;		/* Ränder festlegen*/
    border-bottom		: 2px solid #00A271;		/* Ränder festlegen*/
    font-family			: verdana;			/*  Schriftart*/
    z-index			: 5;
}

#logo_abw{
    position			: absolute;
    top				: 82px;       			/* Abstand zum oberen Fensterrand */
    left			: 25px;        			/* Abstand zum linken Fensterrand */
    z-index			: 6;
}

hr{
    position			: absolute;
    top				: 74px;       			/* Abstand zum oberen Fensterrand */
    left			: 0;        			/* Abstand zum linken Fensterrand */
    width			: 1024px; 			/* Abstand zum rechten Fensterrand */
    height			: 1px;				/* Blockhöhe */
    color			: #00A271;			/* Hintergrund */
    background-color		: #00A271;			/* Hintergrund */
    z-index			: 7;
}

/* Textbox Links - 1. und 2. Menue-Ebene */
#links {
    position			: absolute;
    top				: 106px;       			/* Abstand zum oberen Fensterrand */
    left			: 0;        			/* Abstand zum linken Fensterrand */
    bottom			: 0;        			/* Abstand zum unteren Fensterrand */
    width			: 199px;        			/* Blockbreite */
    padding			: 0;        			/* Interpretation Boxmodell! */
    overflow-y			: auto;        			/* Scrollbalken, falls notwendig */
    overflow-x			: hidden;        			/* Scrollbalken, falls notwendig */
    font-family			: verdana;			/*  Schriftart	*/
    background-image		: url('../images/bg-navi.jpg');	/* Hintergrund */
    background-repeat		: repeat-x;    			/* Hintergrund  horizontal wiederholen */
    font-family 		: "Arial Narrow";
    font-weight 		: normal;
    border-top			: 1px solid #00A271;		/* Ränder festlegen*/
    border-right		: 1px solid #00A271;
    padding-top			: 0px;        			/* Interpretation Boxmodell! */
    padding-right		: 0px;        			/* Interpretation Boxmodell! */
    z-index			: 4;

    /* Scrollbalken definieren */
    scrollbar-3dlight-color	: #00A271;
    scrollbar-arrow-color 	: #00A271;
    scrollbar-face-color       	: #9DD2C4;
    scrollbar-track-color   	: #FFFFFF;
    scrollbar-darkshadow-color	: #00A271;
    scrollbar-highlight-color	: #FFFFFF;
    scrollbar-shadow-color	: #9DD2C4;

}

/*Textbox Links Menue-Definition links*/
#menu_li{
    position			: absolute;
    left			: 25px;	        			/* Abstand zum linken Fensterrand */
    top				: 42px;        			/* Abstand zum oberen Fensterrand */
    width			: 174px;        			/* Blockbreite */
    text-align			: right;        			/* Textausrichtung */
    font-weight			: normal;        			/* schriftschnitt */
}

.facebook{
    position			: absolute;
    left			: 0px;	        			/* Abstand zum linken Fensterrand */
    bottom 			: 35px;        			/* Abstand zum oberen Fensterrand */
    width			: 30px;        			/* Blockbreite */
    text-align			: left;        			/* Textausrichtung */
    vertical-align		: middle; 
    font-family			: lucida grande,tahoma,verdana,arial,sans-serif; 
    font-size			: 11px; 
    font-variant		: normal; 
    font-style			: normal; 
    font-weight			: normal; 
    color			: #3B5998; 
    text-decoration		: none;

}

.facebook a{
    font-size			: 8px;
    text-align			: left;        			/* Textausrichtung */
    vertical-align		: middle; 
}


.twitter{
    position			: absolute;
    left			: 0px;	        			/* Abstand zum linken Fensterrand */
    bottom 			: 0px;        			/* Abstand zum oberen Fensterrand */
    width			: 174px;        			/* Blockbreite */
    text-align			: left;        			/* Textausrichtung */
    vertical-align		: middle; 
    font-family			: lucida grande,tahoma,verdana,arial,sans-serif; 
    font-size			: 11px; 
    font-variant		: normal; 
    font-style			: normal; 
    font-weight			: normal; 
    color			: #3B5998; 
    text-decoration		: none;

}





/* Textbox Rechts - Schriftzug*/
#rechts{
    position			: absolute;
    top				: 106px;	        			/* Abstand zum oberen Fensterrand */
    bottom			: 0px;        			/* Abstand zum unteren Fensterrand */
    left			: 973px;        			/* Abstand zum rechten Fensterrand */
    width			: 30px;        			/* Blockbreite */
    border-left			: 1px solid #00A271;		/* Ränder festlegen*/
    border-top			: 2px solid #00A271;		/* Ränder festlegen*/
    border-right		: 1px solid #00A271;		/* Ränder festlegen*/
    background-image		: url('../images/slogan.gif');	/* Hintergrundbild */
    background-color		: #FFFFFF;			/* Hintergrundfarbe */
    background-repeat		: no-repeat;			/* Hintergrund wiederholen */
    background-position		: center center;			/* Hintergrund textausrichtung*/    
    z-index			: 6;

}

/* Textbox Rechts - rechte obere Linie im Banner */
#rechts_2{
    position			: absolute;
    top				: 0px;	        			/* Abstand zum oberen Fensterrand */
    left				: 1004px;        			/* Abstand zum rechten Fensterrand */
    width				: 18px;        			/* Blockbreite */
    height 			: 106px;        			/* Blockhöhe */
    border-left			: 1px solid #00A271;		/* Ränder festlegen*/
    border-right			: 1px solid #00A271;

}


/*Menuedefinition rechts*/
#menu_re{
    position			: absolute;
    left				: 16px;	        			/* Abstand zum linken Fensterrand */
    top				: 80px;	        			/* Abstand zum oberen Fensterrand */
    width				: 176px;        			/* Blockbreite */
    text-align			: left;       			/* Textausrichtung */
    font-weight			: bold;        			/* schriftschnitt */
}


/*Menuedefinition oben*/
div.menu_ob{
    position			: absolute;
    left				: 0px;	        			/* Abstand zum linken Fensterrand */
    top				: 6px;	        			/* Abstand zum oberen Fensterrand */
    height			: 23px;				/* Blockhöhe */
    width				: 740px;        			/* Blockbreite */
    text-align			: left;       			/* Textausrichtung */
    font-weight			: bold;        			/* schriftschnitt */
    z-index			: 7;
}

/*Untermenue definition*/
div.unter_menu{
    position		: absolute;
}

/* Textdefinitionen*/

/* normaler Text*/
p{
    position			: relative;
    font-size			: 16px;        			/* schriftgöße */
    font-family			: "Arial Narrow";        		/* schriftart */
    color 			: #565249        			/* schriftfarbe */
    left 				: 20px;        			/* Abstand links*/
    padding-top			: 0px;       			/* Abstand vom oberen Rand*/
}

/* Hauptüberschrift*/
h1{
    font-family			: "Arial Narrow";  		/* schriftart */
    font-size			: 20px;        			/* schriftgröße */
    font-weight			: bold;        			/* schriftstil */
    color				: #00A271;        			/* schriftfarbe */
    padding-top			: 10px;       			/* Abstand vom oberen Rand*/
    padding-bottom			: 0px;       			/* Abstand vom oberen Rand*/    
}

/*Überschrift Untertitel*/
h2{
    font-family			: "Arial Narrow";  		/* schriftart */
    font-size			: 18px;        			/* schriftgröße */
    font-weight			: bold;        			/* schriftstil */
    color				: #00A271;       			/* schriftfarbe */
    padding-top			: 10px;       			/* Abstand vom oberen Rand*/
    padding-bottom			: 0px;       			/* Abstand vom unteren Rand*/
}

/*Überschrift Untertitel*/
h3{
    font-family			: "Arial Narrow";  		/* schriftart */
    font-size			: 16px;        			/* schriftgröße */
    font-weight			: bold;        			/* schriftstil */
    color				: #00A271;       			/* schriftfarbe */
    padding-top			: 10px;       			/* Abstand vom oberen Rand*/
    padding-bottom			: 0px;       			/* Abstand vom unteren Rand*/
}

/* Text-Links definieren*/
a:link {
    font-family			: "Arial Narrow";
    font-size			: 16px;
    text-decoration      		: none; 
    font-weight      		: normal;
    color                	         : #00A271;
 }

a:visited {
   font-family			: "Arial Narrow";
    font-size			: 16px;
    text-decoration  		: none; 
    font-weight           		: normal;
    color            		: #9DD2C4;
}
a:hover {
    font-family			: "Arial Narrow";
    font-size			: 16px;
    text-decoration         	: none; 
    font-weight             	: bold;
    color             		: #00A271;
}



/* Tabellenlayout bearbeiten*/ 

/*allgemeine Tabellendefinition*/
table{
    font-family		: verdana;        			/* schriftart */
    font-size		: 12px;        			/* schriftgröße */
    color			: #000000;        			/* schriftfarbe */
    margin		: 0 0 0 0;        			/* Textabstand */
    vertical-align		: top;        			/* vertikale Tabellenausrichtung*/
}

/*Tabellenkopf*/
th{
    font-family		: verdana;        			/* schriftart */
    font-weight		: bold;        			/* schriftgrad */
    font-size		: 12px;        			/* schriftgröße */
}

.tab_rahmen{
    font-family		: verdana;        			/* schriftart */
    font-size		: 12px;        			/* schriftgröße */
    vertical-align		: middle;        			/* vertikale Tabellenausrichtung*/
    color			: #333333;        			/* schriftfarbe */
}

/* 1.Reihe */
td{
    padding-top		: 0px;       			/* Abstand vom oberen Rand*/
    padding-left		: 1px;       			/* Abstand vom linken Rand*/
    padding-bottom		: 6px;       			/* Abstand vom unteren Rand*/
    padding-right		: 1px;       			/* Abstand vom rechten Rand*/
}



/* Überschreiben der Tabellen-Definition aus Typo3*/

/* Tabellen-Layout 3*/
.contenttable{
    font-family		: verdana;        			/* schriftart */
    font-size		: 12px;        			/* schriftgröße */
    margin-left		: 20px;       			/* Textabstand vom linker Rand*/
    margin-top		: 30px;       			/* Textabbstand vom oberen Rand*/
    text-align		: center;       			/* Textausrichtung*/
}

.contenttable-1{
    font-size		: 12px;        			/* schriftart */
    color			: #000000;        			/* schriftfarbe */
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
    text-align		: center;       			/* Textausrichtung*/
    border		: 0px solid #000000;       		/* Rand */
}

.contenttable-2{
    font-size		: 12px;        			/* schriftart */
    color			: #000000;        			/* schriftfarbe */
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
    text-align		: left;       			/* Textausrichtung*/
    border		: 0px solid #000000;       		/* Rand */
    border-collapse	: collapse;      	 		/* Randgestaltung */ 
}

.contenttable-3{
    font-size		: 18px;        			/* schriftart */
    color			: #000000;        			/* schriftfarbe */
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
    text-align		: left;       			/* Textausrichtung*/
    border		: 0px solid #000000;       		/* Rand */
}

/* gerade Reihe */
.tr-even{
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
}

/* ungerade Reihe */
.tr-odd
{
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
}

/* 1.Reihe */
.tr-0{
    font-weight		: bold;
    color			: #CDCDCD;
}

/* letzte Reihe */
.tr-last{
}

/*erste Spalte*/
.td-0{
    text-align		: left;
}

/*letzte Spalte*/
.td-last{
}


/* Formatierung Mailformular*/
/* Klasse für Beschriftungen*/
.csc-form-labelcell{
    vertical-align		: top;
    text-align		: left;
    margin		: 0 0 0 0;

}

/* Mailform definieren */
#mailform{
    position 		: absolute;
    padding-left 		: 15px;       			/* Abstand vom linken Rand */
    padding-right 		: 15px;       			/* Abstand vom rechten Rand */
}

/* Mailformbox */
.csc-mailform{
    border        		: 0px;       			/* Rahmen*/
    height		: 335px;       			/* Blockbreite */
}

/* Mailformfelder */
.csc-mailform-field{
    position		: relative;
    left			: 10px;
    width			: 180px;        			/* Blockbreite */

}

DIV.field-name{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 5px;				/* Abstand vom oberen Rand */
}


#mailformname{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand */
    top 			: 0px;				/* Abstand vom oberen Rand */
    vertical-align		: top;       			/* vertikale Ausrichtung */
    width			: 300px;        			/* Blockbreite */
}

DIV.field-address{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 25px;				/* Abstand vom oberen Rand */
}

#mailformaddress{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand*/
    vertical-align		: top;       			/* vertikale Ausrichtung */
    width			: 300px;        			/* Blockbreite */
    height 		: 80px;				/* Höhe des Textfeldes */
    top 			: 0px;				/* Abstand vom oberen Rand */
}

DIV.field-email{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 113px;				/* Abstand vom oberen Rand */
}

#mailformemail{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand*/
    vertical-align		: top;       			/* vertikale Ausrichtung */
    width			: 300px;        			/* Blockbreite */
    top 			: 0px;				/* Abstand vom oberen Rand */
}

DIV.field-Telefon{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 133px;				/* Abstand vom oberen Rand */
}

#mailformTelefon{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand*/
    vertical-align		: top;       			/* vertikale Ausrichtung */
    width			: 300px;        			/* Blockbreite */
    top 			: 0px;				/* Abstand vom oberen Rand */
}

DIV.field-Betreff{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 153px;				/* Abstand vom oberen Rand */
}

#mailformBetreff{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand*/
    vertical-align		: top;       			/* vertikale Ausrichtung */
    width			: 300px;        			/* Blockbreite */
    top 			: 0px;				/* Abstand vom oberen Rand */
}

DIV.field-Ihre_Nachricht_fr_uns{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 173px;				/* Abstand vom oberen Rand */
    width			: 180px;        			/* Blockbreite */
}

#mailformIhre_Nachricht_fr_uns{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand*/
    top 			: 0px;				/* Abstand vom oberen Rand */
    vertical-align		: top;       			/* vertikale Ausrichtung */
    width			: 300px;        			/* Blockbreite */
    height 		: 80px;				/* Höhe des Textfeldes */
}

DIV.field-tv{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 260px;				/* Abstand vom oberen Rand */
    width			: 180px;        			/* Blockbreite */
}

#mailformtv{
    position 		: absolute;
    left 			: 197px;       			/* Abstand vom linken Rand*/
    top 			: 0px;				/* Abstand vom oberen Rand */
    vertical-align		: top;       			/* vertikale Ausrichtung */
}

DIV.field-formtype_mail{
    position 		: absolute;
    left 			: 25px;       			/* Abstand vom linken Rand*/
    top 			: 283px;				/* Abstand vom oberen Rand */
    width			: 180px;        			/* Blockbreite */
}

#mailformformtype_mail{
    position 		: absolute;
    left 			: 200px;       			/* Abstand vom linken Rand*/
    top 			: 0px;				/* Abstand vom oberen Rand */
    vertical-align		: top;       			/* vertikale Ausrichtung */
}