/* 2008 2009 D-Creation.de
   Odeon-Theater.de
   style.css
   Design
*/

/* global crossbrowser reset */ 
* {
	margin:0;
	padding:0;
}

/* === GLOBALS === */

body {
	background:#333;
	text-align:center;
	font:11px Verdana, Arial, Tahoma, sans-serif;
	color:#333;
	padding-top:15px;
}

.page {
	margin:0 auto;
	width:990px;
}

a {
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}
a:hover { color:#000; }
	
a img {	border:0; }



ul {
	list-style-type:none;
	text-align:left;
}

h2 {
	height:20px;
	width:100%;
	background:url(gfx/h2_set.gif) no-repeat 5px 0px #000;
	margin-bottom:5px;
}
h2 span { display:none; }

input, select, textarea {
	background:#eee;
	border:1px solid #999;
	font-size:1em;
	line-height:1em;
}
.input_text, .input_tiny {
	width:120px;
	padding:2px 1px;
	height:13px;
}
* html .input_text, * html .input_tiny { padding:3px 1px;height:19px; }
.input_tiny {	width:20px; }
.input_button {
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:1px 5px;
}
* html .input_button { padding:1px 0px;padding-top:3px; }
* html #ie6_noobclass { width:130px; }
* html #ie6_noobclass2 { width:110px; }

select { 
	padding:0; 
	width:100px;
}	

.clear { clear:both;height:1px; }

/* === HEADER + NAVI === */

.header {
	width:990px;
	height:220px;
	background: #000 url(gfx/header.jpg) no-repeat 0px 10px;
	margin:inherit;
	position:relative;
	z-index:200;
}
.header H1 { display:none; }
.header .homelink {
	position:absolute;
	left:0px;
	top:50px;
	width:250px;
	height:125px;
}

.header UL {
	position:absolute;
	z-index:200;
	right:0;
	bottom:10px;
	background:#000;
	color:#fff;
}
.header UL LI {
	float:left;
	position:relative;
	z-index:200;
}
.header UL LI UL {
	position:absolute;
	z-index:200;
	left:0px;
	top:25px;
	padding:0;
	margin:0;
	background:#000;
	display:none;
}
.header UL LI UL LI {
	display:block;
	float:none;
	padding:5px;
	padding-left:10px;
	margin:0;
	background:#000;
}
/* level 1 navi */
.header UL LI A SPAN { display:none; }
.header UL LI A {
	background:url(gfx/navi_set.gif);
	height:21px;
	display:block;
	text-decoration:none;
	margin:0px 10px;
}
.header UL LI .home { width:50px;background-position:0px 0px; }
.header UL LI .spielplan { width:90px;background-position:-150px 0px; }
.header UL LI .tickets { width:70px;background-position:-300px 0px; }
.header UL LI .theater { width:132px;background-position:-450px 0px; }
.header UL LI .gallerie { width:70px;background-position:-600px 0px; }
.header UL LI .kontakt { width:80px;background-position:-750px 0px; }
.header UL LI .home:hover { background-position:0px -25px; }
.header UL LI .spielplan:hover { background-position:-150px -25px; }
.header UL LI .tickets:hover { background-position:-300px -25px; }
.header UL LI .theater:hover { background-position:-450px -25px; }
.header UL LI .gallerie:hover { background-position:-600px -25px; }
.header UL LI .kontakt:hover { background-position:-750px -25px; }

/* level 2 navi */
.header UL LI UL LI A {
	background:#000;
	color:#ccc;
	padding:0;
	margin:0;
	height:12px;
}
.header UL LI UL LI A:hover { color:#ED7E22; }
	
/* === CONTENT === */

.content {
	padding:10px;
	background: #ccc url(gfx/content_top_bg.gif) repeat-x;
	width:968px;
	margin:inherit;
	border:1px solid #000;
	border-top:0;
	border-bottom:0;
}
* html .content {
	width:990px;
	padding-bottom:0;
}

.teaser_large {
	width:730px;
	float:left;
}
.teaser_large img {
	width:730px;
	height:300px;
	border-bottom:1px solid #333;
}
.teaser_large h2 { margin-bottom:0; }


.contentbox {
	width:730px;
	float:left;
	background:#f8f8f8;
	border:1px solid #999;
	border-top:0;
	text-align:left;
	padding-bottom:10px;
}
.contentbox .imagecol {
	float:left;
	margin:10px;
	margin-top:5px;
	width:220px;
}
* html .contentbox .imagecol {
	margin:5px;
}
.contentbox .imagecol img { margin-bottom:10px; }
.contentbox .imagecol .thickbox_link {
	padding-left:0;
	background:0;
}
.contentbox h3 { 
	font-size:13px;
	font-weight:bold;
	margin-top:8px;
	line-height:13px;
}
.infobox {
	padding-bottom:10px;
	background:url(gfx/infobox_trenner.gif) bottom right no-repeat;
}
.infobox .item {
	float:left;
	width:240px;
}

.contentcol {
	padding-left:240px;
}

.contentbox h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
	}
	
.contentbox UL {
	}
	.contentbox UL LI {
		margin:3px;
		line-height:16px;
	}
.contentbox p { 
	line-height:16px; 
	margin-top:5px;
	margin-bottom:10px;
	margin-right:10px;
}

.contenttable {
	margin:10px 0 20px 0;
	font-size:11px;
	}
	.contenttable TD {
		padding:5px 3px;
	}
	.contenttable .headline TD {
		border-bottom:2px solid #333;
		font-weight:bold;
		padding:3px;
		vertical-align:bottom;
	}
	.contenttable .alt TD {
		background:#d1d1d1;
	}

#adminbox p, #adminbox h3, #adminbox form {
	padding-left:10px !important;
}
#adminbox .error {
	color:#f00;
}
#adminbox form {
	padding-top:10px;
	
}
#adminbox select, #adminbox .input_text {
	width:150px;
}
#adminbox .input_multiple {
	height:60px;
	width:161px;
	padding:2px;
}
#adminbox .input_button {
	margin-left:200px;
	margin-top:10px;
}

