body {
	background:					#BF9853 url(bg-gradient.gif) top left repeat-x;
	font-family:				Georgia, serif;
	font-size:					13px;
	color:						#93653E;
	margin-top:0px;margin-left:0px;margin-right:0px;
	padding-top:0px;padding-left:0px;padding-right:0px;
}

body#home h1 a, body#home h2, body#home h3 {
	text-indent:				-50000px;
}

a:link, a:hover, a:visited, a:active {
	color:						#93653E;
	text-decoration:			none;
}

a:hover {
	text-decoration:			underline;
}

a img {
	border:						none;
}

/*body#home h1 a {
	display:					block;
	background:					url(proarte-index.png) top left no-repeat;
	width:						920px;
	height:						605px;
	margin:						60px auto;
}*/
body#home h1 a {
	display:					block;
	background:					url(proarte-index3.jpg) top left no-repeat;
	width:						838px;
	height:						229px;
	margin:						245px auto;
}

#container {
	width:						920px;
	margin:						25px auto;
}

#header {
	background:					url(bg-header.png) bottom left no-repeat;
	height:						205px;
	position:					relative;
}

#header h1 a {
	text-indent:				-50000px;
	background:					url(proarte-logo.jpg) top left no-repeat;
	width:						235px;
	height:						80px;
	display:					block;
	position:					absolute;
	top:						70px;
	left:						33px;
}

#header p {
	text-indent:				-50000px;
	background:					url(bg-header2.jpg) top left no-repeat;
	width:						225px;
	height:						30px;
	position:					absolute;
	
	right:						22px;
	top:						136px;

}
* + html #header p { top:151px; }


#header img {
	width:						370px;
	height:						180px;
	display:					block;
	margin:						0 auto;
	padding:					0 0 0 25px;
}
#content {
	background:					url(bg-content.png) top left repeat-y;
	padding-bottom:				70px;
	position:relative;
}

#content #maincol {
	width:						370px;
	float:						left;
	margin:						20px 0 0 286px;
}

#content #leftcol {
	width:						260px;
	float:						left;
	margin:						20px 0 0 -851px;
	/*position:absolute;
	top:20px;left:25px;*/
	font-family:				Arial, Helvetica, sans-serif;
}
div#maincol + div#leftcol {
	margin:						20px 0 0 -631px;
}

#content #rightcol {
	width:						200px;
	float:						right;
	margin:						20px 40px 0 0;
}

#content #widecol {
	width:						590px;
	float:						left;
	margin:						20px 0 0 286px;
}

div.topborder {
	border-bottom:				dotted 1px #7A4E11;
	padding:					5px 0;
		font-size:11px;
}

div.topborder h2 {
	font-size:					11px;
	font-family:				Arial, Helvetica, sans-serif;
	margin:						0;
	padding:					0;
	font-weight:				normal;
}	

#footer {
	background:					url(bg-footer.png) top left no-repeat;
	padding:					30px 0 0 0;
}

ul.nav, ul.nav ul, ul.nav li {
	margin:						0;
	padding:					0;
	list-style:					none;
}

ul#navigation {
	margin:						0 30px 0 0;
}

ul#navigation li {
	margin:						0 0 10px 0;
	clear:both;
}

ul#navigation ul {
	margin:						0 0 0 0;
}

ul#navigation ul li {
	margin:						0;
	padding:					0;
}


ul#navigation li a {
	display:					block;
	font-size:					15px;
	font-weight:				bold;
	padding:					4px 0 4px 15px;
	
}

ul#navigation li a:hover, ul#navigation li.active a , ul#navigation li li.active a {
	background:					url(nav-active.jpg) center left no-repeat;
	text-decoration:			none;
}

ul#navigation li.active li a {
	background:					none;
}

ul#navigation li a span {
	padding-right:				30px;
}

ul#navigation li.active a span {
	background:					url(nav-active-arrow.png) center right no-repeat;
}

ul#navigation li.active li a span {
	background:					none;
}

ul#navigation ul li a {
	font-size:					14px;
	font-weight:				normal;
	padding:					1px 0 1px 30px;

}

ul#navigation ul li a:hover, ul#navigation ul li.active a {
	font-size:					14px;
	background:					url(nav-active.jpg) center left no-repeat;
}

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

