/*css Framework ART HOUSE LOHER.design */
html, body {
	margin: 0px;
	padding: 0px;
}

body {
background-color: #7B8FA4;
background-image:  url(../bilder/bckgrd_2048.gif);
background-repeat: repeat-y;
}
#wrapper {
align:center;
}

#search {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif 
font-size: 0.5em !important;
color: #F3EDDA;
	position: absolute;
	margin: 8px 0px 0px 810px ;
}

h1,h2,h3,p,li {
color: #EEE7E3;
font-family: Verdana;
}
h1 {
font-size: 1.2em;
color: #FFF6DF;
font-weight: normal;
}

h2 {
font-size: 1.0em;
color: #FFF6DF;
font-weight: bold;
margin-top: 1.5em;
letter-spacing: 0.04em;
}

h3 {
font-size: 1.0em;
color: #FFF6DF;
font-style: italic;
font-weight: lighter;
margin-top: 1.5em;
letter-spacing: 0.04em;
}

p{
font-size: 0.8em;
line-height: 1.6em;}

/*#navibckgrd {
left:8px; 
top:0px; 
width:259px; 
height:1804px; 
z-index:6	
}*/
/*________________________________________ alte Navigation________________________________________
#navigation {
font-size: 0.8em;
font-family: Verdana;
line-height:2.0em;
width: 200px;
margin-left: 0px;
}

#navigation ul, li, a {
text-decoration: none;
list-style: none;
color: #EEE7E3;
margin-left: 0px;
width: 100%;
}

#navigation ul {
	width: 400px;
}

#navigation ul ul {
	margin-left: 10px;
}

#navigation a:hover {
color: Blue;
text-decoration: underline;
}
____________________________________________________________________*/

/* Versuch der Musikschule__________________________________________*/

/* Position______________________________
 style="position:absolute; left:15px; top:112px; width:137px; height:241px; z-index:5"_________________*/

	#navigation { 
		width: 250px; 
		/*overflow: hidden;*/
		margin: 30px 0 1.5em 0; 
		list-style-type: none; 
		border-top: 0px #ddd solid; 
		border-bottom: 0px #ddd solid;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #FFF6DF;
		font-size: 0.8em;
		font-weight: bold; 
	}
	
	#navigation ul {
		list-style-type: none;
	}
	
	#navigation a { display:block; text-decoration: none; 
	color: #FFF6DF;
	}
	#navigation li { float:left; width: 100%; margin:0; padding: 0 }

	#navigation li span { 
		display:block; 
		width: 97%; 
		padding: 3px 0px 3px 10%; 
		background-color: #FFD700; 
		color: #F60E49; 
		font-weight: bold; 
		border-bottom: 0px #ddd solid;
	}
	
	#navigation li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		/*background-color:#fff;*/ 
		/*color: #444;*/
		color: #FFF6DF; 
		border-bottom: 0px #eee solid;
	}
	#navigation li a:hover { background-color: #FB8012; color: #fff; }
	
	#navigation li ul { list-style-type: none; margin:0; padding: 0; }
	#navigation li ul li { float:left; width: 100%; margin:0; padding:0; }
	#navigation li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		/*background-color:#f8f8f8;*/ 
		/*color: #666; */
		border-bottom: 0px #ddd solid; 
	}

	#navigation li ul li a:hover { background-color: #FB0B0B; color: #fff; }
	
	#navigation li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		/*background-color: #fff; */
		border-bottom: 4px #888 solid; 
	}
	
	#navigation li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		/*background-color:#aab; */
		border-bottom: 1px #eee solid;
	}
	
	#navigation li ul li#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold; 
		color: #fff; 
		/*background-color:#aab; */
		border-bottom: 1px #fff solid;
	}


.current {
font-weight: bold;
color: #81524A;
}
.current a {
font-weight: bold;
color: #AE5449;
}
#content a {
	text-decoration: underline;
	color: #BDCBFF;
}

#content li {
font-size:0.8em;
line-height: 1.6em;
list-style: disc;
}

#Layer3 a {
	text-decoration: underline;
	color: #BDCBFF;
}

#Layer3 li {
font-size:0.8em;
line-height: 1.6em;
list-style: disc;
}

.small {
	font-size: 0.6em;
}
img {
border: 1px solid #EEE7E3;
}
#banner {
position: absolute; 
left:320px; 
top:10px; 
width:468px; 
height:50px; 
z-index: 8;
width: 455px;
height: 71px;
/*border: 0 1px 1px 1px 1px solid #EEE7E3;*/
}
#banner img {
	border: 0px; important!;
}


#Layer4 {
position:absolute; 
left:53px; 
top:389px; 
width:123px; 
height:204px; 
z-index:7;
width: 117px;
height: 188px;
}

#Layer4 img {
	border: 0px; important!;
}

#Layer2 img {
	border: 0px; important!;
}
.float_right {
	float: right;
	margin: 0px 10px 10px 0px;
}
.float_left {
	float: left;
	margin: 0px 10px 10px 0px;
}
.currentText { font-weight: bold; color: #FFF6DF;
}
.noborder {  border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
}
.bold {  font-weight: bold;
}
.boldred { font-weight: bold ; color: #FD0000
}


.displaynone {  visibility: hidden; clip:  rect(   )}