
/*
		2.5em :	40px
		1.375em :	22px
		1.111em :	20px
		1em :		16px
		0.875em:	14px
		0.8125 em:	13px
		0.75 em:	12px
		0.6875 em:	11px
		0.625 em:	10px
		0.5625 em:	9px
*/

/* Farben

	#E231B2 -> pink
	#3B4C81 -> dunkelblau
	#39515A -> dunkelgrau
	#BCAC00 -> gold

--------------------- */

body {
	color:					#333;
	font-family:			arial,helvetica,clean,sans-serif;
    font-size:				100%;
    line-height:			1.125em;	/* 16×1.125=18 */
	margin: 				0;
	padding: 				0;
	background:				#F1E2CD url(../img/layout/bg1.jpg) left top repeat;
}


/* column layout
--------------------- */

	#container {
		width:					800px;
		margin:					0 auto;
		background:				url(../img/layout/background_border.png) left top repeat-y;
		padding:				10px 30px 20px 30px;
		
	}
	
	body.contact_form #container, body.booking_form #container {
		background:				url(../img/layout/background_border2.png) left top repeat-y;
		width:					530px;
	}
	
	
	#header ,
	#header_cart {
		position:				absolute;
		width:					820px;
		margin-left:			-10px;
		background:				url(../img/layout/header_4.png) top left no-repeat;
		height:					200px;
	}
	
	#hheader_cart{
		background:				url(../img/layout/header_cart.png) top left no-repeat;
		
	}
	
	#searchform {
		position:				absolute;
		top:					20px;
		left:					20px;
		background:				url(../img/layout/suche.gif) top left no-repeat;
		width:					174px;
		height:					24px;
		font-size:				12px;
		padding:				2px 4px 0 5px;
	}
	
	#searchform  input {
		background:				none;
		border:					none;
		color:					#333;
		width:					100px;
		margin-left:			5px;
	}
	
	#searchform input#searchsubmit {
		width:					22px;
		height:					16px;
		background:				url(../img/layout/searchbutton.gif) right -1px no-repeat;
		margin:					0;
		cursor:					pointer;
	}
	
	#cart {
		position:				absolute;
		left:					605px;
		top:					20px;
		padding:				8px 4px 4px 34px;
		height:					40px;
		width:					160px;
		background:				url(../img/icons/cart.png) top left no-repeat;
		font-size:				12px;
		font-family:			Arial, Helvetica, sans-serif;
	}
	
	#cart  p,
	#cart p a {
		margin:					0;
		padding:				0;
		font-size:				12px;
		font-family:			Arial, Helvetica, sans-serif;
		color:					#333;
	}
	
	#cart .cartlinks {
		font-weight:			bold;
		margin-bottom:			2px;
	}
	
	
	#content {
		background:				url(../img/layout/background-columns.png) left top repeat-y;
		margin-top:				260px;
		padding-bottom:			20px;
		
	}
	
	body.shop_releases_list #content,
	body.legal #content,
	body.order_billshipadr #content,
	body.order_payship #content,
	body.order_login #content,
	body.loginnewpassword #content,
	body.loginregistration #content,
	body.logindetails #content,
	body.loginedit #content,
	body.shopProducts_list #content,
	body.shopProducts_details #content,
	body.order_confirmed #content,
	body.order_submit #content,
	body.cart #content,
	body.loginpage #content,
	body.releases_list #content,
	body.artists_details #content,
	body.labelReleases_details #content,
	body.labelVideos_details #content,
	body.labelVideos_list #content,
	body.circuskino #content,
	body.artist_paintings_list #content,
	body.artist_list #content {
		background:				url(../img/layout/background-columns2.png) left top repeat-y;
	}
	
	body.circuskino #content {
		background:				url(../img/layout/background-columns3.png) left top repeat-y;
	}
	

	.leftcol_small,
	.rightcol_small {
		float:					left;
		width: 					200px;
		overflow:hidden;
	}
	
	.centercol {
		float:					left;
		width: 					400px;
		overflow:hidden;
	}

	.centercol_big {
		float:					left;
		width: 					600px;
		overflow:hidden;
	}

	

	.centercol .divide,
	.centercol_big .centercol .divide{
		padding-bottom:			20px;
		margin-bottom:			10px;
		background:				url(../img/layout/divider/divider_400.png) bottom left no-repeat;
	}
	
	.centercol_big .centercol {
		width:					395px;
		min-height:				265px;
		border-right:			solid 1px #BCAC00;
		padding-right:			5px;
		position:				relative;
		margin-bottom:			5px;
	}
	
	.centercol_big .ccccentercol {
		wwidth:					595px;
		min-height:				265px;
		padding-right:			5px;
		position:				relative;
		margin-bottom:			5px;
	}
	
	.centercol_big .ccccentercol a.lightbox {
		padding-left:			20px;
	}
	
	.centercol_big .ccccentercol .divide{
		padding-bottom:			20px;
		margin-bottom:			10px;
		background:				url(../img/layout/divider/divider_600.png) bottom left no-repeat;
	}
	
	.centercol_big .rightcol_small {
		width:					195px;
	}
	
	.centercol_big .divide {
		padding-bottom:			1em;
		margin-bottom:			1em;
		background:				url(../img/layout/divider/divider_600.png) bottom left no-repeat;
	}
	
	.rightcol_small .divide ,
	.leftcol_small .divide {
		padding-bottom:			20px;
		margin-bottom:			0;
		background:				url(../img/layout/divider/divider_200.png) bottom left no-repeat;
	}

