/* 
	screen.css

	text: 				333
	light grey text:	ccc

	border:				ccc
	( left - top )

*/
@import url(grid.css);
@import url(nav.css);
@import url(list.css);
@import url(table.css);
@import url(form.css);
@import url(theme.css);
/*
	basic parts
------------------------------------------------------ */
body					{
							margin: 0;
							padding: 0px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							line-height: 16px;
						}
a						{ text-decoration: none; }
a:hover					{ text-decoration: underline; }
a:focus					{ outline: none; }
.active					{ font-weight:bold;}

#content p a 			{ text-decoration: underline; }
#content p a:hover 		{ text-decoration: none; }

img						{ border: 0 }


h1, h2, h3, h4, p		{ margin: 0 0 5px 0; padding: 0; font-weight: normal; }
h1						{ font-size: 22px; font-weight: bold; line-height: 24px; margin-bottom: 10px; }
h2						{ font-size: 18px; font-weight: normal; margin-top: 10px; }
h3,
.h3						{ margin: 10px 0 5px 0; font-size: 14px; font-weight: normal; }
h4						{ font-size: 12px; font-weight: bold; }



p.intro 				{
							margin: 0 0 15px 0;
							font-size: 1.2em;
							line-height: 1.3;
						}
blockquote				{ float: left; margin-bottom: 10px; width: 90%; font-style: italic; }
blockquote span			{ font-style: normal; }

.left					{ float: left; }
.right					{ float: right; }
.center					{ text-align: center; }
.hide					{ display: none; width: 0; height: 0; }

hr						{
							margin: 0 0 10px 0;
							padding: 0;
							width: 100%; 
							clear: both; 
							border: 1px solid #fff;
							border-bottom: 1px solid #ccc;
						}