dl#warenkorb {
	margin:						20px 30px 30px 0;
	padding:					0;
	border:						solid 1px #926828;
}

dl#warenkorb dt {
	background:					url(bg-warenkorb.jpg) top left no-repeat;
	color:						#fff;
	font-size:					15px;
	font-weight:				bold;
	padding:					5px 20px 8px 15px;
}

dl#warenkorb dd {
	padding:					5px 20px 8px 15px;
	margin:						0;
}

#footer ul.nav {
	float:						right;
	margin:						5px 20px 0 0 ;
}

#footer ul.nav li {
	float:						left;
	margin-left:				20px;
}

#footer ul.nav li a {
	color:						#fff;
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
}

div.maincontent {
	font-family:				Georgia, serif;
	font-size:					13px;
	color:						#93653E;
}
div.maincontent div.artikel p,
div.maincontent div.artikel2 p { line-height:130%; }
div.maincontent div.artikel p { width:358px; }
div.artikel {
	margin:						0 0 45px 0;
	position:					relative;
}
body#kartenbestellung div.artikel { margin:						10px 0 45px 0; }
div.artikel,
div.artikel2 {
	margin:						10px 0 0 0;
}
div.artikel a,
div.artikel2 a { text-decoration:underline; }
div.artikel a:hover,
div.artikel2 a:hover { text-decoration:none; }

div.artikel div.image {
	float:						right;
	width:						255px;
	overflow:					hiddden;
	position:					absolute;
	top:						0;
	right:						-50px;
	border-left:				solid 20px #fff;
}

div.image p {
	padding:					0;
	margin:						5px 0 0 0;
		
}
div.maincontent div.artikel div.image p { width:255px; }
div.image p.bu {
	font-size:					13px;
	
}

div.image p.copyright {
	font-size:					9px;
	margin-top:0px;
	margin-bottom:20px;
}

div.maincontent h2, div.maincontent h3 {
	font-size:					18px;
	font-weight:				bold;
	padding:					0;
	margin:						5px 0 30px 0;
}

div.maincontent h3 {
	margin:						5px 0 10px 0;
}

div.maincontent h4 {
	font-size:					18px;
	font-weight:				normal;
	padding:					0;
	margin:						5px 0 15px 0;
}

p.date {
	border-bottom:				dotted 1px #7A4E11;
	padding:					0 0 5px 0;
	margin:						0
}

a.detaillink {
	padding-left:				20px;
	background:					url(detaillink-arrow.gif) center left no-repeat;
	text-decoration:			none !important;
}
a:hover.detaillink { text-decoration:underline !important; }

div.topborder h2 a.back {
	background:					url(small-arrow-back.gif) center left no-repeat;
	padding-left:				15px;
	font-weight:				normal;
	font-size:11px;
}
/******* KONZERTLISTE ***********/
	ul#konzertliste { 
		list-stype-type: none;
		list-style:none;
		margin:0;padding:0;
		border:0;
	}
	ul#konzertliste li { 
		/*width:				588px;*/
		border-bottom:		1px dotted #7A4E11;
		padding:            10px 0px 10px 0px;
		position:			relative;
		display:			block;
	}
	ul#konzertliste li:hover {
		background:			url(konzertliste-bg.gif) top right repeat-y;
	}
	ul#konzertliste li div,
	ul#konzertliste li img { 
		float:				left;
	}
	ul#konzertliste li div.image { 
		float:				left;
		width:				95px;
		margin-left:0px;
	}
	ul#konzertliste h3 { font-weight:normal; margin-bottom:5px;}
	ul#konzertliste li div { width:470px; margin-left:20px;}
	ul#konzertliste p { margin:0px;}
	ul#konzertliste a.detaillink { margin-top:5px; display:block; }
	ul#konzertliste a.kartenBestellen { position:absolute;bottom:5px;right:0px; color:#ffffff;}

	body#kuenstlermanagement ul#konzertliste li div { width:250px;float:left;}
	body#kuenstlermanagement ul#konzertliste h3 { width:250px;margin:0px;}
	body#kuenstlermanagement ul#konzertliste p { margin-top:8px;}
	body#kuenstlermanagement ul#konzertliste a.detaillink { margin-top:20px; }

