body{
	background-color: rgb(255, 255, 255);
	margin:0;
	padding:0;
}

a {
	border:0;
}
/*                          Das MenŸ mit seinen diversen ZustŠnden                      */
#menue {float:left; width:127px;margin:0;padding:0;line-height: 15px; font-size:13px; height:100%;  }
#menue ul {border:0;margin:0;padding:0;}
#menue li {
	width:127px;
	margin:0px;
	padding:0px;
	border:0px;
	list-style-type:none;
}

#ueber-uns a { height:45px;padding:0;margin:0;text-decoration:none;display:block;}
#technikCBT a { height: 35px;padding:0;margin:0;text-decoration:none;display:block;}
#kinderCBT  a { height: 35px;padding:0;margin:0;text-decoration:none;display:block;}
#spiele a { height: 23px;padding:0;margin:0;text-decoration:none;display:block;}
#kinderbilder a { height: 35px;padding:0;margin:0;text-decoration:none;display:block;}
#comic a { height: 23px;padding:0;margin:0;text-decoration:none;display:block;}
#vr a { height: 34px;padding:0;margin:0;text-decoration:none;display:block;}
#kontakt a { height: 45px;padding:0;margin:0;text-decoration:none;display:block;}
#index a { height: 45px;padding:0;margin:0;text-decoration:none;display:block;}
#gesundheitsbookshop a {display:block;}


/*             Hilfsgrafiken im MenŸ              */
#menue #topMenue { background-image:url(assets/navigation_r1_c1.gif); height: 110px;}
#menue #referenzen {background-image:url(assets/referenzen.gif);height: 45px;}
#menue #bottomMenue { background-image:url(assets/navigation_r8_c1.gif);height: 31px;}
#menue #abstand {height:20px;}

/*              Normalzustand der Buttons        */
#menue #ueber-uns { background:url(assets/ueber-uns.gif) no-repeat;height:45px;}
#menue #technikCBT { background:url(assets/technische-lernprogramme.gif) no-repeat;height: 35px;}
#menue #kinderCBT { background:url(assets/kinderlernprogramme.gif) no-repeat;height: 35px;}
#menue #spiele { background:url(assets/spiele.gif) no-repeat;height: 23px;}
#menue #kinderbilder { background:url(assets/kinderbilder.gif) no-repeat;height: 35px;}
#menue #comic { background:url(assets/comic.gif) no-repeat;height: 23px;}
#menue #vr { background:url(assets/news.gif) no-repeat;height: 34px;}
#menue #kontakt { background:url(assets/kontakt.gif) no-repeat;height: 45px;}
#menue #index { background:url(assets/startseite.gif) no-repeat;height: 45px;}

#menue #gesundheitsbookshop  { background-image:url(assets/gesundheitsbookshop.jpg);height: 83px;}

/*      Rolloverzustand der Buttons       */
#menue #ueber-uns a:hover{ background:url(assets/ueber-uns_f2.gif) no-repeat;}
#menue #technikCBT a:hover{ background:url(assets/technische-lernprogramme_f2.gif) no-repeat;}
#menue #kinderCBT a:hover{ background:url(assets/kinderlernprogramme_f2.gif) no-repeat;}
#menue #spiele a:hover{ background:url(assets/spiele_f2.gif) no-repeat;}
#menue #kinderbilder a:hover{ background:url(assets/kinderbilder_f2.gif) no-repeat;}
#menue #comic a:hover{ background:url(assets/comic_f2.gif) no-repeat;}
#menue #vr a:hover{ background:url(assets/news_f2.gif) no-repeat;}
#menue #kontakt a:hover{ background:url(assets/kontakt_f2.gif) no-repeat;}
#menue #index a:hover{ background:url(assets/startseite_f2.gif) no-repeat;}


/*    GedrŸckter Buttonustand jeder zugehšrigen Seite         */
#bodyueber-uns #ueber-uns { background-image:url(assets/ueber-uns_f2.gif);height:45px;}
#bodytechnikCBT #technikCBT { background-image:url(assets/technische-lernprogramme_f2.gif);height: 35px;}
#bodykinderCBT #kinderCBT { background-image:url(assets/kinderlernprogramme_f2.gif);height: 35px;}
#bodyspiele #spiele { background-image:url(assets/spiele_f2.gif);height: 23px;}
#bodykinderbilder #kinderbilder { background-image:url(assets/kinderbilder_f2.gif);height: 35px;}
#bodycomic #comic { background-image:url(assets/comic_f2.gif);height: 23px;}
#bodyvr #vr { background-image:url(assets/news_f2.gif);height: 34px;}
#bodykontakt #kontakt { background-image:url(assets/kontakt_f2.gif);height: 45px;}
#bodyindex #index { background-image:url(assets/startseite_f2.gif);height: 45px;}





#logo {
	position:relative;
	border:0;
	width:633px;
	height:110px;
	margin:0;
	padding:0;
	background-image:url(assets/oben.gif);
}
#rotQuadrat{
	float:left;
	width:25px;
	height:25px;
	background-color:#ff0000; 
}
#seite{
	width: 760px;
	left: 0px; 
	top: 0px;
	margin:0;
	padding:0;
	border:0;
}
#inhalt{
	float:right;
	width:633px;
}

.abstand{
	position: relative;
	width: 612px;
	height: 30px;
}


/*                           Schriftdefinitionen                                               */


  .uberschrift { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    }

  .normal { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(0, 0, 0);
    }

  .klein { font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    }

  .mailto { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(0, 0, 0);
    font-style: normal;
    text-decoration: underline;
    }

  .normalarial { font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    }

  .kleinarial { font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    }

  .uberschriftarial { font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    }

  .uberschriftweiss { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(102, 102, 102);
    }

  .link { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(2, 68, 128);
    text-decoration: underline;
    background-image: url(file:///Users/wolfgangschoner/Documents/Projekte/HOMEPAGENEU/navigation_r1_c1.gif);
    }

  .kleinkursiv { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    }

  .normalfett { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    }

  .filmtitel { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    }

  .normalmittig { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background-position: center;
    }

  .kleinrot { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: rgb(255, 102, 102);
    }

  .mehrInfos { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(255, 102, 102);
    }

  .kleinrotfett { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: rgb(255, 102, 102);
    }

  .normalrotfett { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 102, 102);
    }

  .linkfettunterstrichen { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(0, 64, 128);
    text-decoration: underline;
    }



/* ---------------     Drei D MenŸ rechts      ------------- */


#dreiDMenue{
	position:absolute; 
	width:128px; 
	left: 633px;
	top: -122px;
	background-color: rgb(1, 68, 128);
}
#dreiDMenue ul{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
    font-weight: bold;
  	list-style-type:none;
  	margin:0;
  	padding:0;
  	background-color: rgb(1, 68, 128);
  }
  
  
#dreiDMenue a {
    color: #EEE;
    text-decoration: none;
	display: block;
	padding: 3px;
	width: 127px;
	background-color: rgb(1, 68, 128);
}

#dreiDMenue a:link, #dreiDListe a:visited
{
color: #EEE;
text-decoration: none;
}

#dreiDMenue a:hover
{
background-color: #369;
color: #fff;
}