/* Globale Angaben */

body {
  background: #ffffff url(../images/body_bg.jpg) repeat-y;
  font-family: Verdana, Arial, Helvetica;
  font-size: 75%;
  color: #000000;
  margin: 0;
  padding: 0;
}

h1 {
  color: #ff9900;
  font-size: 125%;
  font-weight: bold;
}

hr {
  color: #D3E1F6;
  float: left;
  clear: both;
}

acronym {
	color: #148df5;
	cursor: help;
	border-bottom: 1px dotted #148df5;
}

.bold {
  font-weight: bold;
}

/* Oberer horizontaler Bereich inkl. Logo und Metanavigation */

#oben {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 84px;
  padding: 0;
  margin: 0;
  background: #D2E1F6 url(../images/schule_head_84px.gif) no-repeat;
}

#meta_bogen {
  position: absolute;
  top: 84px;
  left: 146px;
  z-index: 2;
  width: 35px;
  height: 22px;
  background: #ffffff url(../images/meta_bogen.gif) no-repeat;
}

#meta {
  position: absolute;
  top: 84px;
  left: 0;
  z-index: 0;
  height: 20px;
  width: 100%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #ff9900;
}

/* Darstellung der Zusatznavigationen Lehrerzimmer und Wasserwerkstatt */

#meta #meta_navigation {
  position: absolute;
  top: 0px;
  left: 205px;
  font-weight: bold;
  color: #ffffff;
  width: 500px;
  height: 20px;
}

#meta #meta_navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}

#meta #meta_navigation li {
  float: left;
  line-height: 20px;  
}

#meta #meta_navigation ul li.lehrer a, #meta #meta_navigation ul li.lehrer a:link {
  display: block;
  color: #ffffff;
  text-decoration: none;
  width: 130px;
  margin: 0px 0px 0px 0px;
  background: #ff9900; 
  text-align: center; 
/*  border-right: 1px solid #FFFFFF;*/
}

#meta #meta_navigation ul li.lehrer a:hover {
  background: url(../images/schule_reiter_lehrer.gif) no-repeat;
/*  border-right: 1px solid #ff9900;*/
}

#meta #meta_navigation ul li.lehrer a.active {
  background: url(../images/schule_reiter_lehrer.gif) no-repeat;
/*  border-right: 1px solid #ff9900;*/
  border-bottom: 1px solid #7abaf6;
}

#meta #meta_navigation ul li.werkstatt a, #meta #meta_navigation ul li.werkstatt a:link {
  display: block;
  color: #ffffff;
  text-decoration: none;
  width: 130px;
  margin: 0px 0px 0px 0px;
  background: #ff9900;
  text-align: center;  
}

#meta #meta_navigation ul li.werkstatt a:hover {
  background: url(../images/schule_reiter_werkstatt.gif) no-repeat;
}

#meta #meta_navigation ul li.werkstatt a.active {
  background: url(../images/schule_reiter_werkstatt.gif) no-repeat;
  border-bottom: 1px solid #516ce6;
}

/* Darstellung der Servicenavigation wie Home, Kontakt etc. inkl. Suche */

#meta #service_navi {
  position: absolute;
  left: 60%;
  top: -3px;
  color: #ffffff;
  font-size: 80%;
  padding: 0 0 0px 0;
}

#meta #service_navi input.textfeld {
  border: 1px solid #ffffff;
  width: 90px;
  height: 10px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #000000;
  margin-top: 0px;
  padding: 0;
}

#meta #service_navi input.button {
  background: url(../images/schule_icon_suche.gif) no-repeat;
  border: 0;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  cursor: pointer;
}

#meta #service_navi a, #meta #service_navi a:link {
  color: #ffffff;
  text-decoration: none;
}

#meta #service_navi a:hover, #meta #service_navi a.active {
  color: #ffffff;
  text-decoration: underline;
}

#meta_unten {
  position: absolute;
  top: 106px;
  left: 0;
  width: 100%;
  height: 17px;
  background: #E8F5FE;
}

#meta_unten_lehrer {
  position: absolute;
  top: 106px;
  left: 0;
  width: 100%;
  height: 17px;
  background: #78BAF6;
}

#meta_unten_werkstatt {
  position: absolute;
  top: 106px;
  left: 0;
  width: 100%;
  height: 17px;
  background: #516ce6;
}

#bogen {
  position: absolute;
  top: 123px;
  left: 180px;
  width: 13px;
  height: 13px;
  z-index: 15;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  width: 145px;
  height: 166px;
}

/* Darstellung linker Bereich inkl. Navigation */

#links {
  position: absolute;
  top: 84px;
  left: 0;
  z-index: 0;
  width: 180px;
  height: 1800px;
  padding: 0;
  margin: 0;
  background: #E8F5FE url(../images/schule_links_180px.gif) repeat-y;
}
* html #links {
  top: 84px;
}

