/* ----------------------------------------------------------------------- BASICS */

html{
	height:100%;
	background:url('images/html.jpg') top center repeat-x;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#333;
}
	
div, p, form, img{
	padding:0px; margin:0px; border:0;
}

h1 {font-size:18px;}	
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}

h1, h2, h3, h4, h5
{
	padding:5px 0px;
	margin:5px 0px;
	color:#ed1c24;
}
input
{
	font-size:11px;	
}
textarea
{
	width:300px;
	height:100px;
}

/* ----------------------------------------------------------------------- LINKS */

a {
	color:#666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;	
}

/* ----------------------------------------------------------------------- LAYOUT */

#slides .pagination {display: none;}

#container {
	width: 990px;
	margin: 0 auto;
	position:relative;
}
#header
{
	height:444px;
	width:990px;
	position:relative;	
}
#logo_switch
{	
	background:#fff;
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	padding:10px;
	width:200px;
	height:290px;
}

#search{
	position:absolute;
	top:3px;
	right:55px;	
}


.image_spacer
{
	position:relative;
	margin:0 0 7px 0;
}	
#welkom
{
	position:absolute;
	top:44px;
	right:0;	
}
#language
{
	position:absolute;
	top:10px;
	right:0;	
}
#language img
{
	width:20px;
	height:15px;	
	margin:0 5px;
}
#header a
{
	color:#fff;	
}

#header_nav
{
	position:absolute;
	top:105px;
	right:0;	
}
	#header_nav ul, #header_nav li
	{
		position:relative;
		margin:0; padding:0; list-style:none;
	}
	#header_nav ul
	{
		float:right;	
	}
	#header_nav li
	{
		float:left;	
		line-height:35px;
		background:url('images/header_nav.png') top repeat-x;
		padding:0 8px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		margin:0 0 0 1px;
	}
	#header_nav li:hover
	{
		background:#ccc;	
	}
	#header_nav a
	{
		color:#0054a6;
		font-size:13px;	
	}
	#header_nav li a:hover
	{
		text-decoration:none;	
	}

#news_spotlight_container
{
	position:absolute;
	top:155px;
	left:235px;
	color:#fff;
	height:275px;
	width:290px;	
}
#showcase
{
	width:445px;
	height:275px;
	overflow:hidden;
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	border:1px solid #fff;
	position:absolute;
	top:155px;
	right:0;
}


#nav
{
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	width:970px;
	height:50px;
	background:url('images/nav.png') top repeat-x;	
	padding:0 10px;
	position:relative;
	z-index:100;
}


#content {
	position:relative;
	padding:10px 0;
	width:990px;
}	



#footer {
	width:990px;
	height:31px;
	padding:200px 0 0 0;
	background:url('images/footer.png');
	overflow:hidden;
	margin:0 auto;
	font-size:10px;
	color:#fff;
}
#footer a
{
	font-size:10px;
	color:#fff;	
}
#webburo
{
	float:right;	
	padding:0 10px 0 0;
}
.breaker
{
	clear:both;		
}

div.caption
{
	border:0;
}	

/* ----------------------------------------------------------------------- HEAD-nav */

#nav ul, #nav li
{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}

#nav a
{
	color:#fff;	
	display:block;
}
#nav li
{
	padding:0 8px;
	line-height:50px;	
	float:left;

}
#nav li:hover, #nav li.on
{
	background:url('images/nav_on.png') top repeat-x;	
}
/* ----------------------------------------------------------------------- SUB-nav */
#nav ul ul
{
	display:none;	
}
#nav li:hover ul
{
	display:block;
	position:absolute;
	top:50px;
	left:0;	
	width:200px;
	background:url('images/subnav.png');
}


#nav li li
{
	line-height:25px;
	float:none;
}
#nav li li:hover
{
	background:none;	
}

/* ----------------------------------------------------------------------- FOOTER-nav */

#footer_nav ul, footer_nav li
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer_nav li
{
	float:left;
	border-left:1px solid #fff;
	padding: 0 10px;
	line-height:10px;
	height:10px;
}
#footer_nav a
{
	font-size:10px;
	color:#fff;
}


/* ----------------------------------------------------------------------- NEWS */
.news_item
{
	padding-bottom:0px;	
	border-bottom:1px solid #CCC;
	margin-top:10px;
}
.news_title
{
	font-size:12px;
	font-weight:bold;
	padding-bottom:3px;
}
.news_date
{
	font-style:italic;	
}

.news_image { }

.news_summary_thumb_container
{
	float:left;
	margin:0px 5px 5px 0px;
}
.news_summary_thumb_container img
{
	width:100px;	
	padding:1px;
	border:1px solid #ccc;
}

.news_readmore
{
	clear:both;
	text-align:right;
}

#mod_news_archivelink
{
	border-top:1px dotted #ccc;	
	font-weight:bold;
	color:#0067b4;
	text-align:center;
	margin:10px 0 0 0;
}
.news_item_archive
{
	position:relative;	
	line-height:1.8em;
}
.news_item_archive .news_title
{
	position:absolute;
	left:80px;
	border:0;	
}
.news_item_archive .news_date
{
	position:absolute;
	left:5px;
	border:0;	
}
.news_item_archive
{
	border-bottom:1px dotted #0067b4;		
}


/* ----------------------------------------------------------------------- SEARCH */
#search_shop{
	width:200px;
	padding:5px;
}
#search_site{
	width:200px;
	padding:5px;
}

