
body {
		font-family: Tahoma, Verdana, Arial, sans-serif;
		color: black;
		font-size:12px;
		text-align: center;
		margin: 0;
		/*background-color:#666666;*/	
		background-color:#531808;
		}
#alles {
		width:964px;
		text-align:left;
		margin: 0 auto 25px auto; /*nach unten hin variabel!*/
		/*background-color:#0099CC;*/		
			}
	
#hintergrund_content {

		position:relative;
		background-image:url(Bilder/image_18.jpg);
		background-repeat:repeat-y;
		/*top: -274px;*/
		/*z-index:500;*/
		/*height:700px;*/
		width: 964px;
		height:auto;
		
		
		
		

		}		

#header {
	position:absolute;
	
}	
#content {
	position:absolute;
	margin-top: 258px;	
}		

		
		
/* ----  ANFANG--- obere zwei spalten Grafik     ---*/
#container1 {
		
		position:relative;
		width: 242px;
		height: 186px;
		left:0px;
		background-image:url(Bilder/image_03.jpg);
		background-repeat:no-repeat;
		
		
		
		}
#container2 {
		position:relative;
		background-image:url(Bilder/image_04.jpg);
		background-repeat:no-repeat;
		width: 260px;
		height: 186px;
		left: 242px;
		
		
		
		}		
#container3 {
		position:relative;
		background-image:url(Bilder/image_05.jpg);
		background-repeat:no-repeat;
		width: 230px;
		height: 186px;
		left:260px;
		
}	
#container4 {
		position:relative;
		background-image:url(Bilder/image_06.jpg);
		background-repeat:no-repeat;
		width: 232px;
		height: 186px;
		left:230px;
		
}
#container5 {
		position:relative;
		background-image:url(Bilder/image_08.jpg);
		background-repeat:no-repeat;
		width: 242px;
		height:72px;
		left:0px;
		top:0px;
		
		
		}	
#container6 {
		position:relative;
		background-image:url(Bilder/image_09.jpg);
		background-repeat:no-repeat;
		width: 260px;
		height: 72px;
		left:242px;
		
		
		}	
#container7 {
		position:relative;
		background-image:url(Bilder/image_10.jpg);
		background-repeat:no-repeat;
		width: 230px;
		height: 72px;
		left: 260px;
		
		
		}
#container8 {
		position:relative;
		background-image:url(Bilder/image_11.jpg);
		background-repeat:no-repeat;
		width: 232px;
		height: 72px;
		left: 230px;
		
		
		}							
/* ----  ENDE--- obere zwei spalten abgeschlossen ---*/	

/*---- FÜLL-Grafiken ---- */
#spacer1 {
		position:relative;
		background-image:url(Bilder/image_12.jpg);
		background-repeat:repeat-y;
		width: 242px;
		height: 260px;
		/*top: 0px;*/
	
		}

#spacer2 {
		position:relative;
		background-image:url(Bilder/image_13.jpg);
		background-repeat:repeat-y;
		width: 722px;
		
		left:242px;
		/*background-color:#0099FF;*/
		
		/*min-height:300px;*/
		
		

		}




/*---- ENDE------FÜLL-Grafiken ---- */
#abschluss1 {
		position:absolute;
		background-image:url(Bilder/image_16.jpg);
		background-repeat:no-repeat;
		width: 242px;
		height: 11px;
		

		}
#abschluss2 {
		position:absolute;
		background-image:url(Bilder/image_17.jpg);
		background-repeat:no-repeat;
		width: 722px;
		height: 11px;
		left: 242px;
		z-index:300;
	

		}

#spacer_komplett {
		position:relative;
		background-image:url(Bilder/image_18.jpg);
		background-repeat:repeat-y;
		width: 964px;
		height: 14px;
		left: 0px;
		

		}
#abschluss_kante {
		position:relative;
		background-image:url(Bilder/image_20.jpg);
		background-repeat:no-repeat;
		width: 964px;
		height: 14px;
		left: 0px;
		

		}				


