/*liquidvideo style*/

/*anfang grundeinstellungen-------------------*/
div, body, ul, li{
font:8px verdana, tahoma, arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}


body {
background-image:url(bilder/hintergrund.jpg);
background-repeat:repeat;
}

h1 {
font: 9px verdana, tahoma, arial, helvetica, sans-serif;
width: 416px;
border-bottom: dotted 1px black;
margin: 0px 0px 0px 0px;
}

h2 {
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
margin-bottom: 44px;
}

h3 {
font:11px tahoma, verdana, arial, helvetica, sans-serif;
text-transform:uppercase;
margin-top: 3px;
font-weight:bold;
}

h4 {
font:11px verdana, arial, helvetica, sans-serif, tahoma;
color: black;
text-transform:uppercase;
padding: 3px 3px 3px 3px;
font-weight:bold;
text-decoration: underline;
}

h5 {
font: 12px verdana, tahoma, arial, helvetica, sans-serif;
border-bottom: dotted 2px black;
margin: 20px 0px 0px 0px;
font-weight:bold;
}

li {color:#000000;
border-bottom: dotted 2px black;}


li:visited {
color:#666666;
border-bottom: dotted 2px #666666;}

/*ende grundeinstellungen---------------------*/


#page{
background-image:url(bilder/pagehintergrund.jpg);
background-position:center top;
background-repeat:no-repeat;
border: gree dotted 2px;
height: 750px; 
}

#container{
float: center;
width: 600px;
}



/*anfang header-------------------------*/

#header {
width: 400px;
height: 200px;
background-image:url(bilder/header.jpg);
background-position: top center;
float:left;
}

#mylink {
width: 200px;
height: 200px;
background-image:url(bilder/mylinkoff.jpg);
float:left;
}

#mylink:hover {
width: 200px;
height: 200px;
background-image:url(bilder/mylinkon.jpg);
float:left;
}

/*ende header-------------------------------*/




/*anfang main menue-------------------------*/

#main_menue {
width:600px;
height:20px;
background-image:url(bilder/menu.jpg);
float:left;
border-bottom: none;

}

#main_menue ul{
width:600px;
height:20px;
float:left;

}

#main_menue li{
font:11px tahoma, verdana, arial, helvetica, sans-serif;
text-transform:uppercase;
height: 20px;
width: 98px;
float:left;
list-style:none;
border-right:2px solid black;
}


#main_menue li:hover {
background-color:#000000;
height: 20px;
width: 98px;
}



#main_menue a:link {
font-weight:bold;
color:black;
text-decoration:none;
display:block;
}

#main_menue a:visited{
font-weight:bold;
color:black;
text-decoration:none;
display:block;
}

#main_menue a:hover{
color:#ff9999;
background-color:#000000;
display:block;
height: 17px;
width: 98px;
}

#main_menue a:active{
color:black;
display:block;
}



/*ende main menue--------------------------------*/


/*anfang sub menue--------------------------------*/

#submenu{
width:150px;
margin:0px 0px 0px 0px;
float:left;
text-transform:uppercase;
padding: 16px 0px 0px 0px;
background-image:url(bilder/hintergrund.jpg);
background-repeat:repeat;
}

#submenu ul{
width:140px;
border-style:none;
}

#submenu li{
width:140px;
height:15px;
float:left;
list-style:none;
text-align:left;
border-style:none;
}

#submenu a:link {
display:block;
background-color:black;
}

#submenu a:visited{
font-weight:bold;
color:white;
text-decoration:none;
}

#submenu a:hover{
color:grey;
text-decoration:none;
}

#submenu a:active{
color:white;
text-decoration:none;
}


#buynow {
height:284px;
width: 151px;
margin: 60px 0px 0px 0px;
float:left;
background-image:url(bilder/buynow/buynow.jpg);
}

#buynow:hover {
height:284px;
width: 151px;
margin: 60px 0px 0px 0px;
float:left;
background-image:url(bilder/buynow/buynowani.gif);
}



/*submenu buttons about us---------------------------*/

#samson {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonsamson.jpg);
float:left;
margin: 0px 0px 10px 0px;
}

#samson:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonsamsonhover.jpg);
float:left;
margin: 0px 0px 10px 0px;
}

#samson:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonsamsonklick.jpg);
float:left;
margin: 0px 0px 10px 0px;
}



#pit {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonpit.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#pit:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonpithover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#pit:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonpitklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#hannes {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonhannes.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#hannes:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonhanneshover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#hannes:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonhannesklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#matze {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonmatze.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#matze:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonmatzehover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#matze:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/aboutus/buttonmatzeklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