.centercol_big .centercol  .name,
.centercol_big .ccccentercol  .name {
	position:					absolute;
	bottom:						20px;
	left:						200px;
	width:						190px;
	padding:					0 0 0 0;
}

.centercol_big .ccccentercol  .name {
	width:						400px;
}

.centercol_big .centercol  .name p,
.centercol_big .ccccentercol  .name p {
	margin:						0 10px;
	padding:					0;
	font-size:					11px;
}

.artists_details p.star {
	margin:						0 10px;
	padding:					0;
	font-size:					11px;
}

.twocol .centercol .divide {
	text-align:					center;
}

#header span.today ,
#header_cart span.today {
	position:					absolute;
	bottom:						16px;
	left:						43.5%;
	display:					block;
	font:						11.5px Georgia,serif;
	font-weight:				bold ;
	color:						#fff;
}

div#afternav {
	background:					url(../img/layout/navi_btm_4.png) top left no-repeat;
	width:						820px;
	height:						24px;
	margin-left:				-10px;
	position:					absolute;
	top:						240px;
}
.artistdetails {
	margin:						0 10px;
}

.artistdetails  h3 {
	border-top:					dotted 1px #BCAC00;
	margin-top:					10px;
}

.artistdetails p{
	margin:						0 10px;
	padding:					0;
}

.artistdetails ul {
	margin-top:					0;
	padding-top:				0;
	list-style:					bullet;
	font-size:					1.125em;
}
.artistdetails ul p,
.artistdetails ul h4{
	margin:						0;
	padding:					0;
}

.centercol_big .centercol img {
	padding-left:				10px;
}
	
div#restaurant {
	text-align:					center;
}

div#referenzen ul ,
ul#speckwasser-news {
	list-style:					none;
	margin:						10px 0;
	padding:					0;
}
div#referenzen ul {
	margin:						10px 10px;
	
}

ol.suche li {
	margin:						0 0 10px 0;
}

ul#speckwasser-news {
	font-size:					1.222em;
}

ul#speckwasser-news li {
	margin-bottom:				1em;
}

ul#speckwasser-news li p {
	margin-top:					0;
	margin-bottom:				0;
	padding-top:				0;
	padding-bottom:				5px;
}


div#referenzen ul  li{
	margin-bottom:				10px;
}

div#footer {
	background:					url(../img/layout/navi_top.png) top left no-repeat;
	padding-top:				20px;
	
}

div#footer p {
	text-align:					center;
	padding-bottom:				0;
	font:						0.75em Arial, Helvetica, sans-serif ; 
}

div#footer p a {
	border-bottom:				none;
}

ul.releases-list ,
ul.artists-painting-list {
	margin:						0 0 0 5px;
	padding:					0;
	font-size:					1.222em;
}

ul.releases-list li,
ul.artists-painting-list li {
	float:						left;
	width:						178px;
	height:						270px;
	list-style:					none;
	margin:						0;
	padding:					0 10px 50px 10px;
	background:					url(../img/layout/releases-cover.png) bottom right no-repeat;
	overflow:					hidden;
	position:					relative;
}

.rightcol_small ul.releases-list ul,
.rightcol_small ul.releases-list li {
	background:					none;
	height:						auto;
	padding-bottom:				10px;
}

ul.artists-painting-list li{
	height:						300px;
}

body.artist_list ul.releases-list li {
	height:						220px;
}

body.artist_list ul.artists-painting-list li {
	height:						320px;
}

ul.releases-list li.lastinrow ,
ul.artists-painting-list li.lastinrow {
	background:					url(../img/layout/releases-cover2.png) bottom right no-repeat;
}

ul.releases-list li p.image,
ul.artists-painting-list li p.image {
	width:						170px;
	height:						170px;
	overflow:					hidden;
	margin:						10px 0 5px 0;
	text-align:					center;
}
ul.releases-list li p.image img {width:170px;}
ul.artists-painting-list li p.image {
	height:						270px;
}

ul.releases-list p, 
ul.releases-list h4, 
ul.releases-list h5,
ul.artists-painting-list p, 
ul.artists-painting-list h4, 
ul.artists-painting-list h5{
	margin:						0;
	padding:					0;
}

ul.releases-list h4 ,
ul.artists-painting-list h4 {
	font-size:					0.875em;
}

ul.releases-list h5 ,
ul.artists-painting-list h5 {
	font-size:					0.75em;
}

ul.releases-list p ,
ul.artists-painting-list p {
	font-size:					0.6875em;
}

ul.releases-list a ,
ul.artists-painting-list a {
	border:						none;
}

ul.releases-list p.options {
	border-top:					dotted #BCAC00 1px;
	padding-top:				6px;
	margin-top:					3px;

}


ul.releases-list p.options a ,
ul.artists-painting-list p.options a {
	color:						#333;
	font-weight:				normal;
}

.release_details_top {
	min-height:						200px;
}

.release_details_top  div.image {
	float:						left;
	width:						180px;
	margin:						0 10px;
}

