/* @override http://www.openluchttheater.be/themes/olt/styles/theme.css */

@import url('reset.css');
@import url('joppa.css');

/* @group global layout */

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 125%;
	height: 100%;
	background-color:#dce1cb;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #c50006;
	font-weight: normal;
}

a:hover {
	color: #a50000;
}

/* @end */

/* @group layout */

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	padding: 0px 10px 10px 10px;
}

#site_info {
	background:#004452 none repeat scroll 0 0;
	border-top:9px solid #336975;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:800px;
}

/* @end */

/* @group header */

#branding h1 {
	background:transparent url(../images/2010header.gif) no-repeat scroll left top;
	height:242px;
	text-indent:-9999px;
	width:799px;
}

#branding h1 a {
	display: block;
	height: 150px;
	width: 250px;
}

#navigation {
	margin-top: -60px;
	height: 30px;
}

#nav_main ul#menu1 {
	background: url('../images/background_nav.png') no-repeat top right;
	height: 30px;
	padding-top: 8px;
	width: 263px;
	padding-left: 15px;
	
}
	
#nav_main #menu1 li {
	float: left;
	height: 18px;
	margin-left: 5px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#nav_main #menu1 li a {
	display: block;
	height: 18px;
}

/* @group navigation buttons */
#nav_main #menu1 li#home a {
	background: url('../images/buttonHome.gif') top left no-repeat;
	text-indent: -9999px;
	width: 53px;
}

#nav_main #menu1 li#agenda a {
	background: url('../images/buttonAgenda.gif') top left no-repeat;
	text-indent: -9999px;
	width: 67px;
}

#nav_main #menu1 li#tickets a {
	background: url('../images/buttonTickets.gif') top left no-repeat;
	text-indent: -9999px;
	width: 66px;
}

#nav_main #menu1 li#info a{
	background: url('../images/buttonInfo.gif') top left no-repeat;
	text-indent: -9999px;
	width: 29px;
}

/* @end */

/* @group navigation hover, selected */

#nav_main #menu1 li#home a:hover, #nav_main #menu1 li#agenda a:hover, #nav_main #menu1 li#tickets a:hover, #nav_main #menu1 li#info a:hover, #nav_main #menu1 li#home a.selected, #nav_main #menu1 li#agenda a.selected, #nav_main #menu1 li#tickets a.selected, #nav_main #menu1 li#info a.selected {
	background-position: 0px -18px;
}

/* @end */

/* @end */

/* @group content */

#content {
	background: #ffffff;
	margin-top: 30px;
}

/* @group content_primary */

#content #content_primary {
	width: 450px;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
}

#content_primary h3 {
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 5px;
}

#content_primary ul {
	list-style: none;
	padding-left: 1em;
	padding-bottom: 1em;
}

#content_primary ul li{
	background: url('../images/bullet_bg_white.gif') left 7px no-repeat;
	padding-top: 5px;
	padding-left: 15px;
}

#content_primary ul.monthView{
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 25px;
}

#content_primary ul.monthView li {
	float: left;
	list-style: none;
	background: none;
	padding-left: 0px;
}

#content_primary ul.monthView li a {
	text-indent: -9999px;
	height: 23px;
	display: block;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#content_primary ul.monthView li.selected a, #content_primary ul.monthView li a:hover {
	background-position: left top;
}

#content_primary ul.monthView li.Juni a {
	background-image: url('../images/june.gif');
	width: 52px;
}

#content_primary ul.monthView li.Juli a {
	background-image: url('../images/july.gif');
	width: 52px;
}

#content_primary ul.monthView li.Augustus a {
	background-image: url('../images/august.gif');
	width: 82px;
}

#content_primary ul.monthView li.September a {
	background-image: url('../images/september.gif');
	width: 90px;
}

#content_primary h2 {
	background: url('../images/title_decoration.gif') top left repeat-y;
	font-size: 150%;
	height: 29px;
	margin-bottom: 10px;
	padding-left: 18px;
}

#content_primary h4 {
	margin-bottom: 10px;
}

#content_primary div.tinymce h2 {
	margin-left: -18px;
	padding-left: 13px;
}

#content_primary div.newsItem h3 {
	background: url('../images/title_decoration.gif') top left repeat-y;
	padding-left: 18px;
	margin-bottom: 20px;
	margin-left: -18px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 130%;
}

#content_primary div.newsItem h3 span.title{
/*	margin-left: -10px; */
}

#content_primary p {
	padding-bottom: 1em;
}

#content_primary div.J_NewsItem {
	margin-bottom: 20px;
}

#content_primary div.J_NewsItem h2 span.title{
	text-indent: -9999px;
	display: block;
	background: url('../images/title_nieuws.gif') top left no-repeat;
	height: 29px;
}

#content_primary div.J_NewsItem div.result {
	border-top: 1px solid #b2b2b2;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 18px;
}

#content_primary div.J_NewsItem div.first {
	border-top: none;
}