#crop img {
	
}


textarea {
	width:300px;
	height:190px;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	padding:2px;
	margin-bottom:10px;
}
.textarea_small {
	height:75px;
}
#adminbox label {
	float:left;
	width:190px;
	margin-right:10px;
	margin-bottom:10px;
	line-height:14px;
}

#adminbox form br {
	clear:left;
	display:block;
}
#adminbox label br { clear:none; }

#adminbox .option_button, #adminbox .option_button_active {
	margin:2px;
	margin-left:200px;
	padding:2px;
}
 #adminbox .option_button_active {
 	font-weight:bold;
 	background:#ee7e22;
 	color:#fff;
 	border:1px solid #333;
}
.infobox P {
	margin-top:2px !important;
	margin-bottom:0px !important;
	padding-left:0;
}

.fullbox {
	width:970px;
	text-align:left;
	border:1px solid #999;
	border-top:0;
	background:#f8f8f8;
	padding-bottom:5px;
}
* html .fullbox { margin-bottom:10px; }
.fullbox .filter {
	margin:10px;
	height:25px;
}
.sidebox {
	border:1px solid #999;
	border-top:0;
	background:#f8f8f8;
	width:225px;
	text-align:left;
	float:right;
	margin-bottom:15px;
	padding-bottom:5px;
}
* html .sidebox { width:227px; }
.sidebox P { line-height:16px; }
.sidebox P, .sidebox a { margin:5px 10px; }
/* ie6 Admin Navigation fix */
* html .sidebox ul a { margin:0;margin-left:10px; }



