html {
height: 100%;
}

body {
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 62.5%;
background-color: #fff;
color: #000;
}

a:link, a:visited, a:active {
color: #f63;
text-decoration: none;
} 

a:hover {
text-decoration: underline;
}

img, div, table, a img { 
border:0;
margin: 0;
padding: 0;
font-size: 1.0em;
} 

p { 
margin:0 0 1em;
} 

h1, h2, h3, h4, h5, h6 {
font-size: 1.0em;
font-weight: bold;
margin: 0;
}

hr.hr_home {
width: 994px;
border: 0;
height: 1px;
border-top: 1px solid #999;
clear: both;
margin-top: -2px;
}

/******** Layout ******************************************/

#pagina {
position: relative;
width: 994px;
margin: 0 auto;
padding: 0 0 20px 0;
overflow: visible;
}

#header {
width: 993px;
height: 198px;
background: #fff url('http://www.xldeateliers.nl/uid/headers/random.php') top left no-repeat;
margin: 1px 0;
overflow: hidden;
}

#main {
margin-top: 32px;
width: 994px;
overflow: visible;
}

a img#spacer {
margin: 0;
}

img#logo {
position: absolute;
left: 445px;
top: 334px;
background-color: #fff;
}

ul#extramenu {
position: absolute;
left: 445px;
top: 398px;
list-style: none;
margin: 0;
padding: 0;
font-size: 1.0em;
font-weight: normal;
}
ul#extramenu a {
color: #09c;
}

/********* Navigatie ************************************/

ul#menu {
position: absolute;
display: block;
height: 30px;
overflow: visible;
width: 100%;
margin: 0 0 2px 0;
padding: 0;
list-style: none;
z-index: 100;
background-color: #09c;
}

ul#menu li {
display: inline;
padding: 0;
list-style: none;
float: left;
margin: 0 0 0 -1px;
}

ul#menu li a {
margin: 0;
display: block;
padding: 4px;
color: #fff;
font-size: 1.7em;
font-weight: normal;
text-align: center;
width: 133px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
height: 22px;
background-color: #09c;
}

ul#menu li a:hover {
background-color: #9cf;
text-decoration: none;
}

ul#menu ul {
margin: 0;
padding: 0;
display: none;
position: relative;
}

ul#menu li:hover ul, ul#menu li.over ul {
display: block;
left: 0;
top: 1px;
}

ul#menu ul li {
float: none;
display: inline;
margin: 0;
}

ul#menu ul li a {
border: 1px solid #fff;
border-top: 0;
height: auto;
text-align: left;
font-size: 1.4em;
}

#breadcrumb {
float: left;
color: #000;
}

#breadcrumb a {
color: #000;
}

/******* Content *************************************************/

#content {
position: relative;
float: left;
overflow: visible;
width: 100%;
font-size: 1.2em;
line-height: 1.2em;
}

#news_titles, #agenda_home, #evenementen_home, #gids_prod_overview, #gids_event_overview {
display: block;
width: 395px;
padding: 20px 10px 20px 20px;
margin: 0 0 1px 0;
overflow: hidden;
min-height: 103px;	
}

#gids_prod_overview, #gids_event_overview, #search_results {
min-height: 435px;
}

#agenda_home {
background-color: #f63;
color: #fff;
line-height: 1.3em;
}
#news_titles {
background-color: #09c;
color: #fff;
line-height: 1.3em;
}
#evenementen_home {
background-color: #f63;
color: #fff;
line-height: 1.3em;
}

#news_titles h1, #agenda_home h1, #evenementen_home h1 {
text-transform: uppercase;
}

#news_titles a, #agenda_home a, #evenementen_home a {
display: block;
color: #fff;
min-height: 1.3em;
padding: 0;
margin: 0;
float: left;
clear: left;
}

#uitgelicht, #gids_org_overview, #nieuws_full, .gids_detail, .text_item, table.agendatable, table.contactinfo, .mod_newsletter {
margin: 0 0 0 625px;
padding-top: 20px;
width: 355px;
min-height: 425px;
}

form#orgsearch {
margin: 0 0 0 625px;
padding-top: 20px;
width: 355px;
}

form#form1 {
margin-bottom: 20px;
}

#uitgelicht {
position: absolute;
top: 0;
left: 0;
}

#uitgelicht img, #gids_prod_overview img, #gids_event_overview img {
float: left;
clear: left;
}

#gids_detail {
display: block;
width: 100%;
min-height: 425px;
overflow: auto;
/*background: #fff url('../images/bg_detail.gif') left repeat-y; */
margin-bottom: 1px;
}

#gids_detail h4 {
margin-top: 1.0em;
}

.detailimage {
position: absolute;
left: 0;
top: 0;
}

.detailimage img, img.detailimage {
background-color: #fff;
width: 425px;
max-height: 447px;
padding-bottom: 20px;
float: left;
clear: left;
}

.smaller {
font-size: 0.9em;
}

#uitgelicht .news_itemtekst {
margin-left: 125px;
min-height: 120px;
overflow: visible;
}

#gids_prod_overview p, #gids_event_overview p {
margin-left: 125px;
}

#gids_prod_overview, #gids_event_overview {
float: left;
}

#gids_prod_overview h1, #gids_event_overview h1 {
margin: 0 0 0 125px;
}

