html, body {margin: 0; padding: 0; font-size: 100.01%; }

body {
behavior:url("./style/csshover.htc");    /* IE braucht JS */
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 80%;
	color: #000000;
	background: #F5F5F5; 
	text-align: center;}
/*Angabe wegen Skalierbarkeit im IE */
table, th, caption {font-size:100%; }

/*** thanks to Holly Bergevin ***/

p {margin: 0; padding: 8px 7px 0 10px; }

.adresslinks{
padding: 20px;
float: left;
}

.adressrechts{
padding: 20px;
float: left;
}

.clear{
clear: both;
}

.ausgebucht {
color: #cc3300;
font-weight: bold;
font-size: 1.0em;
}

.eingerueckt {
margin-left: 30px;
}

.gotop{
width: 100%;
height: 15px;
text-align: right;
}

.spacer{
width: auto;
height: 50px;
}

img {
border: none;
}

.mitborder{
border: 1px solid #000000;
}

.zentriert {
text-align: center;
}

h2{
margin: 0;
padding:1.0em;
padding-left: 30px;
font-size: 2.0em;
}

h3{
margin: 0;
padding:1.0em;
padding-left: 30px;
font-size: 1.6em;

}

h4{
margin: 0;
padding:1.0em;
padding-left: 30px;
font-size: 1.2em;
}

h5{
margin: 0;
padding:1.0em;
padding-left: 30px;
font-size: 1.1em;
}
.hinweis {
 display:none;
}

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

table{

border: 1px solid black;
padding: 0;
margin:0;
margin-left: auto;
margin-right: auto;
border-spacing:2px;
border-collapse:separate;
empty-cells:show;
font-size: 0.95em;
}

td, th{

padding: 1.0em;
}

/*** ------------------------------------ Layout ------------------------------------------------------ ***/

#aussen {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 75px;
width: 90%;


}

#logo {
position: absolute;
top: 0px;
left: 100px;
z-index: 10;
}

#oben {
	margin: 0;
	padding: 0; 
	background: #ffffff; 
	height: 84px; 
	} /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 


#container {
	margin-left: 190px;
	margin-right: 0px;
	background: #ffffff url("../image/balken_rot.gif") 0 0 repeat-y;
	 
	
	}
	
#unten {
	width: auto;
	height: 20px;
	margin:0; 
	padding:0;
	}

	.text {
	text-align: left;
		border: 1px dotted #993300;
		background-color: #FBF8EB;
		color: #000000;
		margin: 8px 159px 5px 0px;
		padding: 5px;
		position: static; /*** for IE6 eigentlich relative, aber damit das bild angezeigt werden kann: static***/
		} 
		
		
	#breadcrumb {
	text-align: left;
	
		font-size: 0.75em;
		color: #000000;
		margin: 8px 159px 5px 0px;
		padding: 5px;
		position: static; /*** for IE6 eigentlich relative, aber damit das bild angezeigt werden kann: static***/
		} 
		

	
			
#leftbox {
	position: absolute;
	left: 5%;
	width: 190px;
	border-top: 1px solid #993300;
	
	color: #000066; 
	padding-top: 90px; 
	}		
	
	#navi {
	margin-left: 10px;
	
	}
	/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
 	
#rightbox {
	position: absolute;
	margin-left: 0px;
	right: 16px;
	margin-right: -15px;
	width: 190px;
	padding-top: 40px; 
	text-align: left;
	font-size: 0.7em;
	
	} /*** evtl. Bilder mit 11px Abstand vom rechten Rand ? ***/

/* hide the following from IE5-Mac \*/
#rightbox {
	right: 0;
	margin-right: 0; 
	}
	
	
#navmenu {
	background: #EDECEC;
	border-bottom: 3px double #993300;
	border-top: 3px double #993300;
	text-align: right;
	font-size: 0.9em;
	padding: 0.3em 0 0.3em 190px;
	width: 100%;
	margin: 0;
	margin-left: -190px;
	position: relative; 
	} /*** IE6 needs this to display the div ***/  

/* Hide from IE5-Mac \*/
* html #navmenu {
height: 1%;
} /*** This hack will make IE5-win display the background color for the nav ***/




#footer {
	padding: 0.8em;
	margin-top: 1.5em;
	margin-right: 139px;
	border-top: 1px dashed #F5F5F5;
	text-align: center; 
	font-size: 0.75em;
	}	
	
/*** ------------------------------------ ------------------------------------------------------ ***/
	
