html
{
  overflow-x        : hidden;
  overflow-y        : auto;
} 
/*
* html #content
{
  display           : inline;
}
*/
body, html {height: 100%;}

body
{ 
  color      				: #000000;
  background-color 	: #FFFFFF;
  margin     				: 0; 
  line-height				: 18px;  
  font-family				: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
  font-size					: 11px;
  box-sizing        : border-box; /* CSS3 property check http://www.quirksmode.org/css/box.html */
  -moz-box-sizing   : border-box; /* Mozilla only property */
}

.error
{
	color: #df111f;
	font-weight: bold;
	display: block;
	border: 1px solid #df111f;
	padding: 2px;
}



a{
  color           : #000;
  font-weight			: bold;
  text-decoration : underline;    
}

a:hover 
{
  color           : #000;  
}

h1 a,
h2 a,
h3 a
{
	text-decoration: none;
}

img {border: 0px; }

h1{
  color           : #ef7921;
  font-size       : 16px; 
  line-height: 19px;
  
}

h2{
  color           : #ef7921;
  font-size       : 14px; 
  line-height: 17px;
}

h3{  
  font-size       : 13px; 
  line-height: 17px;
  margin: 4px 0px 4px 0px;
}

SELECT
{
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

textarea, input.textfield,input.submitknop
{	
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	border: 1px solid #6A6E75;
	background-color: #dcdcdc;
}

textarea 
{
	width: 300px; 
	height: 100px; 
}

input.submitknop
{	
	height: 18px;		
	_cursor: hand;
	cursor: pointer;
}

img.plaatjelinks{
	margin-right: 8px;
	float: left;
	border: 1px solid #ccc;
}

img.plaatjerechts{
	margin-left: 8px;
	float: right;
	border: 1px solid #ccc;
}


div#container
{
	width: 1000px; 	
	height: 1%;
	/*margin-top: 20px;*/	
	position: relative;
}

/* Left placeholder */
div#container div#left 
{	
	float: left;	
	width: 232px;
	position: relative;
	z-index: 1;
}


/* Content placeholder */
div#container div#content 
{
	position: relative;
	float: left;	
	width  : 732px; /* 1000 - 232 left - 18 padding-left - 18 padding-right */
  background: url(/images/layout/shadow/drop-shadow_2.gif) no-repeat bottom right;
	padding: 0px 18px 30px 18px;
	z-index: 1;
}

div#logo
{
	background: url(/images/layout/logo.gif) no-repeat top left;
	width: 423px;
	height: 100px;
	border: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

div#logo img
{
	width: 423px;
	height: 100px;	
}

div#container div#left div#menu ul {
	border: 0;
	margin: 0;
	margin-left: 3px;
	margin-top: 116px;
	padding: 0;
	list-style-type: none;	
	clear: left;
}

div#container div#left div#menu ul li {
	display: block;	
	padding: 0;
	margin: 0;
}

div#container div#left div#menu ul li.menu_seperator {
	margin-top: 20px;
}


div#container div#left div#menu ul li a {			
	
}

div#container div#left div#menu ul li a:hover {
	color: #000;		
}


/*
div#container div#content div#logo_right
{	
	width: 125px;
	height: 41px;
	position: absolute;
	top: 57px;
	left: 0px;
	background: url(/images/layout/logo_right.jpg) no-repeat top left;
}
*/

div#container div#content div#teaser_blok1,
div#container div#content div#agenda_item_detail,
div#container div#content div#regular_page_content
{
	margin-top: 120px;
}

div#container div#content div#teaser_blok2
{	
	margin-top: 40px;
}

div#container div#content div#teaser_blok1,
div#container div#content div#teaser_blok2,
div#container div#content div#agenda_item_detail,
div#container div#content div#regular_page_content
{
	width: 481px;	
	float: left;
	text-align: justify;
}




div#container div#content div#regular_page_content table 
{
	text-align: left;
	border: 1px solid #ccc;
}

table td.formtext
{
	background-color: #e2e2e2;
}

table td.forminput
{
	background-color: #efefef;
}

div#container div#content div#regular_page_content table img.security_image
{
	border: 1px solid #000;
}


div#container div#content div#teaser_blok1 div#teaser_item1
{	
	margin-right: 10px;
}

div#container div#content div#teaser_blok2 div.teaser_item_full
{		
	margin-top: 10px;	
}

div#container div#content div#teaser_blok1 div#teaser_item1,
div#container div#content div#teaser_blok1 div#teaser_item2
{	
	width: 233px;
	float: left;
}



div#container div#content div#teaser_blok1 h2,
div#container div#content div#teaser_blok2 h2
{	
	text-align: left;
	margin: 4px 0px 4px 0px;
}

