/*************************************************************
     Stile und Positionierung für Menüs und Seitenlayout

     Layout 2 / frameless                           v3.0

                                     (c)  2007 dienst-iT
                                        www.dienst-iT.de
*************************************************************/


/************************************************************
 *             P O S I T I O N I E R U N G                  *
 ************************************************************/
              


/*************************************************************
 Body
*************************************************************/

body { margin:0; padding:0; border:0px none white;}


/*************************************************************
 Logo und Bildleiste
*************************************************************/

#logo { position:absolute; top:0px; left:0px; z-index:30;}
#ibar { position:absolute; top:0px; left:0px; z-index:30;}

/************************************************************
 Hauptmenü (oben)
*************************************************************/

#mt0 { position:absolute; top:164px; left:225px; width:080px; text-align:center; z-index:20;}
#mt1 { position:absolute; top:164px; left:332px; width:115px; text-align:center; z-index:20;}
#mt2 { position:absolute; top:164px; left:460px; width:095px; text-align:center; z-index:20;}
#mt3 { position:absolute; top:164px; left:560px; width:115px; text-align:center; z-index:20;}
#mt4 { position:absolute; top:164px; left:677px; width:115px; text-align:center; z-index:20;}
#mt5 { position:absolute; top:164px; left:807px; width:090px; text-align:center; z-index:20;}
#mt6 { position:absolute; top:164px; left:905px; width:100px; text-align:center; z-index:20;}
#mt7 { position:absolute; top:164px; left:1010px; width:080px; text-align:center; z-index:20;}
#mt8 { position:absolute; top:164px; left:1040px; width:080px; text-align:center; z-index:20;}


a:hover.mmain {
	text-decoration: none;
	}

/* Fließleiste */
.flowtop {
	margin:0; padding:0; font-size:1px; 
	border-width:1px; border-style:solid;
	z-index:10;
	}

/* Fließleisten-Ecke f0 */
/* (Stil #f0 ist etwas komplizierter, um alle Browser zu befriedigen ...) */
#f0 {	position:absolute; top:183px; left:000px; width:222px; height:10px;}
@media all { #f0 { voice-family: "\"}\""; voice-family:inherit;
	position:absolute; top:183px; left:000px; width:220px; height:10px;} }
html>body #f0 { position:absolute; top:183px; left:000px; width:220px; height:10px;}

/* obere Fließleiste */
#ft0 { position:absolute; top:183px; left:222px; width:086px; height:10px;}
#ft1 { position:absolute; top:183px; left:308px; width:127px; height:10px;}
#ft2 { position:absolute; top:183px; left:435px; width:109px; height:10px;}
#ft3 { position:absolute; top:183px; left:544px; width:111px; height:10px;}
#ft4 { position:absolute; top:183px; left:655px; width:118px; height:10px;}
#ft5 { position:absolute; top:183px; left:773px; width:127px; height:10px;}
#ft6 { position:absolute; top:183px; left:900px; width:105px; height:10px;}
#ft7 { position:absolute; top:183px; left:1005px; width:080px; height:10px;}
#ft8 { position:absolute; top:183px; left:1085px; width:080px; height:10px;}



/************************************************************
 Untermenüs (linksseitig)
*************************************************************/

/* Hintergrund */
#menuleft { 
	position:absolute; top:193px; left:000px; width:195px; height:300px;
	border-width:1px; border-style:solid;
	z-index:2;
	}
#menuleftA { 
	position:absolute; top:193px; left:000px; width:195px; height:300px;
	border-width:1px; border-style:solid;
	z-index:2;
	}

/* Fließleiste */
.flowleft {
	border-width:1px; border-style:solid;
	margin:0; padding:0; font-size:1px; 
	z-index:10;
	}

/* Positionierung */
#ml0 {position:absolute; top:233px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl0 {position:absolute; top:193px; height:65px; left:0px; width:20px;}

#ml1 {position:absolute; top:258px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl1 {position:absolute; top:258px; left:00px; width:020px; height:25px;}

#ml2 {position:absolute; top:283px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl2 {position:absolute; top:283px; left:00px; width:020px; height:25px;}

#ml3 {position:absolute; top:308px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl3 {position:absolute; top:308px; left:00px; width:020px; height:25px;}

#ml4 {position:absolute; top:333px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl4 {position:absolute; top:333px; left:00px; width:020px; height:25px;}

#ml5 {position:absolute; top:358px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl5 {position:absolute; top:358px; left:00px; width:020px; height:25px;}

#ml6 {position:absolute; top:383px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl6 {position:absolute; top:383px; left:00px; width:020px; height:25px;}

#ml7 {position:absolute; top:408px; left:25px; z-index:5; width:120px; height:25px; text-align:right;}
#fl7 {position:absolute; top:408px; left:00px; width:020px; height:25px;}

