@import "basis.css";
@import "horizontal1.css";
h2 {
  font-size:1.6em;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica;
  margin-left:1%;
  /*border-bottom:1px solid #fff;*/
}
h3 {  }
h4 {  }

a {
  color:#c4e086;
}

img {
  border:none;
}

#headline {
  width:100%;
  height:180px;
}

#headline .hl-hexe {
  position:absolute;
  width:242px;
  height:180px;
  top:0px;
  left:0px;
  background: transparent url(../images/hexe_schwarz.png) top left no-repeat;
}

#headline .hl-hades {
  position:absolute;
  top:30px;
  left:250px;
  width:480px;
  height:180px;
  background: transparent url(../images/hades_logo_gruen.gif) top left no-repeat;
}

#headline .hl-kultur {
  position:absolute;
  top:110px;
  left:445px;
  width:230px;
  height:90px;
  background: transparent url(../images/kultur_ganz_unten.gif) top left no-repeat;
}

#content-box {
  /*position:absolute;
  top:190px;
  left:10px;*/
  /*position:relative;
  left:10px;*/
  padding-top:10px;
  margin-left:10px;
  text-align:left;
  width:550px;
  z-index:1;
}


.dbtext {
  padding:10px;
  border:2px solid #444;
  background-color:#222;
  -moz-border-radius: 20px 20px 20px 20px;
}

#visual {
  position:absolute;
  top:220px;
  left:580px;
  width:180px;
  height:500px;
  /*background: transparent url(../images/vis_schaedel.gif) top left no-repeat;*/
}

.visual.dark_male {
  background: transparent url(../images/vis_dark_male.gif) top left no-repeat;
}
.visual.trinken {
  background: transparent url(../images/vis_trinkkelch.gif) top left no-repeat;
}

.visual.gothic {
  background: transparent url(../images/vis_gothic_girl.gif) top left no-repeat;
}

.visual.guitar {
  background: transparent url(../images/vis_guitar.gif) top left no-repeat;
}

.visual.amp {
  background: transparent url(../images/vis_amp.gif) top left no-repeat;
}
.visual.kicker {
  background: transparent url(../images/vis_kicker.gif) top left no-repeat;
}

.visual.schaedel {
  background: transparent url(../images/vis_schaedel.gif) top left no-repeat;
}
.visual.dragon {
  background: transparent url(../images/vis_dragon.gif) top left no-repeat;
}
.visual.bug {
  background: transparent url(../images/vis_bug.gif) top left no-repeat;
}
.visual.manga_goth {
  background: transparent url(../images/vis_manga_goth.gif) top left no-repeat;
}

#footer {
  margin-bottom:10px;
  width:550px;
  border-top:1px solid #ccc;
  font-size:80%;
  color:#eee;
}

/*
 Navigation links
*/
/*
#navigation a:link, #navigation a:visited, #navigation a:active {
  text-decoration: none;
}

#navigation a:hover {
  color:#fff;
  text-decoration: none;
}
#navigation li a {
  display: block;
  width:100%;
  height:18px;
  padding-top:16px;
  font-weight: bold;
  color: #fff;
  border-bottom:1px solid white;
}
#navigation li li a {
  display: block;
  width:100%;
  height:18px;
  padding-top:3px;
  font-weight: normal;
  color: #fff;
  border-bottom:none;

}
#navigation li li a:hover {
  color:#a8ff00;
  text-decoration: none;
  background-color:#333;
}

#navigation li:hover ul, #navigation li.over ul {
  display: block;
}



/*
#navigation a {
  color:#fff;
  text-decoration:none;
}*/