.release_details_top  div.text {
	float:						left;
	width:						400px;
}
.release_details_top h3,
.release_details_top h2 {
	margin:						0 10px;
	padding:					0;
}

.release_details {
	border-top:					dotted 1px #BCAC00;
	margin:						0 10px;
}

.release_details  ul.tracklist,
.release_details  h4 {
	float:						left;
	width:						180px;
}

.release_details  p {
	margin-left:				190px;
}

.release_details   ul.tracklist {
	list-style:					none;
	width:						380px;
	margin:						10px 0;
	padding:					0;
}

.release_details   ul.tracklist  li {
	margin-bottom:				4px;
	line-height:				1.2em;
}


.labelPager {
	float:						left;
	width:						200px;
}

.labelPager  div {
	/*background:					url(../img/icons/label-pager.png) top center no-repeat;*/
	width:						105px;
	height:						30px;
	margin:						0 auto;
	position:					relative;
}

.labelPager  a {
	position:					absolute;
	left:						0;
	text-indent:				-20000px;
	display:					block;
	width:						28px;
	height:						30px;
	border:						none !important;
}

.labelPager a#next {
	position:					absolute;
	left:						70px;
	background:					transparent url(../img/icons/label-pager-next.png) right top no-repeat;
	float:						right;
	
}

.labelPager a#up {
	position:					absolute;
	left:						35px;
	background:					transparent url(../img/icons/label-pager.png) left top no-repeat;
	float:						left;
}

.labelPager a#prev {
	background:					transparent url(../img/icons/label-pager-prev.png) left top no-repeat;
	float:						left;
}

ul.tracklist  span {
	display:					block;
	float:						left;
	width:						170px;
	color:						#E231B2;
	font-weight:				bold;
}

ul.tracklist  span.no {
	width:						25px;
	color:						#333;
	font-weight:				normal;
}

ul.tracklist  span.dauer {
	width:						50px;
	color:						#333;
	font-weight:				normal;
}


ul.tracklist  span.listen {
	width:						70px;
	
}

ul.tracklist  span.listen  a{
	border-bottom:				none;
}

.artistdetails  span.listen  {
	padding-top:				3px;
	display:					block;
}


p.listen {
	margin-bottom:				10px;
}

p.listen a {
	background:					url(../img/icons/listen.png) right center no-repeat;
	padding:					0 20px 0 0;
	font-size:					1.125em;
}

a.livestream {
	background:					#E231B2;
	color:						#fff !important;
	display:					block;
	padding:					5px;
	margin:						0 10px;
	text-align:					center;
	font:						bold 1.25em Georgia, serif;
	border:						none !important;
}

a.livestream:hover {
	background:					#fff;
	display:					block;
	padding:					5px;
	margin:						0 10px;
	text-align:					center;
	font:						bold 1.25em Georgia, serif;
	color:						#E231B2 !important;
	border:						none;
}

a#homelink {
	text-indent:				-20000px;
	position:					absolute;
	top:						20px;
	left:						27%;
	display:					block;
	width:						370px;
	height:						110px;
	border:						none;
}

a.lightbox {
	border:						none !important;
}


p.readmore {
	mmargin-top:					-8px;
	margin-bottom:				10px;
	padding-top:				0;
	padding-bottom:				0;
	text-align:					right;
}

div.leftcol_small img,
div.centercol img,
div.rightcol_small img {
	margin:						0 auto;
	display:					block;
}

ul.gallery {
	margin:						0;
	padding:					0;
	list-style:					none;
	
}

ul.gallery  li {
	float:						left;
	margin:						3px;
	text-align:					center;
	vertical-align:				middle;
	width:						60px;
	height:						60px;
	overflow:					hidden;
}

div.headline img{
	margin:						0 auto !important;
	display:					block;
}

.labelReleases_details div.headline img,
.labelVideos_details div.headline img{
	margin:						0 0 0 14px;
	float:						left;
}

ul.radiolist {
	list-style:					none;
	margin:						0 0 0 0;
}
ul.radiolist li h4{
	margin:						0 10px;
	padding:					0;
}
ul.radiolist li p{
	margin:						0 10px;
	padding:					0 0 5px 0;
}

div.center {
	text-align:					center;
}

object,
embed {
	margin:						0 0 0 10px;
}

body#indexplayer  object,
body#indexplayer  embed,
.leftcol_small  object,
.leftcol_small  embed {
	margin:						0;
}

body#indexplayer {
	margin:						5px auto 0 auto;
	text-align:					center;
}

/*
body.label .rightcol_small ul {
	list-style:					none;
	margin:						0;
	padding:					0 0 30px 0;
}

body.label .rightcol_small ul li {
	text-align:					center;
	margin-top:					15px;
}

body.label .rightcol_small ul li h4,
body.label .rightcol_small ul li h5 {
	margin:						0;
	padding:					0;
}

body.label .rightcol_small ul li img {
	margin:						0 auto 5px auto;
}
*/

div.rightcol_small div.pics1 {
	margin:						0;
	padding:					10px 5px 10px 5px;
}

div.rightcol_small div.pics1 img {
	display:					inline;
	padding:					0 0 2px 0;
	margin:						0;
	
}
div.rightcol_small div.pics1 a{
	border:						none;
}

body.artists_details img {
	margin:						0;
}