/************************************************************
 Copyright-Notiz
*************************************************************/

#copynote { 
	position:absolute; top:497px; left:020px; width:140px; height:20px;
	z-index:10;
	}


/*************************************************************
 Inhalt
*************************************************************/

#mainarea { 
	position:absolute; top:194px; left:222px; width:782px;
	z-index:1;
	margin:0; padding:0; border:0px none white;
	}
.content { 
	z-index:50;
	margin:0; padding:10px; 
	border-width:0px; border-style:solid;
	}



/************************************************************
 *               S T I L E                                  *
 ************************************************************/


  

/*************************************************************
 Hintergrundfarben
*************************************************************/

/* Layouts 1 .. 3: Body */
body { background-color:#ff7e00; }

/* Layouts 1, 2 (noframes): Inhaltsbereich */
.content {      background-color:#ffffff; border-color:#ffffff;}

/* Layouts 1, 2 (noframes): linksseitiges Menü (allg. / aktiv) */
#menuleft {     background-color:#dddddd; border-color:#999999;}
#menuleftA {    background-color:#dddddd; border-color:#ff0000;}

/* Layout 1: Hintergrund für Submenü (oben) */
#menutopA {
    border-color:#ff8888;
    background-color:#ff8888;
    layer-background-color:#ff8888;
    }

/* Layout 2 (frames) : Hintergrundfarben der Frames */
body.main {
    background-color:#F9F9F9;
    }
body.top {
	background-color:#ffffff;
	margin:0; padding:0; border-width:0;
	}
body.left {
	background-color:#cccccc;
	}
body.bottom {
	background-color:#cccccc;
	}

/* Layout 4 : Hintergrundfarben */
body.layout4 { background-color:#ddcccc; }
#vert-oben	 { background-color:#eecccc;}
#vert-haupt	 { background-color:#ddcccc;}
#inhalt      { background-color:#eedddd;}
#hauptmenue	 { background-color:#ffffff;}
   /* Kasten fuer die Submenues: */
#submenues	 { background-color:#ff0000;}
   /* Einzelnes Submenue (allg. / aktuelles): */
.submenue	 { background-color:#cccccc;}
.submenueA	 { background-color:#cccccc;}


/*************************************************************
 (Fließ-)Leisten (Layouts 1, 2)
*************************************************************/

/* obere (Fließ)leiste */
.flowtop {
	border-color:#ff7e00;
	background-color:#ff7e00;
	layer-background-color:#ff7e00;
	}

/* Layout 2: linke Fließleiste */
.flowleft {
	border-color:#ff7e00;
	background-color:#ff7e00;
	layer-background-color:#ff7e00;
	}


/************************************************************
 Schriften für Hauptmenü
*************************************************************/

/* allg. Menüpunkte */
a.mmain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal
	color: black;
	}
a:link.mmain {
	text-decoration: none;
	color: black;
	}
a:visited.mmain {
	text-decoration: none;
	color: #333333;
	}
a:hover.mmain {
	color: #ff7e00;
	}
a:active.mmain {
	text-decoration: none;
	color: #ff7e00;
	}

/* aktiver Menüpunkt */
a.mmainA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ff7e00;
	}
a:hover.mmainA {
    text-decoration: none;
    }


/************************************************************
 Schriften für Untermenüs
*************************************************************/

/* allg. Menüpunkte */
a.msub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: black;
	}
a:link.msub {
	text-decoration: none;
	color: black;
	}
a:visited.msub {
	text-decoration: none;
	color: #333333;
	}
a:hover.msub {
	text-decoration: underline;
	color: red;
	}
a:active.msub {
	text-decoration: none;
	color: red;
	}


/* aktiver Menüpunkt */
a.msubA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	}
a:hover.msubA {
    text-decoration:none;
    }

/*************************************************************
 Menüzeile unten
*************************************************************/

p.quicknav {
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.8em; font-weight:normal; color:#ffffff;
    text-align:center; line-height:1.0;
    }
a.quicknav:link {
    text-decoration:none; color:#ffffff; font-weight:700;
    }
a.quicknav:visited {
    text-decoration:none; color:#ffffff; font-weight:700;
    }
a.quicknav:hover {
    text-decoration:none; color:#ffcc00; font-weight:700;
    }
a.quicknav:active {
    text-decoration:none; color:#ffffff; font-weight:700;
    }


/************************************************************
 Copyright-Notiz
*************************************************************/

/* Layouts 1, 2 */
#copynote {
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px; font-weight:normal;
    color:#999999; text-align:left; margin:0px;
    }

/* Layout 2 / Frames */
p.mleftCnote {
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px; font-weight:400;
	line-height:22px; text-align:right; margin:0px;
	}

  
  


/*************************************************************
 Sonstiges
*************************************************************/

img, table {
	border: 0px none white;
	}