

body {font-size:76%; 
font-family: Georgia, Times New Roman, Times, serif;
	height:100%;
	max-height:100%;
	
	padding:0;
	margin:0;
	border:0;
	/*background:white url(../Bilder/back2.jpg)  repeat-x; */
	color: ;
}

#content {
	display:block; 
	height:100%;	
	max-height:100%; 
	overflow:auto; 		
	padding-left:250px; 
	position:relative; 
	z-index:3; 
	background: url(../Bilder/willrodt/)  250px 158px fixed; 
	
	}
#head {
	position:fixed; 
	margin:0; top:0; right:18px; 
	display:block; 
	width:100%; 
	height:158px; 
	background:url(../Bilder/top.gif ) no-repeat 18px 0; 
	font-size:2em; 
	z-index:10; 
	color:white;
	}
	
 #left { 
	position:fixed;	
	top:0;
	height:100%;
	display:block;
	width:250px;
 	background:url(../Bilder/willrodt/left.jpg ) 0px 158px;
/*	background:url(../Bilder/willrodt/left.jpg ) 0px bottom;	 */
	
	
	font-size:1em;
	color:#fff;
	z-index:4;		
	}	 	
	
#foot {
	position:fixed;
	margin:0;
	bottom:-1px;
	right:18px;
	display:block;
	width:100%;	
	height:0px;
	background:url(../Bilder/willrodt/ ) no-repeat 18px bottom; 
	color:;
	text-align:left;
	font-size:1em;
	z-index:4;
	text-indent: 40px;
	vertical-align: bottom;
}

#foot a {
		text-decoration: underline;
	color:;
}

h1 {
	font-size: 24px;
	border-bottom: ;	
	margin: ;		
	font-weight: normal;
	color: black;
	text-align:;
}

#logo {
	background:url(../Bilder/willrodt/) no-repeat;	
	position: absolute;
	height:0px;
	width:350px;
	display:block;
	z-index: 20;
	left: 0px;
	top:  0px;
}

#left ul {
	list-style: none;
	float: left;
	width: 110px;
	display:block;	
	left: 50px;	
}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:158px; float:left;}  
#pad3 {display:block; width:18px; height:158px; float:left;}
.pad2 {display:block; height:158px;}

#footer_pad {display:block; height:0px;}
#mausi_pad {		
	
	
	width: 5000px;
	overflow: auto;	
	visibility: visible;

	
	
	}
	
#text p{font-size:10px}

#content p {	margin-bottom: -6px;}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}


#maintext {
	width: 480px;	
	z-index:100;
	text-align:justify;	
	float: left;	
	padding-left: 80px;
	padding-right: 0px;
	border: ;	
	}
	
.bildlinks{
	margin-right: 10px;
	margin-top:4px;
}

.bildrechts{
	margin-left: 10px;
	margin-top:4px;}

#Layer1 {
	position:absolute;
	left:85px;
	top:30px;
	width:266px;
	height:120px;
	z-index:200;
	background-color: #99FFFF;
	visibility: hidden;
}
#log{position:absolute;
	left:5px;
	top:10px;
	width:100px;
	height:20px;
	z-index:200;	
}


.feld {
	border: 1px dotted #818181;
}



/* common styling */
.menu2{
	font-family: arial, sans-serif;
	width:200px;
	height:140px;
	position:absolute;
	/* font-size:11px; */
	margin:0 0px 0 10px;
	z-index:100;
	left:-10px;
	top: 230px; 
}
.menu2 ul {
padding:0; margin:0; list-style-type: none; 
}
.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:120px;
}
.menu2 ul li {
float:left;
list-style-type: none; 



}
/* hauptmenue */
.menu2 ul li a, .menu2 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	color:#000000;
	width:130px;
	text-indent:10px;
	height:20px;
	font-size:11px;
	padding-top:2px;
	/* padding-left:10 px; */
	margin-top:1px;
	margin-right:1px;
	float:left;
	border: 0px;
	background-color: #DEDEE4;
	background-image: url(../Bilder/menu1.jpg);
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 10px;
}



* html .menu2 ul li a, * html .menu2 ul li a:visited {width:130px; w\idth:130px;}


/* +++++++++++++++++++++++++++++++++++++++++++++ Abstand des Flyouts für IE6*/
.menu2 table {
 border:0; margin:0; padding:0; position:absolute; left:0px; top: 0px;
}

/* Hauptmenue Hover first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
	background-color: #BDDEE5;
	color: #464646;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #464646;

}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto;   overflow:visible;
margin-left:30pxpx;
}

/*flyout im Normalzustand */
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
	display:block;
	color:black;
	line-height:20px;
	text-indent:5px;
	padding-top:1px;
	padding-left:1px;
	height:21px;
	text-decoration:none;
	font-size: 11px;
	width:120px;
	margin-top:1px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	background-color: #E8E8E8;
	background-image: none;
}

.menu2 ul li.line{
height:8px;
line-height:8px;
}


/*flyout im Hoverzustand */
.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
	color:navy;
	background-color: #BDDEE5;
}


/* +++++++++++++++++++++++++++++++++++++++ Horizontal menu  */

#horizont {
	position: absolute;
	left:50px;
	top: 380px;
	z-index: 1000;
}



/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a{

 color:white;
	width:130px;
	text-indent: px;
	height:20px; 
	font-size:12px;
	padding-top:2px;
	background: url(../Bilder/willrodt/);
	border: 0px  ;
	text-decoration:none;
	display:block;
	text-align:center;
}

/* style the links hover */

.menu :hover{
 	color:white;
	background:#433C5B url(../Bilder/willrodt/)
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:100px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

.menu ul li ul a{
	background:silver;
	height:15px;
	border-top: 1px solid #FFFFFF;
	font-size:11px;
}