.veranstaltungDetail a { text-decoration:underline; }
.veranstaltungDetail a.kartenBestellen { text-decoration:none;  color:#ffffff;}

/******* KARTENLISTE ***********/
	ul#kartenliste { 
		list-stype-type: none;
		list-style:none;
		margin:0;padding:0;
		border:0;
	}
	ul#kartenliste li { 
		width:				588px;
		border-bottom:		1px dotted #7A4E11;
		padding:            10px 0px 10px 0px;
	}
	ul#kartenliste li:hover {
		background:			url(konzertliste-bg.gif) top right repeat-y;
	}
	ul#kartenliste li div { 
		float:				left;
		width:				505px;
	}
	ul#kartenliste li div.date {
		width:				80px; 
	}
	ul#kartenliste h3 { margin-top:0px;margin-bottom:5px; font-size:13px;}
	
	ul#kartenliste p { margin:0px;}
	ul#kartenliste a.detaillink { margin-top:5px; display:block; float:none; clear:both; }
	ul#kartenliste a.kartenBestellen { width:90px;float:right; margin-top:2px;  color:#ffffff;}
	
	div.raenge { margin-bottom:5px; margin-top:-2px; }
	div.raenge img { float:left; margin:4px 1px 0px 0px; }
	div.raenge p { float:left; height:17px;line-height:18px; padding:0px 4px; }
	ul#kartenliste div.raenge div { float:left;width:80px;}
	ul#kartenliste.abonnement div.raenge p { float:left; height:17px;line-height:18px; padding:0px 7px 0px 3px; }
	
	ul#kartenliste.abonnement div.raenge p,
	ul#kartenliste div.raenge p { font-size:12px; width:40px; line-height:20px;}

/************* BESTELLEN FORMULARELEMENTE *****************/
	form#abonnementBestellen input,
	form#einzelkarteBestellen input {
		margin:							2px 0px 0px 0px;
	}
	div#verteiler div textarea,
	div#verteiler div input,
	form#verteiler div input,
	form#abonnementBestellen div.raenge input,
	form#einzelkarteBestellen div.raenge input {
		width:							50px;
		height:							10px;
		border:							1px solid #93653E;
		text-align:						right;
		padding-right:3px;
		font-size:						10px;
		color:							#93653E;
		margin:							4px 0px 0px 4px;
	}
	div#verteiler,
	form#verteiler { margin-top:40px; }
	div#verteiler div,
	form#verteiler div { margin-bottom:5px; }
	div#verteiler div label,
	form#verteiler div label {float:left;height:30px;line-height:30px;font-size:13px; font-family:Georgia, "Times New Roman", Times, serif}
	div#verteiler div input,
	div#verteiler div textarea,
	form#verteiler div input {width:282px;float:right;height:20px;line-height:20px;text-align:left;padding-left:5px;font-size:13px;}
	form#abonnementBestellen div.raenge input {  width:61px; }
	div#verteiler div textarea { height:60px }
/*	div#verteiler input.toCart,
	form#verteiler input.toCart { font-size:12px; width:auto; height:16px; line-height:15px; padding:0 5px; }
	div#verteiler input.toCart:hover,
	form#verteiler input.toCart:hover { background-color:#BF9853; }*/
	