.sidebox a, .contentbox a {
	background:url(gfx/link_arrow.gif) no-repeat 0px 5px;
	padding-left:8px;
	display:block;
}
.contentbox a {
	display:inline; 
}
.sidebox table, .popup_list table {
	width:100%;
	font:11px Verdana;
}
.sidebox table TD, .popup_list table TD {
	padding-left:10px;
	}
	.sidebox table TD {
		height:20px;
		}	
		.sidebox table TD div {
			display:block;
			overflow:hidden;
		}
		.sidebox table TD a {
			height:10px;
			margin:5px 10px;
			margin-top:0px;
		}
		
.sidebox table .alt TD, .popup_list table .alt TD { background:#d1d1d1; }

.popup_list {
	width:150px; 
	float:right;
	margin-top:10px;
	margin-right:10px
}
.popup_list TD {
	padding:3px;
}
.popup_list .head TD {
	font-weight:bold;
	border-bottom:1px solid #999;
	height:20px;
}

/* === GALLERIE === */

.gallerie_liste {
	text-align:left;
	margin-left:10px;
}
.gallerie_liste .active { color:#ee7e22; }
	
.gallerie_liste UL {
	font-size:13px;
	font-weight:bold;
}
.gallerie_liste UL LI {
	float:left;
	margin:3px 5px;
}
.view {
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	margin:10px;
	padding-top:10px;
}
.view P { margin:10px; }

#prev {	margin-right:10px;cursor:pointer; }
#next {	margin-left:10px;cursor:pointer; }

.thumbbox {
	margin:10px auto;
	width:780px;
}
* html .thumbbox { width:840px; }
.thumbbox LI {
	float:left;
	margin:5px;
}
.thumbbox LI IMG { width:120px; }

/* === TABS + SPIELPLAN === */

/* admin spielplan */

.spielplan_switch {
	width:335px;
	margin:10px;
	border:1px solid #999;
	float:left;
	padding:2px;
	height:200px;
}
.spielplan_switch table {
	width:100%;
	font-size:11px;
}
.spielplan_switch table td {	
	padding:5px;
}
.spielplan_switch table .head td {	
	border-bottom:1px solid #ccc;
}

.spielplan_switch table .alt {	
	background:#d1d1d1;
}

#adminbox form p {
	padding-left:0 !important;
}

#inline A {
	text-decoration:none;
}
#inline .datepicker_inline {
	padding-bottom:22px;
	background:url(gfx/admin_date_bg.gif) bottom no-repeat;
}
#inline .datepicker_inline select {
	width:80px;
}



/* admin tabs */
#tabblock {
	margin-top:30px;
	border-top:1px solid #999;
	position:relative;
}
#tabblock .admin_tabs {
	margin-left:10px;
	position:absolute;
	top:-25px;
}
* html #tabblock .admin_tabs { top:-24px; }

#tabblock .tree LI UL, #tabblock .tree { list-style-type:disc!important; }
#tabblock .tree LI {
	display:block;
	margin-left:10px;
	padding-left:10px;
	padding-top:10px;
}
#tabblock .tree a { display:inline;font-weight:normal; }
#tabblock .admin_tabs LI {
	display:block;
	border:1px solid #999;
	border-bottom:0;
	line-height:20px;
	padding:0px 10px;
	margin-right:5px;
	float:left;
}
* html #tabblock .admin_tabs LI {
	padding:0px 5px;
}

#tabblock #schauspieler_div {
	float:left;
	background:url(gfx/admin_schauspieler_bg.gif) no-repeat 162px 46px;
	position:relative;
	
	}
	#schauspieler_div #delete {
		position:absolute;
		top:10px;
		left:161px;
		background:url(gfx/admin_schausp_delete.gif) no-repeat;
		}
		#schauspieler_div #delete input {
			margin:0;
			margin-left:16px;
		}
	

