/* DATEI: apfel.css */

body
	{
	background-color:rgb(247,231,189);
	margin-left:0px;
	margin-top:20px;
	font-family:verdana,helvetica,sans-serif;
	}

p,ul,ol,li,div,td,th,address,blockquote 
	{ 
	font-size:11px; 
	margin-top:15px;
	margin-bottom:15px;
	color:rgb(168,0,6);

	}


h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i 
	{
 	font-family:Verdana,Arial,sans-serif; 
 	//color:rgb(168,0,6);
 	}

h1 
	{ 
	font-size:20px;
	font-weight:normal; 
	color:rgb(111,109,108);
	letter-spacing:0px;
 	font-family:Arial,sans-serif;
	margin-top:0px; 
	margin-bottom:0px;
	}

h2 
	{ 
	font-size:15px; 
	margin-top:0px; 
	margin-bottom:15px;
	margin-right:10px;
	letter-spacing:0px 
	font-weight:bold;
	color:rgb(146,192,42); 
	}


h3 
	{ 
	font-size:17px; 
	margin-top:5px; 
	font-weight:bold; 
	color:rgb(215,172,0);
	letter-spacing:0px;
	}

h4 
	{ 
	font-size:11px; 
	margin-top:35px;
	margin-left:5px;
	margin-right:5px;
	color:rgb(146,192,42);
	font-weight:bold;  
	}

h5 
	{ 
	font-size:11px; 
	margin-top:35px;
	margin-left:5px;
	margin-right:5px;
	color:rgb(247,231,189);
	font-weight:normal; 	
		
	}

h6 
	{ 
	font-size:9px; 
	font-weight:lighter;
	color:rgb(111,109,108); 
	margin-bottom:0px; 
	margin-top:0px;
	margin-left:0px;
	letter-spacing:0px;
	}


a:link 
	{ 
	color:rgb(168,0,6); 
	text-decoration:none; 
	font-weight:bold; 
	}

a:visited 
	{ 
	color:rgb(111,109,108); 
	text-decoration:underline; 
	}

a:active 
	{ 
	color:rgb(0,0,0);
	text-decoration:none; 
	}

a:hover 
	{ 
	color:rgb(0,0,0); 
	text-decoration:none;
	font-weight:bold;  
	}

table#bg
	{
	background-image:url(../sys_images/bg.gif);
	background-repeat:y-repeat;
	width:900px;
	height:500px;
	padding-top:0px;
	border-bottom:2px solid rgb(168,0,6);
	border-top:1px solid rgb(168,0,6);
	border-left:0px solid rgb(43,0,2);
	border-right:1px solid rgb(168,0,6);
	}




td#top
	{
	height:30px;
	color:rgb(0,0,0);
	padding-left:30px;
	padding-top:15px;
	text-align:left;

	}

td#top a
	{
	color:rgb(255,255,255);
	}		
	
td#top a:hover
	{
	color:rgb(30,75,130);
	}

td#menue
	{
	background-image:url(../sys_images/bg_menue.gif);
	background-repeat:repeat;
	}

td#foot
	{
	padding-bottom:0px;
	padding-left:0px;
	valign:bottom;
	padding-left:10px;
	padding-bottom:5px;
	height:20px;
	}

td#foot a
	{
	color:rgb(0,0,0);
	font-weight:normal;

	}		
	
td#foot a:hover
	{
	color:rgb(240,100,40);
	}
	
td#bild1
	{
	width:100px;
	padding:0px;
	margin:0px;
	background-image:url(../images/apfelbaum1.jpg);
	}		


	
td#inhalt
	{
	width:634px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	}
	
td#inhalt2
	{
	width:634px;
	padding-top:10px;
	padding-left:20px;
	padding-right:0px;
	}
	
	
.li_disc { list-style-type: disc}			
	

.bold
	{
	font-weight:bold;
	}

.pfeil
	{
	font-weight:bold;
	color:rgb(203,210,20);
	}

.red
	{
	color:rgb(171,15,21);
	font-weight:bold; 
	}	
	
.li_disc { 
	list-style-type: disc;
	}
	
img	{ 
	border: 0px;
	}	

	

#NaviContainer ul, #NaviContainer li
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}

/*#######################
list-style-type: none 
ist nur erforderlich für Opera
Und
padding:0px; für ul
Muß extra wegen
Netscape 7 gesetzt werden
ansonsten bekommt man
keinen Einzug nach links
########################

li
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
*/

