@charset "utf-8";
/* CSS Document */

html,body {
height: 95%;
background-image:url(img/Page_Pics/Tapete_comic.jpg);
}

#Content_Background {
background-image:url(img/Page_Pics/regal-content.jpg);
background-repeat:no-repeat;
margin:-10px;
width: 925px;
height: 759px;

}

#Navi {
position: absolute;
margin-top: 373px;
margin-left:678px;
margin-right:58px;
width: 140px;
height: 156px;

}

#Navi ul, #Navi li {
margin-top:0;
padding:0;
list-style-type: none; /* kein vorangestelltes Aufzählungszeichen */
}
 
#Navi li a#Link {
display: block;  /* Wichtig um Höhe und Breite für das a-Element zu definieren */
height: 24px;
width: 24px;
margin-left:16px;
margin-top:3px;
   
}

#Navi li a#Link2 {
display: block;  /* Wichtig um Höhe und Breite für das a-Element zu definieren */
height: 24px;
width: 24px;
margin-left:16px;
margin-top:7px;
}


#Content {
position:absolute;
margin-left: 187px;
margin-top: 228px;
width: 440px;
height: 283px;
background-color:#000000;
font-family:chiller;
color:#FFFFFF;
font-size:36px;
padding:10px;


}
#Content_news {
position:absolute;
margin-left: 187px;
margin-top: 228px;
width: 440px;
height: 283px;
background-color:#000000;
padding-left:20px;
padding-top:10px;
font-family:chiller;
font-size:36px;
color:#CCCCCC;
overflow:auto;
}

#Content_news p {
font-size:24px;
margin-top:0px;
}

#Content_news p a {
color:#FFFFFF;
text-decoration:none;
}

#Content_news p a:hover {
color:#00FF00;
text-decoration:none;
}




#Bilder_Gigs {
position:absolute;
margin-left:190px;
margin-top:230px;
width:400px;
height: 260px;
padding:0;
}

#vibes {
position:absolute;
margin-left:190px;
margin-top:230px;
width:400px;
height: 260px;
padding:0;
}

#Bilder_Gigs_main {
position:absolute;
margin-left:130px;
margin-top:0px;
width:400px;
height: 260px;
padding:0;
}

div #img_fabian:hover{
background:url(img/Page_Pics/Band/grischa.jpg);
}

#Bilder_back {
margin-top:120px;
margin-left:40px;
margin-right:150px;

}

#Bilder_back a {
font-family: chiller;
font-size:36px;
color:#FFFFFF;
text-decoration:none;
}

#Bilder_back a:hover {
color:#00FF00;
}

#Bilder_next {
position:absolute;
margin-left:280px;
margin-top:-36px;
}

#Bilder_next a {
font-family: chiller;
font-size:36px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
}

#Bilder_next a:hover {
color:#00FF00;
}

#ContentBilder_inGigs_Hochkant ul {
position:absolute;
margin-left: 185px;
margin-top: 231px;
width: 440px;
height: 283px;
background-color:#000000;
padding:0;
}
#ContentBilder_inGigs_Hochkant ul li {
float:left;
vertical-align:middle;
list-style-type:none;
}

#Bilder_back_inGigs {
margin-top:275px;
margin-left:0px;
margin-right:150px;

}

#Bilder_back_inGigs a {
font-family: chiller;
font-size:36px;
color:#FFFFFF;
text-decoration:none;
}

#Bilder_back_inGigs a:hover {
color:#00FF00;

}

#Bilder_next_inGigs {
position:absolute;
margin-left:368px;
margin-top:195px;
}

#Bilder_next_inGigs a {
font-family: chiller;
font-size:36px;
color:#FFFFFF;
text-decoration:none;
text-align:right;
}

#Bilder_next_inGigs a:hover {
color:#00FF00;
}


 
/* kontaktformular styles: */
form#kontaktformular {
padding:0px; width:380px; background:#000000; margin-left:35px; margin-top:35px;
}
form#kontaktformular label {
 width:100px; height:32px; margin-top:0px; display:block; float:left; font-family:chiller; font-size:32px; color:#FFFFFF;
  }
form#kontaktformular .eingabe {
 width:248px; height:20px; margin-top:9px; border:1px #c4c4c4 solid; float:left;
  }
form#kontaktformular textarea {
 width:248px; height:98px; border:1px #c4c4c4 solid; margin-top:10px; font-family:arial; font-size:12px; float:left;
  } 
form#kontaktformular input.button {
 height: 23px; width: 98px; margin-top:10px;  margin-left: 242px; background:#FFF; border:1px #c4c4c4 solid;
  }
form#kontaktformular br {
clear:both;
 }