@charset "utf-8";
/* CSS Document */

/* ++++++++++++ global settings +++++++++++++ */

* {
margin:0;
}

html, body {
	height: 	100%;
}


body {
	background:	url(../images/body-bg.gif) 0 0 repeat-x #800000;
}

a {
	color:		#ffe39a;
	text-decoration:	underline;
	outline:		none;
}

a:hover {
	text-decoration:	none;
}

h3 {
	font-size:		12px;
	color:		#800000;
	font-weight:	bold;
	padding-bottom:	8px;
}


/*---------------- CLEARFIX ----------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ++++++++++++ layout +++++++++++++ */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:933px;
	margin:0;
}

#header {
	width:		933px;
	height:		153px;
	padding-top:	30px;
	background:		url(../images/header-bg.jpg) 0 0 no-repeat;
}

	#header #logo {
		margin-left:	246px;
		width:		409px;
		height:		100px;
	}
	
	#header #logo h1 {
		text-indent:	-1000px;
		background:		 url(../images/logo.jpg) 0 0 no-repeat;
		width:		409px;
		height:		100px;
		padding:		0;
		margin:		0;
	}
	
	#header #shop {
		height:		132px;
		width:		134px;
		margin-left:	491px;
	}
	
/* content */

#content {
	width:	933px;
	min-height:	500px;
	background: url(../images/content-bg.jpg) 0 0 no-repeat;
}

	#content #leftnav {
		width:	246px;
		float:	left;
		background:	url(../images/left-bg.jpg) 0 0 no-repeat;
		height:	522px;
	}
	
	#content #textarea {
		width:	393px;
		float:	left;
		border:	8px solid #FFF;
		background:	 url(../images/textcontent-bg.jpg) 0 bottom no-repeat #ffe9ae;
		min-height:	522px;
		height:	auto !important;
		height:	522px;
	}
	
	#content #textarea .map {
		margin-left: 	30px;
		padding-top:	10px;
	}
	
	#content #textfooter {
		margin-left:	246px;
		width:		409px;
		height:		70px;
		padding-top:	25px;
	}
	
	#content #textfooter p {
		width:	400px;
		margin:	0;
		padding:	0 0 0 25px;
	}
	#content #newsarea {
		width:	278px;
		background:	url(../images/right-bg.jpg) 0 0 no-repeat;
		height:	522px;
		float:	left;
		
	}
	#content #newsarea #news {
		height:	160px;
		margin:	37px 30px 10px 30px;
	}
	
	#content #newsarea #news a {
		text-decoration:	underline;
		color:		#800000;
	}
	
	#content #newsarea #news a:hover {
		text-decoration:	underline;
	}
	
	#content #newsarea #mailform {
		height:	288px;
		xwidth:	260px;
		background:	url(../images/kontakt-bg.gif) 28px 16px no-repeat;
	}

/* ++++++++++++ typo +++++++++++++ */
#content #textarea h2 {
	height:	112px;
	width:	363px;
	background:	url(../images/headline-bg.jpg) 0 0 no-repeat;
	font-size:	18px;
	color:	#800000;
	padding:	18px 0 0 30px;
}

#content #textarea h3 {
	padding:	18px 0 0 30px;
}

#content #textarea p {
	padding:		12px 10px 0 30px;
	font-size:		11px;
	line-height:	18px;
}

#content #textarea ul {
	list-style-type:	square;
	font-size:		11px;
	padding:		10px 0 0 40px;
}

#content #textarea ul li {
	height:	18px;
}

#content #textfooter p {
	color:	#ffe39a;
}

.big {
	font-size:	18px;
}

/* ++++++++++++ navigation +++++++++++++ */
#content #leftnav ul {
	list-style-type:	none;
	background:		url(../images/mainnav.gif) 0 0 no-repeat;
	margin:		62px 0 0 34px;
	height:		402px;
	width:		212px;
	padding:		0;
}

