/* allgemeine layout formatierungen */

body 
	{
  overflow: hidden;
	background: #f2f2f2;
	font-size: 	14px;
	font-family:Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	line-height:18px;
	color:		#1C8A3A;
	padding:	0px;
	margin:		0px;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #3DA570;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-face-color: #3DA570;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-darkshadow-color: #3DA570;
  scrollbar-track-color: #3DA570;
}


/* link formatierungen */

a 
	{
	color: 		#1C8A3A;
	font-size: 	12px;
	font-family:Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	text-decoration: none;
	}

a:visited 
	{
	color:		#1C8A3A;
	}

a:hover 
	{
	color: 		#60717b;
	}

a:active 
	{ 
	color:		#7a8b1e;
	}

/* überschriften */

h1 
	{
	font-size: 	18px; 
	font-weight:normal;
	padding:    15px 0px 15px 0px;
	margin:		0px;
 	}

h2 
	{
	font-size: 	14px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	}

/* zentrierter div-container */

#container 
	{
  margin: -325px 0 0 -505px;
  position:absolute;
  top: 50%;
  left: 50%;
	width: 		1010px;
	padding: 	0px;
	background:	#B9DEB5;
	}

/* kopf logo container */

#logo 
	{
	background: #3DA570 url(../images/kyffh.gif) no-repeat;
	background-position: left;
	padding: 70px;
	}
  
  /* kopf logo container */

#menueoben 
	{
	margin: 	0px;
	padding: 	0px;
	background: #3DA570;
  border-bottom:0px solid #e5efb0;
  z-index: 50;
	}

/* inhalt */

#content 
	{
	height:	450px;
	background: #fff;
	margin: 	0px 0px 0px 0px;
	padding: 	10px 10px 10px 10px;
  overflow: auto
	}
  
#content-main 
	{
	height:450px;
	margin: 	0px 0px 0px 0px;
	padding: 	10px 10px 10px 10px;
  background: #fff url(../images/bgrkyff.gif) no-repeat;
	background-position: center;
  z-index: 5;
  overflow: auto
 	}

/* code darstellung */

pre 
	{ 
	padding:    10px;
	border:		3px solid #e5efb0;
	background:	#fbfcf2;
	margin:		10px 0px 10px 0px;
	}

code 
	{
	color:		#73b0df; 
	font-weight:bold
	}

/* linke navigavtion */

#left 
	{
	float: 		left;
	width: 		160px;
	margin: 	0px;
	padding:	0px;
	}

#left p
	{
	padding:    10px;
	color:		#fff;
	}

#left ul
	{
	list-style-type:none;
	padding: 	0px;
	margin: 	0px;
	border-bottom:0px;
	}

#left li a 
	{
	font-size: 	12px;
	text-decoration:none;
	font-weight:normal;
	padding: 	6px 5px 6px 10px;
	}

#left li
	{
	margin: 	0px;
	background:	#fbfcf2;
	border: 	0px;
	padding: 	6px 0px 6px 0px;
	}

#left li:hover
	{
	background:	#fff
	}

/* rechte navigavtion */

#right
	{
  height:   465px;
	float: 		right;
	width: 		160px;
	margin: 	0px;
	padding: 	0px;
  overflow: auto
	}

#right p
	{
	padding:    0px 10px 10px 10px;
	color:		#fff;
	}

/* footer */

#footer 
	{
  min-height:	10px;
	clear: 		both;
	padding: 	5px;
	margin: 	0px;
	background: #3DA570;
	font-size:	11px;
	}
  
  
#menuo {
	background: #3DA570;
  font-family:Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px;
	width: 100%;
}
#menuo li {
	float: left;
	margin: 0;
	padding: 0;
}
#menuo a {
	background: #3DA570 url("") bottom right no-repeat;
  border-right: 1px solid #ccc;
  color: #fff;
	font-size: 	12px;
	font-family:Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	display: block;
	float: left;
	margin: 0;
	padding: 0px 12px;
	text-decoration: none;
}
#menuo a:hover {
	background: #B9DEB5 url("") top center no-repeat;
	color: #3DA570;
	padding-bottom: 0px;
} 

#menul {
	background: #3DA570;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 158px;
}
#menul li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menul a {
	background: #3DA570;
	border-bottom: 1px solid #ccc;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0px 12px;
	text-decoration: none;
}
#menul a:hover {
	background: #B9DEB5 url("") left center no-repeat;
	color: #3DA570;
	padding-bottom: 6px;
}