body {
position: absolute;
 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  12px;
text-align: left; 
line-height: 130%;
color: #000000;
}

html, body {
top:0; right:0; left:0;
margin: 0px;
padding: 0px;
width: 100%;
background-color:#FFFEFC;
/*
background-color:#FFFEFC;

background-image: url(../medien/bgimage.gif);
background-repeat: repeat;
 background-attachment:fixed; padding:0px;
 */
}

/* container */
 
#header_container {
position: fixed;  
top: 0px;
right: 0px;
height: 64px;
width: 100%;
overflow: visible;
background-color: #ffffff;
z-index: 11;
}


#header { 
 
position: absolute;
top: 0px; 
left: 0px;
width: 100%;
height: 50px; 
background-color: #ffffff;
z-index: 12;
}


/* containe f?r menue 2 : impressum  etc  */

#menue2_container {
 z-index: 12;
	position:absolute;
	left: 609px;
	top: 49px;
	right: 16px; 
	height: 32px;
	
}

#menue2a {
	float:left;
	position: absolute; 
	width: 140px;
	height: 16px;	 
 
		background-color:#CCFF99;
	z-index: 12;
}


#menue2b {
	margin-left:16px;
	position: absolute;
	float:left;
	width: 100%;
	height: 16px;
   
	background-color:#CCFF99;
	z-index: 12;	 
}


#menue1_container {
z-index: 3;  
position: fixed;
top: 64px; 
right: 0px;
 
width: 100%;
height: 16px;
background-color:#C1F036;
overflow: hidden;
}


/* containerverschachtelt obere zeile, erster gruener balken   */

.menue1box0 {
z-index: 6; 
	float: left;
	height: 16px;	
background-color:#C1F036;
width: 99px;
 }


/* containerverschachtelt in menueleiste: Projekt, etc.*/
.menue1box1, .menue1box1b  {
	z-index: 6;
	float: left;
	height: 16px;
	background-color:#C1F036;
	color: #666666;
	padding-left: 8px;
	padding-right: 8px;
	width: 85px;
	border-width: 0px;
	border-color: #e3e3e3;
	 
	border-left-color: #C1F036;
	border-left-style: solid;
	border-left-width: 1px;
	
	font-size:11px;
	font-weight:bold;
	 
}

 
/* containerverschachtelt in menueleiste: Projekt* aktiver menue button */
.menue1box1b {
color: #000000;
background-color:#F1FCDB;
 
}

 /* untere menue linker gruener streifen mit runder ecke */
#menue1box0_container {
z-index: 5;  
position: fixed;
top: 80px; left: 0px;

width: 70px;
height: 100%;
 
background-image: url(../medien/dgruen-weiss.gif);
  
overflow: visible;
margin: 0px;
padding: 0px;
}
 


.menue1box0_1 {
 width:54px;
height: 16px;
background-color:#C1F036;
 
	background-repeat:no-repeat;
 float: left;
 }
 
.menue1box0_2 {
  float: left;
width: 16px;
height: 100%;

background-color:#FFFEFC;
 
background-image:url(../medien/runde_ecke_gruen1.gif);
background-repeat:no-repeat;
   
 }
 

/* untere menue container , Inhalte */

#menue1box1_container, #menue1box2_container, #menue1box3_container, #menue1box4_container, #menue1box5_container {
z-index: 5;
	position: fixed;
	top: 80px; 
	height: 16px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
 }
 
 #menue1box1_container {
 left: 100px;
 }
 #menue1box2_container {
 left: 202px;
 }
 #menue1box3_container {
 left: 304px;
 }
  #menue1box4_container {
 left: 406px;
 }
  #menue1box5_container {
 left: 507px;
 }

/* hier kommt das untermenue, definition der eigenschaften */

.menue1box1_1, .menue1box1_1b {
	z-index: 6;
	color: #000000;
	background-color: #e5e5e5;
	border-width: 1px;
	border-color: #e5e5e5;
	border-style: solid;
	height: 14px;
    float: left;  
	padding-left: 7px;
	padding-right: 8px;
	vertical-align: middle;	
	
	font-size:11px;
	
 }
 
.menue1box1_1b  {
  background-color: #ffffff; 
}


/* hier kommt unten rechts gruene ecke mit streifen*/
 
#menue1box6_container {
	z-index: 1;
	position: fixed;
 	top: 80px; 
	left:  720px;
	right: 0px; 
 	padding:0px;
	margin:0px;
	height: 100%;
	overflow: visible;  
   	background-image: url(../medien/dgruen-weiss.gif);
 	background-repeat: repeat; 
 }

 
.menue1box6_1 {
	z-index: 10;
	width:16px;
	height: 100%;
	float: left;
	background-color:#FFFFFF;
	overflow:visible;
	padding:0px;
	position:absolute; 
	background-image:url(../medien/runde_ecke_gruen2.gif);
	background-repeat:no-repeat;
	
 }
 
 
.menue1box6_2 {
	z-index: 1; 
	height: 16px;
	background-color:#C1F036;
	padding:0px;
	margin:0px;
	left:0px
	position:relative;
	overflow:visible;
 }

