*/ tags */

html {  
height: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-align:center;
    background-color:#303030;
    background-image:url(../sys_img/body_bg.gif);
    background-position: center;
    background-repeat:repeat-y;
    margin:0px;
    padding:0px;
    height: 100%;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

select { background-color: #FFFFFF; font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal; border: 1px #000000 solid; }
input { background-color: #FFFFFF; font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal; border: 1px #000000 solid; }
search.input { background-color: #CFE3F2; font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal; border: 1px #6D8AB5 solid; }

input[type=checkbox]:active{
 background: darkGray;
 border: 1px inset black;
}
input[type=checkbox]:hover{
 border: 1px solid black;
}



*/ IDs */

#wrapper {
  margin:auto;
  width:100%;
  text-align:center;
  min-height: 100%;
  }

* html #wrapper {
  height: 100%;
 }

#headerbg {
  margin:auto;
  width:954px;
  height:276px;
  text-align:center;
  background-image:url(../sys_img/header_bg.jpg);
  background-position: center top;
  background-repeat:no-repeat;
  position:relative;
  left:-1px;
}

* html #headerbg { left:0px; }

#headerimg {
position:relative;
left:40px;
}

* html #headerimg {
position:relative;
left:39px;
}


#harlekin {
  margin:0px;
  width:97px;
  height:116px;
  position:relative;
  top:-48px;
  left:113px;
  }

* html #harlekin {left:114px;}
html + body #harlekin {left:114px;}

#flag {
  margin-top:-45px;
  margin-right:5px;
}

#flag2 {
  margin-top:-20px;
  margin-right:5px;
}

* html #flag {
  position:relative;  
}

#vpnavigation {
  margin:auto;
  width:954px;
  height:28px;
  text-align:left;
  background-image:url(../sys_img/navbar_bg.gif);
  background-position: center top;
  background-repeat:no-repeat;
  position:relative;
  left:-1px;
    }

* html #vpnavigation { left:0px; }

#vpnavigation img {
  margin-left:15px;
  border:0px;
}

#medianavigation {
  margin:auto;
  width:954px;
  height:28px;
  text-align:left;
  background-image:url(../sys_img/navbar2_bg.gif);
  background-repeat:repeat-x;
  position:relative;
  left:-1px;
  font-size:12px;
    }

* html #medianavigation { left:0px; }

#navbar2 {
  margin:auto;
  width:954px;
  height:24px;
  background-image:url(../sys_img/navbar2.gif);
  background-position: center top;
  background-repeat:no-repeat;
  position:relative;
  left:-1px;
}

* html #navbar2 { left:0px; }

#navbar2_fanbase {
  margin:auto;
  width:954px;
  height:33px;
  background-image:url(../sys_img/navbar2_fanbase.gif);
    background-position: center top;
    background-repeat:no-repeat;
  position:relative;
  left:-1px;
}

* html #navbar2_fanbase { left:0px; }

#content {
  margin:auto;
  margin-top:20px;
  width:900px;
  text-align:left;
  min-height:300px;
  line-height:130%;
}

* html { height:300px; }

#content h1 {
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width:100%;
    font-size: 14px;
    font-weight:bold;
    letter-spacing:0.1em;
    word-spacing:0.3em;
    margin-top:10px;
    text-align:left;
    height:42px;
    line-height:90%;
    }


.h11 {  background-image:url(../sys_img/h1_1.gif); }
.h12 {  background-image:url(../sys_img/h1_2.gif); }
.h13 {  background-image:url(../sys_img/h1_3.gif); }
.h14 {  background-image:url(../sys_img/h1_4.gif); }

#footer {
    font-size: 11px;
    position: relative;
    margin-top:-5.8em;
    padding-bottom:20px;
    margin:auto;
    width:900px;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    white-space:nowrap;
}

#countdown1 {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #FFFFFF;
    white-space:nowrap;
}

/* Klassen */

.naviblack {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.bildrechts { margin-left:10px;margin-bottom:10px; }
.bildlinks { margin-right:10px;margin-bottom:10px; }

.clear {
    clear:both;
}

a:link {color: #848484;text-decoration : none; }
a:visited {color: #848484;text-decoration : none;}
a:hover {color: #E7E7E7;text-decoration : underline;}
a:focus {color: #848484;text-decoration : none;border:0px;}
a:active {color: #848484;text-decoration : none;}


/* Sitemap und Navi */

#sitemap, #sitemap ul { /* alle Listen */
   padding: 0;
   margin: 0;
   list-style: none;
z-index:11;
}

#sitemap ul { /* alle Listen */
}

#sitemap a {
   display: block;
   background-color:#2A2A2A;
}

#sitemap li { /* alle Listenelemente */
   overflow:visible;
   padding:0px;
   margin-top: 5px;
   border:0px;
   }

#sitemap li ul { /* Listen 2. Ebene */
   padding-left:15px;
}


#vpnavigation, #vpnavigation ul { /* alle Listen */
   padding: 0;
   margin: 0;
   list-style: none;
z-index:11;
}