hr.dashed				{ border-bottom: 1px dashed #ccc; }
hr.dotted				{ border-bottom: 1px dashed #ccc; }

.line					{ 
							margin: 10px 0 10px 0;
							padding: 0;
							width: 100%;
							height: 1px;
							float: left; 
							clear: both;
							border-bottom: 1px solid #ccc;
						}

.sep					{ padding:0 2px;}
.sAlign					{ margin-top:26px;} /*align with sidebar margin top*/

/*
	the clear
------------------------------------------------------ */
.clr,
.row					{ display: inline-block; }
.clr,
.row					{ display: block; overflow: hidden; position: relative; }
.clr:after,
.row:after				{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.clearfix:after 		{ content: "."; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; }

.clearfix 				{ display: inline-block; } 
html[xmlns] .clearfix 	{ display: block; }
* html .clearfix 		{ height: 1%; }


/*
	header
------------------------------------------------------ */
#util 					{ margin:8px 0 0 0; }


/*
	content
------------------------------------------------------ */
.sectionsep 			{ 
							border-top:2px solid; 
							margin:10px 0 0 0;
						}

/*teaser image + info unerneath*/						
.teaser					{ 
							position:relative; 
							margin-top:10px;

						}
.teaser .teaserimg 		{ position:relative; }						
.teaser .teaserimg img	{ 	display:block; }
.teaser .teaserimg a.btn{ 
							position:absolute; 
							display:block; 
							height:16px; 
							padding:2px 0px 2px 20px;
							background:transparent url(img/buy.gif) no-repeat;
							text-transform:uppercase; 
							font-weight:bold;
							text-decoration:none;
						}
.teaser .teaserimg a.btn span 		
						{	
							background-color:#221e1f; 
							display:block; 
							padding:2px 5px 2px 2px; 
							margin:-2px 0 0 0; 
						}
						
.tr 					{ 	top:0; right:0; }
.tl 					{ 	top:0; left:0; }
.br 					{ 	margin-top:-20px; right:0; }
.bl 					{ 	margin-top:-20px; left:0; }

/*teaser video + info unerneath*/	
.teaser .teaservideo 		{ position:relative; }
.teaser .teaservideo a.btn{ 
							display:block; 
							height:16px; 
							padding:2px 0px 2px 20px;
							background:transparent url(img/buy.gif) no-repeat;
							text-transform:uppercase; 
							font-weight:bold;
							text-decoration:none;
						}
.teaser .teaservideo a.btn span 		
						{	
							background-color:#221e1f; 
							display:inline; 
							padding:3px 5px 3px 2px; 
							margin:-2px 0 0 0; 
						}
						
.teaservideo .tr 	{ 	top:0; right:0; }
.teaservideo .tl 	{ 	top:0; left:0; }
.teaservideo .br 	{ 	margin-top: 0px; right:0; }
.teaservideo .bl 	{ 	margin-top: 0px; left:0; }

.teaser .teaserinfo		{ margin:10px 0 0 0; }

/* contact on sidebar */
#contact 				{ 	margin: 0 0 10px 0; }
#contact .newsletter 	{ 
							display:block; 
							padding:10px 20px; 
							margin:0 0 5px 0; 
						}
#contact .newsletter input.input 
						{ 
							height:14px; width:165px; 
							padding:2px;
							border:0;
							border-top:2px inset #c09481;
							border-bottom:1px solid #c09481;
							border-left:1px double #c09481;
							border-right:1px double #c09481;
							font-size:1em; 
						} 
#contact .newsletter input.btn 
						{ 
							padding:3px 5px;
							border:0; 
							background-color:#000; 
							font-size:1em; 
						}
#contact .phone h2		{ 
							font-family:Georgia, "Times New Roman", Times, serif; 
							line-height:1.1em;
						}


/* profile on contact page */
.profile .left 			{	width:90px; }
.profile .right 		{	width:116px; }


/* webkupone*/
	.highlight hr	{
							border: 1px solid #000;
							border-bottom: 1px solid #000;
						}

	.checkboxr label.checkbox { text-indent:-0px; padding-left:0px;}
	
	.showticket { margin: 0; }
	
	.showticket h3 {
				cursor:pointer;
				margin: 0;
				padding: .50em 1.6em .50em .25em;
				background:transparent url('../css/img/copnav.gif') no-repeat scroll 280px 0;
				/*background:#a26a51;*/
				border-top: 2px solid #000;
	}
	.showticket h3 span.date {
				display:block;
				font-size:0.8em;
				color:#000;
	}

	.showticket div {
				background: #fff;	
				padding: 0 .25em .50em .25em ;
	}

	.showticket input.size-m			{ width: 135px; }
	.showticket input.size-s			{ width: 80px; }
	.showticket input.size-xs			{ width: 20px; }
	
	.showticket select.size-m			{ width: 135px; }
	.showticket select.size-s			{ width: 80px; }
	.showticket select.size-xs			{ width: 10px; }
	
	.showticket label.size-m			{ float: left; width: 135px; }
	.showticket label.size-s			{ float: left; width: 80px; }
	
	.showticket .fr { border-top:1px solid #d0d0d0; padding-top:5px;}
	.showticket .pref,
	.showticket .alt { border-left:1px solid #d0d0d0; margin:0 2px; padding:0 5px 5px 5px;}
	
	.showticket h3.open { 
	background-color:#fff; 
	font-weight:bold;
	background-position:280px -50px;}
	.showticket h3.open span.date { font-weight:normal;}
	
	.ticketsubmit { padding:0 10px; }
	.queticket { border-top:2px solid #000; padding:.50em .25em}
	.queticket .info { width:205px;}
	.queticket h3 {
				margin: 0 0 5px 0;
	}
	.queticket h3 span.date {
				display:block;
				font-size:0.8em;
				color:#000;
	}

	
	.queticket ul.dash li { list-style-position:outside; margin-left:10px;}

	.showticket .more, .queticket .more { text-align: right; padding-right: 5px; font-size: 1.2em; }


/*
	typography
------------------------------------------------------ */
.text 					{ margin:8px 0 0 0; }
.text h3				{ font-weight:bold;	}
.pagetitle { margin:0; padding:5px 0; border-bottom:3px solid;}

/*
	footer
------------------------------------------------------ */


/*
	Sidebar
------------------------------------------------------ */
.sidebar { border-top:3px solid; margin-top:26px; padding-top:10px;}
.sidebar .box { margin-bottom:5px;}


/*
	Overgang side
------------------------------------------------------ */
.overgang .boxes 		{	margin-top:35px; margin-bottom:35px; }
.overgang .col 			{ 
							position:relative; 
							width:305px; 
							background:#e3d4cc; 
							border-bottom:1px solid; 
							border-top:1px solid; 
							padding:10px; 
							padding-bottom:70px							
						}
.overgang .col h2 { padding:10px 0 0 0; margin:0;}						
.overgang .col p 		{ margin:20px 0 40px 0;}
.overgang .col a img 	{ display:block; margin-bottom:20px;}

.overgang .boxes .col .bLink { 
							position:absolute; 
							bottom:0;
						}		
/*
	Cart Iframe
------------------------------------------------------ */
body#kurv { background:#a26a51; padding:0; margin:0 5px; font-size:12px;}
body#kurv p { margin:4px 2px;}


/*
	Play lists
------------------------------------------------------ */

/* For all play lists*/
.plays .play .name 		{	margin-bottom:0;}
.plays .play .name a 	{	color:#000; }
.plays .play .time 		{ 
							margin-top:0px; margin-bottom:0px; 
							font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; 
						}
.plays .play .location 	{ 
							margin:2px 0 10px 0; 
							font-weight:normal; font-size:11px;
						}
.plays .play .by 		{
							margin:18px 0;	
							font-weight:normal; font-size:11px;
						}
.plays .play .text 		{	padding-bottom:46px;}
.plays .play .label 	{	
							margin-top:5px;
							text-transform:uppercase;
							font-size:12px; font-weight:bold;
						}
						
/* for 3 col play list */						
.col3 .plays 			{	margin-top:15px; padding-bottom:20px; border-bottom:1px solid #000; *zoom:1;}
.col3 .plays:after 		{ 	content: "."; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; }

.col3 .plays .play 		{	position:relative; min-height:535px;}
* html .col3 .plays .play { height:535px;}

.col3 .plays .play .buy { 	position:absolute; bottom:0; }

/* for 2 col play list */	
.col2 .plays 			{ 
							margin-top:26px; 
							padding-top:10px;
							border-top:3px solid;
						}
.col2 .plays .play 		{ 
							position:relative;
							padding:20px 0;
							border-bottom:1px solid;
						}
.col2 .plays .play .c1 img { display:block; }
.col2 .plays .play .c1 		{ 
							width:275px; 
							margin-right:15px;
						}
.col2 .plays .play .c2 		{	width:375px; }


.col2 .plays .play .name { 
							margin-top:0; 
							font-weight:normal;
						}
.col2 .plays .play .time { 
							margin:0; 
							font-weight:normal;
						}
.col2 .plays .play .text {	margin-top:10px; }						

.col2 .plays .play .playdata { margin:0 0 56px 0;}
.col2 .plays .play .playdata .label { 
							width:108px; 
							margin:0;
							font-size:11px; 
							color:#000; 
						 }
.col2 .plays .play .bmore { 
							position:absolute; 
							bottom:17px;
						}
.col2 .plays .play .bmore .more { margin-right:18px; }

/* for QUE/ LAB play list */	
.que .plays 			{ 
							margin-top:0px; 
							border:0;
						}
.que .plays .play .bmore { 
							position:static; 
							bottom:16px; 
							clear:both;
						}
.que .plays .play .bmore a { 
							display:inline-block; 
							border:1px solid #fff;
						}
.que .plays .play .c1 	{ 
							width:385px; 
							margin-right:40px; 
						}
.que .plays .play .c2 	{	width:240px; }
.que .plays .play .name { font-size:25px; margin-bottom:4px;}
.que .plays .play .playdata { margin:0;}



/*
	frontpage Newslist
------------------------------------------------------ */
.fnews { 					border-bottom:3px solid; padding-bottom:10px }

.fnews h3 				{ 
							padding:8px 0 0 0;
							margin:0; 
							font-weight:bold;
							font-size:12px;
						}
.fnews .col p 			{ padding-bottom:24px;}						
.fnews .col				{ position:relative; min-height:100px;}
.fnews .col .more		{ position:absolute; bottom:0;}