/*	input.toCart,*/
	div#verteiler p { margin-top:0px }
	a.kartenBestellen {
		line-height:auto;
		background:					#93653E;
		width:						100px;
		/*height:						18px;*/
		color:						#ffffff;
		font-weight:				bold;
		text-align:					center;
		font-size:					12px;
		font-family:				Arial, Helvetica, sans-serif;
		display:					block;
		text-decoration:			none;
		padding:2px 0px ;
	}
	input.toCart:hover, a.kartenBestellen:hover { background-color:#BF9853; }
/*	input.toCart {
		border:0;
		width:						140px;
		padding:2px 0px;
		line-height:				19px;
		font-size:					15px;
		margin-top:20px;
		display:block;
	}*/
	input.toCart:hover { cursor:pointer; }

table.zyklusTermine tr td { font-size:13px; height:18px;}
table.zyklusTermine tr td.wochentag { width:30px; }
table.zyklusTermine tr td.datum { width:70px; }
table.zyklusTermine tr td.titel { width:auto; }

div#overlay,
div#overlay2 {
background-color: #000000;  width: 100%;left:0;height:100%;
position:fixed;
top:0;
width:100%;
z-index:90;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
visibility:hidden;
}
div#showAgb,
div#saalplan {
	position:absolute;
	top:0px;
	width:746px;
	z-index:91;
	margin:50px auto 0px auto;
	visibility:hidden;
}
div#showAgb #head,
div#saalplan #head {
	background:url(saalplan-bg-top.png) top left no-repeat;
	padding-top:0px;
}
div.maincontent div#showAgb div div h2,
div#saalplan #head h2 { width:100px;float:left; font-size:11px;height:22px;	line-height:22px; margin:0;}
div#showAgb #head a,
div#saalplan #head a { 
	width:auto;float:right; 
	background:			url(closeWindow.gif) top right no-repeat;
	padding-right:30px;
	height:22px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
}
div#showAgb #main,
div#saalplan #main {
	background:url(saalplan-bg.png) top left repeat-y;
}
div#showAgb #main,
div#saalplan #main { text-align:center; }
div#showAgb #bottom,
div#saalplan #bottom {
	background:url(saalplan-bg-bottom.png) bottom left no-repeat;
	height:30px;
}
div#showAgb div div,
div#saalplan div div { margin:10px 30px 10px 25px; }
div#showAgb #main p {margin-top:0px; }
div.soldOut {
	color:#CC3333; line-height:24px;font-size:11px;
}
div.veranstaltungDetail div.image,
div.konzertAktuell div.image {
	float:right;
	position:relative;
	margin-right:-5px;
	border-left:0px solid #FFFFFF;

}
div.contentLeft { width:330px; float:left; }
div.maincontent div.artikel div.contentLeft p { width:358px; }

div.fehlerbox, div.hinweisbox { background:#93653E; color:#ffffff; padding:5px;margin-top:40px; }
div.fehlerbox p, div.hinweisbox p { margin:0; padding:0; }

/************ WARENKORB *******************/
	dl#warenkorb dt a {
		color:			#ffffff;
		display:		block;
	}
	dl#warenkorb dt a:hover, dl#warenkorb dt a.active  {
		background:url(nav-active-arrow-card.png) no-repeat scroll right center transparent;
		text-decoration:none;
	}
	table.warenkorb {width:100%;margin-top:20px;}
	table.warenkorb tr td { vertical-align:top;}
	table.warenkorb tr td  p { margin:5px 0px 5px 0px;}
	table.warenkorb tr td  p input { width:20px; text-align:center; }
	table.warenkorb tr td  p img:hover { cursor:pointer; }
	table.warenkorb tr.tHead td {font-size:11px; }
	.tRight { text-align:right; font-size:12px; }
	table.warenkorb tr td.line { border-bottom:1px dotted #93653E; line-height:1px; height:1px;}
	table.warenkorb tr td input.delete { background:url(cart_delete.gif) #ffffff; border:0; width:14px; height:14px; margin-top:4px;}
	table.warenkorb tr td input.delete:hover {cursor:pointer; }
	
	input.actual,
	input.toCart,
	a.printathome {
		background:#93653E;
		border:0;
		color:#ffffff;
		margin-top:5px;
		font-weight:bold;
		height:20px;
		font-size:12px;
		line-height:20px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0 5px;
		text-decoration:none !important;
	}
	input.actual:hover,
	input.toCart:hover,
	a.printathome:hover  {
		cursor:pointer;
		background:#BF9853;
		text-decoration:none !important;
	}
/************ ENDE WARENKORB *******************/

div#preiseD {
	font-size:13px;display:block;
	width:330px;
}

/************ SUPERSPECIAL ;) *******************/
div.artikel div.no5 { float:none; position:relative; border:0;right:0;margin:-50px 0px -10px 0px;} /* Unterschrift Michael Hermann */

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

/* ----- facebooklink ----- */

div.facebook { width:226px; }
div.facebook img { float:left; margin-right:12px; }
div.facebook a { text-decoration:none; }
div.facebook a:hover p { text-decoration:underline; }

hr {

	background:none;
	border:0;
	height:1px;
border-bottom-color: #7A4E11;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #93653E;
}