/* 
Farben
rot			#b00 
hellgelb	#FFF2BF	#FFFFCC
dunkelgelb	DBA541 (219/165/65)	(header background)				FFCC00  E4B75C
mittelblau	4A51A0	(body-backgriund)
hellblau	#DDF
dunkelblau	4A51A0
*/

/* === general styles === */
* {	margin:0px;		/* global setting */
	padding:0px;
	font-family:Verdana,Arial,sans-serif;
	color:#354299;	
	font-size:10pt;
}
@media screen, handheld {
	body {background-color:#4A51A0; }
}
@media print {
	body {background-color:#fff; }
}
h1 {margin-bottom:0.9em;
	font-size:1.3em;
	font-weight:bold;
}
h2 {
	margin-top:0.7em;
	margin-bottom:0.7em;
	font-size:1.1em;
	font-weight:bold;
}
h3 {
	margin-top:0.7em;
	margin-bottom:0.2em;
	font-size:1em;
	font-weight:bold;
}

table {border: none;
}
th,td {
	text-align:left;
	vertical-align:top;
}

ul{	margin-left:1.5em;	}
a	{ text-decoration:none; }
p	{
	margin-bottom:0.4em;
	margin-top:0.1em;
	font-size:1em;
}

/* === common styles === */
.SmallCaps{font-variant:small-caps;}
.smaller{font-size:0.8em}
.scrollable {overflow:auto;}
.InfoToolTip{overflow:visible;}
.ErrorMsg {font-weight:bold;
		color:#b00;}
.textlink{text-decoration:underline;}
.accentuation{font-weight:bold;
	color:#DBA541}
.NoBorder{border:none;}
.photo {
	position:absolute; 
	right:50px; 
	bottom:35px;
	width:220px;
}
.untenrechts {
	position:absolute; 
	right:50px; 
	bottom:20px;
	width:220px;
	font-size:7pt;
	text-align:right;
	vertical-align:bottom;
	margin-top:5px;
}

/* === decorating rectangle left top === */
#DecoRectangel{						
    position:absolute;
	z-index:1;
    right:50%;
    bottom:50%;					
    width: 50%;
    height: 50%;	
	margin-bottom:180px;			/* box_height/2 - header_height */
	margin-right:240px;				/* Boxbreite/2 - navigation_div_width */
	background-color:#4A51A0;	
	border-bottom:1px solid #DBA541;
	border-right:1px solid #DBA541;
}

/* === main center container containing all other divs === */
#ContainerDiv {					
	background-color:#b00;
    position:absolute;
	z-index:2;
    left:50%;
    top:50%;
    width: 800px;
    height: 600px;
    margin-left:-400px;
    margin-top:-300px;
}

/* === header container === */
#HeaderDiv{					
	position:absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 120px;	
	text-align:left;
	background-color:#DBA541;
	background-image:url(images/bg-header-ocker.jpg);
    border-right: 1px solid #DBA541;
}
#Mission{
	position:absolute;
    right:50px;
    top:40px;   
	font-size:16pt;
	font-family:Impact;
	text-align:right;	
}
.title {					
	font-size:36pt;
	font-weight:bold;
	font-variant:small-caps;
	color:#354299;
	margin:0px;
	margin-left:20px;
	margin-top:20px;
}
.subtitle {
	font-size:10pt;
	font-weight:bold;
	color:#354299;
	letter-spacing:0.11em;
	margin:0px;
	margin-left:24px;	
}

/* === navigation container === */
#NavigationDiv{				/* left navigation container */
    position:absolute;
    left:0px;
    top: 120px;
    width: 112px;
    height: 432px;
	padding:24px;
	background-color:#DBA541;		/*#FFE680;*/
	background-image:url(images/bg-left-ocker.jpg);
	border-bottom:1px solid #DBA541;	
}
.NaviContent {	
	width:100%;
	font-size:9pt;	
	}
.NaviContent:hover{
	background-color:#FFEFD2;
}

/* === main output container (where all content will be displayed) === */
@media screen, handheld {
	#output{
    position:absolute;
    left: 160px;
    top:  120px;
    width: 580px;
    height: 420px ;
	background-color:#FFEFD2;	
	border-top:1px solid #FFEFD2;	
	border-left:1px solid #FFEFD2;
	padding:30px;	
	}
}
@media print {
	#output{
    position:absolute;
    left: 30px;
    top:  130px;
    width: 580px;
    height: 420px ;
	background-color:#FFf;	
	padding:30px;	
	}
}


/* --- Startseite (sub page) --- */
.startseite{
	font-size:10pt;
	margin-top:1.4em;
	line-height:1.4em;
}

/* --- Leistungen (sub page) --- */
ul.Leistungen li {	
	padding-right:15px;
	margin-bottom:0.8em;	
	letter-spacing:0.02em;
}

/* --- Kursangebote (sub page) --- */
ul.Kurse li {	
	padding-right:15px;
	margin-bottom:0.4em;
	letter-spacing:0.02em;
}

/* --- Service (sub page) --- */
ul.Service li {	
	padding-right:15px;
	margin-bottom:1em;
	letter-spacing:0.02em;
}

/* --- Kontakt (sub page) --- */
.Kontakt  {		
	font-size:0.8em;
}
.Lage {	
	line-height:1.6em;
	padding-right:35px;
	font-size:8pt;
}
th.Zeiten, td.Zeiten{
	padding-left:10px;
	font-size:0.8em;
}
#phone2{
	position:absolute;
	right:0px;
	top:0px;
	z-index:-1;
}


/* --- impressum --- */
.Impressum  {		
	font-size:0.8em
}
ul.Impressum 
{		
	font-size:1em
}

/* --- Disclaimer --- */
.Disclaimer  {		
	font-size:0.8em
}