/* CSS Document */

h1,h2,h3,h4,h5,p{
margin:0;
padding:0;
}

body
{
background-image: url(hg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 15px;
	margin: 0;
	padding: 0;
 }
		
		#container {
			background-color:#FFFFFF;
			width: 830px;
			\width: 850px;
			w\idth: 830px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			height:700px;
		}
		
		#oben {
		height:100px;
		}

		#logo {
		background-color:#CCCCCC;
		width:160px;
		float:left;
		text-align:left;
		}
		
		#logo a {
		line-height:35px;
		}
		#banner {
		padding-top:0px;
		height:150px;
		width:100%;
		}

	#content {
	line-height:17px;
		height:410px;
		width:570px;
		margin:0 0 0 220px;
		padding-top:2px;
		}
		#content a{
		
		text-decoration: none;
		color: #FF0000;
		}
		
		#content a:hover{
		text-decoration: none;
		color: #FF0000;}

     #sidebar {
	 	width:180px;
		height:400px;
		line-height:23px;
		float:left;
		}
		
    	#sidebar a{
		text-decoration: none;
		color: #CC0000;
		}
		#sidebar a:hover{
		text-decoration: none;
		color: #000066;
		}

/*-------------------navi----------*/

div#navcontainer
{
display: block;
margin: 0;
}

ul#navlist, ul#navlist li ul#subnavlist
{
list-style-type: none;
padding: 0;
margin:0;
}

ul#navlist li a
{
background:;
display: block;
width:100%;
color: #666666;
text-align:left;
text-decoration: none;
margin:0px 0 0px 0;
padding: 2px 0 2px 20px;
}

ul#subnavlist li a
{background:none;
}

ul#navlist li a:hover{
color: #FF0000;
background: url(button.gif) left center no-repeat; }

ul#subnavlist li a:hover
{background:url(butto+.gif) left center no-repeat;
}


ul#navlist li#active a {
color: #FF0000;
background:url(button+.gif) left center no-repeat;
}

ul#navlist li ul#subnavlist li a
{display: block;
background:none;
width:100%;
color: #666666;
text-align:left;
text-decoration: none;
margin:0px 0 0px 20px;
padding: 2px 0px  2px 20px;
}

ul#navlist li ul#subnavlist li a:hover{
background:url(butto-.gif) left center no-repeat;
color: #FF0000;}

ul#navlist ul#subnavlist li#subactive a
{background:url(butto+.gif) left center no-repeat;
color: #FF0000;}

/*  -------- ---- ---- ---- ---- ---- ---- -----*/  

		
h1 {
	font:Arial;
	font-size: 18px;
	font-style:bold;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #CC9999;
	background-color: #FFFFFF;
	
}

h2 {
	font-size: 9px;
	color:#9299C2;
	text-align:right;
	line-height:18px;
	letter-spacing:normal;
}

h3 {
	padding-top: 5px;
	font-size: 12px;
	color: #BD0047;
	line-height:16px;
	font-weight: normal;
}
h4 {
	line-height: 20px;
	font-size: 14px;
	font-style:bold;
	color: #CCCCCC;
	text-align:right;}		
		 
 h5{
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align:center;
	line-height: 20px;
	font-size: 14px;
	color: #B6B0AE;
	}		
		 
		 /*  ---- Menueleiste -----*/  

	#menu {
	}

     #menu a {
	float:left;
	width: 130px;
	text-decoration: none;
	text-align:center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top:2.5em;
	padding-bottom: 0.4em;}
 
#menu a i{
visibility:hidden;
} 

#menu a:hover {background-repeat: no-repeat;
color: #FFF;}


a#home       {background-image: url(musik.gif);}
a#home:hover {background-image: url(musik+.gif);}
a#home_ {background-image: url(musik+.gif);}

a#band      { background-image: url(band.gif);}
a#band:hover {background-image: url(band+.gif);}
a#band_ {background-image: url(band+.gif);}

a#musik     { background-image: url(musik.gif);}
a#musik:hover{ background-image: url(musik+.gif);}
a#musik_ { background-image: url(musik+.gif);}

a#termine       { background-image:url(termine.gif);}
a#termine:hover { background-image:url(termine+.gif);}
a#termine_ { background-image:url(termine+.gif);}

a#referenzen       { background-image: url(referenzen.gif);}
a#referenzen:hover { background-image: url(referenzen+.gif);}
a#referenzen_ { background-image: url(referenzen+.gif);}

a#kontakt       { background-image: url(kontakt.gif);}
a#kontakt:hover { background-image: url(kontakt+.gif);}
a#kontakt_ { background-image: url(kontakt+.gif);}

a#fotos       { background-image: url(fotos.gif);}
a#fotos:hover { background-image: url(fotos+.gif);}
a#fotos_ { background-image: url(fotos+.gif);}

a#downloads      { background-image: url(downloads.gif);}
a#downloads:hover { background-image: url(downloads+.gif);}
a#downloads_ { background-image: url(downloads+.gif);}

a#presse      { background-image: url(presse.gif);}
a#presse:hover { background-image: url(presse+.gif);}
a#presse_ { background-image: url(presse+.gif);}

a#links     { background-image: url(links.gif);}
a#links:hover { background-image: url(links+.gif);}
a#links_ { background-image: url(links+.gif);}

a#impressum     { background-image: url(impressum.gif);}
a#impressum:hover { background-image: url(impressum+.gif);}
a#impressum_ { background-image: url(impressum+.gif);}
 


 /*  ---- navi links -----*/ 
 

#navcontainer_links ul{
margin-bottom: 10px;
padding-bottom:20px;
list-style-type: none;}

#navcontainer_links li a{
line-height:22px;
text-decoration: none;
color:#9299C2;
}

#navcontainer_links li a:hover
{color:#992D4F;
}

#navcontainer_links a#active
{color:#992D4F;
}
 /*  ---- navi weiter -----*/ 
 

#navcontainer_weiter ul{
list-style-type: none;}

#navcontainer_weiter li a{
font-size:12px;
font-weight:bold;
line-height:18px;
letter-spacing:1px;
text-decoration: none;
color: #CC0000;
}

#navcontainer_weiter li a:hover
{color: #009966;
}

#navcontainer_weiter li a#active
{color: #FF9933;
}

 /*  ---- Schmuckbilder links -----*/  

.auszeichnung_grau{
font-weight:bold;
padding-bottom:5px;
color: #666;
font-size:13px;
text-decoration: none;
}


.auszeichnung_rot{
font-weight:bold;
padding-bottom:5px;
color: #FF0000;
font-size:13px;
text-decoration: none;
}


	.bild {
	float:left;
	padding-right:30px;
	}
	
	.bild-rechts{
	float: right;
	padding-right:-50px;
	}