@charset "utf-8";

/* 
------------------------
Version 1.0, 20-02-2007
*/


/*>>>> ALLGEMEIN <<<<<*/

html,body,div,p,table,td,h1,h2,h3,span,ul,ol,li,a,input,textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #5e1749;}

html,body{
	margin: 0; 
	padding: 0;
	background:#ebebeb;
}
a img{border:none;}

a,a:link,a:visited {color:#5e1749;}

/*>>>> STRUKTUR <<<<<*/



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

#head{
	height:217px;
	float:left;
	width:100%;
}

	.bg_home{background:#dfdfdf url(../images/header.jpg) top right no-repeat;}
	.bg_musikschule{ background:url(../images/header0.jpg) top right no-repeat;}
	.bg_chorbegleitung{ background:url(../images/header1.jpg) top right no-repeat;}
	.bg_club2{ background:url(../images/header2.jpg) top right no-repeat;}
	.bg_home{ background:url(../images/header4.jpg) top right no-repeat;}

.gallery{ margin:20px 0; float:left;}

.gallery a{
	display:block;
	float:left;
	border:1px solid #aaa;
	padding:4px;
	margin:0 8px 8px 0;
}
	
	
	#header-bg{
		width:295px;
		height:295px; 
		background: url(../images/logo.gif) 50% 50% no-repeat;
		text-indent:-9999px;
		float:left;
	}
	
#content{
	width:100%;
	background:#fff;
	float:left;
}

#left h2, #left h2 a{
	font-weight:bold;
	text-decoration:none;
	margin:10px 0 5px 0;
}
#left h2 a:hover{ text-decoration:underline;}

#left{
	float:left;
	width:270px;
	background: url(../images/left_bg.jpg) top left no-repeat;
	padding:10px 20px;
	min-height:834px;
}

	#navigation ul{
		margin:0 0 20px 20px;
		padding:0;
		list-style:none;
		float:left;
	}
	
		#navigation ul li{
		width:100%;
		float:left;
		}
		#navigation ul li a{
			background: url(../images/nav_bg.gif) 0% 50% no-repeat;
			padding:0px 0px 0px 0px;
			margin-bottom:5px;
			display:block;
			text-decoration:none;
		}

		#navigation ul li a.act{
			font-weight:bold;
		}

		#navigation ul li a:hover{
			color:#9b2f7b;
			text-decoration:underline;
		}
	
	#contact{
		width:100%;
		text-align:left	;
		float:left;
	}

		#contact .vcard{
			margin-bottom:30px;
		}
			
			#contact .vcard .org{
			padding-bottom:10px;
			font-weight:bold;	
			}


#right{
	float:right;
	width:620px;
}

	#right H1{
		 font-size:24px;
		 color:#5e1749;
		 margin-top:10px;
	}
#right H2{
		 font-size:18px;
		 color:#910a69;
		 margin-top:10px;
	}
	#right #col1{
		width:368px;
		float:left;
	}

		#right #col1 img{
			margin-top:12px;
		}

	#right #col2{
		width:220px;
		float:left;
		margin-left:20px;
	}

		#right #col2 img{
			margin-bottom:15px;
		}
		
		
	#right #col2 ul{
		margin:0 0 0 15px;
		padding:0 0 0 15px;
	}


	#right #col3{
			outline:dotted blue;

		width:100%;
		float:left;
	}
	
	#right #col4{
		width:600px;
		float:left;
	}

/* Contact Form */

#content #contact_form fieldset{
	border:none;
	margin:0; 
	padding:8px 0 0 10px;	
	text-align:right;
}

#content #contact_form fieldset legend{
display:none;
visibility:collapse;}

#content #contact_form span#legend {
	display:block;
	margin: 0;

}
#content #contact_form span#legend .sending {
	display:none;
	font-size:14px;
	padding:5px 0px 5px 20px;	
	float:left;

}


#content #contact_form input{ 
	width:250px; 
	height:20px; 
	padding:6px 3px 3px 3px; 
	border:0px;
	background:url(../images/input_bg.gif) bottom left repeat-x #fff;
	color:#000;
	margin-bottom:5px;
}
#content #contact_form button{
	width:105px; 
	height:27px; 
	border:none; 
	background:#007e63; 
	color:#fff; 
	font-weight:bold;
	cursor:pointer;
	
}

.success{margin:40px; border:1px solid #D4D6D4; color:#1D589D; font-size:16px; font-weight:bold; padding:30px; text-align:center;}