/* --------musikschule-bleser.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi
	7.flashintro */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	
}
html, body{
	font-family: "Trebuchet MS", Tahoma;
	color:#fff;
	background:#000;
	font-size: 13px;
	min-height: 100%;
}

html[xmlns^="http"]
{
	overflow-y: scroll;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #ccc;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}

p{
	width:305px;
	margin:20px 0 0 127px;
	line-height:1.4em;
	text-align:justify;
	}
	
h4{ margin:20px 0 0 127px;
	color:#c30; 
	font-size:16px; 
	font-weight:bold;}	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:761px;
	position:relative;}
	
#header{
	width:761px;
	height:174px;
	background: #000 url(../images/bg-header.jpg) bottom no-repeat;
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;
	}
#header h1 a{
	width:145px;
	height:174px;
	font-size: 0.001em;
	color: #000;
	text-decoration: none;
	display: block;
	overflow: hidden;
	margin-left:53px;
	}

#header h1 a:hover{color: #fff; text-decoration: none;}

#content-wrapper{
	background:url(../images/bg-container.jpg) top;
	background-repeat:repeat-y;
	width:761px;}

#top{ 
	background:url(../images/bg-top.jpg);
	height:210px;}

#content{
	min-height:575px;
	background: url(../images/bg-content.jpg) bottom no-repeat;
	padding-bottom:30px;
	}
	
*html #content{height:575px;}

#footer{
	background: #000 url(../images/bg-footer.jpg) no-repeat;
	height:165px;
	position:relative;
}

#muster{
	background:url(../images/schnoerkel.jpg);
	height:48px;
	width:427px;
	margin-left:92px;}
	
#newsbox{
	width:155px;
	height:750px;
	position:absolute;
	top:208px;
	left:519px;
	z-index:20;}
	
#imgfront-galerie{margin: 10px 0 5px 12px;}

#adressbox{
	width:30px;
	height:725px;
	background:url(../images/adresse.gif);
	background-repeat:no-repeat;
	font-size: 0.001em;
	color: #000;
	text-indent:-4000px;
	left:25px;
	top:227px;
	position:absolute;}	
/*------------------3.links------------------*/

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

/*------------------4.content------------------*/
.imgrahmen{
	background:#ffda9f;
	border:1px solid #c60;
	padding:2px;}

.textbox{
	margin: 10px 0 15px 15px;
	color:#000;
	line-height:1.2em;}
	
.textbox a{
	color:#000; 
	font-weight:bold; 
	text-decoration:underline;}
	
.textbox a:hover{
	color:#c30; 
	font-weight:bold; 
	text-decoration:none;}
	
.textgelb{color:#f96; font-weight:bold;}

.absatz{width:182px;}

#back{padding:52px 0 0 126px;}

.box01{
	margin-left:123px;
	text-align:right;
	width:180px; 
	float:left;
	padding-right:3px;}
	
*html .box01{margin-left:53px;}
	
.box02{ left:185px;}

.preise01{
	margin-left:126px;
	width:75px; 
	float:left;
	padding-right:3px;}
	
.preise02{ left:95px; font-weight:bold; color:#f96;}

 .linie{
	border-top:1px solid #fc9;
	margin:20px 0 0 123px;
	width:355px;}
	
.textorange{color:#c30; font-weight:bold;}

#mail{
	width:30px;
	height:185px;
	left:25px;
	top:766px;
	position:absolute;
	z-index:10;
	}
	
#mail ul{list-style-type:none;}	
#mail li  {display:block; text-indent:-4000px; }
#mail li a, #navi li a:hover {	padding:0px;display:block;text-decoration:none;}	

#but01 a {background: url(../images/adresse01.gif);height:185px;background-repeat:no-repeat;}
#but01 a:hover { background: url(../images/adresse02.gif);background-repeat:no-repeat;}
#but01-aktiv a { background: url(../images/adresse02.gif);background-repeat:no-repeat;}

.subheadline-cms{color:#c30; font-weight:bold; marign-bottom:-5px;}

.img-left{float:left; margin:25px 10px 0 123px;}
*html .img-left{margin:25px 10px 0 63px;}

.fixfloat{clear:left;}

.hoeren{  margin: 10px 0 0 280px ;height:20px;}

.noborder{border:none;}

.beschreibung{float:left; width:85px;margin-top:-2px;}
.bold{font-weight:bold;}
.preis{color:#f96; font-weight:bold; }

/*------------------5.navi------------------*/
#navi-left{
	width:164px;
	height:141px;
	left:123px;
	top:208px;
	position:absolute;
	z-index:10;
	}
	
#navi-left ul{list-style-type:none;}
	
#navi-left li  {display:block; text-indent:-4000px; }

#navi-left li a, #navi li a:hover {
	padding:0px;
	display:block;
	text-decoration:none;}
	
#button01 a {background: url(../images/navi/home01.jpg);height:19px;}
#button01 a:hover { background: url(../images/navi/home02.jpg);background-repeat:no-repeat;}
#button01-aktiv a { background: url(../images/navi/home02.jpg);background-repeat:no-repeat;}

#button02 a {background: url(../images/navi/faecher01.jpg);height:27px;}
#button02 a:hover { background: url(../images/navi/faecher02.jpg);background-repeat:no-repeat;}
#button02-aktiv a { background: url(../images/navi/faecher02.jpg);background-repeat:no-repeat;}

#button03 a {background: url(../images/navi/kooperation01.jpg);height:24px;}
#button03 a:hover { background: url(../images/navi/kooperation02.jpg);background-repeat:no-repeat;}
#button03-aktiv a { background: url(../images/navi/kooperation02.jpg);background-repeat:no-repeat;}

#button04 a {background: url(../images/navi/instrumentenservice01.jpg);height:25px;}
#button04 a:hover { background: url(../images/navi/instrumentenservice02.jpg);background-repeat:no-repeat;}
#button04-aktiv a { background: url(../images/navi/instrumentenservice02.jpg);background-repeat:no-repeat;}

#button05 a {background: url(../images/navi/tarife01.jpg);height:24px;}
#button05 a:hover { background: url(../images/navi/tarife02.jpg);background-repeat:no-repeat;}
#button05-aktiv a { background: url(../images/navi/tarife02.jpg);background-repeat:no-repeat;}

#button06 a {background: url(../images/navi/wissenswertes01.jpg);height:22px;}
#button06 a:hover { background: url(../images/navi/wissenswertes02.jpg);background-repeat:no-repeat;}
#button06-aktiv a { background: url(../images/navi/wissenswertes02.jpg);background-repeat:no-repeat;}


#navi-right{
	width:150px;
	height:141px;
	left:317px;
	top:208px;
	position:absolute;
	z-index:10;
	}
	
#navi-right ul{list-style-type:none;}
	
#navi-right li  {display:block; text-indent:-4000px; }

#navi-right li a, #navi li a:hover {
	padding:0px;
	display:block;
	text-decoration:none;}
	