#links #navigation {
  position: absolute;
  left: 0;
  top: 90px;
  width: 180px;
}

#links #navigation #start {
  width: 180px;
  height: 20px;
  background: url(../images/schule_welle_start_oben.gif) no-repeat;
}

#links #navigation #ende {
  width: 180px;
  height: 20px;
  background: url(../images/welle_start_unten_transp.gif) no-repeat;
}

/* 1. Navigationsebene */

#links #navigation ul {
  padding: 0;
  margin: 0;
  background: #D3E1F6;
  list-style: none;
}

#links #navigation ul li a, #links #navigation ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 1px 0px 0px 29px;
  background: #D3E1F6 url(../images/schule_punkt_home.gif) no-repeat 6px 5px;
  color: #148DF5;
  line-height: 25px;
}

* html #links #navigation ul li a, #links #navigation ul li a:link {
  padding: 1px 0 0px 29px;
}

#links #navigation ul li a:hover, #links #navigation ul li a.active {
  color: #1231AC;
  background: #D3E1F6 url(../images/schule_punkt_over_home.gif) no-repeat 6px 5px;
}

* html #links #navigation ul li a.active {
  padding: 1px 0 0px 29px;
}

/* 2. Navigationsebene */

#links #navigation ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links #navigation ul ul {
  padding: 10px 0 0 0;
}

#links #navigation ul ul li a, #links #navigation ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 29px;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}

#links #navigation ul ul li a:hover, #links #navigation ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links #navigation ul ul li a:hover, * html #links #navigation ul ul li a.active {
  padding: 3px 0px 3px 29px;
}

/* 3. Navigationsebene */

#links #navigation ul ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links #navigation ul ul ul {
  padding: 10px 0 0 0;
}

#links #navigation ul ul ul li a, #links #navigation ul ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 42px;
  font-size: 95%;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}

#links #navigation ul ul ul li a:hover, #links #navigation ul ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links #navigation ul ul ul li a:hover, * html #links #navigation ul ul ul li a.active {
  padding: 3px 0px 3px 42px;
}
/* Darstellung linker Bereich inkl. Navigation Folge */

#links_folge {
  float: left;
  z-index: 0;
  width: 180px;
  height: 800px;
  padding: 0;
  margin: 0;
  background: #E8F5FE url(../images/schule_links_180px.gif) no-repeat;
}

#links_folge #navigation_folge {
  float:left;
  margin: 0;
  padding: 0px 0 0 0;
  width: 180px;
}

#links_folge #navigation_folge #ende_folge {
  width: 180px;
  height: 20px;
  background: url(../images/welle_start_unten_transp.gif) no-repeat;
}

/* 1. Navigationsebene */

#links_folge #navigation_folge ul {
  padding: 0;
  margin: 0;
  background: #D3E1F6;
  list-style: none;
}

#links_folge #navigation_folge ul li {
  background: url(../images/welle_start_unten_transp.gif) no-repeat;
}

#links_folge #navigation_folge ul li a, #links_folge #navigation_folge ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 1px 0px 0px 29px;
  background: #D3E1F6 url(../images/schule_punkt_home.gif) no-repeat 6px 5px;
  color: #148DF5;
  line-height: 25px;
}

* html #links_folge #navigation_folge ul li a, * html #links_folge #navigation_folge ul li a:link {
  line-height: 25px;
}

#links_folge #navigation_folge ul li a:hover, #links_folge #navigation_folge ul li a.active {
  color: #1231AC;
  background: #D3E1F6 url(../images/schule_punkt_over_home.gif) no-repeat 6px 5px;
}

* html #links_folge #navigation_folge ul li a.active {
  padding: 1px 0 0px 29px;
}

/* 2. Navigationsebene */

#links_folge #navigation_folge ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links_folge #navigation_folge ul ul {
  padding: 10px 0 0 0;
}

#links_folge #navigation_folge ul ul li a, #links_folge #navigation_folge ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 29px;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}

#links_folge #navigation_folge ul ul li a:hover, #links_folge #navigation_folge ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links_folge #navigation_folge ul ul li a:hover, * html #links_folge #navigation_folge ul ul li a.active {
  padding: 3px 0px 3px 29px;
}

/* Darstellung links branded für Lehrerzimmer */

#links_lehrer {
  position: absolute;
  top: 84px;
  left: 0;
  z-index: 1;
  width: 180px;
  height: 74px;
  padding: 0;
  margin: 0;
  background: #78baf6;
}

* html #links_lehrer {
  top: 84px;
}

#links_lehrer #navigation_lehrer {
  float:left;
  margin: 0;
  padding: 90px 0 0 0;
  width: 180px;
  background: #78baf6;
}

