
body {
width:100%;
text-align: center;
color: #3A2603; 
font-family: Geneva, Verdana, Arial;  
font-size:9pt;
line-height: 12pt;
margin:0px;
padding:0px;
background-image: url(pics/bg_kachel_neu.jpg); 
background-repeat:repeat-x;

}

table { 
	font-family: Geneva, Verdana, Arial;
}	  

td {
	font-family: Geneva, Verdana, Arial;
}

/* CONTENT  */

/*Schriftartdefinition für Paragraphen*/
p   {
	color: #3A2603;
	font-size: 9pt;
	font-family: Geneva, Verdana, Arial;
	line-height: 12pt;
	padding:0px;
	/*background-color: #0099FF;*/
}


/* Überschrift der Webseite */
h1 {
	color: #776644;
	font-size: 18pt;
	font-family: Georgia, "Times New Roman", Times, serif; text-align: left;
}

/* Überschrift über Paragraphen */
h2 {
	color: #776644;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	vertical-align: sub;
	background-position: bottom;
}


.content_list {
	color: #3A2603;
	font-size: 9pt;
	font-family: Geneva, Verdana, Arial;
	line-height: 12pt;
	list-style-position: outside;
	list-style-type: none;
	color: #2D1E02;
	list-style-image: url(pics/rightarrow2.gif);
}
	
/* Position des Flashintros auf der Index-Seite */	
#intro {
	clear: left;
	width: 800px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 600px;
	z-index: 0;
	visibility: visible;
}

/* Sorgt dafür das Elemente innerhalb der Seite zentriert positioniert werden können */
#pagewrap{
	width: 100%;px;
	position:absolute; left:0px; top:0px;
	height:auto;
	text-align:center;
	background-color:transparent;
}


/* content enhält die Boxen front, front_l und front_r */
/* zwischen diesen drei Boxen dürfen keine anderen Elemente stehen! */  
#content {
	clear: both;
	width: 930px; /* Breite muss gleichen Wert wie in der Navigation benutzen und umgekehrt! */
	height:1000px;
	margin-left:auto; margin-right:auto;
	padding-top:160px; /*Abstand des Inhalts der Box*/
	padding-left:0px;
	z-index: 0;
	visibility: visible;
	/*background-color: #FF3333;*/
}


	
/* Verschachtelte Boxen die Äusseren sollten keinen margin haben*/
#front       {
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:20px; /*Abstand der Hauptüberschrift vom Text */
	height:auto;
	width: 900px;
	padding-left:30px; padding-right:0px;
	text-align:left;
	/*background-color:#66FF00;*/
	border:none;
}

#front_l      {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 450px;
	padding-left:30px; padding-right:0px;
	height:auto;
	text-align:left;
	border:none;
	/*background-color:#66FF00;*/

}

#front_r       {
	float:left;
	width: 450px;
	height:auto;
	margin: 0px 0px 0px 0px;
	/*background-color:#66FF00;*/
	text:align:center; /*Bilder Mitting im rechten teil positionieren*/
	border:none;

}


#content a {  /*Textfarbe  */
	color: #776644;	text-decoration: none;}

#content a:visited {
	text-decoration: none; color: #999966;}

#content a:hover {
	text-decoration: none; color: #3A2603;}






/* CONTENT  */

/* NAVIGATION  */

/* Achtung: dient eigentlich nur als Abstandhalter für den Content und positioniert nicht unmittelbar das Menü!*/
#navline{
	width:100%;
	position:absolute; left:0px;
	height:auto;
	margin:0px; /*verticale Menüposition wird dennoch hiervon beeinflusst!*/
	height:auto;
	background-color:transparent;
	
}	

#navigation {
	clear: both;
	position:relative;
	width: 930px; /* Immer gleichen Wert wie in der Navigation benutzen und umgekehrt! */
	margin-left:auto; /*margin-right muss für die mittige Positionierung angegeben sein im Safari */
	margin-right:auto;
	margin-top:0px;
	height: 20px;
	z-index: 0;
	text-align:left;
	visibility: visible;
	/*background-color: #3300FF;		*/
}

#container {
	text-align:left; /*Ausrichtung der texte im Menü*/	
	z-index:0;
}

#nav, #nav ul {

float: left;
	list-style: none;
	line-height: 18pt;
	font-weight: bold;
	padding: 0;
	border: solid #FFFFFF;
	/*border: solid #eda;*/
	border-width: 0px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:25px;
	/*padding-bottom:6px;*/ 
	/*margin: 0 0 1em 25px;*/
	/*opacity: 0.8; filter: alpha(opacity=40); } */}

#nav ul {
	float: left;
	list-style: none;
	background: #F1F1F1; /*Grundfarbe Submenu*/
	font-weight: bold;
	padding:0;
	border: solid #F1F1F1;
	border-width: 0px;
}

#nav a {
	display: block;
	width: auto;
	color: #776644;
	text-decoration: none;
	padding-top: 0px;
	padding-left: 8px; /*Abstand der Menütexte zum Rand der Box*/
	padding-right: 8px;
	}
	
/*
#nav a:visited {
	text-decoration: none; color: #bab0a5;}
*/

	
/*
#nav a:active {
	text-decoration: none; color: #000000;}	
*/

#nav_active { text-decoration: none; color: #3A2603;}


/* Kennzeichnet einen Menüknoten mit dem Pfeil */	
#nav a.daddy {
	font-familiy: Geneva, Verdana, Arial;  
	background-image: url(pics/rightarrow2.gif);
	background-repeat: no-repeat;
	background-position: 136px 0.5em;
}



#nav li {
	float:left; /* Darstellung nebeneinander */
	padding: 0;
	line-height: 18pt; 
	width: auto;  /*Breite der Hauptmenüpunkte*/
	color: #776644 ; /*332200*/
} 
	


#nav li ul {
	position: absolute;
	left: -5000px;
	height: auto; /*auto*/
	width: 150px; /*Breite des Sub-Menu */
	font-weight: normal;
	line-height: 18pt; 
	margin: 0; /*Ausklappen an der gleichen Stelle nicht seitlich versetzt*/
	visibility: visible;
	z-index: 0;
}

#nav li li {
	margin-left:0px;
	width: 150px  /*Weite der hover Markieung*/
	}


#nav li ul a {
	width:150px; 
	line-height: 18pt; /*Vertikaler Abstand der Menupunkte */
	
}


/*Position des Sub-Ausklappmenus im hover-Zustand*/
#nav li ul ul {   
	margin-top: -22px;
	margin-left: 148px;
	margin-bottom: 0px; /*nicht verändern */
	margin-right: 0px; /*nicht verändern */
}	


/* Position des seitlichen Ausklappmens ausserhalb der Seite, damit es nicht sofort dargestellt wird*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	position:absolute; left:-5000px;
}


/* Position des Ausklappmens */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	positition:relative; left:auto; 
}

#nav li:hover, #nav li.sfhover {
	background: #b0d4e6;  /*BG-Farbe der Buttons  */
}


/* NAVIGATION  */