div#wetter {
	background:					url(../img/layout/wetterframe.png) center center no-repeat;
	height:						241px;
	margin-top:					10px;
	width:						200px;
	text-align:					center;
}

ul.releases-small {
	list-style:					none;
	margin:						0 10px;
	padding:					0 0 0 0;
}

ul.releases-small li {
	text-align:					center;
	padding-top:				15px;
	margin-top:					10px;
	border-top:					solid 1px #BCAC00;
}

ul.releases-small h5,
ul.releases-small li h4 {
	margin:						0;
	padding:					0;
}

ul.releases-small li img {
	margin:						0 auto 5px auto;
}

div#wetter form {
	padding:					30px 0 0 0;
	margin:						0;
}

div#wetter form table{
	width:						122px;
	margin:						0 auto;
	border-spacing:				none;
	border-collapse:			collapse;
	padding:					0;
}

div#wetter form table td{
	padding:					0;
}

.user,
.user  {
	text-align:					center;
}

ul.artistsgallery {
	list-style:					none;
	padding:					0;
	margin:						0 0 0 10px;
}

ul.artistsgallery li {
	float:						left;
	margin:						0 10px 10px 0;
}

ul.linklisting {
	list-style:					none;
	margin:						0;
	padding:					0;
}

ul.linklisting  li p{
	margin:						0 10px;
	padding:					0;
}

dd {
	margin-left:				10px;
	padding-left:				0;
}

ol {
	padding:					0 10px 0 30px;
	margin:						0;
}

.innerheadline {
	padding-top:				10px;
}

.leftcol_small h4 {
	padding-bottom:				0;
	
}

form.cartform {
	margin:						10px 0 10px 0;
	padding:					0;
}

form.cartform div {
	float:						left;
}

form.cartform div  p{
	margin-left:				0;
	padding-left:				0;
}

form.cartform div.input {
	margin:						5px 0 0 10px;
	width:						130px;
}

form.cartform div.preis p {
	margin:						0 0 0 0;
	padding:					0;
	width:						230px;
}

form.cartform div.preis p span {
	color:						#333;
}

form.cartform div input.small  {
	width:						2em;
}

div.release_details div#prices {
	float:						left;
	width:						380px;
}


/* links
--------------------- */

	a:link, 
	a:visited ,
	a:active {
		font-weight:			bold;
		outline:				none;
		color: 					#E231B2;
		text-decoration:		none;
	}
	a:hover {
		border-bottom:			1px solid #E231B2;
			border-bottom:			1px solid #BCAC00;
	}
	
	a.typolink {
		border:					none;
	}



/* text
--------------------- */
	
	p, h1, h2, h3, h4, h5 {
		padding: 				10px 10px 5px 10px;
		margin: 				0;
	}

	p, li {
		font: 					normal 0.8125em Georgia, serif;
		color:					#3B4C81;
	}
	
	p a.smaller {
		font-size:				0.875em;
	}

	h1 {
		font: 					bold 1.375em Helvetica, Arial, sans-serif;
		color: 					#E231B2;
	}

	h2 {
		font: 					bold 1.111em Helvetica, Arial, sans-serif;
		color: 					#E231B2;
	}

	h3 {
		font: 					bold 1em Helvetica, Arial, sans-serif;
		text-transform: 		uppercase;
		color: 					#E231B2;
	}
	
	h4 {
		font: 					bold 1em Helvetica, Arial, sans-serif;
		color: 					#E231B2;
	}
	
	h5 {
		font:					bold 0.875em Helvetica, Arial, sans-serif;
		color: 					#E231B2;
		margin-bottom:			0;
		margin-top:				0;
		padding-bottom:			0;
		padding-top:			0;
	}
	
	h2 a, h3 a, h4 a, h5 a {
		border:					none !important;
	}
	
	.pink {
		color: 					#E231B2;
	}

	.pinkbold {
		color: 					#E231B2;
		font-weight:			bold;
	}

	.motto {
		font: 					bold 0.722em Georgia, serif;
		font: 					bold 1em Georgia, serif;
		text-transform: 		uppercase;
		color: 					#39515A;
	}

	h3, .name {
		font:					bold 1.375em Helvetica, Arial, sans-serif;
		text-transform:			uppercase;
		color: 					#E231B2;
	}
	
	p.date {
		font-size:				0.75em;
	}
	
		
	div.button p{
		position:				absolute;
		right:					15px;
		bottom:					10px;
		width:					90px;
		height:					30px;
		text-align:				center;
		padding:				0;
		margin:					0;
	}
	
	div.button p a{
		background:				url(../img/icons/button.png) top left no-repeat;
		display:				block;
		color:					#fff;
		width:					90px;
		height:					30px;
		border:					none;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				1.375em;
		font-weight:			normal;
		padding-top:			3px;
	}
	
	.labelVideos_details div.button{
		
	}
	
	.labelVideos_details div.button p{
		margin:					0 auto;
		position:				relative;
		right:					0;
		bottom:					0;
		
	}
	
	.labelVideos_details div.button p a{
		font-size:				1.111em;
	}	
	
	input.submitcart {
		background:				url(../img/icons/button.png) left 5px  no-repeat;
		color:					#fff;
		width:					90px;
		height:					30px;
		border:					none;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		font-weight:			bold;
		text-transform:			uppercase;
		padding-top:			3px;
		cursor:					pointer;
	}
	
	form#submitorder  input.submitcart {
		background:				url(../img/icons/button2.png) left 5px  no-repeat;
		width:					170px;
	}
	
	ul {
		margin:					0 30px;
		padding:				0;
	}
	
	ul li{
		margin:					0;
		padding:				0;
	}
	