#content #leftnav ul li {
	text-indent:	-1000px;
}

#content #leftnav ul li a {
	display:		block;
	height:		28px;
	width:		212px;
}
	

#content #leftnav ul li #home:hover {
	background:		url(../images/mainnav.gif) -212px 0 no-repeat;
}
#content #leftnav ul .active #home {
	background:		url(../images/mainnav.gif) -424px 0 no-repeat;
}

#content #leftnav ul li #musikverlag:hover {
	background:		url(../images/mainnav.gif) -212px -28px no-repeat;
}
#content #leftnav ul .active #musikverlag {
	background:		url(../images/mainnav.gif) -424px -28px no-repeat;
}

#content #leftnav ul li #kunstverlag:hover {
	background:		url(../images/mainnav.gif) -212px -56px no-repeat;
}
#content #leftnav ul .active #kunstverlag {
	background:		url(../images/mainnav.gif) -424px -56px no-repeat;
}

#content #leftnav ul li #aktuelles:hover {
	background:		url(../images/mainnav.gif) -212px -84px no-repeat;
}
#content #leftnav ul .active #aktuelles {
	background:		url(../images/mainnav.gif) -424px -84px no-repeat;
}

#content #leftnav ul li #kuenstlermanagement:hover {
	background:		url(../images/mainnav.gif) -212px -112px no-repeat;
}
#content #leftnav ul .active #kuenstlermanagement {
	background:		url(../images/mainnav.gif) -424px -112px no-repeat;
}

#content #leftnav ul li #faq {
	height:		28px;
	padding-top:	28px;
}

#content #leftnav ul li #faq:hover {
	background:		url(../images/mainnav.gif) -212px -140px no-repeat;
}

#content #leftnav ul .active #faq {
	background:		url(../images/mainnav.gif) -424px -140px no-repeat;
}

#content #leftnav ul li #newsletter:hover {
	background:		url(../images/mainnav.gif) -212px -196px no-repeat;
}

#content #leftnav ul .active #newsletter {
	background:		url(../images/mainnav.gif) -424px -196px no-repeat;
}

#content #leftnav ul li #kontakt:hover {
	background:		url(../images/mainnav.gif) -212px -224px no-repeat;
}

#content #leftnav ul .active #kontakt {
	background:		url(../images/mainnav.gif) -424px -224px no-repeat;
}

#content #leftnav ul li #anfahrt:hover {
	background:		url(../images/mainnav.gif) -212px -252px no-repeat;
}

#content #leftnav ul .active #anfahrt {
	background:		url(../images/mainnav.gif) -424px -252px no-repeat;
}

#content #leftnav ul li #impressum:hover {
	background:		url(../images/mainnav.gif) -212px -280px no-repeat;
}

#content #leftnav ul .active #impressum {
	background:		url(../images/mainnav.gif) -424px -280px no-repeat;
}


/* ++++++++++++ cms stuff +++++++++++++ */
#textarea #cms-content {
	margin-left:	30px;
}

#textarea #cms-content .cms-news {
	width:		350px;
	border-bottom:	dashed 1px #d44b00;
	padding-bottom:	20px;
}

#textarea #cms-content a, #content #textarea a {
	text-decoration:	underline;
	color:		#800000;
}

#textarea #cms-content a:hover, #content #textarea a:hover {
	text-decoration:	none;
}

#textarea #cms-content .cms-news ul {
	list-style-type:	none;
	padding-bottom:	0;
	padding-top:	10px;
	padding-left:	10px;
}

#textarea #cms-content .cms-news ul li a {
	display:	block;
	height:	20px;
}

#textarea #cms-content .cms-news .cms-text {
	float:		left;
	width:		220px;
	padding-left:	0;
	padding-right:	20px
}

#textarea #cms-content .cms-news .cms-image {
	float:	left;
	padding:	4px;
	border:	1px solid #FFFFCC;
}