/* Reset */


html,body { margin:0; padding:0; border:0; 
			background:transparent;	font-size:10px;  }
			
div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4,h5,h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead   {
	 border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0 0 0px 0;
	padding: 0;
	vertical-align: baseline;
	 background: transparent;
	 }
	 
img { margin:0; padding:0; border:0;  }


table, tr, td, tbody, tfoot, thead  {
	background-position: 0% 0%;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	vertical-align:baseline;
	 background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
}


table { border-collapse: collapse;	border-spacing: 0; }


input; select; textarea; form; fiedeldset;  {
     margin:0; padding:0; border:0;
     }

     
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;  }
	
	
	
h1, h2, h3, h4, p, blockquote, a, li, 
th, td, caption, em, strong, strike,  {
	font-family: Standart-Grotesk BSK,Arial,sans-serif,Helvetia,"Times New Roman"; 
    font-weight:normal;
	font-size:100%;
	font-style: normal;
	text-decoration:none;
	text-align:left;
	text-indent: 0;
	color:#0000ff;
	line-height:100%
	}
	
ol, ul	{ list-style:none;	}	
/* global */


html   {	}

body	{background-image:url('../images/Heal back Telecaster.jpg');
		 background-position: width:1024px;height:768px;
		 background-repeat:no-repeat;
		 background-position:center;

	
}
/* headings */

h1, h2, h3, h4,h5, h6   {  font-size: bold; color: #ooo;
	width: 622px;
}

h1,	    { font-size:24px;  }
h2, 	{ font-size:20px;  }
h3,	    { font-size:16px;  }
h4,	    { font-size:14px;  }
h5,	    { font-size:14px;  }
h6,	    { font-size:14px;  }


h1 img,h2 imgh2 img, h3 img, h4 img, { margin: 0;  }