/* img
--------------------- */

	img {
		border:					none;
	}


/* dividers
--------------------- */
	
	div.secondlevel {
		background:				url(../img/layout/divider_600.png) bottom center no-repeat;
		padding-bottom:			10px;
	}
	
	

.centercol a.thickbox {
	z-index:	100;
	position:relative;
	margin-left:10px;
}


/* link liste
--------------------- */

	.linklist,
	.linklist ul	{
		font: 					bold 1em Georgia, serif;
		text-decoration:		none;
		color:					#3B4C81;
		line-height: 			1.111em;
		padding:				0 0 10px 0;
		margin:					10px 6px 0 10px;
		list-style:				none;
		/*background:				url(../img/layout/divider/divider_200.png) bottom center no-repeat;*/
		min-height:				8px;
	}
	
	.linklist ul	{
		margin-left:			0;
	}

	.linklist li {
		border-top:				1px solid #BCAC00;
		padding:				2px 0;
		margin:					0 0 0 0;
	}

	.linklist a:link, 
	.linklist  a:visited , 
	.linklist  a:visited,
	.linklist a:hover 	{
		background:				url(../img/layout/bullet.png) left 2px no-repeat;
		text-decoration:		none;
		border-bottom:			none;
		font-weight:			bold;
		color: 					#3B4C81;
		text-decoration:		none;
		display:				block;
		padding:				0 0 0 15px;
	}
	.linklist a:hover,
	.linklist li.active a 	{
		color: 					#E231B2;
	}
	



/*  termine
--------------------- */

	.post {
		padding: 				0;
		margin:					0;
		list-style:				none;
	}
	
	
	.post .date {
		height: 				73px;
		width: 					75px;
		background: 			url(../img/layout/calendar.png) no-repeat;
		font: 					bold 3em Helvetica, Arial, sans-serif;
		color:					#E231B2;
		text-align: 			center;
		line-height: 			100%;
		float: 					left;
		padding:				15px 0 0 0;
		margin-top:				0;
		margin-left:			5px;
	}
	
	.bevents .post .date {
		line-height:			0.9em;
	}

	.post .date span {
		height: 				10px;
		display: 				block;
		font: 					normal 11px Helvetica, Arial, sans-serif;
		text-align: 			center;
		color:					#666;
	}
	
	.post .date span.monthname {
		font: 					normal 9px Helvetica, Arial, sans-serif;
		text-transform: 		uppercase;
		padding-bottom:			3px;
	}
	
	.post .event {
		float: 					left;
		width: 					289px;
		min-height:				80px;
		border-left: 			1px dotted #BCAC00;
		text-align:				left;
		font-size:				1.111em;
		margin: 				5px 0 0 10px;
	}
	
	.post .event  h3 {
		padding-top:			0;
	}
	.post .event  p {
		padding-top:			0;
		padding-bottom:			0;
		font-size:				0.9em;
	}
	
	.post .event  img {
		padding:				10px;
		text-align:				left;
		display:				inline;
		width:					290px;
	}

	div.col4 {
		background:					url(../img/layout/teaserbox_btm.png) left bottom no-repeat;
		width:						820px;
		margin-left:				-10px;
	}

	div.col4 div.wrap{
		background:					url(../img/layout/teaserbox_top.png) left top no-repeat;
		min-height:					180px;
		float:						none;
		width:						100%;
		padding:					25px 10px;
	}

	div.col4 div {
		width:						200px;
		float:						left;

	}

	
/*  artist detail
--------------------- */

div.artist-header {
	position:					relative;
	padding:					0 10px;
	height:						230px;
	width:						370px;
	border-right:				1px solid #BCAC00;	
	float:						left;
}

div.artist-calendar {
	float:						left;
}

div#artist-title {
	position:					absolute;
	bottom:						0;
	left:						205px;
	width:						170px;
}

div.section {
	border-bottom:				dotted 2px #BCAC00;
	padding-bottom:				15px;
	margin:						0 10px 15px 10px;
}

form.form {
	margin:						10px;
	padding:					0;
}

form.form fieldset{
	margin:						0;
	padding:					0;
	border:						none;
}

form.form fieldset legend {
	font-family:				Georgia, Times, "Times New Roman", serif;
	font-weight:				bold;
	color:						#E231B2;
	font-size:					22px;
	padding-bottom:				20px;
}

form.form p{
	margin:						10px 0 0 0 ;
	padding:					10px 0 0 0  ;
	border-top:					dotted 1px #BCAC00;
}


form.form label,
form.form select,
form.form textarea,
form.form input {
	float:						left;
	display:					block;
}

form.form label ,
form.form span.label {
	width:						155px;
	font-weight:				bold;
	margin-left:				0;
}

form.form select ,
form.form input {
	width:						270px;
	font:						12px Arial, Helvetica, sans-serif;
}