#mainbox_text_format, #firmengeschichte, #klarinetten, 
#dienstleistungen, #instandhaltung, #reparatur, #zubehör,
#kontakt, #impressum, #produktuebersicht, #gebrauchtes {

		/*margin-left:0px;
		margin-right:27px;*/
	
		padding-top: 20px;
		padding-left: 40px;
		padding-bottom: 20px;
		/*padding-right: 50px;*/
		
		
		/*position:relative;*/
		text-align:justify;
		
		/*background-color:#CC9900;*/
		
	
}	
h1 {
		color: #841303;
		font-size: 15px;
		
		}

#menue{
		position:absolute;
		z-index: 1000;
		
		/*background-color:#FFFF33;*/
		

	}

#menuebox_text_format {
		position:absolute;
		margin-left:0px;
		
		margin-top: 17px;
		/*background-color:#663399;*/

}

#mainnav li {
		list-style-type:none;
		}		
		
#mainnav span {
		display: none;
		}		
		
	
#untermenue {
		position:relative;
		list-style-type:none;
		margin-left: -40px;
		}			
		
		
#spalte_links {
		width: 380px;
		
		
		/*background-color:#00FF33;*/
		}
#spalte_links p{
		/*font-weight:bold;*/
		width: 380px;
		}		
		
#spalte_rechts {
		position:absolute;
		width: 220px;
		margin-left: 400px;
		
		
		top: 110px;
		/*background-color:#00FF33;*/

		/*position:absolute;
		margin-left: 350px;
		margin-top: -475px;*/
		}			
		
		
		
p.p1 {
		padding-right: 215px;
		color: black;
		}	
p.p2 {
		padding-top:40px;
		}
p.p3 {
		padding-top:50px;
		}
p.p4 {
		padding-bottom: 0px;
	}

				
.fett_rot {
		font-weight:bold;
		padding-top: 25px;
		}
.fett{
		font-weight:bold;
		margin-top: 70px;
		}
		
				
p.fett a {
		text-decoration:none;
		color:black;

		}
	

#produkt_gliederung li{

		list-style-type:square;
		margin-left: 30px;	
		padding-left: 15px;
		margin-bottom: 10px;
		}
	

		
.listen {
		list-style-type: none;
		/*color: #841303; */
		color:black;
		margin-left:0px;
		padding-left: 0px;
		padding-top: 15px;
		font-weight: bold;
		margin-bottom: 0px;
		
		}
.listen_bold {
		font-weight:bold;
		
		}
		
.unterpunkt {
		list-style-type: square;
		margin-left: 80px;
		padding-left: 10px;
		padding-top: 5px;
		
	
		}
.punkt {
		list-style-type: square;
		margin-left: 30px;
		
		padding-top: 5px;
		padding-bottom: 5px;
		/*background-color:#999999;*/
	
		}		
		
.unterpunkt li {
		margin-bottom: 10px;
		/*font-weight:bold;*/
		
		}
li.listen{
		font-weight:bold;
		}

li.link_top {
		
		list-style-image:url(Bilder/pfeil_top.jpg);
		margin-top: 10px;
		padding-top: 10px;
		margin-left:25px;
		
		/*background-color:#339933;*/
		
		
			}				

h1 a {
	text-decoration:none;
		}




	
#footer {
	display:inline;
	position:absolute;
	color:#f2e4d1;
	font-size: 10px;
	margin-left: 257px;
	margin-right: 50px;
	
	padding-bottom: 5px;
	padding-top: 5px;
	
	
/*	background-color:#99CC00;*/
	
	
		}
		
#footer a{
	color:white;
	}

p .menue_punkt{
		letter-spacing: 1px;
		color: #841303;
		
		
		}		
		

	
		
				
a:hover {
		color: #841303;
		text-decoration:none;
		
		} 	
a 		{
		color: #841303;
		text-decoration:underline;
		
		}


#impressum_jf {
		margin-top: -60px;
		position:absolute;

		}


