html { font-size:100%; }
body { font-family: Arial,Georgia,Lucida Grande,Verdana; color:#000; font-size:0.75em; background-image:url(/images/tystteater/body_bg.png); margin:0; }

a { color:#c91d81; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }

a.headlink { background:url(/images/tystteater/link_arrow_black.png) 0 1px no-repeat; padding:0 0 0 20px; color:#0092bb; margin:22px 0 0 22px; float:left; }
a.globe { background:url(/images/tystteater/icon_globe.gif) 0 0 no-repeat; padding:1px 0 1px 20px; color:#0092bb; margin:22px 30px 0 22px; float:right; }
a.arrow { background:url(/images/tystteater/link_arrow.png) 0 1px no-repeat; padding:0 0 0 20px; }
a.print { background:url(/images/tystteater/link_print.png) 0 1px no-repeat; padding:0 0 0 20px; margin:0 0 0 38px; }
a.searchbutton { margin:0 0 0 4px; }

a.flowplayer { display:block;width:545px;height:437px; }

h1, h2, h3, h4 { margin:0 0 0.2em 0; padding:0; font-size:2em; color:#c91d81; }
h2, h3, h4 { color:#000; font-size:1.5em; }
h3 { font-size:1.3em; }
h4 { font-size:1.1em; }

span.posttitle { color:#666; float:left; padding:8px 0 0 16px; }
.date { font-size:0.9em; font-weight:bold; }

p { margin:0 0 1em 0; padding:0; }

.introduction { font-size:1.1em; font-weight:bold; color:#333; margin:0 0 1em 0; }
.left { float:left; }
.right { float:right; }
.clear-float { clear:both; display:block; padding:0!important; }

#Wrapper { width:985px; margin:0 auto; }
#Head { height:50px; }
#Document { background-color:#fff; display:block; }
#Grid { background:url(/images/tystteater/grid_bg.png) 100% 0 repeat-y; border-bottom:1px solid #fff; padding:0 0 20px 0; }
#Foot { background:url(/images/tystteater/footer_bg.png) 0 0 no-repeat; padding:45px 33px; }

#QuickSearch { float:right; margin:18px 10px 0 0; }

#Tabs
{
	padding: 6px 0 35px 0;
	position:relative;
}

#Tabs ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	float:left;
}

#Tabs ul li { float: left; border-right:1px solid #fff; }

#Tabs ul li a
{
	text-decoration: none;
	color:#fff;
	font-size:12px;
	background: url(/images/tystteater/tab_bg.png) no-repeat top left;
	float: left;
	margin: 0px;
	height: 85px;
	width: 90px;
	position:relative;
}

#Tabs li a:hover
{
	background-image: url(/images/tystteater/tab_over_bg.png)!important;
}
#Tabs li a.active
{
	background-image: url(/images/tystteater/tab_active_bg.png)!important;
}

#Tabs ul li a div { position:absolute; bottom:10px; padding:0 3px 0 6px; }

#TabsCompanion { display:block; margin:0 auto; background:url(/images/tystteater/tab_1px_bg.png) 0 0 repeat-x; }
#TabsCompanion span { float:left; border-left:9px solid #fff; color:#fff; font-weight:bold; font-size:20px; padding:29px; }
#TabsCompanion a#logo { float:right; background:url(/images/tystteater/logo.png) 0 0 no-repeat; width:75px; height:41px; margin:20px 25px 0 0; }

#LeftMenu { float:left; width:200px; min-height:200px; }
#LeftMenu ul { margin:0; padding:17px 7px; list-style-type: none; background-color:#97be0d; }
#LeftMenu ul li { background-color:#b6d256; padding:7px 2px 5px 10px; margin-bottom:2px; }

#LeftMenu ul li.indent { background-color:Transparent; padding:5px 0 5px 20px; margin:0; }

#LeftMenu ul li a { color:#fff; text-decoration:none; }
#LeftMenu ul li.indent a,
#LeftMenu ul li a:hover { color:#fff; text-decoration:underline; }

#StartpageContent { float:left; width:770px; margin-right:15px; background-color:#f4f4ee; position:relative; }
#Content { float:left; width:585px; }
#Sidebar { float:left; width:200px; }

#StartpageContent .padding { margin:12px; overflow:hidden; }
#Content .padding { margin:0 15px 0 20px; overflow:hidden; }

/* Experience */
#ExperienceArea { float:left; width:545px; overflow:hidden; }
#ExperienceList { float:right; width:200px; }

#ExperienceList ul { margin: 0; padding: 0px; list-style: none; }
#ExperienceList ul li { overflow:hidden; padding:0 0 0 10px; display:block; margin-bottom:7px; }
#ExperienceList ul li.on { background:url(/images/tystteater/selected_experience.png) 4px 38px no-repeat; }
#ExperienceList ul li.eventItem div { background-color:#fff; padding:12px; position:relative; }
#ExperienceList ul li.eventItem img { float:left; padding:0 5px 5px 0; }
#ExperienceList ul li.eventItem h4 { font-size:1em; margin:0; }

#ExperienceArea h2 { font-size:2em; color:#c91d81; }
#ExperienceArea h2 span { float:right; }
#ExperienceArea p { color:#666; font-weight:bold; }

#ExperienceArea .addthis_toolbox a { color:#1057a9; font-weight:normal; }

#ExperienceArea .arrow { margin:1px 22px 0 0; }

.visualArea { display:block; margin-bottom:10px; }

#Wait { width:208px; height:13px; background:url(/images/tystteater/ajax-loader.gif) 0 0 no-repeat; top:100px; left:170px; position:absolute; }

#Calendar { margin-bottom:15px; }
#Calendar h3, #Banners h3 { display:block; background:url(/images/tystteater/sidebar_head_bg.png) 0 0 no-repeat; height:28px; color:#fff; font-size:1em; padding:3px 0 0 6px; }
.list { padding:0 20px 0 6px; }
.list .item { color:#333; margin-bottom:5px; }
.list .item h4 { margin:0; }
#Banners .list { padding:0; }
#Banners .list .item { background-color:#f4f4ee; padding-bottom:3px; border-bottom:5px solid #fff; }
#Banners .list .item a { font-weight:normal; font-size:0.9em; }
#Banners .list .item img { margin-bottom:5px; }

#Repertoir { margin-top:34px; }
#Repertoir .listhead { display:block; background:url(/images/tystteater/content_list_head_bg.png) 0 0 no-repeat; height:28px; color:#fff; font-size:1em; padding:3px 0 0 6px; margin:18px 0 0 0; }
#Repertoir .list { padding:0!important; }
#Repertoir .list .item { background:url(/images/tystteater/list_separator_bg.png) 0 100% repeat-x; padding:12px 0; }
#Repertoir .list .item h3 { font-size:1em; margin:0 0 1em 0; }
#Repertoir .list .item img { float:left; margin:0 20px 5px 0;}

#ContentTools { margin:46px 16px 0 0; }

@media print
{
	#Head,
	#Tabs,
	#LeftMenu,
	#Sidebar,
	#Foot,
	#ContentTools,
	.visualArea { display:none; }
	
	#Content { width:auto; }
	.padding { margin:0; }
	
}