*/ 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;}