/* überschriften */
#mainbox_text_format h1 span,
#firmengeschichte h1 span,
#klarinetten h1 span,
#dienstleistungen h1 span,
#instandhaltung h1 span,
#reparatur h1 span,
#zubehör h1 span,
#kontakt h1 span,
#impressum h1 span,
#gebrauchtes h1 span
{
		display:none;
		

		}
#mainbox_text_format h1 {
		background-image:url(Bilder/meisterwerkstatt.jpg);
		background-repeat:no-repeat;
		width: 378px;
		height: 20px;
		}
#firmengeschichte h1 {
		background-image:url(Bilder/firmengeschichte.jpg);
		background-repeat:no-repeat;
		width: 347px;
		height: 20px;
		}

#klarinetten h1 {
		background-image:url(Bilder/klarinetten.jpg);
		background-repeat:no-repeat;
		width: 192px;
		height: 20px;
		}
#dienstleistungen h1 {
		background-image:url(Bilder/dienstleistungen.jpg);
		background-repeat:no-repeat;
		width: 155px;
		height: 20px;
		}
#instandhaltung h1 {	
		background-image:url(Bilder/instandhaltung.jpg);
		background-repeat:no-repeat;
		width: 276px;
		height: 20px;
		}
#reparatur h1 {	
		background-image:url(Bilder/reparaturen.jpg);
		background-repeat:no-repeat;
		width: 194px;
		height: 20px;
		}
#zubehör h1 {	
		background-image:url(Bilder/zubehoer.jpg);
		background-repeat:no-repeat;
		width: 206px;
		height: 20px;
		}
#kontakt h1 {	
		background-image:url(Bilder/kontakt.jpg);
		background-repeat:no-repeat;
		width: 77px;
		height: 20px;
		}
#impressum h1 {	
		background-image:url(Bilder/impressum.jpg);
		background-repeat:no-repeat;
		width: 92px;
		height: 20px;
		}
#gebrauchtes h1 {
		background-image:url(Bilder/gebrauchtes.jpg);
		background-repeat:no-repeat;
		width: 185px;
		height: 20px;
}



/* BILD FORMATIERUNGEN */		

#bild_winfried {
		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/winfried.jpg);
		background-repeat:no-repeat;
		float:right;	
		margin-right: 0px;
		margin-top: 0px;	
		}
#bild_winfried p{
		
		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top: 20px;
		font-size:10px;
		}

#bild_drehbank {
		position:absolute;
		height: 157px;
		width: 216px;		
		background-image:url(Bilder/page_bilder/drehbank.jpg);
		background-repeat:no-repeat;
		top: 530px;
		
		float:right;
		
		
		}
#bild_drehbank p{
		padding-top: 135px;
		float:right;
		margin-right: 15px;
		margin-top: 20px;
		
		font-size:10px;
		}


#bild_drehbank {
		height: 157px;
		width: 216px;		
		background-image:url(Bilder/page_bilder/drehbank.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: -195px;
		float:right;
		
		
		}
#bild_drehbank p{
		padding-top: 135px;
		float:right;
		margin-right: 15px;
		margin-top: 20px;
		
		font-size:10px;
		}


#werkstatt_aussen {
	width:213px;
	height:295px;
	background-image: url(Bilder/page_bilder/werkstatt_aussen.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-top: 300px;
	
	
	}
/*#werkstatt_aussen h3 span {
		display:none;
		}*/
#werkstatt_aussen p{
		
		margin-top: 285px;
		float:right;
		margin-right: 15px;
		
		font-size:10px;
		}

#bild_klar_5 {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/klar_5.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 0px;
		float:right;

}
#bild_klar_5 p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top: 20px;
		
		font-size:10px;

}

#bild_arbeit_1 {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/arbeit_1.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: -100px;
		float:right;

}
#bild_arbeit_1 p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top:-100px;
		
		font-size:10px;

}
#bild_klar_4 {
		position:relative;
		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/klar_4.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 0px;
		float:right;

}
#bild_klar_4 p{

		padding-top: 270px;
		float:right;
		margin-right: 10px;
		margin-top:20px;
		
		font-size:10px;

}