#content_container {

z-index: 2;
height: 100%;
width: 100%; 
 top: 0px;  
left: 0px;
position: absolute;
    
}
  
 
#content_container_a {
z-index: 1;
	float: left;
	padding-left: 68px;
	padding-right:0px;
   
   
}
 
#content_a {
width: 488px;	
	z-index :1; 	   
	width: 340px;		
 	margin: 0px 30px 50px 40px;
 font-family: Verdana, Helvetica, Arial, sans-serif;  
font-size:  12px;
align: left; 
line-height: 150%;
color: #000000;
  
	
}

#content_container_b {
z-index:1;
 width:100%;
 height:100%;
   right: 0px;
   top: 0px;   
   position:fixed;  
 
}


#content_b {
z-index: 1;
 
	width: 180px;
	margin-left : 500px;
	top:0px;
	margin-top:158px;
	/*margin-left: 5px;   20px;  */
	/* background-color: #e3e3e3; */
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-size: 10px;
    color: #666666;		
}



/* ==== Formate === */
/* menue_container und links  */

a:link.menue1link  { text-decoration:none; color:#336633; }
a:visited.menue1link  { text-decoration:none; color:#336633;}  
a:hover.menue1link  { text-decoration:none; color:#000000;  }
a:active.menue1link  { text-decoration:none; color:#ffffff;  }

a:link.menue1_1link  { text-decoration:none;  color:#336633; }
a:visited.menue1_1link  { text-decoration:none;color:#336633; } 
a:hover.menue1_1link  { text-decoration:none; color:#000000;  }
a:active.menue1_1link  { text-decoration:none; color:#ffffff;  }

a:link.menue2link   { text-decoration:none; color:#339933; }
a:visited.menue2link  { text-decoration:none; color:#339933; }
a:hover.menue2link  { text-decoration:none; color:#000000;  }
a:active.menue2link  { text-decoration:none; color:#ffffff; }

a:link.menue3link   { text-decoration:none; color:#FF3300;  }
a:visited.menue3link  { text-decoration:none; color:#FF3300;  }
a:hover.menue3link  { text-decoration:none; color:#000000;   }
a:active.menue3link  { text-decoration:none; color:#ffffff;  }


/* hier kommen die roten links   */

a:link   { text-decoration:none; color:#FF3300; background-color:transparent; }
a:visited  { text-decoration:none; color:#FF6600;background-color:transparent; }
a:hover { text-decoration:none; color:#000000; background-color:transparent; }
a:active   { text-decoration:none; color:#ffffff; background-color:transparent;}

a:link.text { color:#FF3300; text-decoration:none; background-color:#FFFF99;}
a:visited.text { color:#FF6600; text-decoration:none; background-color:#ffff99;}
a:hover.text { color:#FF3300; text-decoration: background-color:#FFFFFF; }
a:active.text { color:#000000; text-decoration:none;background-color:#FFFF99;}

a:link.klapptext { text-decoration:none; color:#FF3300; background-color:transparent; }
a:visited.klapptext  { text-decoration:none; color:#FF6600;background-color:transparent; }
a:hover.klapptext { text-decoration:none; color:#000000; background-color:transparent; }
a:active.klapptext  { text-decoration:none; color:#ffffff; background-color:transparent;}

/* text */

h1 {
 	 font-size: 12px;
	color:#000000;
}


div.keinumbruch {
	white-space: nowrap;
}
 
span.style18 {
	font-style:italic;
 	color: #999999;
 }


/* class box f????r Bildhintergrund*/

div.box { background: #e3e3e3; margin-left:0px;}
 
div.box .top, .box .bottom{  display:block; margin-left:0px; background: #ffffff;}
div.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #e3e3e3;
}
div.box .r1{margin: 0 5px;}
div.box .r2{margin: 0 3px;}
div.box .r3{margin: 0 2px;}
div.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}

/* class box_menue2: runde ecken f????????r das menue2 */

div.box_menue2 { background-color:#CCFF99;}
div.box_menue2 .top2, .box_menue2 .bottom2{display:block;background: #ffffff;} 
div.box_menue2 .top2 b, .box_menue2 .bottom2 b
{
  display:block;height: 1px; overflow: hidden;	background-color:#CCFF99;
}

div.box_menue2 .r1_2{margin: 0 5px;}
div.box_menue2 .r2_2{margin: 0 3px;}
div.box_menue2 .r3_2{margin: 0 2px;}
div.box_menue2 .top2 .r4_2, .box_menue2 .bottom2 .r4_2{margin: 0 1px; height: 2px;}


/* class box_menue1: runde ecken f????????r das menue1 */

div.box_menue1 { background: #ccff9a;}
div.box_menue1 .top1, .box_menue1 .bottom1{display:block;background: #ccff9a;} 
div.box_menue1 .top1 b, .box_menue1 .bottom1 b
{
  display:block; height: 1px; overflow: hidden; background: #ffffff;
}

div.box_menue1 .r1_1{margin: 0 5px;}
div.box_menue1 .r2_1{margin: 0 3px;}
div.box_menue1 .r3_1{margin: 0 2px;}
div.box_menue1 .top1 .r4_1, .box_menue1 .bottom1 .r4_1{margin: 0 1px; height: 2px;}

/* klassen definition f????????r bildunterschrift */
div.bild { padding-top: 13px; padding-left: 20px;}
div.bildunterschrift {  padding-left: 16px;  padding-right: 16px; padding-bottom:16px; line-height: 150%;}

/* klassen definition fuer kommentar */
div.kommentartitel {
	margin-right:0px;
	padding-left:4px;
 	padding-right:5px;
 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	 color: #666666;
   text-align: right; 
  /* 
   border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;

   border-left-color: #cccccc;
	border-left-style: solid;
	border-left-width: 1px;
		 
 */
	border-top-color:  #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
   
  /*  background-color:#FFFCE5;   */
    
}

div.kommentar {   
border-width:0px;
 margin-top: 0px;
padding-left:30px; padding-right:30px;
padding-top:20px; padding-bottom:30px; 	
   background-color:#FAF7E1;

line-height: 130%;
	font-family: Verdana, Helvetica, Arial, sans-serif;  
	font-size: 11px;
    color: #333333;	
}



/* Schrift-Angaben fuer die Menuepunkte: Sitemap, Impressum, Links */
span.menue2 {
font-style: bold;
color: #999999;
font-size: 10px; 
}

span.menue2b{
font-style: bold;
color: #000000;
font-size: 10px; 
}

/* Schrift-Angaben fuer das Hauptmenue: Projekt, Coach, Methoden etc. */
span.menue1 {
	color: #000000;
	font-size:11px;
	font-weight:bold; 
}

#menue1x {
	color: #000000;
	font-size:11px;
	font-weight:bold; 
}

 

/* Schrift-Angaben fuer die jeweiligen Unter-Menupunkte von Menue1: z. B.  */
span.menue3 {
	font-size:11px;
    color: #000000;
	font-weight:normal;
}

/* ////////// externe scripts fuer bild-matrix /////////  */


#Layer0 {
 
overflow: visible;
}
 
 
 
 
/*  //////////////           Beginn StarHack WindowsIE       /////////////////   */

 

* html, * html body {
    overflow: hidden;	  
    height: 100%;
    background-color:#FFFEFA;
    
}


* html #header_container, * html #menue1_container  {
	position: absolute;
	margin-right: 16px;
	width: 100%;
	overflow: hidden;
	visibility: visible;
}


/* korrektur von logo (header) und rechtem menue (impressum, links) */

* html #header,* html #menue2_container {
 padding-lef\t: 16px;
 right: 0px;
}

* html .menue1box0 {
width: 100px;
w\idth: 115px;   
 }


 * html #menue1box1_container {
  	left:99px;  
	lef\t:99px;
 }

 * html #menue1box2_container {
  	left:201px;  
	lef\t: 201px;
 }
 
  * html #menue1box3_container {
  	left:304px;  
	lef\t:304px;
 }

 * html #menue1box4_container {
  	left:405px;  
	lef\t:405px;
 }

 * html #menue1box5_container {
  	left:506px;  
	lef\t:506px;
 }
 

* html .menue1box1,  * html .menue1box1b {
 
width: 102px;
wid\th: 85px;

 }

* html .menue1box1_1,  * html .menue1box1_1b {
 
position: fixed;  
overflow: visible;

height: 16px;
heigh\t: 14px;

 }
 
  
* html #menue1box1_container,  * html #menue1box2_container,  * html #menue1box3_container,  * html #menue1box4_container,  * html #menue1box5_container {
 	position: absolute;  
	overflow: visible;
}

* html #menue1box0_container {
	position: absolute;
	overflow: hidden;
}

* html #menue1box6_container {
	position: absolute;
	margin-right: 16px;
	 
}
 

* html #content_container {
	position: absolute;
	top:0px; bottom:0px; 
	right: 0px;  	 
	width: 100%;
	height: 100%;
	overflow-y: scroll;    
    margin-righ\t: 16px;
    
}

 
* html #content_container_a {
	position: absolute;
	top: 20px;
	to\p: 0px;
	width: 400px;
	height: 100px;	 
	 
}

 


* html #content_container_b {
	position: absolute;
	
	margin-right:16px; 
	overflow: hidden;
		
	}
	 
* html #Layer0 {
	overflow: hidden;
	 overflo\w: visible;
	background-color:#ff0000; 
		
	}
 

 

* html div.bild { padding-bottom:16px;}
 
 
 /* Ende StarHack WindowsIE  fuer IE5, Tanteck Hack: die Backslash (\) Version als Erweiterung ist fuer IE6: Setzen Sie das Escape-Zeichen \ an eine beliebige Stelle innerhalb der Eigenschaft, jedoch nicht direkt vor einen der Buchstaben a bis f, da dieser sonst als hexadezimaler Wert interpretiert werden wuerde. */