/* ***************************************************************
   ================== Inhaltsverzeichnis =========================

I. GLOBALE FORMATE	body, font, font-size, line-hight, links
II. GEMEINSAME FORMATE	padding
III. INHALTSELEMENTE
	OUTLINE-CONTAINER
	ELEMENTE (Zeilen 1 bis 4)
IV. SONDERFORMATE
	FORMULAR
	
=================================================================== 
******************************************************************* */

/* ============== I. GLOBALE FORMATE  ======================== */

body {
     margin: 0; padding: 5% 0 0 0;
     background-color: #595959;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     text-align: center; vertical-align: middle;
     font-size: 7.5pt; color: #fff;
}

/* ========= FONT  ======== */
bodytext, H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #fff;
}

/* ========= FONT-SIZE  ======== */
bodytext {
     font-size: 7.5pt;
}
/* -------- MENU_1 LEVEL 1 -------- */	
ul#menu_1 li.menu1-level1-no, ul#menu_1 li.menu1-level1-act, ul#menu_1 li.menu1-level1-spc {
	font-size: 8pt; }

/* -------- MENU_1 LEVEL 2 u. 3 u. FORMULAR: SUBMIT --------- */
ul#menu_1 li.menu1-level2-no, ul#menu_1 li.menu1-level2-act, ul#menu_1 li.menu1-level2-spc,
ul#menu_1 li.menu1-level3-no, ul#menu_1 li.menu1-level3-act, ul#menu_1 li.menu1-level3-spc, {
	font-size: 7.5pt; }

/* -------- HEADER (BODYTEXT, PAGE-HEADER -------- */
 h1, H1.csc-firstHeader { font-size: 8pt; margin: 0 0 1.2em 0; }
 h2, H2.csc-firstHeader { font-size: 8pt; margin: 0 0 1.2em 0; }
 h3, H3.csc-firstHeader { font-size: 7pt; margin: 0 0 1.2em 0; }
 h4, H4.csc-firstHeader { font-size: 7pt; margin: 0 0 1.2em 0; }
 h5, H5.csc-firstHeader { font-size: 7pt; margin: 0 0 1.2em 0; }
 h6, H6.csc-firstHeader { font-size: 7pt; margin: 0 0 1.2em 0; }

/* ======== LINE-HEIGHT ======= */
p, span { line-height:1.2em;  margin: 0 0 0.5em 0; }

/* ======== LINKS ========= */
/* + siehe: MENÜ-LINKFORMATE */
div a, p a, span a, div a:hover, p a:hover, span a:hover {
	text-decoration: none; color: #fff; }
a img, a:hover img {
	text-decoration: none; border: 0;}

/* ======= FARBEN ======== */
/* siehe: Page TSConfig */
 
 
/* ============== II. GEMEINSAME FORMATE  ======================== */

div#leftT, div#leftM, div#leftM_flex, div#cont_oTitel, div#borderL, div#borderL_flex, div#borderR, div#borderM
{ padding: 0; }

div#right, div#right_flex, div#cont, div#cont_flex, div#cont_oTitel div div p, div#borderL p
{ padding: 16px 8px 4px 12px; }

div#menu_1, div#menu_1_flex
{ padding: 13px 8px 4px 12px; }

/* ============== III. INHALTSELEMENTE  ======================== */

/* ======= OUTLINE-CONTAINER ======== */
div#korrektur {
        width: 1000px;   /*  hebt Zentrierung aus body wieder auf  */
        margin: auto; padding: 0px;
        text-align: left; vertical-align: top;
        background-color:#999;
}


div#line_1 {
	margin: 0 0 0 100px; padding:0px;
        border-bottom: solid 1px #fff;
       	border-left: solid 1px #fff;
}
  /* IE: 3 pixel text-jog */
  * html div#line_1 { 
    display: inline;
    dis/play: ;
    border-bottom: 0;
    bo/rder-botto/m: solid 1px #fff;
    border-left: 0;
    bo/rder-lef/t: solid 1px #fff;
  }

div#line_2 {
       	margin: 0 0 0 100px; padding:0px; 
       	height: 350px;
        border-bottom: solid 1px #fff;
       	border-left: solid 1px #fff;
}
  /* IE: 3 pixel text-jog */
  * html div#line_2 {
    margin: 0 0 0 97px;
    margi/n: 0 0 0 100px;	
    border-bottom: 0;
    bo/rder-bot/tom: solid 1px #fff;
  }
  
