html {
background:url("images/kachel-center.jpg") repeat-y;
	background-position:center;
}


body{
/* 101% zur font-size-Korrektur f�r Opera bis v.6 */
background:url("images/kachel.jpg") repeat;
background-position:bottom;
	margin:0;padding:0;
overflow-x: hidden; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000000;
}

h1 {
color:#bca904;
font-size:1.2em;
font-weight:bold;
}

small {
font-size:0.85em;
}

li {
color:#000000;
}

.boxrahmen {

background:url("images/kachel-center.jpg") repeat-y;
	background-position:center;
/* width notwendig f�r IE Win, da sonst Fehldarstellung */
   width:1000px; 
margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	background:url("images/kachel-center.jpg") repeat-y;
	background-position:center;
}

.left {

display:inline;margin:0px;
/* folgende min-width in Relation zu entsprechender Angabe unter .aussenrahmen (s.o.) */
   min-width: 145px;
   margin-top: 0px; 
/* margin-left-Angabe abweichend von .box02 & .box03 , ermittelt durch Trial & Error,
float-bug in IE wird in darauffolgender Definition korrigiert */

   float: left;
   
   	width: 145px;
	height:781px;
	margin-left:40px;
	background:url("images/left.jpg") no-repeat;
	background-position:top, left;
}

.separator {

font-size: 1px;
line-height: 1px;
height: 3px;
border-bottom:1px dotted;
color: #000000;
}



/* ab hier wird's tricky wegen IE Float-Bug, 
Hack dank Thomas Scholz; Erkl�rung siehe:
http://www.css-technik.de/details/107/5/CSS-Browser-Bugs.htm;
verursacht *keine* Warnung beim Validieren! */

.content {
display:inline;margin:0px;
color:#000000;
  width:580px;
/* min-width siehe .box01 */
  min-width: 130px;
  margin-top: 30px;
  margin-left: 2.5%;
  float: left;
  height:100%;
  max-height:100%;
  }
  
.right {
display:inline;margin:-5px;
	width: 165px;
	height:781px;

/* min-width siehe .box01 */
   min-width: 130px;
   margin-top: 0px;
   margin-left: 5px;
   float: left;
   background:url("images/right.jpg") no-repeat;
   background-position: right;
   
}
.box01 h1, .box02 h1, .box03 h1 {
   font-size: 1em;
   margin: 12px 5px;
}
.box01 p, .box02 p, .box03 p {
   margin: 12px 5px;
}
.clear {   
   clear: both;
}
.header{
	width: 920px;
	height:199px;
	padding:0px;
	margin: 0 auto;
	background:url("images/header.jpg") no-repeat;
	background-position:center,top;
}
.footer{
	width: 1000px;
	height:31px;
	padding:0px;
	margin:auto;
	position:fixed;
	bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	color:#0c7220;
	background:url("images/footer.jpg") no-repeat;
	background-position:center,bottom;
}
/* Navigation links */
#navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;

}
#navlist a, #navlist a:visited {
	color:#0c7220;
	height:25px;
	width:145px;
	padding-left:35px;
	padding-top:2px;
	padding-bottom:2px;
	display: block;
	background-image:  url(navactive.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
	line-height:11px;	
	font-size:10px;
}
#navlist a:hover {
	color:#ffffff;
	padding-left:35px;
	padding-top:2px;
	padding-bottom:2px;
	height:25px;
	width:145px;
	background-image:  url();
	font-size:10px;
}
#sidebar #navlist .uberlink {
	height:25px;
	width:145px;
	padding-left:35px;
	padding-top:8px;
	padding-bottom:2px;
	background-image:  url("images/navactive.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	color:#0c7220;
	font-weight: bold;
	cursor: default;
	font-size:10px;
}
#sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:25px;
	position: absolute;
	width: 145px;
}

#sidebar a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0c7220;
	line-height:18px;
	text-decoration:none;
}
#sidebar a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	line-height:18px;
	text-decoration:none;
}

/* Container rechts*/
#sideright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:25px;
	padding-left:8px;
	position: absolute;
	width: 145px;
}
#rechts-head {
	height:25px;
	width:160px;
	padding-left:45px;
	padding-top:2px;
	background-image:  url("images/righthead.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	color:#0c7220;
	font-weight: bold;
	cursor: default;
}

#links-head {
		height:25px;
	width:160px;
	padding-left:35px;
	padding-top:4px;
	padding-bottom:2px;
	background-image:  url("images/navactive.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	color:#0c7220;
	font-weight: bold;
	cursor: default;
	font-size:10px;
}

#rechts-content{
	padding-left:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0c7220;
	line-height:18px;
	width:115px;
}
#rechts-content b, strong{
	color:#bca904;
}

#rechts-content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0c7220;
	line-height:18px;
	text-decoration:none;
}
#rechts-content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	line-height:18px;
	text-decoration:none;
}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0c7220;
	line-height:18px;
	text-decoration:none;
}
a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bca904;
	line-height:18px;
	text-decoration:none;
}

td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000000;
	border-bottom:1px dotted #acacac; vertical-align:top; overflow:visible;

}

/* Das ist die *unsichtbare* Tabelle*/
.tabelle2 td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000000;
	border-bottom:0px;

}

#lang{

	padding-left:15px;

}


input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:10px;
padding-top:10px;
border:0px;
color:#61896c;
width:100%}