#links_lehrer #navigation_lehrer #start_lehrer {
  width: 180px;
  height: 20px;
  background: url(../images/schule_welle_lehrer_oben.gif) no-repeat;
}

#links_lehrer #navigation_lehrer #ende_lehrer {
  width: 180px;
  height: 20px;
  background: url(../images/schule_welle_lehrer_unten.gif) no-repeat;
}

#links_lehrer #navigation_lehrer ul {
  padding: 0;
  margin: 0;
  background: #78baf6;
  list-style: none;
}

#links_lehrer #navigation_lehrer ul li a, #links_lehrer #navigation_lehrer ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 1px 0px 0px 29px;
  background: #78baf6 url(../images/schule_punkt_lehrer.gif) no-repeat 6px 5px;
  color: #ffffff;
  line-height: 25px;
}

* html #links_lehrer #navigation_lehrer ul li a, * html #links_lehrer #navigation_lehrer ul li a:link {
  line-height: 25px;
}

#links_lehrer #navigation_lehrer ul li a:hover, #links_lehrer #navigation_lehrer ul li a.active {
  color: #ffffff;
  background: #78baf6 url(../images/schule_punkt_over_lehrer.gif) no-repeat 6px 5px;
}

* html #links_lehrer #navigation_lehrer ul li a.active {
  padding: 1px 0 0px 29px;
}

/* 2. Navigationsebene */

#links_lehrer #navigation_lehrer ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links_lehrer #navigation_lehrer ul ul {
  padding: 10px 0 0 0;
}

#links_lehrer #navigation_lehrer ul ul li a, #links_lehrer #navigation_lehrer ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 29px;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}

#links_lehrer #navigation_lehrer ul ul li a:hover, #links_lehrer #navigation_lehrer ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links_lehrer #navigation_lehrer ul ul li a:hover, * html #links_lehrer #navigation_lehrer ul ul li a.active {
  padding: 3px 0px 3px 29px;
}

/* 3. Navigationsebene */

#links_lehrer #navigation_lehrer ul ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links_lehrer #navigation_lehrer ul ul ul {
  padding: 10px 0 0 0;
}

#links_lehrer #navigation_lehrer ul ul ul li a, #links_lehrer #navigation_lehrer ul ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 42px;
  font-size: 95%;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}

#links_lehrer #navigation_lehrer ul ul ul li a:hover, #links_lehrer #navigation_lehrer ul ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links_lehrer #navigation_lehrer ul ul ul li a:hover, * html #links_lehrer #navigation_lehrer ul ul ul li a.active {
  padding: 3px 0px 3px 42px;
}

/* Darstellung links branded für Wasserwerkstatt */

#links_werkstatt {
  position: absolute;
  top: 84px;
  left: 0;
  z-index: 1;
  width: 180px;
  height: 74px;
  padding: 0;
  margin: 0;
  background: #516ce6;
}

* html #links_werkstatt {
  top: 84px;
}

#links_werkstatt #navigation_werkstatt {
  float:left;
  margin: 0;
  padding: 90px 0 0 0;
  width: 180px;
  background: #516ce6;
}

#links_werkstatt #navigation_werkstatt #start_werkstatt {
  width: 180px;
  height: 20px;
  background: url(../images/schule_welle_werkstatt_oben.gif) no-repeat;
}

#links_werkstatt #navigation_werkstatt #ende_werkstatt {
  width: 180px;
  height: 20px;
  background: url(../images/schule_welle_werkstatt_unten.gif) no-repeat;
}

#links_werkstatt #navigation_werkstatt ul {
  padding: 0;
  margin: 0;
  background: #516ce6;
  list-style: none;
}

#links_werkstatt #navigation_werkstatt ul li a, #links_werkstatt #navigation_werkstatt ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 1px 0px 0px 29px;
  background: #516ce6 url(../images/schule_punkt_werkstatt.gif) no-repeat 6px 5px;
  color: #ffffff;
  line-height: 25px;
}

* html #links_werkstatt #navigation_werkstatt ul li a, * html #links_werkstatt #navigation_werkstatt ul li a:link {
  line-height: 25px;
}

#links_werkstatt #navigation_werkstatt ul li a:hover, #links_werkstatt #navigation_werkstatt ul li a.active {
  color: #ffffff;
  background: #516ce6 url(../images/schule_punkt_over_werkstatt.gif) no-repeat 6px 5px;
}

* html #links_werkstatt #navigation_werkstatt ul li a.active {
  padding: 1px 0 0px 29px;
}

/* 2. Navigationsebene */

#links_werkstatt #navigation_werkstatt ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links_werkstatt #navigation_werkstatt ul ul {
  padding: 10px 0 0 0;
}

