/*
Farbfestlegung:

Grau:            B4 B4 B5 (Obere + untere Navileiste und Rahmen)

Blau hell:      00 6F B0  (Üerschriften und Menuepunkte)
Blau dunkel: 00 00 63  (Texte)

Rot:              FF 00 00 (Hervorhebungen)

Weiss:           FF FF FF (Hintergrund)

*/

body{
  text-align:center; /* center all elemnts inside body*/
  margin: 0px 0px; /* setting top and bottom margin */
}

table, td{
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px;
}

/*Bilder werden ohne Rahmen dargestellt*/
img{
 border:0px;
}

hr{
  color:#B4B4B5;
  border-style: solid;
  height:1px;
}

li{
list-style-type:square;
}

a:link, a:visited,a:active,a:hover,a:active,
.sitemapheader,
html,#drachensee,#menuheader,#menufooter,.hilightfont{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#000063;
  font-size:10pt;
}

/* Um im Fliesstext mit dem Span-Tag Texte bzw. Buchstaben hervorzuheben */
.hilightfont
{
  color:#ff0000;
}

/* Standard Links werden unterstrichen dargestellt */
a:link, a:visited,a:active,a:active
{
  color:#006fb0;

  text-decoration:underline;
}

/* Die Menuepunkte der ersten Ebene sollen kleiner dargestellt werden als die uebergeordneten  */
div.menupassiv1 a:link, div.menupassiv1 a:visited,div.menupassiv1 a:active,div.menupassiv1 a:hover,div.menupassiv1 a:active,
div.menupassiv2 a:link, div.menupassiv2 a:visited,div.menupassiv2 a:active,div.menupassiv2 a:hover,div.menupassiv2 a:active
{
  color:#006fb0;
  font-size:8pt;
  text-decoration:none;
}

/* Die Links der Menueleiste waeren alle seperat voneinander einstellbar
    aber sie bekommen hier alle ein einheitliches aussehen also
    nicht unterstrichen wie die Standard Links */
div.menupassiv0 a:link, div.menupassiv0 a:visited,div.menupassiv0 a:active,div.menupassiv0 a:hover,
div.menupassiv1 a:link, div.menupassiv1 a:visited,div.menupassiv1 a:active,div.menupassiv1 a:hover,
div.menupassiv2 a:link, div.menupassiv2 a:visited,div.menupassiv2 a:active,div.menupassiv2 a:hover,
div.menuaktiv0 a:link, div.menuaktiv0 a:visited,div.menuaktiv0 a:active,div.menuaktiv0 a:hover,
div.menuaktiv1 a:link, div.menuaktiv1 a:visited,div.menuaktiv1 a:active,div.menuaktiv1 a:hover,
div.menuaktiv2 a:link, div.menuaktiv2 a:visited,div.menuaktiv2 a:active,div.menuaktiv2 a:hover,
a.menulink:link, a.menulink:visited,a.menulink:active,a.menulink:hover
{
  color:#006fb0;
  text-decoration:none;
}

a.menulink, a.menulink:link, a.menulink:visited,a.menulink:active{
  color:#006FB0;
}

/* Links ueber die man mit der Maus faehrt werden rot */
a:hover, a.menulink:hover,,div.menupassiv0 a:hover,div.menupassiv1 a:hover,div.menuaktiv0 a:hover,div.menuaktiv1 a:hover
{
  color:#f00;
}

/* Die standard Hintergrundfarbe ist weiss */
html,#drachensee,#menuheader,#menufooter{
  background: #fff;
}

/* Definiert den zur Verfügung stehenden Gesamtbereich */
#drachensee{
  text-align:left;
  margin: 0px auto;
  width:796px;
}

/* Linke Menue Leiste */
#menu
{
  margin-top:       0px;
  margin-right:     0px;
  margin-bottom: 0px;
  margin-left:       0px;

  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;

  top:124px;
  width:190px;
  float:left;
}

/* Platzhalter zwischen linker MenueLeiste und dem darzustellendem Artikel (content) */
#contentspacer
{
/*  background: #ff0; wenn man den Spacer mal sichtbar machen moechte */
  margin-top:       0px;
  margin-right:     0px;
  margin-bottom: 0px;
  margin-left:       0px;

  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;

  width:  44px;
  height:450px;
  float:left;
}

/* Hier stehen also die Artikel der Anwender
    Enthaelt den eigentlichen Content.  */
#artikel {
/*  background: #f00;  wenn man den Spacer mal sichtbar machen moechte */

  position: static;/* Damit der Bereich aufgespannt werden kann */
  top:0px;/* Abstand vom oberen Rand */
  margin-right:0px; /* Abstand vom rechten Rand */
  right:0px; /* Abstand vom rechten Rand */
  width:566px; /* wg. Float muss die Breite angegeben werden */
  min-height:450px; /*Damit bei weniger Text wenigstens soweit aufgezogen wird */

  float:left;   /* Objekt rird links umflossen */
  margin-bottom:50px;  /* Damit Platz fuer den Footer bleibt */
}