.tab1_active .admin_tabs #tab_1 {
	font-weight:bold;
	color:#ee7e22;
	border-bottom:1px solid #f8f8f8;
}
.tab2_active .admin_tabs #tab_2 {
	font-weight:bold;
	color:#ee7e22;
	border-bottom:1px solid #f8f8f8;
}
.tab3_active .admin_tabs #tab_3 {
	font-weight:bold;
	color:#ee7e22;
	border-bottom:1px solid #f8f8f8;
}
#tab_1, #tab_2, #tab_3 { cursor:pointer; }
.tab1_active .galery_img { display:block; }
.tab1_active .galery_cats, .tab1_active .galery_admin { display:none; }
.tab2_active .galery_cats { display:block; }
.tab2_active .galery_img, .tab2_active .galery_admin { display:none; }
.tab3_active .galery_admin { display:block; }
.tab3_active .galery_img, .tab3_active .galery_cats { display:none; }

#addbutton {
	display:block !important;
	margin-left:245px !important;
	margin-top:10px !important;
	margin-bottom:20px;
}
* html #addbutton {
	margin-bottom:7px;
	margin-left:240px !important;
}
* + html #addbutton {
	margin-bottom:2px;
}
	
#omfg1337 {
	background:url(gfx/admin_date_bg.gif) no-repeat 198px 0px;
	padding-top:2px;
}


	


/* public tabs */
#spielplan,#spielplan_suche {
	margin:10px;
	margin-top:30px;
	border:1px solid #333;
	position:relative;
	z-index:50;
}
* html #spielplan { margin-top:10px; }

.spielplanliste TD {
	padding:10px;
	border-top:1px solid #fff;
	vertical-align:top;
	font:11px Verdana, Tahoma, Arial, sans-serif;
}
.spielplanliste TD H3 { 
	font:14px Verdana, Tahoma, Arial, sans-serif;
	font-weight:bold;
	padding-bottom:5px;
	 }

.spielplanliste .headline TD {
	font:11px Tahoma, Arial, sans-serif;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	background:transparent;
	height:14px;
	background:url(gfx/tabrow_trenner.gif) no-repeat 0px;
	border-top:0px;
	padding:5px;
}
.spielplanliste A:hover {
	text-decoration:none;
}

