/* 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				: 200px;        			/* Abstand zum linken Fensterrand */
    bottom			: 0px;       			/* Abstand zum unteren Fensterrand */
    width				: 759px;        			/* 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! */
    z-index			: 3;
    border-right			: 1px solid #00A271;		/* Ränder festlegen*/
    
    /* 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 */
    width				: 1024px;        			/* Abstand zum rechten Fensterrand */
    height			: 75px;        			/* Blockhöhe */
    padding			: 0;        			/* Interpretation Boxmodell! */
    overflow			: hidden;    			/* Scrollbalken unterbinden */
    border-right			: 1px solid #00A271;		/* Ränder festlegen*/
}

/* Textbox Oben Links - Logo */
#links_oben{
    position			: absolute; 
    top				: 68px; 				/* Abstand zum oberen Fensterrand */
    left				: 0px;				/* Abstand zum linken Fensterrand */
    height			: 40px; 				/* Blockhöhe */
    width				: 1024px;				/* Abstand zum rechten Fensterrand */
    background-image		: url('../images/oben.jpg');	/* Hintergrund */
    background-repeat		: repeat-x;    			/* Hintergrund  horizontal wiederholen */
    border-right			: 1px solid #00A271;		/* Ränder festlegen*/
    
}

/* Textbox Menue Oben - 3.Menue-Ebene */
#menue_oben{
    position			: absolute;				
    top				: 77px; 				/* Abstand zum oberen Fensterrand */
    left				: 199px;				/* Abstand zum linken Fensterrand */
    width				: 800px; 				/* Abstand zum rechten Fensterrand */
    height			: 29px;				/* Blockhöhe */
    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;
}

/* Textbox Links - 1. und 2. Menue-Ebene */
#links {
    position			: absolute;
    top				: 121px;       			/* Abstand zum oberen Fensterrand */
    left				: 0;        			/* Abstand zum linken Fensterrand */
    bottom			: 0;        			/* Abstand zum unteren Fensterrand */
    width				: 199px;        			/* Blockbreite */
    padding			: 0;        			/* Interpretation Boxmodell! */
    overflow			: hidden;        			/* Scrollbalken, falls notwendig */
    font-family			: verdana;			/*  Schriftart	*/
    background-image		: url('../images/links.gif');	/* Hintergrund */
    background-repeat		: repeat;    			/* Hintergrund  horizontal wiederholen */
    font-family 			: "Arial Narrow";
    font-weight 			: normal;
    border-right			: 1px solid #00A271;
    padding-top			: 0px;        			/* Interpretation Boxmodell! */
    padding-right			: 0px;        			/* Interpretation Boxmodell! */
    z-index			: 4;
}

/*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 */
    z-index			: 5;
}

/*Menuedefinition oben*/
div.menu_ob{
    position			: absolute;
    left				: 20px;	        			/* Abstand zum linken Fensterrand */
    top				: 2px;	        			/* Abstand zum oberen Fensterrand */
    height			: 27px;				/* Blockhöhe */
    width				: 800px;        			/* Blockbreite */
    text-align			: left;       			/* Textausrichtung */
    font-weight			: bold;        			/* schriftschnitt */
}

/*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*/
}




/* 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*/
}


/* gerade Reihe */
.tr-even{
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
}

/* ungerade Reihe */
.tr-odd
{
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
}


/* letzte Reihe */
.tr-last{
}

/*erste Spalte*/
.td-0{
    text-align		: left;
}

/*letzte Spalte*/
.td-last{
}



/* Ü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 */
}


/* 1.Reihe */
.contenttable-1 tr.tr-0{
    font-weight		: bold;
}

.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 */ 
}

/* 1.Reihe */
.contenttable-2 tr.tr-0 { 
     font-size		: 12px;
} 

.contenttable-3{
    font-size		: 18px;        			/* schriftart */
    color			: #000000;        			/* schriftfarbe */
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
    text-align		: left;       			/* Textausrichtung*/
    border		: 0px solid #000000;       		/* Rand */
}

.contenttable-4{
    font-size		: 18px;        			/* schriftart */
    color			: #000000;        			/* schriftfarbe */
    vertical-align		: top;       			/* vertikale Tabellenausrichtung*/
    text-align		: left;       			/* Textausrichtung*/
    border		: 0px solid #000000;       		/* Rand */
}

/* 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 */
}

