@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------------------LAYOUT----------------------------------------*/  
	strong { font-family: 'OpenSansSemibold', Arial,  sans-serif;font-weight:100 }

   body 
   {
    color: #222222;
	background-color: #4C8C50;
    margin: 0;
	height:100%;
	width:100%;
	padding:0;
    font-family: 'OpenSansRegular', Arial,  sans-serif;
    font-size: 12pt;
  }
  
  		* html #body
	{
	    font-size: 14px;
	}

  div#Seite 
  {
	position:absolute;
	box-shadow: 0px 0px 40px #000;
	left:50%;
	top:50%;
	margin-left:-425px; /* Hälfte der Breite nach links */
	margin-top:-282px; /* Hälfte der Höhe nach oben */
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    display: block;
    width: 850px;      /* standardkonforme horizontale Zentrierung */
	height: 563px;
	overflow:hidden; 
    padding: 0;
    background-color: white;
  }
  	  
  #logo 
  {
    position: relative;
	 height:80px;
	 width:300px;
	 padding:10px;
    left: 540px;
	 }
	 
	#header 
	{
	width: 850px;
	height: 26px;
	background-color: #B5D7B7; color: black;
	padding: 0;
	margin: 0;
	}
	
		
	#content
	{
	float: left;
	display:block;
	width: 850px;
overflow:auto; 
height:437px;
	margin: 0;
	padding: 0;

	}
		
	#content-left
	{
	float: left;
	display:block;
	height:416px;
	overflow:auto; 
	width: 472px;
	margin-top: 3px;
	padding: 20px;
padding-bottom: 0px;
padding-top: 17px;
	}

	#content-left-woscroll
	{
	float: left;
	display:block;
	height:inherit;
	overflow:hidden;
	width: 490px;
	margin-top: 0px;
	margin-left:8px;
	margin-right: 0px;
        margin-bottom:0px;
	padding: 0px;
	padding-bottom: 0px;
	}


	
	#content-right
	{
	float: right;
	display:block;	
	height:400px;
	width:300px;
	margin-top: 3px;
  background-color: #b5d7b7; color: black;
	padding-left: 17px;
	padding-top: 17px;
	padding-right: 18px;
	padding-bottom: 17px;
	}

	#fill-right
	{
    width: 335px;
	height:100%;
    margin: 0px;
    margin-top: 0; 
    padding-left: 0;  
    background-color: #B5D7B7;
	}
	
	.grid-container {
	display: grid;
	grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  margin: 1.5px -1.5px 0px -1.5px;
	}
	
	.grid-item {
	display:block;	
	height = 100%;
	  background-color: #b5d7b7;
	  border: 1.5px solid white;
	}



	.staff
	{
	float: inherit;
	display:block;	
	height:143px;
	margin-top: 3px;
	width:100%;
  background-color: #ffffff;
	padding: 0px;
	}
	



	.staffpic
	{


float: left;
height: 100%;
margin-right: 5px;


	}

	.stafftext
	{
padding: 5px;


	}


	
	#navi-right
	{
	float: right;
	display:block;	
	margin: 0px;
  background-color: #ffffff; 
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
	
	 #footer 
	 {
    clear: both;
    display:block;
    font-size: 0.83em;
    margin: 0; padding: 0;

    }
/*--------------------------------------------------------------------------*/    
   ul#navi-top
   {
    margin: 0; padding: 0;
    text-align: center;
    background-color: white; 
    width: 206px;
    }
  
  
  ul#navi-top li 
   {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
   }

  ul#navi-top a, ul#navi-top span 
  {
    float: left; width: 100px;
    margin-right: 3px; 
    padding-top: 2px; 
    padding-bottom: 2px;
    text-decoration: none;
    display: block;
    color: #006000; 
    background-color: #B5D7B7;
  }
  
   ul#navi-top a:hover, ul#navi-top span 
   {
    color: white; 
    background-color: #4C8C50;
   }
  
  ul#navi-top div 
  {
     clear: left;
  }
 
/*----------------------------------------------------------------------*/  
    ul#navi-left 
    {
    width: 335px;
    margin: 0px;
    margin-top: 0; 
    padding-left: 0;  
    background-color: white; 
   }
   
 * html ul#navi-left 
  {  /* Korrekturen fuer IE 5.x */
    width: 180px;
    w\idth: 180px;
    padding-left: 0;
    padd\ing-left: 0;
    margin: 0;
  }
  
  ul#navi-left li 
  {
    list-style: none;
    margin: 0; padding: 0;
  }

  ul#navi-left li ul 
  {
    margin: 0 20px 0 0; padding: 0;
  }
  
  ul#navi-left li ul li 
  {
    margin: 0 20px 0 0;
  }
  
  * html ul#navi-left li ul li 
  {  /* Korrektur fuer IE 5.x */
    margin-right: 30px;
    ma\rgin-right: 30px;
  }

  ul#navi-left a, ul#navi-left span 
  {
    display:block;
    padding:2px;
padding-left: 10px;
        margin-top: 3px;
    text-decoration: none; 

    color: #006000; background-color: #B5D7B7;
  }
  
  * html ul#navi-left a 
  {
    width: 178px;    /* Breitenangabe fuer IE 5.x */
    w\idth: 178px;  /* Breitenangabe fuer IE 6 */
  }
  
    * html ul#navi-left span 
    {
    width: 178px;    /* Breitenangabe fuer IE 5.x */
    w\idth: 178px;  /* Breitenangabe fuer IE 6 */
    }
    
  * html ul#navi-left li ul li a 
  {
    width: 140px;    /* Breitenangabe fuer IE 5.x */
    w\idth: 140px;  /* Breitenangabe fuer IE 6 */
  }
  
  * html ul#navi-left li ul li span 
  {
    width: 140px;    /* Breitenangabe fuer IE 5.x */
    w\idth: 140px;  /* Breitenangabe fuer IE 6 */
  }  
  
  ul#navi-left a:hover, ul#navi-left span 
  {
    color: white; 
    background-color: #4C8C50;
  }
   
   /*------------------------------------------------------------------*/  


	.Bereich, .Feld { background-color:white; color: black; width:300px; border:2px solid  #B5D7B7; }
	.Auswahl { background-color:white; color: black; width:300px; border:2px solid  #B5D7B7; }
	.Check, .Radio { background-color:white; color: black; border:2px solid  #B5D7B7; }
	.Button { background-color: #4C8C50; color: black; width:200px; border:2px solid  #B5D7B7; }

table
{
border-collapse:collapse;
}

	td 
	{
	border: 3px solid white;
	background-color: #B5D7B7;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	}




   ul 
   {
   list-style-image:url(./pic/listdot.gif);
   }

   a 
   {
   text-decoration: none;
   color: #006000;
   }