/************************************************************/
/*															*/
/*	Theater & Philharmonie Thüringen main-styles			*/
/*															*/
/*	lombego systems 2009									*/
/*															*/
/************************************************************/

/************************************************************/
/*															*/
/*	import styles											*/
/*															*/
/************************************************************/

 	@import url('navigation.css');
	@import url('content.css');

/************************************************************/


body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	line-height: 1.5em; 
	background-color: #FFFFFF;
	color: #3C4755;	
	background: #FFFFFF url('../img/backgrounds/site-bg.png') repeat-y center;
}

img{
	border: 0px;
}

.cl{
	clear: left;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

#main_wrapper{
	width: 950px;
	margin: 0px auto;
	padding: 10px 10px 0px 10px;
	background-color: #CCD4C7;
}

#header{
	width: 950px;
	float: left;
	background-color: #E5E9E2;
}

#category_nav{
	width: 950px;
	float: left;
	padding: 10px 0px;
}

#main_nav{
	width: 950px;
	float: left;
	margin: 10px 0px;
}

#main_teaser{
	width: 950px;
	height: 333px;
	float: left;
	position: relative;
}

#main_teaser img{
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
}

#main_content{
	width: 950px;
	float: left;
	background: #E5E9E2 url('../img/backgrounds/content-bg.gif') repeat-y top left;
}

#marginalie{
	float: left;
	width: 290px;
	padding: 0px;
	background-color: #E5E9E2;
}

#newsletter_marginalie{
	float: left;
	width: 270px;
	padding: 0px 0px 10px 0px;
}

#newsletter_marginalie form{
	padding: 0px;
	margin: 0px;
	display: block;
	width: 270px;
}

#newsletter_marginalie .submit_button, #search .submit_button{
	border: 0px;
	background-color: transparent;
	color: #3C4755;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	display: block;
	float: left;
}
#newsletter_marginalie input.submit_button:hover, #search input.submit_button:hover{
	color: #000000;
}

#newsletter_marginalie #nl_button_m, #search #search_button{ /* overwritten by ieall.css */
	font-size: 12px;
	padding: 0px;
	text-align: left;
	margin: 10px 0px 16px -2px;
	text-transform: uppercase;
	width: 270px;
}

#newsletter_marginalie input.inputbox, #search input.inputbox{
	border: 0px;
	color: #3C4755;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	padding: 2px 10px 0px 10px;
	height: 18px;
	line-height: 18px;
	display: block;
	float: left;
}

#newsletter_marginalie input#NL_m, #search input#SQ{
	width: 200px;
}

#search{
	float: left;
}

#search input.inputbox{
	border: 0px;
	color: #3C4755;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	padding: 2px 10px 0px 10px;
	height: 18px;
	line-height: 18px;
	display: block;
	float: left;
}

#playlist_wrapper{
	float: right;
	background-color: #CCD4C7;
	width: 660px;
	padding: 0px 0px 10px 0px;
}

#playlist_left{
	float: left;
	width: 310px;
	padding: 0px 10px;
	border-right: 1px dotted #3C4755;
}

#playlist_right{
	float: left;
	width: 319px;
	padding: 0px 0px 0px 10px;
}

#footer{ /*overwritten by ie.css*/
	margin: 0px auto;
	padding: 0px 10px;
	width: 950px;
	background-color: #3C4755;
	color: #FFFFFF;
	height: 26px;
	line-height: 26px;
}

.footer_right{
	float: right;
	width: 300px;
	text-align: right;
}


/*
	Spartenansicht Überblick
*/

#content_wrapper{
	float: right;
	background-color: #CCD4C7;
	width: 660px;
	padding: 0px 0px 10px 0px;
}

#content_teaser, #content_teaser_nofade{
	width: 660px;
	height: 333px;
	float: left;
	position: relative;
}

#content_teaser img{
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
}

#content{
	float: left;
	width: 650px;
	padding: 0px 0px 0px 10px;
}

#sub_navigation{
	float: left;
	width: 270px;
	padding: 20px 10px 10px 10px;
	background-color: #EFF2ED;
}

#sub_nav_link_wrapper{
	float: left;
}

#sub_nav_link_wrapper_2{
/*	float: left; */
	padding: 0px 0px 10px 0px;
}

#sub_nav_link_wrapper_3{
/*	float: left; */
	padding: 0px 0px 10px 20px;
}

/*
	main playlist
*/

#playlist_config{
	float: left;
	width: 270px;
	padding: 0px 10px 10px 10px;
	background-color: #EFF2ED;
}

#playlist_config .sel_block{
	float: left;
	width: 270px;
	padding: 20px 0px 0px 0px;
}

#playlist_config .sel_block b{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
	display: block;
	color: #727C8A;
}

#playlist_config .sel_block b.small_bold{
	font-size: 12px;
}

#playlist_config .sel_block select{
	border: none;
}

#playlist_config .sel_block #prem_filter_label{
	font-size: 14px;
	text-transform: uppercase;
	color: #727C8A;
	display: block;
	float: left;
}

#playlist_config .sel_block input#filter_checkbox{ /* overwritten by ie.css */
	display: block;
	margin: 3px 10px 0px 0px;
	padding: 0px;
	float: left;
}

#playlist_config .sel_block input#filter_button{
	display: block;
	padding: 2px 0px 3px 0px;
	text-align: center;
	color: #3C4755;
	border: 1px solid #98A1AD;
	border-top: 1px solid #BAC1C3;
	border-left: 1px solid #BAC1C3;	
	background-color: #DBE1D8;
	text-decoration: none;
	width: 80px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	background: transparent url('../img/backgrounds/button-bg.png') repeat-x top left;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

#playlist_config .sel_block input#filter_button:hover{
	color: #FFFFFF;
}

#playlist_config .stage_sel_block a:link, #playlist_config .stage_sel_block a:visited{
	text-decoration: none;
}

/*
	Dialog Karten kaufen
*/

.shop #main_content{
	text-align: center;
	background-image: none;
	margin: 10px 0px 0px 0px;
	padding: 20px 0px 14px 0px;
}

.shop #header{
	padding-bottom: 10px;
}