div#container div#content div#teaser_blok1 h3,
div#container div#content div#teaser_blok2 h3
{	
	text-align: left;
}

div#container div#content div#teaser_blok1 div.item_date,
div#container div#content div#teaser_blok2 div.item_date,
div#container div#content div#agenda_item_detail div.result_item div.item_date
{	
	font-weight: bold;
}



div#container div#content div#teaser_blok1 img,
div#container div#content div#teaser_blok2 img
{
	width: 233px;
	height: 191px;
	border: 1px solid #ccc;
}

.performance
{
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;	
	color: #000;	
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
}

.performers
{
	font-weight: bold;
	font-style: italic;	
	line-height: 11px;
	font-size: 10px;
	
	color: #969696;
	padding: 0;
	margin: 0;
	margin-bottom: 8px;	
}

div#container div#content div#teaser_blok2 div.teaser_item_full h2
{
	margin: 0px 0px 4px 0px;
}

div#container div#content div#teaser_blok2 div.teaser_item_full img
{
	width: 110px; 
	height: 91px;
}



div#container div#content div#teaser_blok1 div#readmore
{
	width: 100px; 
	float: right;
	display: inline;
	text-align: right;
	margin-top: 5px;	
}

div.clear
{
	clear: both; 	
}

/* Resultaten lijst */

div#container div#content div#agenda_item_detail div.result_item
{
	margin-top: 10px;
}

div#container div#content div#agenda_item_detail div.result_item h3,
div#container div#content div#agenda_item_detail div.result_item h4
{	
	margin: 4px 0px 4px 0px;
	text-align: left;
}

div#container div#content div#agenda_item_detail div.result_item img
{
	width: 110px; 
	height: 91px;
}

/* footer */

div#container div#footer
{
	width: 700px;
	margin-left: 232px;	
	clear: both;
}

div#container div#footerend
{
	background-color: #beb990;
	height: 16px;	
	clear: both;
}

div#container div#footerend div#footerendleft
{
	float: left;
	width: 6px;
	background: url(/images/footer_r_left.gif) no-repeat;
}

div#container div#footerend div#footerendright
{
	float: right;
	width: 6px;
	background: url(/images/footer_r_right.gif) no-repeat;
}

div#container div#footer ul#footerlinks  
{
	display: block;	
	margin: 0;	
	padding: 0;	
	width:768px;
	list-style-type: none;			
	margin-top: 15px;	
}

div#container div#footer ul#footerlinks li 
{	
	padding: 0;
	width: 14%;	
	float: left;		
	text-align: center;	
}

div#container div#footer ul#footerlinks li a
{		
	text-decoration: none;	
	color: #000;
}

div#container div#footer ul#footerlinks li a:hover 
{	
	color: #000;
}


img.plaatjelinks{
 float: left; 
 margin: 0px;
 margin-right: 7px; 
 margin-top: 3px;
  
}

img.plaatjerechts{
 float: right;
 margin-left: 7px;  
}

div#container div#content div#calendar_holder
{
	float: right;
	width: 238px;	
	margin-top: 20px;
}

div#container div#content div#calendar_holder div#calendar_label
{	
	margin-top: 1px;
	padding: 5px;
	background-color: #ef7921;
	color: #fff;
	text-align: center;	
}

div#container div#content div#calendar_holder div#calendar
{
	background-color: #999;
	border: 1px solid #c4c4c4;
}

div#container div#content div#calendar_holder div#right_banner
{
	margin-top: 5px;	
}

div#container div#content div#calendar_holder div#banner_woondock
{
	margin-top: 20px;	
}

div#container div#content div#calendar_holder div#banner_woondock img
{
/*
	width: 237px;
	height: 217px;
	border: 1px solid #c4c4c4;*/
}

div#container div#content div#calendar_holder div#banner_newsletter
{
	margin-top: 20px;	
}

div#container div#content div#calendar_holder div#banner_smsservice
{
	margin-top: 20px;
	
}



div#container div#content div#calendar_holder div#calendar_result table
{
	width: 100%;
}

div#container div#content div#calendar_holder div#calendar_result td.label_result,
div#container div#content div#calendar_holder div#calendar_result td.time_label,
div#container div#content div#calendar_holder div#calendar_result td.event_label
{
	font-size: 11px;

}


div#container div#content div#calendar_holder div#calendar_result td.label_result
{
	font-weight: bold;
	border-bottom: 1px solid #c4c4c4;
	padding: 6px 0px 6px 0px;	
	text-align: center;
	color: #fff;
}