#links_werkstatt #navigation_werkstatt ul ul li a, #links_werkstatt #navigation_werkstatt ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 29px;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}


#links_werkstatt #navigation_werkstatt ul ul li a:hover, #links_werkstatt #navigation_werkstatt ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links_werkstatt #navigation_werkstatt ul ul li a:hover, * html #links_werkstatt #navigation_werkstatt ul ul li a.active {
  padding: 3px 0px 3px 29px;
}
/* 3. Navigationsebene */

#links_werkstatt #navigation_werkstatt ul ul ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
  list-style: none;
}

* html #links_werkstatt #navigation_werkstatt ul ul ul {
  padding: 10px 0 0 0;
}

#links_werkstatt #navigation_werkstatt ul ul ul li a, #links_werkstatt #navigation_werkstatt ul ul ul li a:link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 0px 3px 42px;
  font-size: 95%;
  background: #ffffff;
  color: #148DF5;
  line-height: 16px;
}


#links_werkstatt #navigation_werkstatt ul ul ul li a:hover, #links_werkstatt #navigation_werkstatt ul ul ul li a.active {
  color: #1231AC;
  background: #ffffff;
}

* html #links_werkstatt #navigation_werkstatt ul ul ul li a:hover, * html #links_werkstatt #navigation_werkstatt ul ul ul li a.active {
  padding: 3px 0px 3px 42px;
}

/* Darstellung Content */

#content {
  position: absolute;
  top: 123px;
  left: 205px;
  margin: 0;
  padding: 0;
  width: 75%;
}

#content #breadcrumb {
  position: absolute;
  top: 7px;
  left: 0;
  color: #666666;
  font-size: 80%;
}

#content #breadcrumb a, #content #breadcrumb a:link {
  color: #666666;
  text-decoration: none;
}

#content #text {
  position: absolute;
  top: 38px;
  left: 0;
  width: 750px;
}

#content #text #box {
  float: left;
  clear: both;
}

#content #text #box #beginn {
  color: #148df5;
}

#content #text #box #beginn.orange {
  color: #ff9900;
}

#content #text #box #img {
  float: left;
  width: 400px;
  border-right: 8px solid #ff9900;
  margin: 0 27px 0 0;
  padding: 0;
}

#content #text p {
  color: #000000;
  line-height: 1.5em;
}

#content #text ul li {
  line-height: 1.5em;
}

#content #text img {
  border-right: 8px solid #ff9900;
  margin: 0 27px 0 0;
}

#content #text a, #content #text a:link {
  color: #148DF5;
  text-decoration: underline;
}

#content #text a:hover {
  text-decoration: none;
}

#content #text input,#content #text textarea {
  border: 1px solid #148DF5;
  color: #000000;
  background: #ffffff;
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  width: 250px;
}

#content #text input.button {
  border: 2px solid #ffffff;
  color: #ffffff;
  background: #148DF5;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  cursor: pointer;
}

#content #text #box #left {
  float: left;
  width: 450px;
  margin: 0 27px 0 0;
  padding: 0;
}

#content #text #box #rechts {
  float: left;
  width: 250px;
  margin: 35px 0 0 0;
  padding: 0;
}

#content #text #box #rechts p {
  color: #148df5;
  font-size: 95%;
}

#content #text #footer {
  margin: 25px 0 25px 0;
  padding: 0;
  text-align: left;
  font-size: 85%;
  color: #ff9900;
  border: 0;
}

#content #text #footer a, #content #text #footer a:link {
  color: #ff9900;
  text-decoration: none;
  padding: 0 2em 0 0;
}

#content #text #footer a:hover {
  text-decoration: underline;
}

/* Eingefügt von ob - Kontakt-/Projektbörse */

fieldset
{
  border : 0px;
  margin : 0px;
  padding: 0px;
}

label
{
  width  : 120px;
  display: block;
  float  : left;
  font-weight     : bold;
}

input
{
  width: 120px;
  margin: 2px;
}

input.button
{
  width: 60px;
  margin: 2px;
  border: 0px;
}

label.contentform
{
  width  : 180px;
  display: block;
  float  : left;
  font-weight     : bold;
}

.contentform_long
{
  width: 250px;
  margin: 2px;
}

.contentform_short
{
  width: 50px;
  margin: 2px;  
}

.contentform_medium
{
  width: 190px;
  margin: 2px;
}

.contentform_mediumshort
{
  width: 100px;
  margin: 2px;
}

.contentform_submit
{
  margin          : 2px;
  font-weight     : bold;
}

h2
{
  color: #ff9900;
  font-size: 100%;
  font-weight: bold;
}

table.grid
{
  border-collapse: collapse;
  border         : 1px solid #000000;
  width          : 95%;
}

td.grid, th.grid
{
  border : 1px solid #000000;
  padding: 2px;
}