div#line_2_flex {
       	margin: 0 0 0 100px; padding:0px;
       	border-left: solid 1px #fff;
}

  
div#line_3_flex {
	clear: left;	
	margin:0; padding: 0;
	border-top: solid 1px #fff;
 }
  /* IE: 3 pixel text-jog */
  * html div#line_3_flex {
    display: inline;
    dis/play: ; 
    border-top: 0;
    bo/rder-t/op: solid 1px #fff;
  }

/* ================ ELEMENTE ================================================ */

/* *************** 1. ZEILE ***************************************** */

/* ====== LEFT-TOP ========================================= */
/* + siehe: GEMEINSAME FORMATE */
div#leftT {
        float:left;
        width: 100px; height: 99px;
        margin: 0;
        border-bottom: solid 1px #fff;                       
}

  * html div#leftT {
    width: 101px;  /* IE: Quirks-Modus (Box-Model-Fehler) */
    w/idth: 100px;
    margin: 0 0 -3px 0;   /* IE: 3 pixel text-jog */
    margi/n: 0;
    overflow: hidden;
    o/verflow: ;
    border-right: solid 1px #fff;  
    bo/rder-r/ight: 0;
    border-bottom: 0;
    bor/der-bot/tom: solid 1px #fff;
  }


/* ======= TOPPIC-LEFT ========================================== */
div#toppicL {
        float:left;
        width: 173px; height: 99px;
        margin: 0px; padding:0px;        
        background-image: url(../res/images/toppicL.jpg);
        background-repeat: no-repeat;
        }
  /* IE: 3 pixel text-jog */
  * html div#toppicL {
    margin: 0 -3px 0 0;
    margi/n: 0;
    overflow: hidden;
    o/verflow: ;
  }
        
/* ====== TOPPIC-RIGHT =========================================== */
div#toppicR {
        float:right;
        width: 152px; height: 99px;
        margin: 0px; padding:0px;
        }
  /* IE: 3 pixel text-jog */
  * html div#toppicR {
    margin: 0 0 -3px -3px;
    margi/n: 0;
    overflow: hidden;
    o/verflow: ;
  }

/* ======= TOPPIC-MIDDLE ======================================== */
div#toppicM {
        margin: 0 152px 0 173px; padding:0px;
        width: 572px; height: 99px;
        background-image: url(../res/images/toppicM.jpg);
        background-repeat: no-repeat;
        border-right: solid 1px #fff;
        border-left: solid 1px #fff;
        }
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#toppicM {
    margin: 0 149px 0 170px;
    margi/n: 0 152px 0 173px;    
    width:574px; 
    w/idth:572px; 
  }

/* *************** 2. Zeile ******************************************** */

/* ====== LEFT-MIDDLE ============================================= */
/* + siehe: GEMEINSAME FORMATE */
div#leftM {
        clear: left; float: left;
        width: 100px; height: 350px;
        margin: 0;   
        border-bottom: solid 1px #fff;
}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#leftM {
    height:351px;
    heigh/t:350px;
    margin: 0 -3px 0 0;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
    border-bottom: 0;
    bo/rder-bot/tom: solid 1px #fff;
    overflow: hidden;
    o/verflow: ;
  }

/* -------- LEFT-MIDDLE fÜr template mit flexibler Höhe  */
div#leftM_flex {
        clear: left; float:left;
        width: 100px;
        margin: 0;
}
  /* IE: 3 pixel text-jog */
  * html div#leftM_flex {
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
    overflow: hidden;
    o/verflow: ;
  }

/* ========= MENU_1 ALLGEMEIN ======================================== */
/* + siehe: GEMEINSAME FORMATE */
div#menu_1 {         
        float:left;
        width: 153px; height: 333px;
        margin: 0px;
        }
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#menu_1 {
    width:173px;
    w/idth:153px;
    height:351px;
    heigh/t:333px;
    margin: 0 -3px 0 0;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
  }
/* ------ MENU_1 ALLGEMEIN fÜr template mit flexibler Höhe  */
div#menu_1_flex {
        float:left;
        width: 153px;
        margin: 0px;
        background-color:#999;
        }
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#menu_1_flex {
    width:173px;
    w/idth:153px;
    margin: 0 -3px 0 0;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
  }
  
/* ====== MENÜ-LISTE ====== */
ul#menu_1 {
	margin:0; padding:0;
}

ul#menu_1 li {     
    	list-style:none;
    	margin:0; padding:0;
  }  
  
/* ======= MENÜ-LINKFORMATE ====== */