/* Obere Menueleiste */
#menuheader {
  border-left:   4px solid #fff;
  color:#006FB0;
  font-weight:normal;
  background: #fff;
  position: relative;
  float:right;
  width:796px;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  height:19px;
  text-align:right;
  vertical-align:bottom;
}



#content {
 position: absolute;
 top:125px;
 width:800px;
 text-align:left;
 margin: 0px auto;
 padding:0px 0px 0px 0px;
 background: #fff url(/fileadmin/drachensee/images/drachensee_bg.gif) no-repeat;
}

/*-------------------------------------------------------------*/


/*Gemeinsamkeiten aller Menueelemente*/
.menuaktiv0,.menupassiv0,.menuaktiv1,.menupassiv1,.menuaktiv2,.menupassiv2{
/*  line-height:31px; */
  vertical-align:middle;
  color:#000000;
  border-bottom: 1px solid #B4B4B5;
  border-right:  1px solid #B4B4B5;
  border-left:   4px solid #fff;
margin-right:15px;

}

.menuaktiv0{
  border-left:   4px solid #f00;
  font-weight:bold;
}

.menupassiv0{
  border-left:   4px solid #B4B4B5;
}

.menuaktiv1{
  font-weight:bold;
/*  line-height:31px;*/
  vertical-align:middle;
}

.menupassiv1{
/*  line-height:31px;*/
  vertical-align:middle;
}

.menuaktiv2{
  padding-left:7px;
  font-weight:bold;
/*  line-height:31px;*/
  vertical-align:middle;
}

.menupassiv2{
  padding-left:7px;
/*  line-height:31px;*/
  vertical-align:middle;
}

.menutext{
  position: relative;
  left:7px;
  padding-left:7px;

/*  line-height:31px;*/
  padding-top:8px;
  padding-bottom:8px;
  padding-right:0px;
  vertical-align:middle;
/*  background:#00ffff;*/
}

.menuicon{
  position: relative;
/*  padding-left:7px;*/
  padding-right:0px;
  top:14px;
  float:left;
}

/*-------------------------------------------------------------*/
#header {
  position: absolute; top:33px;
  border-left:   4px solid #fff;
  width:796px;
  height:80px;
  background: #fff;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}


#trennlinie1,#trennlinie2,#trennlinie3
{
  padding:0px;
  border-left:   4px solid #fff;
  height:13px;
  width:796px;
  background:#006fb0;
}

#trennlinie1
{
  position: absolute; top:19px;
}

#trennlinie2
{
  position: absolute; top:112px;
}

#trennlinie3
{
  position: absolute;
  bottom:17px;
  right:0px;
  width:796px;
 z-index:250;
}

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

#bildrechts{
  position: absolute;
  top:0px;
  right:0px;
}

#footer{
  position: static;

  border-left:   4px solid #fff;
  background: #fff;
  width:796px;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  height:31px;
  vertical-align:bottom;
}

#htmlvalidate{
  position: absolute;

  top:0px;
  left:0px;
}

#menufooter{
  position: absolute;
  font-weight:normal;

  background: #fff;
  width:796px;
  text-align:right;

  color:#006FB0;
  bottom:0px;
  right:0px;
}

#fotolinks{
  position: absolute;
  top:125px;
  right:0px;
}


/*----------------------------------------*/
/*         TYPO3 Formatierungen         */
/*----------------------------------------*/

h1,h1.csc-firstHeader,csc-header csc-header-n2{
  margin-top:10px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  /*color:#000063;*/
  color:#006FB0;
  font-size:12pt;
  font-decoration:bold;
}

p,.tr-even,.tr-odd{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#000063;
  font-size:10pt;

  vertical-align:top;

  margin-top:00px;
  margin-bottom:00px;

}

.sitemapheader{
  color:#ffffff;
  font-decoration:bold;
}

/* Sitemap formatierungen: Ueberschriften */
.csc-menu a:link,.csc-menu a:visited,.csc-menu a:active,.csc-menu a:hover,.csc-menu a:active{
/*  color:#ff00ff;*/
  font-weight:bold;
  text-decoration:underline;

}

/* Sitemap formatierungen: Menuepunkte */
.csc-menu-1 a:link,.csc-menu-1  a:visited,.csc-menu-1 a:active,.csc-menu-1 a:hover,.csc-menu-1 a:active
{
  /*color:#ff0000;*/
  font-weight:normal;
  text-decoration:underline;
  padding-left:10px;
}