form.form input.submitcart {
	width:						90px;
	float:						right;
}

form.form textarea {
	width:						345px;
	height:						120px;
	font:						12px Arial, Helvetica, sans-serif;
}


form.form input.button {
	font-family:				Georgia, Times, "Times New Roman", serif;
	width:						105px;
	margin-right:				15px;
}	

form.form input.radio {
	width:						1em;
}

form.form label.radio {
	padding-left:				1em;
	width:						100px;
}

form.form span{
	display:					block;
	float:						left;
	width:						245px;
	margin:						5px 0 0 155px;
}

.order_billshipadr form.form span.error {
	display:					block;
	float:						right;
	width:						120px;
	margin:						0;
	color:						#E231B2;
}

ul#ordernav {
	list-style:					none;
	margin:						0 10px;
	padding:					0;
}

ul#ordernav li {
	float:						left;
	margin:						0 2em 0 0 ;
	padding:					0;
	border-bottom:				dotted 1px #E231B2;
}

ul#ordernav li.active {
	border-bottom:				solid 2px #E231B2;
}

ul#ordernav li.disabled {
	border-bottom:				solid 2px transparent;
}

ul#ordernav li strong,
ul#ordernav li span,
ul#ordernav li a {
	color: 						#E231B2;
}

ul#ordernav li strong {
	font-weight:				bold;
}

#loginform, #registration, #nologin {
	width:						290px;
	float:						left;
}

#loginform {
	border-right:				solid 1px #BCAC00;
	padding-right:				10px;
	padding-top:				0;
	margin-top:					20px;
}

#registration, #nologin {
	margin:						20px 0 0 0;
}

#nologin h4{
	border-top:					solid 1px #BCAC00;
	padding:					10px 0 0 0;
	margin-left:				10px;
}

#loginform  h4 {
	margin:				0;
	padding:				0;
}

#loginform fieldset legend{
	margin:					0;
	padding:				0;
}

#loginform .form input {
	width:						110px;
}

#loginform .form input.submitcart {
	width:						90px;
}

form.form span.required {
	display:					inline;
	float:						none;
	color:						#E231B2;
	margin-left:				0;
}

form.form p.submit {
	padding-left:				155px;

}

form.form p a.backbutton {
	float:						left;
	display:					block;
	margin-top:					5px;
}

form#orderaddress legend {
	font: 					bold 1em Helvetica, Arial, sans-serif;
	color: 					#E231B2;
	margin:					0;
	padding:				20px 0 0 0;
}

table.cart {
	font-size:					0.8125em;
	margin:						1em 10px;
	border-collapse:			collapse;
}

table.cart input{
	width:						1.5em;
}
table.cart input.submit{
	width:						auto;
}


table.cart th, 
table.cart td {
	vertical-align:				top;
	text-align:					left;
	padding:					5px;
}

table.cart th {
	border-bottom:				solid 2px #E231B2;
	margin-bottom:				5px;
	padding-bottom:				5px;
}

table.cart td.num {
	text-align:					right;
}

table.cart th.num {
	width:						85px;
	text-align:					right;
}

table.cart th.qty,
table.cart td.qty {
	width:						50px;
	text-align:					right;
}

table.cart td.subtotal {
	font-weight:				bold;
	border-top:					solid 2px #E231B2;
	margin-top:					5px;
	padding-top:				5px;
}

table.cart td.total {
	font-weight:				bold;
	border-top:					solid 4px #E231B2;
	margin-top:					5px;
	padding-top:				5px;
}

table.cart td div.button {
	position:					relative;
}

table.cart td div.button p{
	top:						20px;
	right:						0;
}

ul#orderpayship {
	list-style:					none;
	margin:						0;
}

ul#orderpayship li{
	list-style:					none;
	margin:						0 0 10px 0;
	padding:					0 0 10px 0;
	border-bottom:				dotted 1px #BCAC00;
}

ul#orderpayship li.last{
	border-bottom:				none;
}

form.form ul#orderpayship p{
	border:						none;
	font-size:					12px;
	margin:						0;
}

form.form ul#orderpayship input.checkbox,
div#ordersubmit form.form input.checkbox {
	width:						2em;
}

form.form ul#orderpayship label {
	width:						200px;
	text-align:					right;
}

div#ordersubmit label.qf_after {
	width:						500px;
	margin-left:				10px;
}

div#ordersubmit dl,
div#orderconfirmed dl {
	width:						280px;
	float:						left;
	margin:						0 10px;
	font-size:					13px;
	margin-bottom:				10px;
}

div#ordersubmit dt ,
div#orderconfirmed dt {
	font-weight:				bold;
	color:						#E231B2;
}

form#payship h4 {
	margin-left:				0;
	padding-left:				0;
}

div#ordersubmit h4 ,
div#orderconfirmed h4 {
	margin-top:					10px;
}

ul#orderpayship div.pay {
	float:						left;
	width:						60%;
}

ul#orderpayship div.ship {
	float:						left;
	width:						40%;
}

ul#orderpayship div.ship a ,
ul#orderpayship div.ship a:hover {
	border:						none;
}

ul#orderpayship div.ship img {
	margin:						10px 0 0 10px;
}

div.error {
	font-size:					12px;
	margin:						10px;
}

p.playerremarks {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	padding-top:				5px;
	margin-top:					0;
	text-align:					center;
}