/* text Elements */
p			{color:#000; font-size:16px; 
line-height:150%; }
p .left		{margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right	{margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:link		{ color:#00f; }
a:visit		{ color:#0f0; } 
a:active	{ color:#000; } 
a:focus		{ color:#666; } 
a:hover		{ color:#f00; }

blockquote	{color:#000; font-size:12px; }

strong		{ font-weight: bold; }
em			{ font-style: italic; }


/* images */



/* lists */

ul				{	}
ol			    { list-style-type: decimal:	}

ul li			{ color:#000; font-size:12px; 	}
ol li			{ color:#000; font-size:12px; 	}

dl				{	}
dt				{	}
dd				{	}

/* tables */

table			{ width:100%;
	text-align: center;
}
tr			    { 	}
.odd			{ background-color:#eee; }
.even			{ color:#000; font-size:12px; 	}

th			 	{ font-weight: bold; }
thead, th		{ background: #ccc; }

tbody			{	}

th,td,caption	{	text-align: center;
	width: 400px;
}
caption			{	}

tfoot			{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic;	}

caption 		{ background: #efefef	}



/* Miscellaneous */

sup, sub		{ line-height: 0;	}

abbr, acronym,	{ border-bottom: 1px dotted #666;	}
adress			{ 	}
del				{ background: #FFFCECE; color:#f00;	}

code, pre		{ background-color:#FF9; padding: 2px 0px; margin: 4 px 25px; 
				  font-family: "Courier New", Courier, monospace;
				  font-size:100%;
				}

/* Containers */

#wrapper				{ width:900px;margin:0px auto;  }


#social-media		    { float:right; margin:30px 10px 10px 0; }
#social-media p			{ color:#ffffff; font-size:11px; margin:2px 4px 4px 0px;  }
#social-media img		{ width:24px; height:24px; }
#social-media ul li		{ display:inline;  }

#topnav 				{ background-color:transparent; clear:both;height:35px;}
#topnav	 ul				{ width:100%; float:left; margin:0 0 15px 0; background-color:transparent;
						   }
#topnav	 li				{ font-size:15px;  }
#topnav  ul li 			{ display:inline;  }
#topnav  ul li a		{ float:left; padding:0 20px ;}

#topnav a:link			{  color:#ffffff; text-decoration:none; }
#topnav a:visited		{  color:#ffffff; text-decoration:none; }
#topnav a:active		{  color:#ffffff; text-decoration:none;}
#topnav a:hover 		{  color:#ffffff; text-decoration:none;color:Highlight; color:#8C0000; }
#topnav a:focus			{  color:#ffffff; text-decoration:none;}

#slider					{ width:900px; height:250px; margin:0px auto;}


#subbanner				{ width:100%; background-color:transparent;padding: 0; overflow:hidden;   }
#subbanner h1   		{ width:900px; padding:0px;color:#ffffff; font-size:18px; font-weight:bold; text-align:center;  }



#content				{ float:left; width:800px; height: 85px; background-color:transparent; margin:30px 15px 0px 50px;
						 padding: 10px 10px 0px 95px;}
						 
#content h2				{ color:#000000; font-size:14px; width:700px; overflow:hidden; word-spacing:2px; letter-spacing:0px; }
#content p				{ line-height:15px;; font-weight:bold;color:#000000; font-size:14px; width:675px; padding:8px 0 10px 20px;
						  word-spacing:2px; letter-spacing:0px; } 



#content1				{ float:left; width:800px; height: 85px; background-color:transparent; margin:0px 15px 0px 50px; 
						 padding: 0px 10px 10px 95px;}
						 
#content1 h3			{ color:#000000; font-size:14px; width:700px; overflow:hidden; text-indent:35px;word-spacing :2px; letter-spacing:0px; margin:3px; 
						 padding:8px 0 0 0 ; }
#content1 p				{ line-height:15px;; font-weight:bold;color:#000000; font-size:14px; width:675px; padding:5px 0 ;
						  word-spacing:2px; letter-spacing:0px; } 



#bottom					{float:left; width:200px; height:300px; background-color:transparent; margin:180px 0 0 200px;	}
#bottom img				{width:25px; height:25px;margin:27px 0 0 60px;padding:0px 0 0 10px; }


#Bandheader             { float:left; width:900px; height: 35px; background-color:transparent; margin:50px 0 0 0; }
#Bandheader h4			{ padding:0px;color:#ffffff; font-size:20px; font-weight:bold; text-align:center;  }
 



#Bilder					{ float:left; height: 470px; width: 93px; background-color:transparent; margin:0px 0 0 100px;}
#Bilder img				{ padding: 1px; border:3px #932500 solid; margin:0 0 10px 0;}
#Bilder  ul li  		{ display:list-item;margin:10px;}


#rightside				{ float:right; height: 450px; width: 630px; margin:0px 0 0 20px; overflow:hidden  }
#rightside h5   		{ color:#000000; font-size:14px; overflow:hidden; word-spacing:3px; letter-spacing:1px; padding:15px 0 0 0;overflow: hidden;}

#rightside  p			{ color:#000000; font-size:14px; overflow:hidden; word-spacing:3px; letter-spacing:1px;
							overflow: hidden; line-height:15px;; font-weight:bold; padding:6px 0 0 0 ; } 

#audiowrapper			{  width:900px;height:600px;margin:0 auto;}
	

#subbanner2				{ float:left; width:800px; height: 50px; background-color:transparent; margin:100px 0 0 0;}
#subbanner2 h2			{ color:#000000; font-size:20px; width:500px;overflow:hidden; word-spacing:2px; letter-spacing:0px; 
						  margin:0 0 0 90px; }
						 
#subbanner3				{ float:right; width:800px; height: 50px; background-color:transparent; margin:40px 0 0 0;}
#subbanner3 h3			{ color:#000000; font-size:17px; width:400px;overflow:hidden;word-spacing:2px; letter-spacing:0px; margin:5px 0 0 200px; }
	

#picturesbanner         { width:100%; background-color:transparent;overflow:hidden;}
#picturesbanner h4		{ color:#000000;font-size:30px;font-weight:bold; text-align:center;margin: 10px ; }
#pictures1  img			{ padding: 1px; border:3px #932500 solid; margin:8px;}
#pictures2  img			{ padding: 1px; border:3px #932500 solid; margin:8px;}
					     	
#pictures1				{ float:right;margin: 0 20px 0 0}
#pictures2				{ float:right;margin: 0 45px 0 0}
	     	
	

				 


#audioplattform			{ float:right; width:350px;height: 300px; background-color:transparent; margin:20px 58px 0 0; }
#audioplattform li		{ width:0 auto ;margin:25px 0 0 0 ;   }

#audiotitel				{ float:left; width:350px;height: 300px; background-color:transparent; margin:20px 0 0 140px; }
#audiotitel	ul li		{ display:list-item ;margin:2px 0 0 70px;}
#audiotitel ul 			{ float:left; width:100%; height: 350px; margin:  0;}
#audiotitel	li			{ width: 180px; margin:0;padding : 25px 0 0 30px; }


#impressum	h1 			{ width:200px; padding:80px 0 0 350px; text-align:center; color:#ffffff;  }

#impressum  h2 			{ width:200px; padding:35px 0 0 0px;margin:0 0 0 350px;color:#000000; font-size:16px; font-weight:bold; text-align:center;  
		 				  overflow:hidden; }
#impressum  h3 			{ width:200px; padding:40px 0 0 0px;margin:0 0 0 350px;color:#ffffff; font-size:18px; font-weight:bold; text-align:center;  
		 				  overflow:hidden; }

#impressum  h4  		{ width:300px; padding:20px 0 0 300px; text-align:center; color:#ffffff;font-size:14px; font-weight:bold;  
						  word-spacing:2px; letter-spacing:1px; }
#impressum   li 		{ width:300px; padding:5px 0 0 300px; text-align:center; color:#ffffff;font-size:14px; font-weight:bold;  
						  word-spacing:2px; letter-spacing:1px; }
#impressum   p 		    { width:700px; padding:50px 0 0px 100px; text-align:center; color:#000000;font-size:12px; font-weight:bold;  
                          line-height:150%;word-spacing:2px; letter-spacing:1px;}

#footer					{ clear:both; background-color:transparent; padding:50px 0 0 50px;overflow:hidden; }
#footer p				{ text-align:left; color:#000000; font-size:11px;  }



/* Forms */

Form		{ text-align:left; margin:70px 20px 20px 50px}

label, input, textarea	{
	border:0; padding:0; margin:0; background:none; }
	
label	{ width: 208px; display:block;	height: 40px;}

submit  {border:1px #333 solid; margin-left:10px;
		padding:5px; background-color:#F3E9BE;
		}


input, textarea	{
		border:1px #333 solid; margin-left:10px;
		padding:5px; background-color:#F3E9BE;
		}
		
input	{
		width: 400px; 
margin-bottom: 16px;
		}
	
textarea	{
		width: 400px; height: 150px;
		margin-bottom: 16px;
		}
.submit { width: 110px; height:25px; margin-left:200px; font-size:12px;border:0; padding:0; margin:0 0 0 90px; }
	

#Impressum	{ clear:both; background-color:transparent; padding:90px 0 0 30px;overflow:hidden; }
#Impressum p { text-align:left; color:#000000; font-size:10px;  }



	




#kontaktformular ol 
		{ list-style:none; }		

	
br		{ clear: left; }


/* Miscellaneous */

.copyright-text		{ font-size:80%; font-style: italic; color:#333; }
.footer-text		{ font-size:80%; font-style: normal; color:#666 }

.title				{ font-size:18px; font-weight: bold; color:#333; }
.subtitle			{ font-size:14px; font-style: italic; color:#333 }

.artist				{ font-size:16px; font-weight: bold; color:#333; }
.author				{ font-size:14px; font-weight: bold; color:#555; }
.editor				{ font-size:100%; font-style: italic; color:#555 }

.pub-date			{ font-size:10px; font-style: italic; color:#555 }
.article-date		{ font-size:10px; font-style: italic; color:#555 }
.location			{ font-size:10px; font-style: italic; color:#555 }

.float-right		{ float:right; }
.float-left			{ float:left; }
.clear				{ clear:both; }

.hide				{ display:none; }
.block				{ display:block; }

.first				{ font-weight:bold; }
.last				{ font-weight:bold; }
.left				{ font-weight:bold; text-align:left; }
.right				{ font-weight:bold; text-align:right;}

.added				{background:#D7D7FF; }
.removed			{background:#FFCECE; color:#f00; }
.changed			{background:#FFB; }
	
	

/* Succses, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info  {
	padding: 0 . 8em; margin-bottom: 1 em; border: 2px solid #ddd;  }

.error, alert	
.error a	{color:	#8a1f11; }
.success a	{color:	#8a1f11; }
	
.nitice  a	{color:	#514721; }
.error a	{color:	#264409; }
.error a	{color:	#205791; }