/* COSMOS CSS SHEET // DEVELOPED BY WEBBURO.NET */
/* ----------------------------------------------------------------------- SHORTLINKS AND DESIGNSTANDARDS */
@import url('fonts/fonts.css');
@import url('fullwidth.css');
div, 
p, 
form, 
img					{ padding:0px; margin:0px; border:0;}

.gradient		
{
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#302a27), to(#39312e)); /** BOTTOM TO TOP **/
					/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #302a27, #39312e); /** TOP TO BOTTOM **/
					/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #302a27, #39312e);  /** TOP TO BOTTOM **/
					/* IE 10 */ background: -ms-linear-gradient(top, #302a27, #39312e);  /** TOP TO BOTTOM **/
					/* Opera 11.10+ */ background: -o-linear-gradient(top, #302a27, #39312e);  /** TOP TO BOTTOM **/
}
.shadow 			{ -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);}
.rounded			{ border-radius:5px;-webkit-border-radius: 5px;	-moz-border-radius: 5px;}
.breaker			{ clear:both;}
.textshadow 		{ text-shadow: 1px 1px 1px #333;	}
.fade 				{ opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fade:hover 		{ opacity: 0.5;}
.positioner 		{ margin:0 auto; position:relative; }
.specialfont		{ font-family:Arial, Helvetica, sans-serif;}


/* ----------------------------------------------------------------------- BASICS */

html				{ height:100%;}
body				{ background:url('images/body.JPG') fixed top center; font-family:Arial,Verdana, Geneva, sans-serif;font-size:12px;line-height:1.4em; height:auto !important;min-height:100%;margin:0; padding:0;position:relative; min-width:1024px}
	
h1 					{ font-size:65px;}	
h2 					{ font-size:45px;}
h3 					{ font-size:32px;}
h4 					{ font-size:14px;}
h5 					{ font-size:12px;}
h6 					{ font-size:12px;}

h1, 
h2, 
h3, 
h4, 
h5, 
h6					{ margin:5px 0px;line-height:1.4em; font-family: 'old_londonregular';}

/* ----------------------------------------------------------------------- LINKS */

a 					{ color:#666; text-decoration:none; } 
a:hover 			{ text-decoration:underline; }

/* ----------------------------------------------------------------------- FORMS */

input				{ font-size:12px;}
textarea			{ width:300px;height:100px;}


/* ----------------------------------------------------------------------- CAROUSEL */

#carousel1						{ padding:0 0 0 0px; width:990px; height:350px; position: relative; top: 0px; }
#carousel1 img					{ }
#carouseltitles					{ position:absolute;bottom:10px;left:50%; z-index:500; margin-left:-95px;width:220px; background:#fff; text-align:center;line-height:30px;}
#left-but						{ position:absolute; bottom:10px;left:10px; width:30px; height:30px;border:0;	background:url('images/left.png');}
#right-but						{ position:absolute; right:10px; bottom:10px; width:30px; height:30px;	border:0;	background:url('images/right.png');}
#title-text#title-text			{ }
/* ----------------------------------------------------------------------- FULLWIDTH SLIDER */

.cb-slideshow,
.cb-slideshow:after 			{position: absolute;width: 100%;height: 480px;top: 0px;left: 0px; z-index: 0; margin:0; padding:0; list-style:none;
}
.cb-slideshow:after {    content: '';   /*background: transparent url(images/pattern.png) repeat top left;*/ }

.cb-slideshow li div 			{   z-index: 1000; position: absolute;top: 200px;left: 0px; width: 100%; text-align: center; opacity: 0; color: #fff;}
.fullslider_text				{ font-size:150px;}

/* ----------------------------------------------------------------------- LAYOUT */

#backimage			{position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%;}

#container 			{ width:990px; padding:100px 0 0 0;}
#header				{ width: 990px; height:100px; margin:25px 0 0 0;}
#logo				{ position:absolute; z-index:10;}
#social				{ position:absolute; left:500px; top:60px;}
#header_specials	{ position:absolute; right:0; line-height:100px; padding:0 20px; }
#nieuwsbrief		{ position:absolute; right:0px; top:0; z-index:20; }
#lang				{ position:absolute; right:120px; top:100; z-index:21; }
#lang img			{ width:35px;}

#showcase			{ height:400px;}
#showcase_partners	{ height:400px; clear:both;}
#showcase_container	{ background:#fff1e1; padding:15px;} 
#hnav				{ position:relative; height:95px; width:990px; margin:0 auto;}
#hnav_container		{ position:fixed; top:0; width:100%;height:95px; z-index:21; 
					}
#open_container		{
					color:#fff; margin:20px 0 30px 0; position:relative; padding:0 0 20px 0;
}
#open_container h1		{ color:#FFF; padding:10px 20px; 
}

#open_container table		{ padding:0 20px 20px 20px; 
}

#open_beeld			{ background:url(images/open_icon.png); width:130px; height:100px; position:absolute; right:60px; bottom:-30px;}
#touw_beeld			{ background:url(images/touw.png); width:193px; height:93px; position:absolute; right:-170px; bottom:-45px;}


#agenda_container	{ display:none;}

/* homepage */
#home_content_container			{ background:#fff1e1; float:left; width:990px;}
#home_content					{ padding:0 40px 15px 15px; width:500px; float:left; }	
#right_cell						{ float:left; width:300px}
#home_footer					{ width:990px; float:left}
.home_footer_item				{ float:left; width:300px; height:300px; padding:10px; margin:0 15px 0 0; background:#fff;}
.home_footer_item:last-child 	{ margin:0;}

/*standaard  2 cols*/

#left_container		{ float:left; width:230px; margin:10px 0;}
#nav				{ padding:10px; }
#search_site		{ padding:10px;	margin:10px 0;}
#search_shop		{ padding:5px;}

#right_container	{ float:left; width:750px; margin:10px 0 0 10px;}
#breadcrumbs 		{ padding:10px;margin:10px 0; color:#fff;}
#breadcrumbs a		{ text-decoration:none; color:#fff;}
#lichtkrant 		{ padding:10px; margin:0; color:#fff; clear:both;}
#lichtkrant  a		{ color:#fff;}
#content 			{ }	




#footer_container	{ position:relative; width:100%; }
#footer 			{ width:970px; padding:10px; line-height:30px; color:#fff;}
#webburo			{ position:absolute; right:5px; top:-30px; line-height:30px; color:#000; }
#webburo a			{ color:#000; }
#address			{ width:990px; color:#fff; text-align:left; line-height:20px; font-family: 'old_londonregular'; font-size:26px; margin:3px 0 0 0; font-weight:lighter;}


/* ----------------------------------------------------------------------- NAV RESETTER */

#nav ul, 
#nav li, 
#hnav ul, 
#hnav li 			{ margin:0; padding:0; list-style-type:none; position:relative; font-family: 'old_londonregular'; font-size:30px; }

#nav a, 
#hnav a				{ display:block; color:#fff; padding:25px 0 10px 0;}

/* -----------------------------------------------------------------------HORIZONTAL NAV */

#hnav li 			{ float:left; line-height:40px; padding:0 10px;}
#hnav li:hover		{ }

/* HORIZONTAL SUBNAV*/
#hnav li ul			{ display:none; margin:25px 0 0 0;}
#hnav li:hover ul	{ display:block;	position:absolute; top:40px; left:0; width:200px; background:url('images/snav.png') #362e2b; z-index:200;}
#hnav li li			{ float:none; line-height:20px; padding:0 20px 5px 20px; font-size:25px;}

/* HORIZONTAL SUB SUB NAV*/

#hnav li li ul, 
#hnav li:hover li ul 	{ display:none;}	
#hnav li li:hover ul 	{ display:block; position:absolute;width:180px;top:0; left:200px; background:#666;}

/* ----------------------------------------------------------------------- VERTICAL NAV */

#nav li				{ }

/* VERTICAL SUB NAV */

#nav li li			{ padding:0 0 0 20px; }

/* ----------------------------------------------------------------------- FOOTER-nav */

#footer ul, 
#footer li		{ margin:0;	padding:0; list-style-type:none; }
#footer li		{ float:left; border-right:1px solid #333; padding: 0 10px; }
#footer a		{ color:#222}




/* ######################################################################## COSMOS MODULES *

/* ----------------------------------------------------------------------- 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_time 				{ display:none;}
.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;	}


/* ----------------------------------------------------------------------- SHOP SPOTLIGHT */

#spotlight_container					{ width:100%;}
#spotlight_container .item_spotlight	{ float:left; padding:3px; }

/* ----------------------------------------------------------------------- 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:100%; text-align:center}
	
#gal_title				{ width:100%;font-size:14px; font-weight:bold;}
#gal_title a			{ }

#gal_viewer,	
#gal_allthumbs			{ width:100%; }

#gal_nav				{ display:inline; vertical-align:top; }
#gal_nav_arrow_1,		
#gal_nav_arrow_2,
#gal_nav_thumbs	
#gal_nav_thumbs img		{ display:inline;}


/* ----------------------------------------------------------------------- PROJECTS */

#mod_projects_items table			{ width:100%;}
#mod_projects_items td 				{ padding:2px; border-bottom: 1px solid #ccc; text-align:left;}
#mod_projects_items .td_leesmeer	{ text-align:right;	}
#mod_projects_items th				{ border-bottom: 1px solid #ccc; text-align:left; }

/* ----------------------------------------------------------------------- GOOGLEMAPS */

#map_locations			{ float: left; width: 150px; border: #CCC solid 1px; background-color: #F0F0F0; }
#map_locations ul		{ margin: 0; padding: 0; list-style-type: none;}
#map_locations li		{ margin: 5px 5px; padding: 0; }
#map_locations li a 	{ cursor: pointer;font-weight: bold; }

#map_canvas				{ width: 460px;	height: 500px;	float: right;	border: #CCC solid 1px;}

.gImage					{ float: left;margin: 3px 10px 0 0px;border: #000 solid 1px;}
.gContent				{ float: left;height:150px; }

#routeplanner-form		{ display: none;border: #CCC solid 1px;	margin: 10px 0 0 0;	padding: 10px;}

/* ----------------------------------------------------------------------- Nieuwsbrief Archive */

.mailing-archive		{ display: block;clear: both;padding: 5px 0 20px 0;border-bottom: #DEDEDE solid 1px; }
.mailing-date			{ float: left;	font-weight: bold;}
.mailing-subject		{ float: left;	margin: 0 0 0 20px;	font-weight: bold;}
.mailing-show			{ float: right; }
.mailing-content		{ border-top: #DEDEDE solid 1px; display: block; clear: both;position: relative;top: 5px;padding: 5px 0 0 0;}

/* -----------------------------------------------------------------------  TV Gids module */

#tvgids-info-container			{ font-weight: bold; margin: 0 0 10px 0; }
#tvgids-info-container .option	{ float: left; margin: 0 10px; }

#day-container					{ width: 100%; height: 40px; font-size: 10px;}
.day							{ float: left; padding: 5px 10px; border: #CCC solid 1px; margin: 0 1px 0 0; }
.day_actief						{ float: left;  padding: 5px 10px; border: #CCC solid 1px; margin: 0 1px 0 0; background: #EFEFEF;}
.day:hover						{ background: #EFEFEF;}

.program-container				{ margin: 0 0 10px 0; border: #CCC solid 1px; padding: 5px;}
.program-container .title		{ font-weight: bold; font-size: 13px; }	
.program-container .date		{ margin: 5px 0; }	

/* -----------------------------------------------------------------------  Linkenpagina */

.link-holder			{ float: left; margin: 0 5px 0 0; width: 200px; }
.link-holder h3			{ margin: 0; padding: 0; font-size: 14px; border-bottom: #CCC solid 1px;}
.link-holder ul			{ margin: 0 0 10px 0; padding: 0; list-style-type: none; }
.link-holder li			{ margin: 5px; padding: 0;}

/* -----------------------------------------------------------------------  WEBUSERS */
	
#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;}

#home_calendar
{
	margin:0 0 0 12px;	
}
#home_banners
{
	margin:12px 0 0 12px;	
}
#home_calendar h2, #home_banners h2
{
	background:url('images/home_agenda.png') repeat-x;	
	height:38px;line-height:38px;
	margin:0;
	color:#fff;
	padding:0 10px;
}
#mod_calendar_items_new
{
	
	padding:10px 10px 10px 0;	
}


.mod_calendar_item_new
{
	width:400px;
	float:left;	
	padding:15px 0;
	border-bottom:1px solid #ccc;
}
.mod_calendar_item_new:last-child
{
	border:0;
}
.mod_calendar_item_new_image
{
	float:left;
	width:60px;	
}
.mod_calendar_item_new_content
{
	float:left;	
	padding:0 0 0 10px;
	
}
.mod_calendar_item_new a
{
	font-size:16px;	
}


/* ----------------------------------------------------------------------- SHOWCASE **/

#slides .pagination,
#mod_calendar_category,
#mod_mailer_cat_selection,
.mod_form h3 {display: none;}