div a.newsletterbtn{
	background:					url(../img/layout/newsletter_btn.png) top left no-repeat;
	width:						378px;
	height:						98px;
	display:					block;
	text-indent:				-10000px;
	outline:					none;
	margin:						0 auto;
	border:						none;
}

div a.newsletterbtn:hover {
	background:					url(../img/layout/newsletter_btn_over.png) top left no-repeat;
	border:						none;
}	

body.labelVideos_details #videoplayer{
	text-align:			center;
	margin:				20px auto;
	
}

/*  quick calendar
--------------------- */
	#quickCalender {
		border: 1px solid #000000;
		padding:	2px;
		margin:		10px 5px 0 5px;
	}
	
	.calendar {
		/** configure the width **/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.722em;
		margin:2px;
		padding:0;
		text-align:center;
		border-collapse: collapse;
		background:#F1E2CD;
	}
	.calendar th {
		font-family:	Georgia, serif;
		font-weight: bold;
		height: 20px;
		padding:0;
		margin:0;
	}
	.calendar td div {
		height: 22px;
		font-weight: bold;
		text-align: center;
		color: #E231B2;
		background:	url(../img/layout/datepicker.png) top left no-repeat;
		margin:0;
		padding:0 2px 2px 0;
		width: 24px !important;
		vertical-align:center;
	}
	.calendar td div{
	}	
	.calendar td.empty  div{
		background:	none;
	}
	.calendar .header ,
	.calendar .footer {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #394A82;
		font-weight: bold;
		color: #FFFFFF;
		height: 24px;
	}
	
	.calendar .footer  {
		background-image:	none;
		margin: 0 auto;
	}
	
	.calendar .today {
		color:		#333;
	}

	.calendar td div.link {
		color:		#BCAC00;
		background:	url(../img/layout/datepicker_pink.png) top left no-repeat;
		
	}

	.calendar a, .calendar a:link, .calendar a:hover {
		font-weight: bold;
		text-decoration: none;
		border: none;
		color:			#fff;
	}
	.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
		color: #ffffff;
		border:none;
		text-decoration:none;
	}

	.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
		color: #ffffff;
		text-decoration:none;
		border:none;
	}
	
	

/* mainnav
--------------------- */

	ul#mainnav {
		list-style:				none;
		margin:					0 0 0 0 ;
		padding:				0;
		position:				absolute;
		top:					210px;
		width:					800px;
		height: 				60px;
		overflow:				hidden;
	}

	ul#mainnav  li {
		padding:				0;
		margin:					0;
		text-indent:			-9999px;
		list-style-type:		none;
		display:				inline;
	}


	ul#mainnav  li  a:link,
	ul#mainnav  li  a:active,
	ul#mainnav  li  a:visited,
	ul#mainnav  li  a:hover,
	ul#mainnav  li  strong,
	ul#mainnav  li  em {
		background:				transparent url(../img/layout/navi_sprite_5.png) no-repeat;
		border:					none;
		margin: 0;
			padding: 0;
			display: inline;
			float:left;
			text-indent: -999px;
	}


	/* normal */

	ul#mainnav li#nav_262 a {
		width: 73px;
		height: 30px;
	    background-position: 0 0;
	}

	ul#mainnav li#nav_289 a {
		width: 79px;
		height: 30px;
	    background-position: -73px 0px;
	}

	ul#mainnav li#nav_294 a {
		width: 125px;
		height: 30px;
	    background-position: -152px 0px;
	}

	ul#mainnav li#nav_352 a {
		width: 86px;
		height: 30px;
	    background-position: -277px 0px;
	}

	ul#mainnav li#nav_292 a {
		width: 109px;
		height: 30px;
	    background-position: -363px 0px;
	}

	ul#mainnav li#nav_300 a {
		width: 65px;
		height: 30px;
	    background-position: -472px 0px;
	}

	ul#mainnav li#nav_339 a {
		width: 77px;
		height: 30px;
	    background-position: -537px 0px;
	}

	ul#mainnav li#nav_299 a {
		width: 76px;
		height: 30px;
	    background-position: -614px 0px;
	}

	ul#mainnav li#nav_301 a {
		width: 110px;
		height: 30px;
	    background-position: -690px 0px;
	}

	/* hover */

	ul#mainnav li#nav_262 a:hover,
	ul#mainnav li#nav_262.active a {
	    background-position: 0 -30px;
	}

	ul#mainnav li#nav_289 a:hover,
	ul#mainnav li#nav_289.active a {
	    background-position: -73px -30px;
	}

	ul#mainnav li#nav_294 a:hover,
	ul#mainnav li#nav_294.active a {
	    background-position: -152px -30px;
	}

	ul#mainnav li#nav_352 a:hover,
	ul#mainnav li#nav_352.active a {
	    background-position: -277px -30px;
	}

	ul#mainnav li#nav_292 a:hover ,
	ul#mainnav li#nav_292.active a{
	    background-position: -363px -30px;
	}

	ul#mainnav li#nav_300 a:hover,
	ul#mainnav li#nav_300.active a {
	    background-position: -472px -30px;
	}

	ul#mainnav li#nav_339 a:hover,
	ul#mainnav li#nav_339.active a {
	    background-position: -537px -30px;
	}

	ul#mainnav li#nav_299 a:hover {
	    background-position: -614px -30px;
	}

	ul#mainnav li#nav_301 a:hover {
	    background-position: -690px -30px;
	}