div#container div#content div#calendar_holder div#calendar_result td.time_label
{
	width: 40px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

div#container div#content div#calendar_holder div#calendar_result td.event_label
{
	padding-left: 16px;	
}

div#container div#content div#calendar_holder div#calendar_result td.event_label a
{
	font-weight: normal;
}

div#container div#content div#calendar_holder div#calendar table
{
	
	background-color: #999;	
	display: none;
}

div#container div#content div#calendar_holder div#calendar table tr td.label_month_nav
{
	padding: 6px 0px 6px 0px;	
	border-bottom: 1px solid #c4c4c4;
}

div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_next_month,
div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_previous_month,
div#container div#content div#calendar_holder div#calendar table tr td div.label_month
{
	color: #fff;
	font-size: 14px;
	padding: 6px 0px 6px 0px;	
	float: left;
}

div#container div#content div#calendar_holder div#calendar table tr td div.label_month
{
	width: 51%;
	text-align: center;
	
}

div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_next_month,
div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_previous_month
{
	text-align: center;
	width: 24%;
	font-weight: bold;
}

div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_next_month a,
div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_previous_month a
{
	color: #fff;
	text-decoration: none;
}

div#container div#content div#calendar_holder div#calendar table tr td div.label_nav_next_month
{
	
	float: right;
}

div#container div#content div#calendar_holder div#calendar table td.label_weekday
{
	color: #fff;	
	padding-left: 10px;
	font-size: 11px;	
	font-weight: bold;
	width: 40px;
}



div#container div#content div#calendar_holder div#calendar table td.label_day,
div#container div#content div#calendar_holder div#calendar table td.label_current_day,
div#container div#content div#calendar_holder div#calendar table td.label_day_previous_month,
div#container div#content div#calendar_holder div#calendar table td.label_active_day
{	
	font-size: 11px;
	text-align: center;
	width: 40px;
}

div#container div#content div#calendar_holder div#calendar table td.label_active_day a,
div#container div#content div#calendar_holder div#calendar table td.label_current_day a,
div#container div#content div#calendar_holder div#calendar table td.label_day a
{
	color: #000;
	width: 25px;
	display: block;		
	text-decoration: none;
	font-weight: normal;
}

div#container div#content div#calendar_holder div#calendar table td.label_day a:hover
{
	background-color: #000;
	color: #fff;
}

div#container div#content div#calendar_holder div#calendar table td.label_current_day a
{
	color: #000;
	font-weight: bold;	
	background-color: #ccc;
	border: 1px solid #fff;
}

div#container div#content div#calendar_holder div#calendar table td.label_active_day a
{	
	font-weight: bold;
	background-color: #000;
	color: #fff;
	border: 1px dotted #fff;
}

div#container div#content div#calendar_holder div#calendar table td.label_day_previous_month,
div#container div#content div#calendar_holder div#calendar table td.label_day_previous_month a
{
	color: #bababa;
	display: block;		
	text-decoration: none;
}

/* Resultaten lijst kalender */

h2.result_uitfilm
{
	color: #02968a;
	border-bottom: 1px solid #02968a;
}

h2.result_uitnachtin
{
	color: #fd5928;
	border-bottom: 1px solid #fd5928;
}

h2.result_uitmuziek
{
	color: #006078;
	border-bottom: 1px solid #006078;
}

h2.result_uittoneel
{
	color: #35176f;
	border-bottom: 1px solid #35176f;
}

h2.result_uitevents
{
	color: #437418;
	border-bottom: 1px solid #437418;
}

h2.result_uitcabaret
{
	color: #ba0001;	
	border-bottom: 1px solid #ba0001;
}

h2.result_uitexposities
{
	color: #a0017f;	
	border-bottom: 1px solid #a0017f;	
}

h2.result_uitdans
{
	color: #782226;	
	border-bottom: 1px solid #782226;	
}

h2.result_uitjeugd
{
	color: #ff2808;	
	border-bottom: 1px solid #ff2808;	
}




h3.result_uitfilm, 
h3.result_uitfilm a
{
	color: #02968a;	
}

h3.result_uitnachtin,
h3.result_uitnachtin a
{
	color: #fd5928;	
}

h3.result_uitmuziek,
h3.result_uitmuziek a
{
	color: #006078;	
}

h3.result_uittoneel,
h3.result_uittoneel a
{
	color: #35176f;	
}

h3.result_uitevents, 
h3.result_uitevents a
{
	color: #0fb8e3;	
}

h3.result_uitcabaret,
h3.result_uitcabaret a
{
	color: #ba0001;	
}

h3.result_uitevents,
h3.result_uitevents a
{
	color: #437418;
}

h3.result_uitexposities,
h3.result_uitexposities a
{
	color: #a0017f;	
}

h3.result_uitdans,
h3.result_uitdans a
{
	color: #782226;	
}

h3.result_uitjeugd,
h3.result_uitjeugd a
{
	color: #ff2808;	
}



th.tableheader
{
	background-color: #dcdcdc;
}