/* 

   Lernen macht Spaß

   Copyright (C) 2009-2010 LIONICS Internet- und Netzwerkloesungen, L. Fellermayr.

   Stand: 03.01.2010

*/

/* ********************************************************* */
/* ALLGEMEINE HTML-ELEMENTE */
/* ********************************************************* */

html, body {

  width: 100%;
  height: 100%;

}

body {

  margin: 0;

  scrollbar-base-color:       rgb(255,255,255);
  scrollbar-arrow-color:      #339900;
  scrollbar-face-color:       rgb(255,255,255);
  scrollbar-shadow-color:     rgb(125,188,80);
  scrollbar-darkshadow-color: rgb(255,255,255);
  scrollbar-track-color:      rgb(255,255,255);

  background-image: url(../upload/elemente/greenpixel.png);
  background-repeat: repeat;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;

}

textarea {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;

}

a {

  color: black;

}

a:hover {

  text-decoration: none;

}

a img {

  border: 0;

}

h1 {
  color: #008000;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.green {
  color: #339900;
}

#autopagetitle {
  display: none;
}

.hide {
  display: none;
}

/* overlay green background with banner */

#overlaybg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url(../upload/elemente/bg_01.png);
  background-repeat: repeat-x;
}

/* ********************************************************* */
/* OUTER DIV CONTAINER
/* ********************************************************* */

#outer {

  position: relative;
  margin: 0 auto;

  width: 854px;
  height: 100%;

  /* Zentriert das DIV im IE */

  * margin: 0;
  * left: expression( (document.body.clientWidth  - 854)/2 > 0? ((document.body.clientWidth  - 854)/2) + "px" : "3%" );

  border: 0px solid blue;

  z-index: 2;

}

/* ********************************************************* */
/* LOGO */
/* ********************************************************* */

#logo {

  position: absolute;

  left: 0;
  top: 0;
  width: 285px;

  padding-left: 33px;
  padding-top: 7px;

}

/* ********************************************************* */
/* PRIMAER-NAVIGATION */
/* ********************************************************* */

#prinav {

  position: absolute;

  left: 285px;
  top: 7px;
  width: 569px;

}

#prinav img {
  padding-right: 3px;
}

/* ********************************************************* */
/* CONTENT-BEREICH */
/* ********************************************************* */

/* Aeusserer DIV-Container fuer gesamten Content-Bereich */

#content {

  position: absolute;
  left:     0;
  top:      125px;
  width:    100%;
  height:   450px; /* wird per JS dynamisch an die Aufloesung angepasst */

  border:   0px solid black;

}

/* Generelle Eigenschaften fuer alle Content-DIVs */

#secnav, #content-left, #content-right {

  position: absolute;
  border:   0px solid red;

}

#secnav, #content-left, #content-right {

  overflow: auto;

}

/* Sekundaernavigation */

#secnav {

  top:      0;
  left:     0;

  width:    270px;
  max-width: 270px;
  height:   140px;

}

#secnav ul {
  color: white;
  margin-left: 15px;
  list-style-type: disc;
  line-height: 130%;
}

#secnav li:hover, #secnav a:hover, #secnav #active, #secnav #active a {
  color: #008000;
}

#secnav a {
  color: white;
  text-decoration: none;
}

/* Linkes Content-DIV */

#content-left {
  top:      140px;
  left:     0;
  width:    285px;
  height:   350px;

}

/* Rechtes Content-DIV */

#content-right {

  top:      7px;
  left:     292px;
  width:    555px;
  height:   100%;

  background-image: url(../upload/elemente/rm2.png);

}

#breadcrumb {
  font-size: 9pt;
  padding: 10px;
}

#cr-padding {
  padding: 10px;
  padding-top: 7px;
}

#backlink {
  display: none;
}

/* Impressum (Teil des Content-Bereichs) */

#imprint {

  position: absolute;

  left: 285px;
  top: 590px; /* wird per JS dynamisch an die Aufloesung angepasst */
  width: 555px;

  font-size: 12px;
  text-align: center;
  vertical-align: middle;

}

/* ********************************************************* */
/* THICKBOX */
/* ********************************************************* */

body.tbPopup {

  text-transform: none;
  margin: 0;
  font-size: 9pt;
  background-color: #c4df9d;
  background-image: none;

}

.tbPopup table {
  width: 100%;
}

.tbPopup img {
  border: 0;
}

td.tbPopup {
  padding: 5px;
}


#TB_window a:link {

  color: rgb(235,24,12);
  font-weight: bold;

}


/* EOF */