html {
  height:101%;
}
body {
  font-family:Verdana, Arial, sans-serif;
  color: black;
  background-color: white;
  padding:5px;
  margin:auto;
  background-color:slategray;
  height:101%;
}


div#rahmen {
    width:980px;
    text-align:left;
    background-color:#F0F0F0;
    border:1px solid slategray;
    padding:0 10px;
    margin:auto;
}


div#rahmen div.footer {
   color:darkslategray;
   margin:5px;
   clear:both;
   font-size:8pt;
   text-align:center;
   height:25px;
   padding:15px 0 0 0;
}

ul#topnavi {
  font-size:8pt;
  color:darkslategray;
  text-align:right;
  list-style:none;
  padding-top:5px;
  background-color:#F0F0F0;
  height:15px;
  margin:0;
}

ul#topnavi li.privat {
  text-align:left;
  float:left;
  padding:0;
  font-size:9pt;
  font-weight: bold;
  margin-left: -30px;
}

ul#topnavi li {
  float:right;
  padding:0;
  margin: 0;
}

ul#topnavi li.user {
  float:left;
  padding:0;
  margin: 0;
  display: block;
  border:1px solid black;
}

ul#topnavi a {
 display: block;
 padding-left:10px;
 text-decoration:none;
 color:darkslategray;
}

ul#topnavi a:hover {
  color:black;
}

/* B A N N E R */

div#banner {
  height:60px;
  /* border:1px solid slategray; */
  background-image:url("images/banner.jpg");
  background-repeat:no-repeat; */
  background-color:#F0F0F0;
  background-position:right;
  margin:0;
  overflow:hidden;
}

div#banner img {
 margin-left:10px;
 overflow:hidden; 
}

/* H A U P T M E N Ü */

ul#menu {
  font-family:Arial, sans-serif;
  font-size:10pt;
  list-style:none;
  margin:0 0 5px 0;
  padding: 0;
  width:100%;
  height:30px;
  background-image:url(images/menu_back.png);
}

ul#menu li {
  float:left;
  padding:0;
  margin: 1px 0px;
}

ul#menu li.suche {
  float:right;
  padding:0;
  margin: 1px 0px;
}

ul#menu a {
    display: block;
    height:18px;
    padding:5px 10px;
    font-weight: bold;
    text-decoration:none;
    color:white;
    border-right:1px solid #999999;
    text-align:center;
}

ul#menu a.current {
    color:black;
    background-image:url(images/menu_current.png);
}

ul#menu a:hover {
  color:darkslategray;
  background-image:url(images/menu_current.png);
}




/* U N T E R M E N Ü */

div#navi {
  float:left;
  overflow:hidden;
  margin-top:0px;
  padding:0px 0px;
  width:180px;
  font-size:8pt;
  text-align:left;
  background-image:url(images/box_body.png);
  background-repeat:y-repeat;
}

div#navi  h2 {
  font-size:12pt;
  color:darkorange;
  margin:0;
  padding:8px 10px 12px 5px;
  background-image:url(images/box_head.png);
  background-repeat:no-repeat;
}

div#navi  div.bottom {
  margin:0;
  background-image:url(images/box_bottom.png);
  background-repeat:no-repeat;
  height:11px;
}

div#navi  div.shaddow {
  margin:0;
  background-image:url(images/shaddow.png);
  background-repeat:no-repeat;
  height:15px;
}

div#navi a {
  display: block;
  margin-left:2px;
  padding:1px 3px 5px 18px;
  font-weight: normal;
  text-decoration:none;
  color:seagreen;
}

div#navi a.current {
  color:black;
  background-image:url("images/arrow_right.png");
  background-repeat:no-repeat;
  font-weight: bold;
}

div#navi a:hover {
  color:black;
  background-image:url("images/arrow_right_gray.png");
  background-repeat:no-repeat;
}


div#navi a.artikel {
  display: block;
  margin-left:2px;
  padding:1px 3px 5px 26px;
  font-weight: normal;
  text-decoration:none;
  color:seagreen;
}

div#navi a.artikel:hover {
  color:black;
}


/* H A U P T I N H A L T  */

div#content {
  margin-left:190px;
  width:600px;
  padding:0;
  border:0;
  background-image:url(images/big_box_body.png);
  background-repeat:y-repeat;
}


div#content div.titel {
  padding:0 0 5px 10px;
  height:25px;
  border:0;
}

div#content div.shaddow {
  margin:0;
  background-image:url(images/big_shaddow.png);
  background-repeat:no-repeat;
  height:15px;
}

div#content h2 {
  font-size:12pt;
  color:darkorange;
  margin:0;
  padding:8px 10px;
  background-image:url(images/big_box_head.png);
  background-repeat:no-repeat;
}