/* ----- a, a:hover ALLGEMEIN ------- */
ul#menu_1 a {
        color: #DFDFDF;
        text-decoration: none;
}
ul#menu_1 a:hover {
        color: #fff;
        text-decoration: none;
}
/* ----- a (ACT) LEVEL 1,2,3 ------- */
ul#menu_1 li.menu1-level1-act a, ul#menu_1 li.menu1-level2-act a, ul#menu_1 li.menu1-level3-act a {
  color: #fff;
}


/* ======== LEVEL-EIGENSCHAFTEN ======== */
/* + siehe: GLOBALE FORMATE: FONT-SIZE */

/* ---- LEVEL 1 ----- */
/* Eigenschaften Menü 1 Level 1  Normal(NO), Aktiv (ACT), spacer (SPC) */
ul#menu_1 li.menu1-level1-no, ul#menu_1 li.menu1-level1-act, ul#menu_1 li.menu1-level1-spc {
  font-weight:bold;
  padding-top: 5px;
}

/* ---- LEVEL 2 ----- */
/* Eigenschaften Menü_1 Level 2  Normal (NO), Aktiv (ACT), spacer (SPC) */
ul#menu_1 li.menu1-level2-no, ul#menu_1 li.menu1-level2-act, ul#menu_1 li.menu1-level2-spc {
  padding-left:10px;
  padding-top:2px;
}
/* Eigenschaften Menü_1 Level 2  Aktiv (ACT) */
ul#menu_1 li.menu1-level2-act {
  font-weight:bold;
}

/* ----- LEVEL 3 ----- */
/* Eigenschaften Menü_1 Level 3  Normal (NO), Aktiv (ACT), spacer (SPC) */
ul#menu_1 li.menu1-level3-no, ul#menu_1 li.menu1-level3-act, ul#menu_1 li.menu1-level3-spc {
  padding-left:20px;
  padding-top:2px;
}
/* Eigenschaften Menü_1 Level 3  Aktiv (ACT) */
ul#menu_1 li.menu1-level3-act {
  font-weight:bold;
}


/* ======== RIGHT ==================================================== */
/* + siehe: GEMEINSAME FORMATE */
div#right {
        float: right;
        width: 132px; height: 330px;
        margin: 0;
        }
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#right{
    width:152px;
    w/idth:132px;
    height:351px;
    heigh/t:330px;
    margin: 0 0 0 -3pxpx;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
    overflow: hidden;
    o/verflow: ;        
  }

/* --------- RIGHT für template mit flexibler Höhe  */
div#right_flex {
        float: right;
        width: 132px;
        margin: 0;
        }
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#right_flex{
    width:152px;
    w/idth:132px;
    margin: 0 0 0 -3px;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
    overflow: hidden;
    o/verflow: ;     
  }
  
div#right a, div#right_flex a { color:#ffffff; text-decoration:none; }
div#right a:visited, div#right_fex a:visited { color:#ffffff; text-decoration:none; }


/* ========== CONT (Content/Mitte) =================================== */
/* + siehe: GEMEINSAME FORMATE */
div#cont {
        margin:0 152px 0 173px;
        width: 552px; height: 330px;        
        border-right: solid 1px #fff;
        border-left: solid 1px #fff; 
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#cont {
    margin: 0 149px 0 170px;
    margi/n: 0 152px 0 173px;
    width:auto;
    w/idth:552px;
    height:351px;
    heigh/t:330px;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
  }

/* --------- CONT (Content/Mitte) für template ohne page-title  */
div#cont_oTitel {
        margin:0 152px 0 173px; padding:0;
        width: 572px; height: 350px;
        overflow: hidden;            
        border-right: solid 1px #fff;
        border-left: solid 1px #fff; 
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#cont_oTitel {
    margin: 0 149px 0 170px;
    margi/n: 0 152px 0 173px;
    width:auto;
    w/idth:572px;
    height:351px;
    heigh/t:330px;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
  }
    
/* --------- CONT (Content/Mitte) für template mit flexibler Höhe  */
div#cont_flex {
        margin:0 152px 0 173px;
        width: 552px;
        border-right: solid 1px #fff;
        border-left: solid 1px #fff;
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#cont_flex {
    margin: 0 149px 0 170px;
    margi/n: 0 152px 0 173px;
    width:574px;
    w/idth:552px;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
      }
    
div#cont a, div#cont_flex a { color:#ffffff; text-decoration:none; }
div#cont a:visited, div#cont_flex a:visited { color: #ffffff; text-decoration: none; }