a:link.impresline { color: #000000; text-decoration:none;  display: inline; border: none; background: none; padding:0; padding-right: 2.0em; margin:0; font-weight: normal;} 
a:visited.impresline { color: #000000; text-decoration:none;  display: inline;  border: none; background: none; padding:0; padding-right: 2.0em; margin: 0;  font-weight: normal;}
a:hover.impresline { color:#666666; text-decoration:none;  display: inline;  border: none; background: none; padding: 0;padding-right: 2.0em; margin: 0;  font-weight: normal;}
a:focus.impresline { color:#666666; text-decoration:none;  display: inline; border: none; background: none; padding: 0; padding-right: 2.0em; margin: 0;  font-weight: normal;}

a:link.bilderlink { color: #333333; text-decoration:none;  border: none; background: none; padding: 0; margin:0; text-align: left;} 
a:visited.bilderlink { color: #000033; text-decoration:none;   border: none; background: none; padding: 0; margin: 0;text-align: left;}
a:hover.bilderlink { color:#000000; text-decoration:none;   border: none; background: none; padding: 0; margin: 0;text-align: left; }
a:focus.bilderlink { color:#000000; text-decoration:none;  border: none; background: none; padding: 0; margin: 0; text-align: left;}
	
a:link.normal { color: #000000; text-decoration:none; display: inline; border: none; background: none; padding: 0.5em; margin: 0; font-weight: normal;}
a:visited.normal { color: #000000; text-decoration:none;  display: inline; border: none; background: none; padding: 0.5em; margin: 0; font-weight: normal;}
a:hover.normal { color:#666666; text-decoration:none;  display: inline; border: none; background: none; padding: 0.5em; margin: 0; font-weight: normal;}
a:focus.normal { color:#666666; text-decoration:none; display: inline; border: none; background: none; padding: 0.5em; margin: 0; font-weight: normal;}
		
a.anker { color: #000000; text-decoration:none; display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
a.anker { color: #000000; text-decoration:none;  display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
a.anker { color:#666666; text-decoration:none;  display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
a.anker { color:#666666; text-decoration:none; display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
			
a:link.anker { color: #000000; text-decoration:none; display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
a:visited.anker { color: #000000; text-decoration:none;  display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
a:hover.anker { color:#666666; text-decoration:none;  display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
a:focus.anker { color:#666666; text-decoration:none; display: inline; border: none; background: none; padding: 0; margin: 0; font-weight: normal;}
			
.extraline {
	margin-top: 3em; 
	border-top: 3px double #F7F5F5; 
	border-bottom: 3px double #F7F5F5;
	padding-bottom: 5px; 
	}
	.bild {
position:static;
float:right;
margin: 0;
padding: 0;
margin-top:20px; 
margin-left:15px; 

height:auto;
width:auto;
background-color:#f7f6f6;
z-index:5;
}


/*** -------------------------------------- navi ---------------------------------***/
ul,li,a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	
ul {
width:150px;
background: transparent url("../image/transparent.gif") 0 0 repeat;
margin-left: 10px;
list-style:none;
text-align: left;
	}
	li {
		position:relative;
		padding:1px;
		
		
		background:#F5F5F5;
		
		z-index:9;
	}
		li.folder	{ background:#F5F5F5; }		
		li.folder ul {
			position:absolute;
			left:120px; /* IE */
			top:5px;
		}		
			li.folder>ul { left:120px; } /* others */

	a {

		padding:2px;
		padding-left: 10px;
		border:1px solid #D4A892;
		text-decoration:none;
		color:#666666;
		font-weight:bold;
		width:100%; /* IE */
	}
		li>a { width:auto; } /* others */

	li a.submenu {

		background:#F5F5F5;
	}

	/* regular hovers */

	a:hover {
		border-color:#993300;
		background-color:#EDDAD1;
		color:black;
	}
		li.folder a:hover {

			background-color:#EDDAD1;
		}
	
	/* hovers with specificity */
	
	li.folder:hover { z-index:10; }		
		
	ul ul, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}		
/*** ------------------------------------- menue ende ---------------------------------------- ***/




/*------------------------------------------Formular---------------------------------------*/
#sende {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

fieldset {
padding: 10px;
border: 1px solid #333333;
margin: 10px;

}

legend {
color: #ff9900;
font-size: 0.8em;
}

.form {
background-color: #CCCCCC;
border: 1px solid #333333;
width: 200px;
color: #333333;
margin: 0;
padding: 0;
margin-left: 10px;
margin-top: -3px;
}

.formarea {
background-color: #CCCCCC;
border: 1px solid #333333;
width: 200px;
color: #333333;
margin: 0;
padding: 0;
margin-left: 10px;
margin-top: -3px;
height: 97px;
white-space:normal; 
/*scrollbar-base-color : #ffcc99; 
scrollbar-3dlight-color: #ff9966;*/
}

.formular {
border: none;
}

.auswahl{
background-color: #CCCCCC;
border: 1px solid #333333;
width: 160px;
color: #333333;
margin: 0;
padding: 0;
margin-left: 10px;
margin-top: 3px;

}

.fehler{
border: 3px double #333333;
background-color: #CCCCCC;
padding: 10px;
margin: 10px;
text-align: center;

}

/*------------------------------------------Formular Ende ---------------------------------------*/