body {background-color:#ffffff; margin: 0 0 0 0; padding:0 0 0 0;}

/*DAS MEN†*/
/*Die Klasse fŸr die normalen MenŸpunkte*/
.menu {color:#ffffff; font-family:Verdana,Arial; font-size:10px; font-weight:bold; line-height:25px; border:0px}
/*Die Klasse fŸr die zweizeiligen MenŸpunkte (z.B. Digital Haircolor)*/
.menu2 {color:#ffffff; font-family:Verdana,Arial;font-size:10px;font-weight:bold; line-height:11px; padding-bottom:10px; text-decoration:none;display:block;}
/*Die Klasse fŸr die zweizeiligen MenŸpunkte (z.B. Digital Haircolor) (hover)*/
.menu2:hover {text-decoration:underline}

/* Der orangene Div-Container auf dem das MenŸ liegt */
#menu { background-color: #fe993c; position: absolute; top: 0px; left: 322px; width: 123px; height: 540px; display: block;  z-index:4;}
/* Die Tabelle in der die Menüpunkte stehen */
#menu_table {position: absolute; z-index: 9; top: 0px; left: 329px;}

/*Die Klasse fŸr inanktive MenŸpunkte*/
.inactive_menu{color:#ffffff; text-decoration:none;}
/*Die Klasse fŸr inanktive MenŸpunkte (hover)*/
.inactive_menu:hover{text-decoration:underline;}
/*Die Klasse fŸr aktive MenŸpunkte*/
.nav_active {text-decoration:underline;}

/*DAS SUBMEN†*/
/*Der hell-orangene Div_Container*/
#submenu { background-color: #ffcc97; padding: 0px 0px 0px 0px; position: absolute; z-index: 1; top: 0px; left: 340px; width: 125px; height: 540px; visibility: visible; display: block; }

#submenu p { color: #fc6700; font-weight: bold; font-size: 11px; font-family: Verdana,Arial; text-decoration: none; margin-left: 12px }

/*Die Links des SubmenŸs*/
#submenu a { color: #fe993c; text-decoration: none; display: block }

/*Die Links des SubmenŸs (hover)*/
#submenu a:hover  { color: #fc6700; text-decoration: none }

/*DER COPYRIGHT-HINWEIS*/
#copy {position: absolute; bottom:4px; color:#ffffff; font-family:Verdana,Arial; font-size:9px; text-align:center; width:100%;}

/*DIE IFRAMES*/
/*Linker Iframe*/
#leftframe {position:absolute; bottom:0px; width:322px; height:416px; z-index:0;}
/*Rechter Iframe*/
#rightframe {position:absolute; bottom:0px; right:0px; width:312px; height:430px; z-index:1;}

/*GRAPHISCHE ELEMENTE*/
/*Die graphische †berschrift auf der linken Seite*/
#slogan {position:absolute; top:94px; left:7px;}
/*Die graphische †berschrift auf der rechten Seite (wenn vorhanden)*/
#rightslogan {position:absolute; top:94px; right:119px;}
/*Das It's Mathai Logo*/
#logo {position:absolute; top:20px; right:22px;}
/*Die graphische †berschrift auf der linken Seite*/
#where_am_i {position:absolute; top:30px; left:19px;color:#C3A890;font-family:Verdana;font-size:11px; font-weight:bold;}

/*INTERNER BEREICH*/
/*Ueberschrift auf den geschuetzten Seiten*/
#intern_head { position:absolute; top:80px; left:24px; width: 386px; height: 26px; font-weight:bold;}
.intern_head {font-family:Verdana, Arial; font-size:16px;}
/*Die Orangenen Streifen*/
#stripe01 { position:absolute; top:404px; left:0px; width: 100%; height: 47px; background-color:#FF9D4A; }
#stripe02 { position:absolute; top:460px; left:0px; width: 100%; height: 24px; background-color:#FFCC97; }
#stripe03 { position:absolute; bottom:9px; left:0px; width: 100%; height: 24px; background-color:#FFCC97; }
#stripe04 { position:absolute; bottom:0px; width: 100%; height: 24px; background-color:#FF9D4A; left:0px; }
/*Die Navigation im geschuetzten Bereich*/
.kruemelnavi {color:#C3A890;}

/*TABELLEN IM INTERNEN BEREICH*/
/*Tablehead dunkles Orange, weisse Schrift, gefettet*/
.intern_table_head {background-color:#FF8114; color:#ffffff; font-weight:bold; text-align:left; vertical-align:center;padding:6px 10px 6px 10px;}
/*normale Tabellenzellen*/
.intern_table_content {background-color:#FFDCB3; padding: 3px 10px 3px 10px; vertical-align:top;}
/*dunkles Orange*/
.dark {background-color:#FF9D4A;}
/*schwarze Schrift*/
.dark_font {color:#000000;}
/*die Abschlusszelle der Tabelle (dünner, dunkler, orangener Streifen)*/
.intern_table_footer {background-color:#FF8114; font-size:4px; vertical-align:top;}
/*Die Tabelle an sich, Abstaende*/
.intern_table {margin:0px 40px 0px 40px}
/*Leerzelle oder Zeile*/
.intern_table_spacer{height:12px; background-color:#FFFFFF;}
/*weisseRaender fuer die Zellen*/
.border_bottom{border-bottom:2px solid white;}
.border_right{border-right:2px solid white;}
/*Die Links in den Tabellen*/
.small_link_dark {font-size:11px; color:#000000; text-decoration:undeline;}
.small_link_dark:hover {color:#FF8C00;}

table.dunkel {
    background-color: rgb(242,194,130);
    cell-spacing: 5px;
    padding: 2px 2px
}

table.hell {
    background-color: rgb(245,236,215);
    cell-spacing: 5px;
    padding: 2px 2px
}

body.kd {
    background-color: rgb(236,236,250)
}