/* *************** 3. Zeile ********************** */

/* ========= BORDER-LEFT ========= */
/* + siehe: GEMEINSAME FORMATE */

div#borderL { 
	clear:left;
         float: left;
         width: 274px; height: 99px;
         overflow: hidden;
         margin: 0;
         background-image: url(uploads/media/|);
         background-repeat: no-repeat;
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#borderL {
    width:274px;
    w/idth:274px;
    height:100px;
    heigh/t:99px;
    margin: 0 -3px -3px 0;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0; 
  }
/* --------- BORDER-LEFT für template mit flexibler Höhe  */  
div#borderL_flex { 
         float: left;
         width: 274px; height: 99px;
         margin: 0;
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#borderL_flex {
    width:274px;
    w/idth:274px;
    height:100px;
    heigh/t:99px;
    margin: 0 -3px -3px 0;
    margi/n: 0; 
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
  }
div#borderL a, div#borderL_flex a { color:#ffffff; text-decoration:none; }
div#borderL a:visited, div#borderL_flex a:visited { color:#ffffff; text-decoration:none; }


/* ======== BORDER-RIGHT ======== */
/* + siehe: GEMEINSAME FORMATE */
div#borderR {
        float: right;
        width: 152px; height: 99px;
        margin: 0;
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#borderR {
    height:100px;
    heigh/t:99px;
    margin: 0 0 -3px -3px;
    margi/n: 0;
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
    overflow: hidden;
    o/verflow: ;        
  }

/* ====== BORDER-MIDDLE ====== */
/* + siehe: GEMEINSAME FORMATE */
div#borderM {
         margin: 0 152px 0 274px;
         width: 572px; height: 99px;  
         border-right: solid 1px #fff;
         border-left: solid 1px #fff;
	}
  /* IE: Quirks-Modus (Box-Model-Fehler) */
  /* IE: 3 pixel text-jog */
  * html div#borderM {
    margin: 0 149px -3px 271px;
    margi/n: 0 152px 0 274px;
    width:574px;
    w/idth:572px;
    height:100px;
    heigh/t:99px;
    overflow:hidden; 
    o/verflow:hidden; 
    border-top: solid 1px #fff;
    bo/rder-t/op: 0;
  }
  

/* *************** 4. Zeile ********************** */

/* ======= FOOTER ====== */
div#footer P {
        float: none;
	background-color:#595959;
	text-align: center;
        color: #7A7A7A;
        font-size: 10px;
        margin:0; padding: 12px 0 7px 0;
	}
div#footer a { color:#7A7A7A; text-decoration:none; }
div#footer a:visited { color:#7A7A7A; text-decoration:none; }


/* ============== IV. SONDERFORMATE  ======================== */


/* ====== FORMULAR ======= */

/* ---- scrollbar ---- */
body, html, textarea, .mf-text {
     scrollbar-base-color: #999;
     scrollbar-arrow-color: #6c6c6c;
     scrollbar-face-color: #999; 
     scrollbar-highlight-color: #9c9c9c;
     scrollbar-shadow-color: #6c6c6c;
     scrollbar-3dlight-color: #aaa;
     scrollbar-darkshadow-color: #595959;
     scrollbar-track-color: #9c9c9c;
     scrolling: auto; 
}

/* ---- Feldüberschriften ---- */
label {
	display: block;
	border: 0;
	font-weight: bold;
	padding: 4px 0 1px 3px; margin: 0;
	}
	
/* ---- AUSSENFORMAT ---- */	
fieldset {
	border: 0;
	padding: 0; margin: 0;
	}
		
/* ---- FORMULAR-FELDER, NACHRICHT-FELD, SEND BUTTON ----- */
.mf-input, .mf-textarea, .mf-submit {
	width: 184px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; color: #fff;
	background-color:#999;	
	border-top:solid 1px #6c6c6c;
	border-right:solid 2px #9c9c9c;
	border-bottom:solid 2px #9c9c9c;
	border-left:solid 1px #6c6c6c;
	}

/* ---- SEND BUTTON ---- */
/* + siehe: GLOBALE FORMATE: FONT-SIZE */
.mf-submit {
	margin-top:6px;
	font-size: 7.5pt; font-weight: bold;
	border-top:solid 2px #9c9c9c;
	border-right:solid 1px #6c6c6c;
	border-bottom:solid 1px #6c6c6c;
	border-left:solid 2px #9c9c9c;
}