/* Layout Herbst 2010 der DANTAX-Website */

/* hellblau rgb(235,247,252)
   mittelblau rgb(0,129,198)
   dunkelblau rgb(0,95,149)
   rot rgb(226,0,26) */

/* =============================Bildschirm ===================== */
@media screen{
body {
	background-color: white; 
	/* Lucida Grande ist die Standard-Schriftart im Mac OS-X */
	font-family: Calibri,Lucida Grande,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:12pt;
    line-height:1.4em;
	vertical-align:top;
	}

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


/************************* Kopf ******************************/
#kopf {position:fixed; z-index:4; overflow:hidden; top: 0; left:10px; width:937px;}

img { max-width:100%}

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

#menu {background-color:white; border: 0; position:fixed; overflow:visible; top:85px; left:10px; width:175px; padding-top:10px;	padding-bottom:10px;	padding-right: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 white;
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: black;
background: white;
text-decoration: none;
border-bottom:1px solid #bbb;
}

#menu ul ul ul a {
border-left: 1px solid white; 
}

#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:#ebf7fc; 
	border: 0; 
	position:absolute; 
	overflow:hidden; 
	top:65px; 
	left:215px; 
	width:465px; 
	padding:45px 20px 10px 25px; 
	/*line-height:1.6em;*/	
	height: 60cm;
}

#hauptteil img {
	margin-top:12px;
	margin-left:12px;
	padding:5px;
	background-color:#fff;
	}


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

/* Alle Bilder müssen 202px breit sein! */
#bilder {background-color:white; border 0; position:fixed; overflow:hidden; top:65px; left:735px; width:202px; padding:10px;	height: 60cm;
}

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

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

	
#kopf {position:absolute; overflow:hidden; top:5px; left:0px; width:950px; height:120px;}

#menu {display:none}

#hauptteil {background-color:white; border: 0; position:absolute; overflow:hidden; top:150px; left:10px; width:950px; padding:10px; line-height:1.6em}

#bilder {display:none}
}

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

table {
	width:100%;
    margin-left:0%;
    margin-right:0%;
    }

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;
    padding:13px;
    }


td.rechts {
	text-align:right;
	}
	

/* table definition, umrandetes, farbiges Feld, große Schrift */
td.ueberschrift   {
    font-size:20pt;
    font-weight:bold;
    color:#005f95;
	padding-top:20px;
	padding-left:0;
    }


/* 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;
    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;
	}

a:link {color:#005f95}
a:visited {color:#005f95}
a:active {color:#005f95}
a:hover {color:red}

.mitarbeiter_mail, .mitarbeiter_tel {
	font-size:90%;
	float:right;
	}
	
.mitarbeiter_lang {
	font-size:90%;
	text-align:right;
	}
	
.mitarbeiter_name {
	font-weight:bold;
	}

#hauptteil p, ul, li, h2 {
	padding:0;
	margin:0;
	}

#hauptteil h2 {
	font-size:100%;
	font-weight:bold;
	}
	
#hauptteil ul {
	margin:0 0 0 35px;
	font-size:90%;
	}

p.mhomeverweis {display:none}