.tabrow {
	left:15px;
	position:absolute;
	z-index:50;
	margin-top:-25px;
	font:11px Tahoma, Arial, sans-serif;
}
.tabrow LI {
	float:left;
	margin-right:2px;
}
.tabrow LI A {
	color:#fff;
	width:121px;
	padding-top:6px;
	padding-left:25px;
	height:19px;
	background:url(gfx/tab_set.gif);
	display:block;
	text-decoration:none;
}
.tabrow LI A:hover { color:#fff;text-decoration:underline; }
* html .tabrow LI A { height:25px;width:146px; }

/* Tabellen Head Hintergrund */
.curr_alles { background:url(gfx/tabrow_set.gif) repeat-x 0px 0px; }
.curr_schauspiel { background:url(gfx/tabrow_set.gif) repeat-x 0px -24px; }
.curr_musik { background:url(gfx/tabrow_set.gif) repeat-x 0px -48px; }
.curr_freie { background:url(gfx/tabrow_set.gif) repeat-x 0px -72px; }
.curr_kinder { background:url(gfx/tabrow_set.gif) repeat-x 0px -96px; }
.curr_sonder { background:url(gfx/tabrow_set.gif) repeat-x 0px -120px; }

/* Tabellenfarbe */
.curr_alles .spielplanliste .schauspiel TD, .curr_schauspiel .spielplanliste TD { background:#f7c59b; }
.curr_alles .spielplanliste .schauspiel .alt, .curr_schauspiel .spielplanliste .alt { background:#fadcc3; }
.curr_alles .spielplanliste .musik TD, .curr_musik .spielplanliste TD { background:#b6ceed; }
.curr_alles .spielplanliste .musik .alt, .curr_musik .spielplanliste .alt { background:#ccdff7; }
.curr_alles .spielplanliste .freie TD, .curr_freie .spielplanliste TD { background:#b6dab0; }
.curr_alles .spielplanliste .freie .alt, .curr_freie .spielplanliste .alt { background:#d3e9d0; }
.curr_alles .spielplanliste .kinder TD, .curr_kinder .spielplanliste TD { background:#ebc9c9; }
.curr_alles .spielplanliste .kinder .alt, .curr_kinder .spielplanliste .alt { background:#f2dcdc; }
.curr_alles .spielplanliste .sonder TD, .curr_sonder .spielplanliste TD { background:#ffff9b; }
.curr_alles .spielplanliste .sonder .alt, .curr_sonder .spielplanliste .alt { background:#ffffb6; }


.curr_alles .headline TD, .curr_schauspiel .headline TD, .curr_musik .headline TD, .curr_freie .headline TD, .curr_kinder .headline TD, .curr_sonder .headline TD {
	background:transparent;
} 

/* inaktiver Tab */
.tabrow LI .alles { background-position:0px 0px; }
.tabrow LI .schauspiel { background-position:0px -25px; }
.tabrow LI .musik { background-position:0px -50px; }
.tabrow LI .freie { background-position:0px -75px; }
.tabrow LI .kinder { background-position:0px -100px; }
.tabrow LI .sonder { background-position:0px -125px; font-size:10px; }

/* aktiver Tab */
.curr_alles .tabrow LI .alles { background-position:146px 0px;color:#333; }
.curr_schauspiel .tabrow LI .schauspiel { background-position:146px -25px;color:#333; }
.curr_musik .tabrow LI .musik { background-position:146px -50px;color:#333; }
.curr_freie .tabrow LI .freie { background-position:146px -75px;color:#333; }
.curr_kinder .tabrow LI .kinder { background-position:146px -100px;color:#333; }
.curr_sonder .tabrow LI .sonder { background-position:146px -125px;color:#333; }



/* === FOOTER === */

.footer {
	width:990px;
	margin:0 auto;
	padding:15px 0px;
	text-align:right;
	color:#ccc;
	background:url(gfx/footer.gif) no-repeat;
}
.footer a { 
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
}
.footer a:hover {	text-decoration:underline; }

.footer UL LI {
	float:left;
	margin-right:10px;
}



/* === SAALPLAN === */

#saalphoto {
	width:470px;
	height:313px;
	border:1px solid #666;
}

#saalplan_container {
	float:left;
	margin:0 10px 0 15px;
	position:relative;
}
* html #saalplan_container { margin: 0 5px 0 8px; }

#saalplan_marker {
	position:absolute;
	left:98px;
	top:175px;
}

.saalplan_tabrow {
	border-bottom:1px solid #999;
	padding-left:5px;
	position:relative;
	height:21px;
	}
	* html .saalplan_tabrow { width:220px; }
	.saalplan_tabrow a#tab1, .saalplan_tabrow a#tab2 {
		margin:0;
		margin-right:5px;
		padding:5px;
		height:11px;
		line-height:11px;
		width:90px;
		border:1px solid #999;
		border-bottom:0;
		text-decoration:none;
		text-align:center;
		background:0;
		float:left;		
	}
	.saalplan_tabrow a#tab2 {
		font-weight:normal;
	}
	.saalplan_tabrow #tab1_active, .saalplan_tabrow #tab2_active {
		position:absolute;
		left:6px;
		top:20px;
		width:100px;
		height:2px;
		background:#fff;
	}
	* html .saalplan_tabrow #tab1_active, * html .saalplan_tabrow #tab2_active {
		width:88px;
		top:17px;
	}
	.saalplan_tabrow #tab2_active {
		left:113px;
		display:none;
	}
	* html .saalplan_tabrow #tab2_active {
		left:101px;
	}
	

/* == admin spielplan edit knöpfe x) == */

.spielplan_edit_btns {
	position:absolute;
	left:180px;
	top:88px;
}
* html .spielplan_edit_btns {
	position:absolute;
	left:0px;
	top:88px;
}