div#content div.datum {
  font-size:8pt;
  color:slategray;
  font-weight: normal;
  margin:0 0 0 10px;
}

div#content div.bottom {
  margin:0;
  background-image:url(images/big_box_bottom.png);
  background-repeat:no-repeat;
  height:15px;
}

div#content div.ende {
   color:darkorange;
   margin:5px 10px;
   clear:left;
   border-bottom:1px solid #F0F0F0;
   text-align:left;
}

div#content h3 {
  font-size:10pt;
  color:darkorange;
  margin:3px 0;
}

div#content table {
  border:0;
}

div#content table th{
  border:0;
  font-size:10pt;
  text-align:left;
}

div#content table td{
  border:0;
  font-size:9pt;
  text-align:left;
}

div#content table.noten{
    empty-cells:show;
    border-collapse:collapse;
    border:1px solid silver;
}

div#content table.noten td{
    border: 1px solid silver;
    font-size:10pt;
    height:25px;
    padding:0px;
    vertical-align:middle;
    text-align:center;
    color:darkslategray;
}

div#content table.noten th {
    border: 1px solid silver;
    font-size:10pt;
    padding:0px 3px;
    vertical-align:middle;
    text-align:left;
    color:#F0F0F0;
    height:25px;
    background-color:Slategray;
}


div#content table.rahmen{
    empty-cells:show;
    border-collapse:collapse;
    border:1px solid silver;
}

div#content table.rahmen td{
    border: 1px solid silver;
    font-size:10pt;
    height:25px;
    padding:0px;
    vertical-align:middle;
    text-align:left;
    color:darkslategray;
}




/*   B I G C O N T E N T  */


div#bigcontent {
  margin-left:190px;
  width:790px;
  padding:0;
  border:0;
  background-image:url(images/bigger_box_body.png);
  background-repeat:y-repeat;
}

div#bigcontent div.titel {
  padding:0 0 5px 10px;
  height:25px;
  border:0;
}

div#bigcontent div.shaddow {
  margin:0;
  background-image:url(images/bigger_shaddow.png);
  background-repeat:no-repeat;
  height:15px;
}

div#bigcontent h2 {
  font-size:12pt;
  color:darkorange;
  margin:0;
  padding:8px 10px;
  background-image:url(images/bigger_box_head.png);
  background-repeat:no-repeat;
}

div#bigcontent div.datum {
  font-size:8pt;
  color:darkslategray;
  font-weight: normal;
  margin:0 0 0 10px;
}

div#bigcontent  div.bottom {
  margin:0;
  background-image:url(images/bigger_box_bottom.png);
  background-repeat:no-repeat;
  height:15px;
}

div#bigcontent div.ende {
   color:darkorange;
   margin:5px 10px;
   clear:left;
   border-bottom:1px solid #F0F0F0;
   text-align:left;
}


div#bigcontent h3 {
  font-size:10pt;
  color:darkorange;
  margin:3px 0;
}

div#bigcontent table {
  border:0;
}

div#bigcontent table th {
  font-size:10pt;
  text-align:left;
  padding:0;
  margin:0;
  border:0;
}

div#bigcontent table td {
  font-size:9pt;
  text-align:left;
  margin:0;
  padding:10px 0 0 0;
}

div#bigcontent table th img{
  padding:0 0 0 15px;
  align:right;
}

div#bigcontent table.ganztag{
    empty-cells:show;
    border-collapse:collapse;
    border:0;
}

div#bigcontent table.ganztag th{
    height:25px;
    background-image:url(images/ganztag_table.png);
    padding:0 5px;
    color:#303030;
    border: 1px solid gray;
}

div#bigcontent table.ganztag td{
    border: 1px solid gray;
    font-size:8pt;
    height:auto;
    line-height:1;
    padding:5px;
    vertical-align:top;
}

div#bigcontent table.ganztag th.top{
      border:0;
      background:0;
      text-align:center;
}

/* Notenliste */

div#bigcontent table.noten{
    empty-cells:show;
    border-collapse:collapse;
    border:1px solid silver;
    background-color:#FFFFFF;
}

div#bigcontent table.noten td{
    border: 1px solid silver;
    font-size:10pt;
    height:25px;
    padding:0px;
    vertical-align:middle;
    text-align:center;

}

div#bigcontent table.noten th {
    border: 1px solid silver;
    font-size:10pt;
    padding:0px 3px;
    vertical-align:middle;
    text-align:left;
    color:#F0F0F0;
    height:25px;
    background-color:Slategray;
}

/*  Ende von bigcontent */

div.titel span {
  font-size:11pt;
  color:seagreen;
  font-weight: bold;
  margin:0px;
}


div.titel a {
  padding:0px;
  margin:0;
  float:right;
  width:25px;
  /* text-align:right; */
}