.gids_overview_item, .news_item {
width: 100%;
margin-bottom: 6px;
overflow: auto;
}

.gids_overview_org_item {
margin-bottom: 50px;
}

.adresinfo {
}

#form h1 {
margin: 20px 10px 0 10px;
font-size: 1.6em;
}

.google_map {
position: relative;
width: 350px;
height: 250px;
margin: 1.0em 0 0 0;
padding: 0;
overflow: hidden;
}

/****** Zoekformulier ************************************************/
#content_searchform {
}

#content_searchform form {
position: absolute;
top: 200px;
width: 155px;
margin: 20px 0 10px 445px;
background: #fff url('../images/formbg.gif') top left repeat-x;
overflow: hidden;
font-size: 9px;
font-weight: bold;
padding: 3px;
line-height: 2.0em;
}

#content_searchform input {
border: 1px solid #ccc;
margin: 0;
padding: 0;
font-size: 10px;
}

#content_searchform input.search_keyword_large {
width: 150px;
height: 16px;
}

#content_searchform input#adv_event_date_start, #content_searchform input#adv_event_date_end {
width: 60px;
height: 16px;
}

#content_searchform input.date_sel_icon {
height: 23px;
border: 0;
margin-bottom: -6px;
}

#content_searchform input#searchform_searchbutton {
background: none;
text-decoration: none;
cursor: pointer;
color: #f63;
border-top: 1px solid #999;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
border-right: 1px solid #999;
float: right;
font-size: 1.2em;
padding: 1px 3px;
}

/****** Grote/Kleine letters *****************************************/

#set_bigger a {
width: 52px;
height: 17px;
margin-top: -5px;
background: url('../images/groteletters.gif') top no-repeat;
float: right;
}

#set_normal a {
display: none;
}

/******** Aanmeldformulier **************/
form#eventform, form#orgform {
padding-top: 20px;
min-height: 425px;
width: 420px;
}

form#eventform h1, form#orgform h1 {
margin-bottom: 20px;
}

form#eventform fieldset, form#orgform fieldset {
margin-bottom: 10px;
padding-top: 20px;
border: 1px dotted #ccc;
}

form#eventform label, form#orgform label {
float: left;
clear: left;
width: 140px;
}

form#eventform input, form#orgform input, form#eventform textarea, form#orgform textarea {
display: block;
margin-bottom: 10px;
}

form#eventform input.radio, form#orgform input.radio {
display: inline;
}

form#eventform textarea, form#orgform textarea {
width: 380px;
height: 120px;
}

form#eventform input.textField, form#orgform input.textField {
width: 240px;
}

form#eventform input.textField_shorter, form#orgform input.textField_shorter {
width: 180px;
}

form#eventform input.textField_short, form#orgform input.textField_short {
width: 80px;
}

form#eventform input.textField_veryshort, form#orgform input.textField_veryshort {
width: 30px;
}

	/* Agendabar
	----------------------------------------------- */
	
	#agenda {
		position: absolute;
		top: 0;
		left: 445px;
		display: block;
		float: none;
		overflow: auto;
		width: 155px;
		margin: 20px 0 10px 0;
		padding: 15px 3px;
		background-color: #f2f2f2;
		overflow: hidden;
	}
	#agenda a {
			color: #000;
}
	
	.agenda_date {    
		margin:						0;	
	    font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		position: relative;
}
	.agenda_date form {
		margin:						0;
		display:					block;
		overflow: auto;
}
	.agenda_date a {
		color:						#000;
		text-decoration:			none;
	}
	.agenda_date a:hover {
	text-decoration: underline;
	color: #000;
	}
	.agenda_date div {
	    display:                	block;
	    float:                  	left;
	    text-align:             	center;
	}
	.agenda_date .months {
		display: block;
		text-align: center;
		width: 150px;
		font-size: 1.4em;
	}

	.agenda_date .days {
	display: block;
	color: #f63;
	font-weight: bold;
	margin: 5px 0;
	}
	
	.agenda_date .day_type {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 22px;
	}
		.agenda_date .day_type a {
		    text-transform:         	uppercase;
		}
	.agenda_date .day_type .first {
	width: 0;
	}
	
	.agenda_date .row_on {
	}
	.agenda_date .day, .agenda_date .empty {
	display: block;
	width: 20px;
	height: 17px;
	overflow: hidden;
	text-align: center;
	background-color: #dbdbdb;
	margin: 1px;
	padding-top: 3px;
	}
	.agenda_date .empty a, .agenda_date .day a, .agenda_date .current a {
	}
	.agenda_date .current a, .agenda_date .current .row_on a  {
	}
	.agenda_date a.current {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #f2f2f2;
	margin-top: -3px;
	padding-top: 3px;
	}
	* html .agenda_date .current a {
	}
	* html .agenda_date .current {
	}
	.agenda_date .weeknr {
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.agenda_date .first {
	}
	.agenda_date .last {
	
	}
	.agenda_date .last a {
	}
	.agenda_date .day a {
	}
	.agenda_date .current a {
	}
	.agenda_date .weeknr a {
	}
	.agenda_date .empty a {
	color: #f2f2f2;
	}	
	.current_week {
	}

.apppager {
margin-bottom: 20px;
}

.deliver_error input {
	border: 1px solid red;
}