/* Layout 2004 der DANTAX-Website */

/* =============================Bildschirm ===================== */
@media screen{
body {
	background-color: #dfdfdf;  /* ebenso wie Hintergrund des Logos */
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:11pt;
    line-height:1.2em;
	vertical-align:top;
	}

a:link {color:black}  /* anchor mit Pseudoformat "link" */
a:visited {color:black}/* anchor mit Pseudoformat "visited" */
a:active {color:green}
a:hover {color:red}

/* kleine graue Schrift z.B. für Datumsangabe: */
.grau {color:#EEEEEE; font-size: 80%}


/************************* Kopf ******************************/
#kopf {position:absolute; overflow:hidden; top:5px; left:10px; width:950px; height:60px;}


/************************* Menü ******************************/
/*seit Juli 2010: Ausklappmenü*/

#menu {background-color:rgb(255,211,105); border: solid 1px black; position:absolute; overflow:visible; top:85px; left:10px; width:175px; padding:10px;	height: 60cm;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
/* font-size/line-height: */	
font: 10pt/2em tahoma, helvetica, sans-serif;
display: block;
border-top: 1px solid rgb(255,211,105); /* warmes Gelb */
border-bottom: 0;
border-left: 0;
border-right: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 8px;
padding-right: 0px;
}

#menu h2 {
color: #FF8635;
background: #96D12C;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #29166f;   /* das Blau aus dem Logo */
text-decoration: none;
}

#menu ul ul ul a {
border-left: 1px solid rgb(255,211,105); /* warmes Gelb */
}

#menu a:hover {
color: white; 
background: #369;  /* taubenblau */
}

#menu li {
position: relative;
}

/* Position von ul in der dritten Hierarchie-Ebene: */
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul 
{display: none;}

/* Das Einschalten der Untermenüpunkte:
Pseudoklasse :hover für ul angewandt auf ul ul: */ 
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
	
/************************* Hauptteil ******************************/

#hauptteil {background-color:white; border: solid 1px #000000; position:absolute; overflow:hidden; top:85px; left:215px; width:490px; padding:10px; line-height:1.6em;	height: 60cm;
}


/********************************** Bilder ************************/

/* Alle Bilder müssen 202px breit sein! */
#bilder {background-color:rgb(255,211,105); border-style:solid; border-width:1px; border-color:#000000; position:absolute; overflow:hidden; top:85px; left:735px; width:202px; padding:10px;	height: 60cm;
}

} 
/* ============================= Drucker ===================== */

/* (Unterschiede ggü. Bildschirm: 
    Menü und Bilder unsichtbar
	font-size:10pt
    #hauptteil breiter) */
    
@media print{
body {
	background-color:#DFDFDF;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:10pt;
    line-height:1.2em;
	vertical-align:top;
	}

a:link {color:black}
a:visited {color:#EEEEEE}
a:active {color:green}
a:hover {color:red}
	
#kopf {position:absolute; overflow:hidden; top:5px; left:10px; width:950px; height:60px;}

#menu {display:none}

#hauptteil {background-color:white; border: solid 1px #000000; position:absolute; overflow:hidden; top:85px; left:10px; width:930px; padding:10px; line-height:1.6em}

#bilder {display:none}
}

/* =================== für Bildschirm und Drucker gemeinsam: ============ */

table {
	width:100%;
    margin-left:0%;
    margin-right:0%;
    border-color:red;
    border-width:0px;
    border-style:solid;
    }

table.mittig {
	width:75%;
	height:75%;
	vertical-align:middle;
	}
	
/* table definition, Ausgangs-Stil: */
td {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-style:normal;
    font-size:11pt;
    line-height:1.2em;
    vertical-align:top;
    background-color:white;
    border-color:black;
    border-width:0px;
    border-style:solid;
    padding:13px;
    }


td.rechts {
	text-align:right;
	}
	

/* table definition, umrandetes, farbiges Feld, große Schrift */
td.ueberschrift   {
	font-family:Georgia, Times, serif;
    font-size:18pt;
    font-weight:normal;
    color:#310FA6;
	border-width:1px;
    background-color:#c0c0c0;
    }


/* table definition, kein Padding (nur Abweichungen von td): */
td.keinpad {
	padding:0;
	border-style:none;
	}

td.keinpadobenunten {
    padding-top:0;
    padding-bottom:0;
	}

/* table definition, Mini-Padding (nur Abweichungen von td): */
td.minipad {
	padding:1px;
    line-height:1.6em;
	}

/* table definition, Mini-Padding rechtsbündig (nur Abweichungen von td): */
td.minipadrechtsb {
	padding:1px;
    line-height:1.6em;
	text-align:right;
	}

/* table definition, Mini-Padding zentriert (nur Abweichungen von td): */
td.minipadzent {
	padding:1px;
    line-height:1.6em;
	text-align:center;
	}

td.umrandet {
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	}		

	/* table definition für den Home-Verweis unten rechts */
td.homeverweis   {
	padding:0pt;
	background-color:white;
    font-size:10pt;
    border-style:none;
    text-align:right; 
	}

td.mhomeverweis {display:none}
	
img.umrandet {
	border-style:solid;
	border-width:1px;
	border-color:black;
	}
	
/* Farbnamen, brauchbar für alle HTML-Tags */
.blau { color:blue; } 
.dklblau {color:#310FA6;}
.rot { color:red; }
.gruen { color:green; }

/* rechtsbündig */
.rechts {text-align:right}

b.nyt{
	color: red;
	background-color:yellow;
	}