/* for ruben, cati and pieter only by dilemma.ch and ruderle.ch in 2007 */
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  background-color: #669966;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size: 12px;
  /* damit die box im iexplorer zentriert ist!: */
  text-align: center;
}

/*fixe zentrierte box*/
#box { 	
  margin: 0px auto;
  padding: 0;
  width: 818px;
  /*height:100%;*/
  /* damit die box im iexplorer zentriert ist!: */
  text-align: left;
}
/*ende fixe zentrierte box*/

/* navigation */
#header  {
/*  border: 1px solid #ff6600; */
  }
   
#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
 /* damit */
  line-height: 15px;
  }

#navigation li, #subnav li { 
  margin: 0;  
  padding: 0;
  float: left;
  width: 109px;
  }
  
#subnav li.double { 
  width: 218px;
  }
 
#navigation li.nav  {
  width: 55px;
  padding: 0;
  background-image:url(images/nav_gruen.jpg);
  background-repeat: repeat;
 /* damit das bg image die ganze zelle füllt:*/
  line-height: 21px;
  }

#subnav li.sub {
  width: 164px;
  padding: 0;
  background-image:url(images/subnav_gruen.jpg);
  background-repeat: repeat;
 /* damit das bg image die ganze zelle füllt:*/
  line-height: 21px;
  }

#navigation li a, #subnav li a,  #subnav li p {
  margin: 0;
  padding: 3px;  
  display: block;
  border-left: 1px solid #33CC33;
  text-decoration: none;
  }

#navigation li a { 
  background-color: #000000;	
  color: #99CC99;
  }

#subnav li a,  #subnav li p { 
  background-color: #006600;	
  color: #339933;
  }

#navigation li a:hover, #navigation li a.activ	{ 
  background-color: #FFFFFF;
  color: #000000;
  }

#subnav li a:hover, #subnav li a.activ	{ 
  background-color: #FFFFFF;
  color: #000000;
  }
  
.clr { clear:left;
  font-size: 1px;
  height:1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #33CC33;
}

.clrright { 
  clear:right;
}