/* ----------------------------------------------------------------------- SHOP SPOTLIGHT */
#spotlight_container
{
	width:100%;	
}
.item_spotlight{
	float:left;
	padding:3px;
}

.item_spotlight img{
	}
	
.item_spotlight h3 a{
	}

/* ----------------------------------------------------------------------- GUESTBOOK */
#guestbook_write
{
	padding:3px;	
}
.guestbook_comment
{
	margin-bottom:20px;	
}
.guestbook_content
{
	padding:5px;
	border:1px solid #ddd;
}
.guestbook_sig
{
	font-weight:bold;	
	background:#ddd;
	padding:5px;
}

#guestbook_form img
{
	border:0;
}	
#guestbook_form input
{
	width:300px;
	font-size:11px;
	padding:5px;
}
#guestbook_form textarea
{
	width:300px;
	height:150px;
}
.error
{
	color:#f00;	
}


/* ----------------------------------------------------------------------- GALLERY */

#gal_wrapper{
	width:990px;
	text-align:center;}
	
#gal_title{
	width:990px;
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_title a{
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_image_name{}
	
#gal_allthumbs{
	width:990px;}
	
#gal_viewer{
	width:990px;}

#gal_nav{
	display:inline;
	vertical-align:top;
}
#gal_image_wrapper{}

#gal_image{}

#gal_nav_arrow_1{
display:inline;
}
 
#gal_nav_arrow_2{
	display:inline;}

#gal_nav_thumbs{
	display:inline;
}
#gal_nav_thumbs img{
	display:inline;
}

#mod_projects_items table
{
	width:100%;	
}
#mod_projects_items td
{
	padding:2px;	
}
#mod_projects_items img
{
	border:0;	
}

#mod_projects_items .td_leesmeer
{
	text-align:right;	
}
#mod_projects_items th
{
	border-bottom: 1px solid #ccc;
	text-align:left;
	
}
#mod_projects_items td
{
	border-bottom: 1px solid #ccc;
	text-align:left;		
}

/* ----------------------------------------------------------------------- GOOGLEMAPS */

div#map_locations
{
	float: left;
	width: 200px;
	border: #CCC solid 1px;
	background-color: #F0F0F0;
}

	div#map_locations ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#map_locations li
	{
		margin: 5px 5px;
		padding: 0;
	}
	
	div#map_locations li a
	{
		cursor: pointer;
		font-weight: bold;
	}

div#map_canvas
{
	width: 760px;
	height: 500px;
	float: right;
	border: #CCC solid 1px;
}

img.gImage
{
	float: left;
	margin: 3px 10px 0 0px;
	border: #000 solid 1px;
}

div.gContent
{
	float: left;
	height:150px;
}

div#routeplanner-form
{
	display: none;
	border: #CCC solid 1px;
	margin: 10px 0 0 0;
	padding: 10px;
}

/* Nieuwsarchief */

div.mailing-archive
{
	display: block;
	clear: both;
	padding: 5px 0 20px 0;
	border-bottom: #DEDEDE solid 1px;
}

div.mailing-date
{
	float: left;
	font-weight: bold;
}

div.mailing-subject
{
	float: left;
	margin: 0 0 0 20px;
	font-weight: bold;
}

div.mailing-show
{
	float: right;
}

div.mailing-content
{
	border-top: #DEDEDE solid 1px;
	display: block;
	clear: both;
	position: relative;
	top: 5px;
	padding: 5px 0 0 0;
}

/* TV Gids module */

div#tvgids-info-container
{
	font-weight: bold;
	margin: 0 0 10px 0;
}

	div#tvgids-info-container .option
	{
		float: left;
		margin: 0 10px;
	}

div#day-container
{
	width: 100%;
	height: 40px;
	font-size: 10px;
}

div.day
{
	float: left; 
	padding: 5px 10px;
	border: #CCC solid 1px;
	margin: 0 1px 0 0;
}


div.day_actief
{
	float: left; 
	padding: 5px 10px;
	border: #CCC solid 1px;
	margin: 0 1px 0 0;
	background: #EFEFEF;
}

	div.day:hover
	{
		background: #EFEFEF;
	}
	
div.program-container
{
	margin: 0 0 10px 0;
	border: #CCC solid 1px;
	padding: 5px;
}

	div.program-container .title
	{
		font-weight: bold;
		font-size: 13px;
	}
	
	div.program-container .date
	{
		margin: 5px 0;
	}
	
	div.program-container .text
	{
	}

/* Linkenpagina */

div.link-holder
{
	float: left;
	margin: 0 5px 0 0;
	width: 200px;
}

	div.link-holder h3
	{
		margin: 0;
		padding: 0;
		font-size: 14px;
		border-bottom: #CCC solid 1px;
	}
	
	div.link-holder ul
	{
		margin: 0 0 10px 0;
		padding: 0;
		list-style-type: none;
	}
	
	div.link-holder li
	{
		margin: 5px;
		padding: 0;
	}
	
	
	
	
#loginform input
{
	display:block;	
}	
	
/** CALENDAR **/

#mod_calendar_items table
{
	width:100%;
}
#mod_calendar_items td, #mod_calendar_items th, #mod_calendar_item td
{
	padding:5px;
	text-align:left;
	vertical-align:top;
}

.userdata, #webusers_profile_title
{
	display:none;	
}