#bild_bass_dt {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/bassklar_dt_sys.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 150px;
		float:right;

}
#bild_bass_dt p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top:20px;	
		font-size:10px;
}

#bild_b_tief_e {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/b_klar_tief_e.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 790px;
		float:right;

}
#bild_b_tief_e p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top:20px;
		
		font-size: 10px;
		width: 190px;
		text-align:right;
}
#bild_es_klar_pro {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/es_klar_prof.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top:150px;
		float:right ;

}
#bild_es_klar_pro p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top:20px;
		
		font-size:10px;
}

#bild_klar_2 {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/klar_2.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 20px;
		float:right;

}
#bild_klar_2 p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top:20px;
		
		font-size: 10px;
		width: 190px;
		text-align:right;

}
#bild_klar_3 {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/klar_3.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 0px;
		float:right;

}
#bild_klar_3 p{

		padding-top: 270px;
		float:right;
		margin-right: 15px;
		margin-top:20px;
		
		font-size: 10px;
		width: 190px;
		text-align:right;
		/*background-color:#CC6633;*/
}
#bild_verkauf_1a {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/klar_19_verkauf_a.jpg);
		background-repeat:no-repeat;
		margin-left: 0px;	
		margin-top: 0px;
		float:right;

}
#bild_verkauf_1b {

		height: 295px;
		width: 213px;		
		background-image:url(Bilder/page_bilder/klar_19_verkauf_b.jpg);
		background-repeat:no-repeat;
		margin-right: 0px;	
		margin-top: 0px;
		float:right;

}
#platzfreihalten {
		margin-top: 260px;	  /* nach unten platzlassen, sonst ueberschneidungen*/	
}
#bildunterschrift {
		float:right;
		margin-right: 20px;
		font-size: 10px;
		width: 190px;
		text-align:right;


}



/* FORMULAR FORMATIERUNG---------------------------------------------*/		
		
		
		

label.feld{				/*Farb und Fontangeabe für Feldbezeichnung*/
		
		color:black;/*color:#841303;  */
		/*font-weight:bold;*/
		
		position:relative;
		
		padding-left:0px;
		line-height:1.5em;
		margin-top:7px;
		width:150px;
		display:block;
		
		
		
		}		
		
#anfrage_formular{		/* Formularbezeichnung */
		position:relative;
		margin-left: 0px;
		padding-top:0px;
		padding-bottom: 20px;
		
		
		

		}
#anfrage_formular input{ 					/* graue eingabefelder*/
		
		background-color: white; 
		border: 1px solid #966b54; 
		color: black; /*weinrot #841303*/
		width: 180px;
		top:0px;
		padding-left:3px;
		padding-right: 3px;
		
		font-family: Tahoma, Verdana, Arial, sans-serif;

		margin-top:-15px;
		margin-bottom:0px;
		float:right;
		margin-right: 23px;

		}

		
#anfrage_formular input.abschicken{
		width: 158px;
		text-align:center;
		
		}		

#anfrage_formular input.mitteilung{
		height:50px;
		width: 450px;
		padding:3px;
	
		}	
#anfrage_formular textarea.mitteilung{
		height:200px;
		width: 180px;
		padding:3px;
		margin-left:170px;
		margin-top:-13px;
		background-color: white; 
		border: 1px solid #966b54; 
	
		color: black; /*weinrot #841303*/
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		
		}				
		
		
#anfrage_formular input.abschicken_normal,
#anfrage_formular input.abschicken_hover
{
		margin-top: 7px;
		width:158px;
		text-align:center;
		cursor :  pointer;
		
		}			
/*input.abschicken {
		padding-bottom:2px;
		
		}
input.abschicken:hover {
	
	color:black;
	text-decoration:underline;
	
	}		*/
input.abschicken_normal{    /*für IE mit javascript*/
		padding-bottom:0px;
		padding-top:0px;
		width:250px;
		
		
		}	
input.abschicken_hover {     /*für IE mit javascript*/
	padding-bottom:0px;
	padding-top:0px;
	color:black;
	text-decoration:underline;
	width: 250px;
	
	
	}		
	