#content_primary .J_NewsItem p.title span.date{
	color: #c50006;
	font-weight: bold;
}

#content_primary .J_NewsItem p.title {
	padding-bottom: 0em;
}

#content_primary .J_NewsItem p.title a{
	text-decoration: none;
	color: #000000;
}

#content_primary .J_NewsItem p.title a:hover{
	color: #c50006;
}

#content_primary .J_NewsItem p.title span.title {
	background: url('../images/bullet_bg_white.gif') center left  no-repeat;
	padding-left: 12px;
	color: #000000;
}

#content_primary div.J_AgendaEvent h2 span.title {
	text-indent: -9999px;
	display: block;
	background: url('../images/title_binnenkort.gif') top left no-repeat;
	height: 29px;
}


#content_primary div.J_AgendaEvent div.result, #content_primary div.event, #content_primary div.subevent, #content_primary div#news, #content_primary div.tinymce {
	margin-left: 18px;
	clear: both;
}

#content_primary div.J_AgendaEvent div.result h3, #content_primary div.event h3, #content_primary div.subevent h3{
	padding-bottom: 8px;
}

#content_primary div.event h3.detail {
	background: url('../images/title_decoration.gif') top left repeat-y;
	margin-left: -18px;
	padding-left: 18px;
	font-size: 120%; 
	line-height: 80%;
	margin-bottom: 10px;
}

#content_primary div.event{
	margin-bottom: -15px;
}

#content_primary div.event h3, #content_primary div.subevent h3{
	padding-top: 10px;
	padding-bottom: 8px;
}

#content_primary div.J_AgendaEvent div.result h3 span.date, #content_primary div.event h3 span.date, #content_primary div.newsItem h3 span.date {
	color: #c50006;
	text-transform: uppercase;
}

#content_primary div.event h3.detail span.title {
	margin-left: -5px;
	font-size: 130%;
	margin-top: -5px;
}

#content_primary div.event h3.detail span.date {
	background: url('../images/title_decoration.gif') top left repeat-y;
	margin-left: -18px;
	padding-left: 18px;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 110%;
	line-height: 110%;
}

#content_primary div.J_AgendaEvent div.result h3 a, #content_primary div.event h3 a, #content_primary div.subevent h3 a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#content_primary div.J_AgendaEvent div.result h3 a:hover, #content_primary div.event h3 a:hover, #content_primary div.subevent h3 a:hover {
	color: #c50006;
}

#content_primary div.J_AgendaEvent div.result div.image, #content_primary div.event div.flyer img, #content_primary div.subevent div.flyer img, #content_primary div.newsItem div.flyer img {
	border: 1px solid #dadada;
	padding: 5px;
}

#content_primary div.J_AgendaEvent div.result div.image, #content_primary div.event div.flyer, #content_primary div.subevent div.flyer, #content_primary div.newsItem div.flyer{
	float: left;
	margin: 10px 10px 10px 0px;
}

#content_primary div.event div.flyer span.copyright, #content_primary div.subevent div.flyer span.copyright {
	display: block;
	width: 105px;
	color: #909090;
	font-size: 70%;
	margin: 5px 0px 5px 0px
}

#content_primary div.event div.flyer span.copyright p, #content_primary div.subevent div.flyer span.copyright p{
	display: inline;
}

#content_primary div.newsItem div.flyer img {
	margin: 0px 10px 10px 0px;
}

#content_primary div.J_AgendaEvent div.teaser, #content_primary div.event div.description {
	display: block;
	margin-left: 90px;
}

#content_primary div.event div.descriptionLong {
	padding-top: 10px;
}

#content_primary div.subevent {
	margin-top: 20px;
}

#content_primary div.subevent h3.subevent {
	background: url('../images/title_decoration.gif') top left repeat-y;
	font-size: 130%;
	height: 12px;
	margin-bottom: 10px;
	padding-left: 18px;
	margin-left: -18px;
}

#content_primary div.subevent h3.subevent span.group {
	color: #f5a300;
	font-size: 80%;
	text-transform: uppercase;
}

#content_primary div.subevent div.description {
	padding-top: 10px;
}

/* @end */

/* @group content_secondary */

#content #content_secondary {
	width: 320px;
	float: left;
	padding: 10px 0px 0px 30px;
}

#content_secondary .featured, #content_secondary div.event div.praktischBlock {
	background: url('../images/background_in_de_kijker.gif') top left no-repeat #f5a300;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#content_secondary h2.featured_title {
	text-indent: -9999px;
	height: 35px;
	background: url('../images/title_in_de_kijker.gif') 0px 11px no-repeat;
}

#content_secondary h3.featured_title a{
	color: #000000;
	text-decoration: none;
}

#content_secondary h3.featured_title a:hover{
	color: #c50006; 
}

#content_secondary h2.praktisch {
	text-indent: -9999px;
	height: 35px;
	background: url('../images/title_praktisch.gif') 0px 11px no-repeat;
}

