@charset "utf-8";

/************** Globale Einstellungen Start **************/

/* Reset der standard Abstände aller Elemente */
* { margin:0; padding:0; }

a { outline: none; }

/* Festlegen des Basis EM Werts mit 10px = 1em */
body { 
  	background:#000 url(../images/bg_body.gif) top center repeat-y;
	font-size: 10px;
	color:#2c1e16;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* keine häßlichen gestirchelten Linien um Links bei Klick */
a { outline: none; }

/* der Global Wrapper umschließt alle Elemente innerhalb des Bodys */ 
#globalWrapper { 
	background:#e6d3a0 url(../images/bg_globalWrapper.gif) top center;
	text-align:center;
}

/* der Content Wrapper umschließt die Elemente SubNav, AdNav, Headline und Content */
#contentWrapper { 
 	width:760px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:10;
}

/* Header Formatierung */
#header {
	background:#000 url(../images/bg_header.gif) top left repeat-x;
	height:228px;
	overflow:hidden;
}
#header h1 {
	height:180px;
	background:transparent url(../images/bg_header_h1.jpg) top center no-repeat;
}
#header h1 span { display:none; }

a:link, a:visited { color:#e64337; text-decoration:none; }
a:hover, a:active { color:#990000; text-decoration:underline; }


/*********************** Nav Leiste Formatierung Start ***********************/

#nav { position:absolute; top:-207px; left:15px; width:230px; z-index:99; font-family:Georgia, "Times New Roman", Times, serif; }

#nav #logo { height:119px; background:transparent url(../images/bg_logo.png) no-repeat; overflow:hidden; }
#nav #logo a { display:block; height:119px; }
#nav #logo a span { display:none; }

#nav #navCenterWrap { background: url(../images/bg_navCenterWrap.png) repeat-y; padding:37px 5px 0; }
* html #nav #navCenterWrap { height:300px; } /* Für IEs < 7, da sie für die PNG Transparentz ne Höhe brauchen */

#nav #navBottom { height:6px; font-size:0px; line-height:0px; background:transparent url(../images/bg_navBottom.png) no-repeat; }

#nav #navList { background: url(../images/bg_navList.gif) repeat-x; padding:45px 4px 0; }
#nav #navList .navWrap { background: url(../images/bg_navWrap.gif) no-repeat; }

#nav #navList ul { list-style-type:none; background:url(../images/bg_nav_ul.gif) bottom left no-repeat; padding:3px 3px 5px; text-align:right; }

#nav #navList ul a { display:block; border: 1px solid #e3d2ba; border-color:#fff #e3d2ba #e3d2ba #e3d2ba; padding:4px 15px; font-size:15px; text-decoration:none; color:#3f2e16; }
* html #nav #navList ul a { display:inline-block; } /* Hack gegen Whitespace bei IEs < 7 */
* html #nav #navList ul a { \width: 206px; }
* html #nav #navList ul a { widt\h: 174px; }


#nav #navList ul a:hover { border-color:#f3e2ca #f3e2ca #e3d2ba #e3d2ba; background-color:#f9f0e4; } 
#nav #navList ul a:active { border-color:#f3e2ca #f3e2ca #e3d2ba #e3d2ba; background-color:#fff; color:#8b7a62; }

#nav .shopLink { position:absolute; top:103px; left:5px; width:220px; height:65px; overflow:hidden; }
#nav .shopLink a { display:block; width:220px; height:65px; background:url(../images/bg_shopLink.gif) 0 0 no-repeat; }
#nav .shopLink a:hover, #nav .shopLink a:active { background-position: 0 -65px; }
#nav .shopLink a span { display:none; }


#nav .infoWrapOut { background: transparent url(../images/bg_infoWrapBottom.gif) bottom left no-repeat; width:212px; margin:4px 0 0 4px; padding-bottom:5px; }
#nav .infoWrapIn { background: transparent url(../images/bg_infoWrapTop.gif) no-repeat; padding:5px; font-size:14px; color:#52412a; }

#nav .infoWrapIn h4 { background-color:#dbc4b5; font-size:16px; padding: 4px 14px; }
#nav .infoWrapIn p { padding: 4px 14px 2px; line-height:21px; }

#nav .navImage { height:250px; }

/*********************** Nav Leiste Formatierung Ende ***********************/

#content { 
	position:relative;
	border: 5px solid #bca18e; 
	border-width: 0 5px;
	min-height:500px;
	background:#f8e7cf url(../images/bg_content.gif) repeat-x;
	padding: 25px 25px 25px 263px;
	font-size:14px;
}
* html #content { height:500px; }

#content .keyPic {
	position:absolute;
	top:-155px;
	left:525px;
	width:328px;
	height:213px;
	z-index:15;
}

#footer { 
	border: 5px solid #bca18e; 
	border-width: 0 5px;
	background:#f8e7cf url(../images/bg_footer.gif) repeat-x;
	height:150px;
}
#footer .footer01 { margin:0 1px; height:18px; background:transparent url(../images/bg_footer_01.gif) repeat-x; }
#footer .footer02 { padding: 5px 25px 5px 263px; text-align:center; color:#890d08; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }



#justStyle01 {
	background:#000 url(../images/bg_justStyle01.gif) top left repeat-x;
	height:150px;
	margin-top:-150px;
}

#justStyle02 { background-color:#be9859; border-bottom:1px solid #796945; height:86px; width:100%; position:absolute; left:0; top:228px; }

#content .fixfloat, .fixfloat, .gallery_end {
  float: none;       /* Textumfluss: keiner */
  clear: both;        /* Fortsetzung bei Textumfluss: unterhalb */
  width: 1px;         /* Breite: 1px */
  margin: 0;          /* Außenabstand: keiner */
  padding: 0;         /* Innenabstand: keiner */
  font-size: 0px;     /* Schriftgröße: 0px */
  line-height: 0px;   /* Zeilenhöhe: 0px */
  height: 0px;        /* Höhe: 0px */
  overflow:hidden;
}

#content .simplefixfloat { clear:both; margin:0; padding:0; }


/*********************** Content Formatierung Start ***********************/

#content h2 { height: 36px; background:url(../images/headlines/headline.gif) no-repeat; }
#content h2.hd_startseite { background-image:url(../images/headlines/startseite.gif); }
#content h2.hd_ueber_uns { background-image:url(../images/headlines/wie_ueber_uns.gif); }
#content h2.hd_musikschule { background-image:url(../images/headlines/musikschule.gif); }
#content h2.hd_reparatur_service { background-image:url(../images/headlines/reparatur_service.gif); }
#content h2.hd_musikinstrumente { background-image:url(../images/headlines/musikinstrumente.gif); }
#content h2.hd_bildergalerie { background-image:url(../images/headlines/bildergalerie.gif); }
#content h2.hd_partner { background-image:url(../images/headlines/partner.gif); }
#content h2.hd_kontakt { background-image:url(../images/headlines/kontakt.gif); }
#content h2.hd_impressum { background-image:url(../images/headlines/impressum.gif); }
#content h2.hd_aktion { background-image:url(../images/headlines/aktion.gif); }

#content h2 span { display:none; }

#content h3 { font-size:17px; color:#e64337; margin-bottom:15px; }

#content h4 { font-size:16px; color:#996633; margin-bottom:15px; }
#content h5 { font-size:14px; color:#996633; margin-bottom:10px; }

#content p, #content address { margin: 20px 0; line-height:19px; }

#content ul{ list-style-type:none; }
#content ul, #content ol { margin: 10px 25px 15px; }
#content ul li { position:relative; font-size:12px; padding-left:20px; background:url(../images/bullet01.gif) 0 2px no-repeat; line-height:18px; }
#content ul li li { background:url(../images/bullet02.gif) 0px 1px no-repeat; }

#content ul.instrumentList { float:left; list-style-type:none; margin:0 0 10px 10px; clear:left; }
#content ul.instrumentList li { float:left; width:175px; line-height:20px; background-position: 0 2px;   }
#content ul.instrumentList li:hover { background-position: 3px 2px; background-color:#f2dcbe; }

#content ol li { font-size:12px; line-height:18px; }
#content ol li li { list-style-type:lower-roman; }

#content address { 
	font-style:normal;
}


/* Trennlinie */
#content p.hr {             
  font-size: 0px;     
  line-height: 0px;  
  height: 0px;
  border:none;
  border-bottom:1px dashed #ac7e3c;
  margin: 10px 0;
  clear:both;
 }

#content .imgRight { border:1px solid #ac7e3c; padding:4px; margin: 0 0 10px 10px; background-color:#FFFFFF; float:right; }
#content .imgLeft { border:1px solid #ac7e3c; padding:4px; margin: 0 10px 10px 0; background-color:#FFFFFF; float:left; }
#content .imgCenter { border:1px solid #ac7e3c; padding:4px; margin: 10px 10px 10px 0; background-color:#FFFFFF; clear:both; }

#content a:hover img { background-color:#dbc4b5; }

#content .small { font-size:11px; color:#79603c; }

#content .alignCenter { text-align:center; }
#content .alignRight { text-align:right; }

#form label { line-height:20px; display:block; float:left; width:100px; color:#775a4a; } 
#form p { clear:both; margin:4px 20px; }

#form input, #form textarea { border:1px solid #bca18e; background-color:#f8f0e6; line-height:16px; padding:1px; }
#form input:hover, #form textarea:hover { border:1px solid #bca18e; background-color:#fff; }

#content #form .button { line-height:17px; padding: 0 10px; }
#content #form .formMargin { padding-left:100px; }
#content #form input.noBorder { border-width:0; background-color:transparent; }

#content .highlight01 { font-weight:bold; color:#900; }

#content ul.partnerList li { list-style-type:none; background-image:none; border:none; margin:0; padding:0; }

/*********************** Content Formatierung Ende ***********************/