#vpnavigation a {
   display: block;
}


#vpnavigation li { /* alle Listenelemente */
   float:left;
   overflow:visible;
   padding:0px;
   margin: 0px;
   }

#vpnavigation li ul { /* Listen 2. Ebene */
   position: absolute;
   float:none;
   background-color: #1F1F1F;
   width: 150px;
   border: 1px solid #CECECE;
   left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
   margin-left:15px;
   margin-top:-1px;
}

#vpnavigation li ul a:link {color: #FFFFFF;text-decoration : none;display:block;width:144px;padding:3px; }
#vpnavigation li ul a:visited {color: #FFFFFF;text-decoration : none;display:block;width:144px;padding:3px;}
#vpnavigation li ul a:hover {color: #000000;text-decoration : none;width:144px;background-color:#CCCCCC;padding:3px;}
#vpnavigation li ul a:focus {color: #000000;text-decoration : none;width:144px;background-color:#CCCCCC;padding:3px;}
#vpnavigation li ul a:active {color: #FFFFFF;text-decoration : none;display:block;width:144px;padding:3px;}

/* IE Subnavi */
* html #vpnavigation li ul a:link {color: #FFFFFF;text-decoration : none;display:block;width:150px;padding:3px; }
* html #vpnavigation li ul a:visited {color: #FFFFFF;text-decoration : none;display:block;width:150px;padding:3px;}
* html #vpnavigation li ul a:hover {color: #000000;text-decoration : none;width:150px;background-color:#CCCCCC;padding:3px;}
* html #vpnavigation li ul a:focus {color: #000000;text-decoration : none;width:150px;background-color:#CCCCCC;padding:3px;}
* html #vpnavigation li ul a:active {color: #FFFFFF;text-decoration : none;display:block;width:150px;padding:3px;}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
   float:none;
margin-top:5px;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
   margin: -1em 0 0 10em;
height:30px;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
   left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
   left: auto;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
   font-style: bold!important;
}  

#medianavigation, #medianavigation ul { /* alle Listen */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#medianavigation a {
    display: block;
    width: 150px;
}

#medianavigation li { /* alle Listenelemente */
    float: left;
    width: 150px;
}

#medianavigation li ul { /* Listen 2. Ebene */
   position: absolute;
   float:none;
   background-color: #1F1F1F;
   width: 150px;
   border: 1px solid #CECECE;
   left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}


#medianavigation li ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 10em;
}

#medianavigation li:hover ul ul, #medianavigation li.sfhover ul ul {
    left: -999em;
}

#medianavigation li:hover ul, #medianavigation li li:hover ul, #medianavigation li.sfhover ul, #medianavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
    left: auto;
}

#medianavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
    font-style: italic!important;
}

#medianavigation li#active { /* Listen zur aktuellen Kategorie */
    font-style: italic!important;
}

#medianavigation li ul a:link {color: #FFFFFF;text-decoration : none;display:block;width:144px;padding:3px; }
#medianavigation li ul a:visited {color: #FFFFFF;text-decoration : none;display:block;width:144px;padding:3px;}
#medianavigation li ul a:hover {color: #000000;text-decoration : none;width:144px;background-color:#CCCCCC;padding:3px;}
#medianavigation li ul a:focus {color: #000000;text-decoration : none;width:144px;background-color:#CCCCCC;padding:3px;}
#medianavigation li ul a:active {color: #FFFFFF;text-decoration : none;display:block;width:144px;padding:3px;}

/* IE Subnavi */
* html #medianavigation li ul a:link {color: #FFFFFF;text-decoration : none;display:block;width:150px;padding:3px; }
* html #medianavigation li ul a:visited {color: #FFFFFF;text-decoration : none;display:block;width:150px;padding:3px;}
* html #medianavigation li ul a:hover {color: #000000;text-decoration : none;width:150px;background-color:#CCCCCC;padding:3px;}
* html #medianavigation li ul a:focus {color: #000000;text-decoration : none;width:150px;background-color:#CCCCCC;padding:3px;}
* html #medianavigation li ul a:active {color: #FFFFFF;text-decoration : none;display:block;width:150px;padding:3px;}