div.titel a#anker {
  padding:0px;
  margin:0;
}

div.titel img {
  padding:0px;
  margin:0;
  border:0;
}



div.galerie {
  font-size:9pt;
  color:slategray;
  padding:0px 10px;
  font-weight: normal;
  margin:3px 0;
  line-height:1.4em;
  text-align:justify;
}

div.galerie table td {
  width:130px;
  height:100px;
  border:0px;
}

div.galerie  table td a img {
  padding:3px;
  border:1px solid silver;
}



div.galerie h3 {
  font-size:10pt;
  color:darkorange;
  font-weight: normal;
  margin:6px 0;
}


/* Artikel im content */

div.artikel {
  font-size:9pt;
  color:darkslategray;
  padding:0px 10px;
  font-weight: normal;
  margin:3px 0;
  line-height:1.4em;
  text-align:justify;
  overflow:hidden;   /* falls das linke Bild größer ist... */
}


div.artikel img {
  float:left;
  padding:3px;
  border:1px solid silver;
  margin:3px 5px 3px 0;
}

div.artikel img.bottom {
  float:right;
  padding:3px;
  border:1px solid silver;
  margin:3px 0px 3px 5px;
}


div.artikel a {
  font-weight: bold;
  text-decoration:none;
  color:seagreen;
}

div.artikel a:hover {
  font-weight: bold;
  text-decoration:underline;
  color:darkorange;
}


div.artikel ul {
  padding:0;
  margin-left:20px;
}

div.artikel li {
  padding:3px 0;
}

div.artikel h3 {
  font-size:11pt;
  color:darkorange;
  font-weight: bold;
  margin:3px 0 5px 0;
}


div.artikel table.rahmen {
  border-left:1px solid slategray;
  border-top:1px solid slategray;
  border-collapse:collapse;
}

div.artikel table.rahmen td {
  font-size:8pt;
  color:darkslategray;
  font-weight: normal;
  margin:3px 0;
  border:1px solid slategray;
}

div.artikel table.rahmen th {
  font-size:10pt;
  color:darkslategray;
  font-weight: normal;
  padding-left:3px;
  border:1px solid slategray;
}

div.artikel table.noten {
  border-left:1px solid slategray;
  border-top:1px solid slategray;
}

div.artikel table.noten td, th {
  font-size:8pt;
  color:darkslategray;
  font-weight: normal;
  margin:3px 0;
  text-align:center;
  vertical-align:top;
  border-right:1px solid slategray;
  border-bottom:1px solid slategray;
}




div.artikel td.login, th.login {
  font-size:9pt;
  color:darkslategray;
  font-weight: normal;
  padding:0 30px;
  border:0;
}



div#bigcontent iframe {
  margin:0;
  padding:0;
  width:100%;
}


/* T O P N E W S */

div#topnews {
  float:right;
  margin-top:0px;
  width:180px;
  background-image:url(images/box_body.png);
  background-repeat:y-repeat;
}



div#topnews h2 {
  font-size:12pt;
  color:darkorange;
  margin:0;
  padding:7px 5px;
  text-align:left;
  background-image:url(images/box_head.png);
  background-repeat:no-repeat;
  height:25px;
}

div#topnews h3 {
  font-size:8pt;
  color:darkorange;
  text-align:left;
  padding:5px 5px;
  margin:0;

}

div#topnews div.inh {
  font-size:8pt;
  color:darkslategray;
  text-align:left;
  padding:0 5px;
  margin:0;
  line-height:1.4em;
}

div#topnews img {
  padding:5px 0;
}

div#topnews  div.bottom {
  margin:0;
  background-image:url(images/box_bottom.png);
  background-repeat:no-repeat;
  height:11px;
}

div#topnews  div.shaddow {
  margin:0;
  background-image:url(images/shaddow.png);
  background-repeat:no-repeat;
  height:15px;
}

div#topnews a {
  font-weight: bold;
  text-decoration:none;
  color:seagreen;
}

div#topnews a:hover {
  font-weight: bold;
  text-decoration:none;
  color:darkorange;
}

div#topnews ul {
  padding:0;
  margin-left:20px;
}

div#topnews li {
  padding:3px 0;
}

table#statistik{
  margin:10px 10px 2px 0px;
  border:0;/*1px solid silver;*/
  border-collapse:collapse;
  empty-cells:show;
}

table#statistik td {
  border:1px solid #CCC;
  padding:2px 0;
  width:25px;
  text-align:center;
  color:#666;
  vertical-align:bottom;
}

table#statistik td.auswertung {
  border:0;
  padding:0 5px;
  width:auto;
  text-align:left;
  font-size:8pt;
  color:#666;
  vertical-align:top;
}