/* core css rules */
body {
   text-align: center; 
   background-color: #FFFFC0;
   font-family: verdana,arial,sans-serif; 
   font-size: 0.80em; 
}
#container {
  width: 990px; 
  margin: 0 auto; 
  text-align: left; 
  background: #FFCC66 url(_images/bg.png) repeat-y top left;	
  padding: 0;
}
#header {
  padding-left: 5px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center; 
   background-color:#FFCC66;
  	font-family : "Comic Sans MS", cursive;
	font-size : 17px;
	font-weight: bold;
	color : black;
	border-bottom:2px solid #E17A22;
}
#nav {
  width: 170px; 
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
	padding-right: 10px;
	text-decoration: none;
	text-align: left;
	font-family : "Comic Sans MS", cursive;
	font-size : 1.25em;
	font-weight: normal;
	color : black;
	border : none;
}
#content {
  width: 750px;
  float: right;
  padding: 10px 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
  background-color:#FFFFFF;
}
#footer {
  padding: 0px 5px;
  clear: both;
  text-align: center;
  background-color:#FFCC66;
  border-top:2px solid #E17A22;
} 
*.kopfleiste {
  padding: 5px;
  background-color:#CCFFCC;
  border:1px solid green;
  font-size: 90%;
  font-weight:bold;
  margin-bottom: 30px;
}
/* other stuff like font, font size and paddings */
h1 {
  font-size: 220%;
  font-weight: bold;
  font-family : "Comic Sans MS", cursive;
}
h2 {
  font-size: 170%;
  font-weight: bold;	
  font-family : "Comic Sans MS", cursive;
}
h3 {
  font-size: 140%;
  font-weight: normal;	
  font-family : "Comic Sans MS", cursive;
}
h4 {
  font-size: 120%;
  font-weight: bold;	
  font-family : verdana,arial,sans-serif;
}
h5 {
  font-size: 110%;
  font-weight: bold;	
  font-family : verdana,arial,sans-serif;
}
a:link 				{ color: #1d9806; background-color: transparent; 
					  text-decoration:underline; }
a:visited 			{ color:#548d07; background-color: transparent; 
					  text-decoration:underline; }
a:active 			{ color:#000000; background-color: transparent; 
					  text-decoration:none; }
a:hover 			{ color: #1d9806; background-color: #d4f3b1; 
					  text-decoration:underline; }

a.nav:link 	   { color: black; background-color: transparent; 
			  	   	 line-height: 200%; 
			  	   	 font-weight:bold; font-size: 1em; 
			  	   	 text-decoration:none; }
a.nav:visited 	   { color: black; background-color: transparent; 
			   	   	 line-height: 200%; 
				   	 font-weight:bold; font-size: 1em; 
				   	 text-decoration:none; }
a.nav:hover 	   { color: #ffffaa; background-color: transparent; 
			   	   	 line-height: 200%; 
			   	   	 font-weight:bold; 
			   	   	 text-decoration:underline; }
a.nav2:link 	   { color: black; background-color: transparent; 
			  	   	 line-height: 200%; 
			  	   	 text-decoration:none; }
a.nav2:visited 	   { color: black; background-color: transparent; 
			   	   	 line-height: 200%; 
				   	 text-decoration:none; }
a.nav2:hover 	   { color: #ffffaa; background-color: transparent; 
			   	   	 line-height: 200%; 
			   	   	 text-decoration:underline; }
*.klein 		   { font-size: smaller }

li.nav	 		   { padding:0;
		  		   	 font-weight: normal; text-align: left;
		  		   	 line-height: 150%; list-style:none; 
		  		   	 text-decoration: none; }
li.nav2 		   { padding:0;
		  		   	 font-weight: normal; 
				   	 line-height: 100%; 
				   	 text-decoration: none; }