#content_secondary div.info {
	text-indent: -9999px;
	float: right;
	margin-top: 7px;
}

#content_secondary div.info a {
	background: url('../images/ticketlink.gif') top right;
	height: 17px;
	width: 76px;
	display: block;
}

#content_secondary .featured img {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #dadada;
	background: #ffffff;
}

#content_secondary .featured .featured_date {
	color: #c50006;
	font-weight: bold;
}

#content_secondary .featured h3.featured_title {
	padding-bottom: 5px;
}

#content_secondary .featured h3.featured_title a {
	font-weight: bold;
}

#content_secondary .featured .featured_body {
	color: #ffffff;
	font-weight: light;
}

#content_secondary div.praktischBlock {
	color: #ffffff;
	font-weight: light;
	line-height: 1.4em;
}

#content_secondary div.praktischBlock span.field{
	clear: both;
	color: #ffffff;
	font-weight: bold;
	width: 70px;
	display: block;
	float: left;
}

#content_secondary #upcoming {
	background: url('../images/background_concerten.gif') top left no-repeat #6ccff6;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#content_secondary #upcoming h2 {
	text-indent:  -9999px;
	background:  url('../images/title_concerten.gif') 0px 11px no-repeat;
	height: 35px;
}

#content_secondary #upcoming h3.title{
	border-top: 1px solid #98ddf9;
	padding-top: 5px;
	padding-bottom: 3px;
}

#content_secondary #upcoming div.first h3 {
	border-top: none;
}

#content_secondary #upcoming h3.title span.date{
	color: #c50006;
	background: url('../images/bullet_bg_blue.gif') center right  no-repeat;
	padding-right: 13px;
	float: left;
}

#content_secondary #upcoming h3.title span.title {
	color: #ffffff;
	margin-left: 55px;
	display: block;
}

#content_secondary #upcoming h3.title span.title a {
	color: #ffffff;
	text-decoration: none;

}

#content_secondary .nieuwsbrief, #content_secondary .video{
	background: url('../images/background_nieuwsbrief.gif') top left no-repeat #c50006;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}


#content_secondary .video span.value p object, #content_secondary .video span.value p embed {
	background-color: #c50006;
}

#content_secondary h2.nieuwsbrief_title {
	text-indent: -9999px;
	background: url('../images/title_nieuwsbrief.gif') 0px 12px no-repeat;
	height: 35px;
}

#content_secondary div.event div.video span.field {
	text-indent: -9999px;
	background: url('../images/title_video.gif') 0px 11px no-repeat;
	height: 35px;
	display: block;
}

form div.email, form div.submit {
	clear: none;
	float: left;
}

#content_secondary .nieuwsbrief div.email {
	margin-left: -3px;
	margin-right: 5px;
	width: 190px;
}

#content_secondary .nieuwsbrief div.email input {
	width: 190px;
	color: #999999;
}

#content_secondary .nieuwsbrief input.submit {
	background:#a7bc39 none repeat scroll 0 0;
	border:medium none #a7bc39;
	color:#FFFFFF;
	margin-left:5px;
	padding:3px 15px;
}

#content_secondary .tinymce, #content_secondary .sponsors {
	text-align: center;
	border: 1px solid #dadada;
	padding: 10px;
	font-size: 70%;
	color: #888888;
	margin-bottom: 15px;
}

#content_secondary .tinymce img{
	padding: 10px 0px;
}

#content_secondary .sponsors img {
	padding: 10px;
}

/* @end */
/* @end */


/* @group site info */

#site_info {
	clear: both;
	color: #a9a5a2;
	font-size: 75%;
}

#site_info form {
	padding-left: 15px;
}

#site_info #footer {
	float: right;
	margin-top: -2.0em;
}

#site_info a {
	color: #a9a5a2;
}

/* @end */

/* @group joppa-specific */

#joppaErrorMessages ul, #joppaInformationMessages ul {
	padding-bottom: 0px;
}

#joppaErrorMessages ul li, #joppaInformationMessages ul li {
	list-style: none;
}


/* @group search */

#site_info input#formSearchSubmit {
	background: #c50006;
	border: #c50006;
	color: #ffffff;
	padding: 3px 20px 3px 20px;
}

#content #content_primary #formSearch .submit {
	background: #c50006;
	border: #c50006;
	color: #ffffff;
	height: 1.8em;
	margin-top: 2px;
	padding: 3px 20px 3px 20px;
	width: auto;
}

#content_primary .search {
	padding-left: 18px;
}

#content_primary div.search div.more{
	margin-bottom: 15px;
}

#content_primary .search h2 {
	margin-left: -18px;
}

#content_primary ul.result li span.date{
	font-weight: bold;
}

#content_primary div#searchResults ul.result li.title p {
	padding: 0px;
}

/* @end */

/* @end */

/* @group sifr */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	letter-spacing: -30px;
}

/* @end */
br.clear {
	clear: both;
	height: 0px;
	margin-top: -1em;
}