/*###### Navigation links ######*/
			#NaviContainer
			{
				border:0px solid red;
				width:14em;
				margin-top:0px;
				margin-bottom:0px;
				margin-left:5px;
				
			}

				#NaviContainer a
				{
					display:block;
					border-bottom:1px solid rgb(247,231,189);
					border-right:1px solid rgb(247,231,189);
					font-size: 98%;
					color:rgb(247,231,189);
					font-weight:normal;
					text-decoration:none;
					letter-spacing: 0px;
					padding-left:5px;
					padding-top:2px;
					padding-bottom:2px;
					background-color:rgb(168,0,6);
					margin-right:5px;
					margin-bottom:10px;
				}
				
				
				#NaviContainer ul li, #NaviContainer ul ul li, #NaviContainer ul ul ul li
				{
					display:block;
					margin-bottom:0px;
				}
				
/*###### Navigation Hierarchie 1 ######*/

				#NaviContainer a:hover, #NaviContainer a:focus, #NaviContainer a:active
				{
					background-color:rgb(203,210,20);
					color:rgb(168,0,6);
					border-bottom:1px solid rgb(203,210,20);
					border-right:1px solid rgb(203,210,20);
					font-weight:normal;					
					display:block;
					padding-left:10px;					
				}

				#NaviContainer a.home, #NaviContainer a.home:visited
				{
					border:1px solid rgb(203,210,20);
					background-color:rgb(203,210,20);
					color:rgb(168,0,6);
					font-weight:normal;
					font-variant:small-caps;					
					letter-spacing:0px;
				}


				#NaviContainer a.home:hover, #NaviContainer a.home:active, #NaviContainer a.home:focus
				{
					color:rgb(255,255,255);				

				}


				#NaviContainer a.akth1, #NaviContainer a.akth1:hover
				{
					background-color:rgb(216,216,216);
					background-image:url(../sys_images/akth1.gif);
					background-repeat:no-repeat;
					background-position:1px 8px;
				}

				#NaviContainer a.HomeAktive, #NaviContainer a.HomeAktive:hover, #NaviContainer a.HomeAktive:focus, #NaviContainer a.HomeAktive:active
				{

					background-color:rgb(203,210,20);
					background-repeat:no-repeat;
				}
				
/*###### Navigation 2. Hierachie ######*/
				#NaviContainer ul ul a
				{
					background-color:rgb(168,0,6);
					color:rgb(203,210,20);
					border-bottom:1px solid rgb(203,210,20);
					border-right:1px solid rgb(203,210,20);
					font-weight:normal;					
					display:block;
					margin-left:20px;
					padding-left:10px;
				}



	/*###### Navigation Hierarchie 2 ######*/

				#NaviContainer ul ul a:hover, #NaviContainer ul ul a:active, #NaviContainer ul ul a:focus
				{
					color:rgb(255,255,255);


				}

				#NaviContainer a.akth2, #NaviContainer a.akth2:hover
				{
					background-color:rgb(163,165,170);
					color:rgb(134,24,105);
					background-image:url(../grafiken/akth2.gif);
					background-repeat:no-repeat;
					background-position: .2em .5em;
					padding-left: 1.6em;
				}				
	
/* Formular-Formatierung von Peter Sörgel, fact-design */
label.left
{
	float			: left;
	text-align		: right;
/* die naechsten zwei sind beliebig anpassbar, um in das jeweilige Gestaltungsraster zu passen. Bei Aenderungen aber nicht vergessen, die margins bei input.right entsprechend anzupassen: */
	width			: 7.3em;
	margin-right	: .3em;
	margin-bottom	:  1em;
}

/*  positioniert die Text- und Auswahlboxen rechts daneben: */
input[type=text], select
{
	float			: left;
}

/*  dann werden alle checkboxen und radiobuttons, die mit der Klasse "right" versehen wurden, um den errechneten linken Abstand der input und select-Elemente (s.o.) nach rechts verschoben: */
input.right
{
	float					:	left;
	width					:	auto;
	clear					:	both;
	margin-left				:	6.2em;
	margin-right			:	0.3em;
	margin-bottom	: 1em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, warum das so ist. Feedback und Loesungsvorschlaege willkommen */
input[type=checkbox].right, input[type=radio].right, input[type=submit].right 
{
	margin-left				:	7.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben, sonst floatet es munter weiter */
form br
{
	clear					:	both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass die Label anklickbar sind. Weil's so schoen ist, die Kontrollelemente gleich mit. Mit einer Ausnahme: fuer Textfelder macht der Pointer natuerlich keinen Sinn, dort sollte nach wie vor die Text-Einfuegemarke als Cursor erscheinen. Daher hier die Einschraenkung auf die input-Elemente des Typs checkbox, radiobutton, button und submit: */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]
{
	cursor					:	pointer;
}

/*  legt den vertikalen Abstand der einzelnen Elemente zueinander fest */
form
{
	line-height				:	140%;
  font-size:100%;
  color: rgb(0,0,0);
  background-color:rgb(247,231,189);

  }

legend
{
  font-weight:bold;


}

fieldset
{
	width					:	auto;
  padding-left:1.5em;
	border:0px solid rgb(255,155,52);
	 padding-top: 1em;
}
		