div#qTip {
	 padding: 3px;
	 border: 1px solid #666;
	 border-right-width: 2px;
	 border-bottom-width: 2px;
	 display: none;
	 background: #eee;
	 text-align: left;
	 position: absolute;
	 z-index: 1000;
}

div#qTip ul {
	list-style:				none;
}

div#qTip p,
div#qTip h4,
div#qTip ul,
div#qTip li
{
	font: 12px Arial, Helvetica, sans-serif;
	 margin:					0;
	padding:				0;
}


	/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
span.tb_zoom{background:none;position:relative;bottom:10px;left:85px;}

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../img/layout/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  background-color:#FFEFBF;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
body.de .TB_overlayBG {
  background-color:#000;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}

body.de #TB_window {
	background: #F1E2CD;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}

body.de #TB_title{
  background-color: #F1E2CD;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#jquery-lightbox a {
	border:		none;
}

/* social networks sprite */

.social {
	margin: 0 auto;
	padding: 0;
	width: 180px;
	height: 300px;
}

.social a {
	margin: 0;
	padding: 0;
	display: inline;
	float:left;
	outline: none;
	text-indent: -9999px;
	background: url(../img/layout/social_www_sprite.png) no-repeat;
	border:	none;
}

.resident_advisor a {
	width: 80px;
	height: 60px;
	background-position: 0 0;
}

.myspace a {
	width: 100px;
	height: 60px;
	background-position: -80px 0;
}

.facebook a {
	width: 100px;
	height: 60px;
	background-position: 0 -60px;
}

.youtube a {
	width: 80px;
	height: 60px;
	background-position: -100px -60px;
}

.soundcloud a {
	width: 80px;
	height: 60px;
	background-position: 0 -120px;
}

.beatport a {
	width: 100px;
	height: 60px;
	background-position: -80px -120px;
}

.itunes a {
	height: 60px;
	width: 90px;
	background-position: 0px -180px;
}

.juno a {
	height: 60px;
	width: 90px;
	background-position: -90px -180px;
}

.whatpeopleplay a {
	height: 60px;
	width: 90px;
	background-position: 0px -240px;
}

.star a {
	background: url(../img/layout/social_www_sprite.png) no-repeat;
	height: 60px;
	width: 90px;
	background-position: -90px -240px;
}

.resident_advisor a:hover {
	background-position: 0 -300px;
}

.myspace a:hover {
	background-position: -80px -300px;
}

.facebook a:hover {
	background-position: 0 -360px;
}

.youtube a:hover {
	background-position: -100px -360px;
}

.soundcloud a:hover {
	background-position: 0 -420px;
}

.beatport a:hover {
	background-position: -80px -420px;
}

.itunes a:hover {
	background-position: 0px -480px;
}

.juno a:hover {
	background-position: -90px -480px;
}

.whatpeopleplay a:hover {
	background-position: 0px -540px;
}

.details_request_MainTable .tda {font-size:12px;}


/* clearfix
--------------------- */

	.clearfix:after {
		content:				".";
		display:				block;
		height:					0;
		clear:					both;
		visibility:				hidden;
		}
	.clearfix {
		display:				inline-block;
	}
		
	.clearfix {					/* Hide from IE Mac \*/
								display:block;
	}							/* End hide from IE Mac */
		

	
/* png fix
--------------------- */

	img, .post .date, .divider1, .divider2, .divider3 {
		behavior: 				url(pngbehavior.htc);
	}	
	
/* NEU: teaser
--------------------- */

.teaser img {
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 30px;
}
	


form#details_request_form span.i18n {
	color:					#3B4C81;
	font:					13px Georgia,serif;
	font-weight:			bold;
}

form#details_request_form table td {
	padding:				5px;
	white-space:				nowrap;
	
}

/*

	COUNTDOWN

*/

#countdown {
	width:		380px;
	height:		140px;
	margin-left:10px;
	background:	url(../img/layout/countdown_25.png) top left no-repeat;
	position:relative;
}

.countdown_rtl {
	direction: rtl;
}

.countdown_row {
	clear: both;
	width: 340px;
	position:absolute;
	top:	30px;
	left:	24px;
	text-align: center;
	display:	block;
	font-family:		Georgia;
	font-size:  42px;
	font-weight:	bold;
	color:		#FFF;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	text-align: center;
}

.countdown_amount {
	line-height:	1.2em;
}
 
.countdown_descr {
	display: block;
	width: 100%;
}

p.pagination2 {
	display:	inline-block;
	margin:		0;
}
p.pagination2 a,p.pagination2 strong,p.pagination2 span {
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	font-size:	18px;
	border:	solid 1px #E231B2;
	background: #E231B2;
	margin:		0 3px 0 3px;
	color:		#fff;
	display:	block;
	float:		left;
	width:		26px;
	height:		25px;
	text-align:center;
	line-height:22px;
	padding:	0;
	font-weight:	bold;
}

p.pagination2 strong, p.pagination2 a:hover {
	background:		#3B4C81;
	border-color:	#3B4C81;
	font-weight:	bold;
}