/*submenu buttons auftritte---------------------------*/


#comingup {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/auftritte/buttoncomingup.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#comingup:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/auftritte/buttoncominguphover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#comingup:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/auftritte/buttoncomingupklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#vorbei {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/auftritte/buttonvorbei.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#vorbei:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/auftritte/buttonvorbeihover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#vorbei:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/auftritte/buttonvorbeiklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}


/*submenu buttons buy---------------------------*/

#shirts {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttonshirt.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#shirts:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttonshirthover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#shirts:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttonshirtklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#cds {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttoncd.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#cds:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttoncdhover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#cds:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttoncdklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#karten {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttonkarten.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#karten:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttonkartenhover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#karten:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/buy/buttonkartenklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}

/*submenu buttons media---------------------------*/

#fotos {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonfoto.jpg);
margin: 0px 0px 10px 0px;
float:left;}

#fotos:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonfotohover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#fotos:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonfotoklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#songs {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonsong.jpg);
margin: 0px 0px 10px 0px;
float:left;}

#songs:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonsonghover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#songs:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonsongklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}



#others {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonothers.jpg);
margin: 0px 0px 10px 0px;
float:left;}

#others:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonothershover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#ohters:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/media/buttonothersklick.jpg);
float:left;
margin: 0px 0px 10px 0px;}


/*submenu buttons guestbook---------------------------*/

#eintragen {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/guestbook/buttoneintragen2.jpg);
margin: 0px 0px 10px 0px;
float:left;}

#eintragen:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/guestbook/buttoneintragen2hover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#eintragen:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/guestbook/buttoneintragen2klick.jpg);
float:left;
margin: 0px 0px 10px 0px;}




#beitrage {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/guestbook/buttonbeitrage2.jpg);
margin: 0px 0px 10px 0px;
float:left;}

#beitrage:hover {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/guestbook/buttonbeitrage2hover.jpg);
float:left;
margin: 0px 0px 10px 0px;}

#beitrage:active {
width: 134px;
height: 21px;
background-image:url(bilder/submenubuttons/guestbook/buttonbeitrage2klick.jpg);
float:left;
margin: 			0px 0px 10px 0px;}



/*submenu buttons index---------------------------*/

#signup {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/index/buttonup.jpg);
margin: 			0px 0px 10px 0px;
float:				left;}

#signup:hover {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/index/buttonuphover.jpg);
float:				left;
margin: 			0px 0px 10px 0px;}

#signup:active {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/index/buttonupklick.jpg);
float:				left;
margin:				0px 0px 10px 0px;}




#signout {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/index/buttonout.jpg);
margin:				0px 0px 10px 0px;
float:				left;}

#signout:hover {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/index/buttonouthover.jpg);
float:				left;
margin: 			0px 0px 10px 0px;}

#signout:active {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/index/buttonoutklick.jpg);
float:				left;
margin: 			0px 0px 10px 0px;}

/*submenu buttons kontakt---------------------------*/

#disclaimer {
width: 				134px;
height:				21px;
background-image:	url(bilder/submenubuttons/kontakt/buttondisclaimer.jpg);
margin: 			0px 0px 10px 0px;
float:				left;
}

#disclaimer:hover {
width:				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/kontakt/buttondisclaimerhover.jpg);
float:				left;
margin: 			0px 0px 10px 0px;
}

#disclaimer:active {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/kontakt/buttondisclaimerklick.jpg);
float:				left;
margin: 			0px 0px 10px 0px;
}



#impressum {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/kontakt/buttonimpressum.jpg);
margin: 			0px 0px 10px 0px;
float:				left;
}

#impressum:hover {
width: 				134px;
height: 			21px;
background-image:	url(bilder/submenubuttons/kontakt/buttonimpressumhover.jpg);
float:				left;
margin: 			0px 0px 10px 0px;
}

#impressum:active {
width:  			134px;
height:  			21px;
background-image: 	url(bilder/submenubuttons/kontakt/buttonimpressumklick.jpg);
float: 				left;
margin:  			0px 0px 10px 0px;
}


/*ende sub menue--------------------------*/

#content {
width: 				410px;
min-height:			480px;
background-color:	#ffffff;
float:				right;
text-align: 		left;
padding: 			16px 23px 10px 17px;
}


img class.gallery {
margin: 			20px 20px 0px 0px;
border: 			red solid 2px;
float: 				left;
}


#content a:link{
color: 				black;
font-weight:		bold;
}



#content a:visited{
color:				#999999;
font-weight:		bold;
}


#footer {
width:				600px;
background-color:	#000000;
float:				left;
border-top: 		solid white 10px;
}