﻿body 
{
  background-color:#ddd;
  text-align:center;
  font-family:sans-serif;
  margin:2px;
}

div#alles
{
  margin:0px auto;
  width:940px;
}

h1, h2, h3, h4, h5, h6, h7
{
  font-family:sans-serif;
}

a img
{
  border:none;
}

div
{
  text-align:left;
}


#inhalt
{
  min-width:940px;
  margin: 0px auto;
  position:relative;
  padding-top:0px;
  background-color:#fff;
}



#textkoerper

{

  background-color:#fff;

  margin-top:0px;
  margin-left:220px;

  margin-right:0px;

  padding:15px;

  padding-right:175px;

  padding-top:30px;

  min-height:870px;

}



#kopfzeile
{
  width:940px;
  height:120px;
  background-image:url(./kopfzeile.jpg);
  position:relative;
  margin: 0px auto;
  background-color:#039;
}



#logo
{
  margin-left:0px;
  margin-top:0px;
  margin-right:5px;
  margin-bottom:0px;
}



#kopfbox
{
   position:absolute;
   right:0px;
   top:10px;
   padding-right:10px;
   text-align:right;
   color:#005;
   font-family:sans-serif;
}


#kopfzeile img
{
   vertical-align:bottom;
}



#kopfbox a
{
  text-decoration:none;
  color:#ccc;
}



#kopfbox img
{
  border:none;
}



#querbalken
{

  position:absolute;

  top:0px;

  left:0px;

  width:100%;

  background-image:url(leisterechts.gif);

  background-repeat:repeat-x;

  background-position:372px 0px;

}



/* MENU --------------------------------------------------------------------- */



#menu
{
  position:absolute;
  top:20px;
  background-color:#fff;
  width:185px;
  height:850px;
  padding-top:15px;
}

#menu ul
{
  position:relative;
  margin-top:0px;
  padding-left:0px;
  list-style-type:none;
  border-bottom:1px dotted #045;
}

#menu li
{
  padding-left:20px;
  padding-top:1px;
  padding-bottom:1px;
  border-top:1px dotted #045;
  position:relative;
}

#menu a
{
  font-family:sans-serif;
  text-decoration:none;
  color:#000;
  display: block;
  margin:0px;
  background-color:#fff;
}

#menu a:hover
{
  font-weight:bold;
}

/* Formatierung der Hingergrundfarben der Links (für Opera) */

#menu li.aktiv a
{background-color:#fff}

#menu li.klappbar ul a
{background-color:#fff}

/* Formatierung der Untermenupunkte eines Angewählten Menupunkts, 1. Ebene */

#menu li.aktiv
{
  font-family:sans-serif;
  text-decoration:none;
  color:#000;
  background-color:#fff;
  font-weight:bold;
}

#menu li.aktiv ul
{
  font-weight:normal;
  margin-left:0px;
  width: 150px;
  border:none;
  display:block;
  position:relative;
  left:15px;
}

#menu li.aktiv ul li
{
  padding-left:0px;
  border-top:1px dotted #2ab;
}

/* Formatierung der Untermenupunkte eines Angewählten Menupunkts, 2. Ebene */

#menu li.aktiv li.aktiv ul
{
  width:135px;
}

#menu li.aktiv li.aktiv ul li
{
  border:none;
  color:#045;
}

#menu li.aktiv li.aktiv ul li a
{
  color:#045;
}


/* Menu-Ausklapp-Effekt ----------------------------------------------------- */


#menu li.klappbar ul,
#menu li.klappbar:hover li.klappbar ul
{display: none}

#menu li.klappbar:hover ul,
#menu li.klappbar:hover li.klappbar:hover ul
{
position: absolute;
top: 0;
left: 100%;
display: block;
width: 160px;
background-color:#fff;
}

#menu li.klappbar:hover li
{
  padding-left:0px;
  margin-left:0px;
}

#menu li.klappbar:hover ul a
{
  padding-left:5px;
  color:#000;
}



/* Menu-Effektbilder -------------------------------------------------------- */



#menutitel
{
  position:absolute;
  top:0px;
  left:0px;
}



#menurand
{
  position:absolute;
  top:23px;
  left:0px;
}



#wurfball
{
  position:absolute;
  top:715px;
  left:0px;
}



/* Box rechts --------------------------------------------------------------- */


#rbox
{
  width:160px;
  font-size:small;
  position:absolute;
  top:30px;
  right:10px;
}

/* Box-Element */

.subrbox
{
  border:1px dotted #045;
  background-color:#eef;
  padding:10px;
  margin-bottom:10px;
}

.subrbox h1,h2,h3,h4,h5,h6,h7
{
  margin-top:0px;
  font-size:1.5em;
}



/* Fussnote ----------------------------------------------------------------- */


#fussnote
{
  clear:both;
  background-color:#333;
  color:#ccc;
  font-size:small;
  width:100%;
  text-align:center;
}

#fussnote a
{
  color:#ccc;
  text-decoration:none;
}

#fussnote a:hover
{
  text-decoration:underline;
}

/* News-Formatierung */
div.news_einzel
{
  padding:10px;
}

div.news_einzel h2
{
  margin-top:0px;
}

div.news_einzel h3
{
  margin-top:0px;
  font-size:1em;
}

span.news_time
{
  font-size:small;
  float:left;
}

.news_list span.news_time
{
  margin-top:3px;
  margin-left: 10px;
  display:block;
}

.news_list
{
  border-top:1px dotted #039;
  border-left:1px dotted #039;
  padding: 0px;
}

.news_list a
{
  display:block;
  margin:0px;
  padding-top:5px;
  padding-bottom:5px;
  text-decoration:none;
  font-family: sans-serif;
  color: black;
}

.news_list a:hover
{
  background-color:#eef;
}
.news_title, .news_subheader
{
  display:block;
  margin-left:90px;
}

.news_title
{
  font-weight:bold
}

.news_latest a
{
  text-decoration:none;
  color:#000;
}

.news_latest a:hover
{
  text-decoration:underline;
}

div.tx-ttnews-browsebox
{
  border:none;
  border-top:1px dotted #039;
  background-color:transparent;
}

td.tx-ttnews-browsebox-SCell
{
  border:1px solid #039;
  background-color:#eef;
}

td.tx-ttnews-browsebox-SCell a
{
  color: black;
  text-decoration:none;
  font-weight:bold;
}

/* Loginbox am rechten Rand */

.subrbox #pass, .subrbox #user
{
  width: 135px;
}

/* Hover-Effekt für OK-Team */

div.ok_beschreibung
{
  position:relative;
  left:200px;
  top: -100px;
  background-color:#fff;
  border:1px solid grey;
}

a.okhover
{
  display:block
}

a.okhover div.ok_beschreibung
{
  position:fixed;
  top:350px;
  left:400px;
  color:#000;
  text-decoration:none;
  visibility:hidden;
}

a.okhover:hover div.ok_beschreibung
{
  visibility:visible
}