#button07 a {background: url(../images/navi/new01.jpg);height:23px;}
#button07 a:hover { background: url(../images/navi/new02.jpg);background-repeat:no-repeat;}
#button07-aktiv a { background: url(../images/navi/new02.jpg);background-repeat:no-repeat;}

#button08 a {background: url(../images/navi/anmeldung01.jpg);height:23px;}
#button08 a:hover { background: url(../images/navi/anmeldung02.jpg);background-repeat:no-repeat;}
#button08-aktiv a { background: url(../images/navi/anmeldung02.jpg);background-repeat:no-repeat;}

#button09 a {background: url(../images/navi/probeunterricht01.jpg);height:24px;}
#button09 a:hover { background: url(../images/navi/probeunterricht02.jpg);background-repeat:no-repeat;}
#button09-aktiv a { background: url(../images/navi/probeunterricht02.jpg);background-repeat:no-repeat;}

#button10 a {background: url(../images/navi/videos01.jpg);height:25px;}
#button10 a:hover { background: url(../images/navi/videos02.jpg);background-repeat:no-repeat;}
#button10-aktiv a { background: url(../images/navi/videos02.jpg);background-repeat:no-repeat;}

#button11 a {background: url(../images/navi/bildergalerie01.jpg);height:24px;}
#button11 a:hover { background: url(../images/navi/bildergalerie02.jpg);background-repeat:no-repeat;}
#button11-aktiv a { background: url(../images/navi/bildergalerie02.jpg);background-repeat:no-repeat;}

#button12 a {background: url(../images/navi/musikschulneubau01.jpg);height:26px;}
#button12 a:hover { background: url(../images/navi/musikschulneubau02.jpg);background-repeat:no-repeat;}
#button12-aktiv a { background: url(../images/navi/musikschulneubau02.jpg);background-repeat:no-repeat;}

/*------------------6.subnavi------------------*/

#subnavi{
	height:30px;
	margin:10px 0 0 270px;
	position:absolute;
	z-index:10;
	}
	
#subnavi ul{
	color:#fff;
	display:inline; 
	list-style-type:none;
	}
	
#subnavi li  {display:inline; 	padding-right:15px;}

#subnavi li a{
	padding:0px;
	text-decoration:none;
	display:inline;
	color:#fee0c9;}
	
#subnavi li a:hover {
	padding:0px;
	text-decoration:none;display:inline;
	color:#c30;}
	
/*------------------7.flashintro------------------*/

#flashintro{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:100;
	display: block;
	}
	
#video{left:0px; top:0px;}

embed, iframe{
	border: none;
	}
	
		
/*------------------unternehmensvideo------------------*/

div#unternehmens-video {
	background:red none repeat scroll 0 0;
	margin:20px 0 0 128px;
	width:305px;
}