/* COSMOS CSS SHEET // DEVELOPED BY WEBBURO.NET */
/* ----------------------------------------------------------------------- SHORTLINKS AND DESIGNSTANDARDS */
@import url('fonts/fonts.css');
@import url('fullwidth.css');
@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700,900');

*					{ box-sizing: border-box; -moz-box-sizing: border-box;}

div, 
p, 
form, 
img					{ padding:0px; margin:0px; border:0;}

.gradient		
{
	/* fallback */background:#333; 
	  background: -webkit-linear-gradient(#555555, #333333); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(#555555, #333333); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(#555555, #333333); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(#555555, #333333); /* Standard syntax */	
	
}
.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:auto; position:relative; }
.specialfont		{ font-family:struisvogel, Arial, Helvetica, sans-serif;}

.red				{ background:#ee3124; color:#fff;}
.red a				{ color:#fff !important;}
.red h1 *			{ color:#fff !important;}
.creme				{ background:#e8e4e3;}


.dottop				{ background:url('images/dot.png') top center repeat-x;}	
.dotbot				{ background:url('images/dot.png') bottom center repeat-x;}				
.dot				{ background:url('images/dot.png') top center repeat-x; width:100%; max-width:540px; margin:0 auto; height:5px;}

@media screen and (min-width: 800px){
.mobile 			{ display:none !important;}
.desktop			{ }
}
@media screen and (max-width: 799px){
.mobile				{ }
.desktop			{ display:none !important;}
#standaard_content img		{ width:100%; display:block; clear:both; max-width:auto !important; height:auto !important; margin:0 auto !important;}
}

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

html				{ height:100%;}
body				{ background:url('images/body.jpg') top center #fff no-repeat; color:#443a34; font-family:Lato,Arial,Verdana, Geneva, sans-serif;font-size:0.9em;line-height:1.6em; height:auto !important;min-height:100%;margin:0; padding:0;position:relative;}
	
h1 					{ font-size:2.4em;}	
h2 					{ font-size:1.8em;}
h3 					{ font-size:1.6em;}
h4 					{ font-size:1.4em;}
h5 					{ font-size:1.3em;}
h6 					{ font-size:1.2em;}

h1,h2,h3,h4,h5,h6	{ margin:0px 0px;line-height:1.4em; font-weight:normal;font-family:struisvogel, Arial, Helvetica, sans-serif; letter-spacing:-0.03em;}

strong				{ font-weight:900;}

/* ----------------------------------------------------------------------- LINKS */
a 					{ color:#ee3124; text-decoration:none; } 
a:hover 			{ text-decoration:underline; }

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

.m15		{ margin:13px;}/*rendered as 15 because of inline-block*/
.m15v		{ margin:15px auto}
.p15		{ padding:30px;}
.p15h		{ padding:0 15px;}
.p15v		{ padding:15px 0;}
.p45v		{ padding:45px 0;}
.p30v		{ padding:45px 0;}


.widewrapper						{ width:100%;}
.wrapper							{ } /*preview back */
.col_container						{ text-align:center; display:inline-block; width:100%;}
.col								{ display:inline-block; text-align:left; /*background:#CCC;*/}
.col1, .col2, .col3, .col4, .col5	{ vertical-align:top;}


@media screen and (min-width: 990px){
.wrapper		{ max-width:930px;}
.col1			{ width:930px;}
.col2			{ width:450px;}
.col3			{ width:290px;}

.col4			{ width:210px;}
.col5			{ width:162px;}

#home_header		{ background:#e8e4e3; width:100%; max-width:930px; overflow:hidden; margin:0 auto !important; position:relative;}
.home_header_item	{ width:465px !important; height:290px !important; overflow:hidden !important; float:left !important;}


.home_special1		{ width:290px; height:200px; overflow:hidden; float:left;}
.home_special_sc1	{ width:620px; height:200px; overflow:hidden; float:right;}
.home_special2		{ width:290px; height:200px; overflow:hidden; float:right;}
.home_special_sc2	{ width:620px; height:200px; overflow:hidden; float:left;}

.tripadvisor	{ padding:0 0 0 130px;}
.hnav				{ font-size:2em;}

}

@media screen and (max-width:989px) and (min-width: 750px){
.wrapper		{ max-width:690px;}
.col1			{ width:690px;}
.col2			{ width:330px;}
.col3			{ width:210px;}
.col4			{ width:150px;}
.col5			{ width:96%;}

#home_header		{ background:#e8e4e3; width:100%; max-width:690px; overflow:hidden; margin:0 auto !important; position:relative;}
.home_header_item	{ width:345px !important; height:290px !important; overflow:hidden !important; float:left !important;}
.home_header_item iframe	{ width:345px !important;}

#home_content h1	{ font-size:1.6em;}
#home_content		{ font-size:0.9em; line-height:1.6em;}

.home_special1		{ width:290px; height:200px; overflow:hidden; float:left;}
.home_special_sc1	{ width:400px; height:200px; overflow:hidden; float:right;}
.home_special2		{ width:290px; height:200px; overflow:hidden; float:right;}
.home_special_sc2	{ width:400px; height:200px; overflow:hidden; float:left;}

.tripadvisor	{ padding:0 0 0 50px;}

.hnav				{ font-size:1.6em;}
}
@media screen and (max-width:749px) and (min-width: 480px){
.wrapper		{ max-width:480px; overflow:hidden;}
.col1			{ width:465px;}
.col2			{ width:465px;}
.col3			{ width:465px;}
.col4			{ width:94%;}
.col5			{ width:94%;}
#standaard_content img { width:100% !important; height:auto !important; display:block; float:none !important;}

#home_header		{ background:#e8e4e3; width:100%; max-width:465px; overflow:hidden; margin:0 auto !important; position:relative;}
.home_header_item	{ width:465px !important; float:left !important;}
#home_sc			{ display:none !important;}

.home_special1		{ width:465px; height:200px; overflow:hidden;}
.home_special_sc1	{ width:465px; height:200px; overflow:hidden;}
.home_special2		{ width:465px; height:200px; overflow:hidden;}
.home_special_sc2	{ width:465px; height:200px; overflow:hidden;}

.specials img,
#home_sc img,
#home_sc div			{ width:465px !important; height:200px !important;}

#footer .col div			{ width:100%;text-align:center !important;}
#footer .col				{ text-align:center !important; padding:10px 0;}
.tripadvisor				{ float:none !important; overflow:visible !important;}

}
@media screen and (max-width:479px) and (min-width: 0px){
.wrapper		{ width:310px;}
.col1			{ width:290px;}
.col2			{ width:290px;}
.col3			{ width:290px;}
.col4			{ width:90%;}
.col5			{ width:90%;}
.m15			{ margin:13px auto !important;/*rendered as 15 because of inline-block*/}
#standaard_content img { width:100% !important; height:auto !important; display:block; float:none !important;}

#home_header		{ background:#e8e4e3; width:100%; max-width:290px; overflow:hidden; margin:0 auto !important; position:relative;}
.home_header_item	{ width:290px !important; float:left;}
#home_sc			{ display:none !important;}
.home_header_item iframe	{ width:290px !important;}

.home_special1		{ width:290px; overflow:hidden;}
.home_special_sc1	{ width:290px; overflow:hidden; height:100px !important;}
.home_special2		{ width:290px; overflow:hidden;}
.home_special_sc2	{ width:290px; overflow:hidden; height:100px !important;}

.specials img,
#home_sc img,
#home_sc div			{ width:290px !important; height:100px !important;}

#footer .col div			{ width:100%;text-align:center !important;}
#footer .col				{ text-align:center !important; padding:10px 0;}
.tripadvisor				{ float:none !important; overflow:visible !important;}
}

/* ----------------------------------------------------------------------- LAYOUT ID's */ 

.header				{}
#logo_container		{ text-align:center;}
#logo 				{ width:90%; max-width:380px; padding:20px 0;}
#fbbutton			{ padding:30px 0; text-align:center;}




.hnav				{ text-align:center;}

.subhead			{ text-align:center;}
.subhead h2			{ font-size:2.4em;}

.tripadvisor		{ float:right; height:200px !important; overflow:hidden;}
.home_special1 a	{ display:block; text-align:center; background:#e8e4e3; border-radius:5px; padding:5px; color:#ee3124 !important; font-weight:900}
.home_special2 a	{ display:block; text-align:center; background:#ee3124; border-radius:5px; padding:5px; color:#fff !important; font-weight:900}

@media screen and (min-width: 800px){
.home_contact a		{display:block; text-align:center; background:#e8e4e3; border-radius:5px; padding:5px; color:#ee3124 !important; font-weight:900}
#organic			{ position:absolute; top:20px; right:0;}
}
@media screen and (max-width: 799px){
.home_contact a		{display:block; text-align:center; background:#ee3124; border-radius:5px; padding:5px; color:#fff !important; font-weight:900}
#organic			{ position:absolute; top:20px; right:0; width:70px;}
}


#menukaart h3		{ text-align:center;}

#footer				{ line-height:1.4em; margin:45px auto 0 auto; min-height:170px;} 
#footer .on	a		{ color:#ee3124;} 
#webburo			{text-align:center; line-height:60px; margin:20px auto 0 auto;}
/* ----------------------------------------------------------------------- NAV RESETTER */

.nav ul, .nav li, .hnav ul,.hnav li, .slicknav_nav, .slicknav_nav li	{ margin:0; padding:0; list-style-type:none;position:relative; clear:both;}
.nav a, .hnav a, .slicknav_nav a		{ display:inline-block; color:#443a34; text-decoration:none;}

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

/* NAV BASIC */

@media screen and (max-width: 799px){
.slicknav_menu,
#menu				{ position:absolute; top:0; left:0; background:#ee3124; z-index:1000; min-height:40px;}
}

@media screen and (min-width:800px){
.hnav li 					{ display:inline-block; line-height:50px;}
.hnav li a					{ padding:0 5px 0 0;}
/*.hnav li:first-child a::before			{ content:"";}
.hnav li a::before						{ content:"- ";}
*/
.hnav li:hover a,
.hnav li.on a				{color:#ee3124; }
.hnav li ul					{ display:none;}
.hnav li:hover ul			{ display:block;	position:absolute; top:50px; left:0; width:200px; background:#333; z-index:200;}
.hnav li li					{ float:none; padding:5px 10px; font-size:0.8em;text-align:left; line-height:20px; margin:0; display:block;}
.hnav li li a::before		{ content:"» ";}
.hnav li li ul				{ display:none !important;}
.hnav li li:hover ul		{ display:block !important; position:absolute; top:0px; left:200px; width:150px; background:#555; z-index:200;}
.hnav li li li 				{ font-size:1em;} 
.slicknav_menu 				{ display:none; }
}

@media screen and (max-width: 799px) {
.hnav 								{ display:none;}
.js #menu 							{ display:none;}

/*.slicknav_menu { *zoom: 1 }*/
.slicknav_menu 						{ position:relative;padding:0px 20px;display:block;}
.slicknav_menu:before,
.slicknav_menu:after 				{ display: block; clear:both; }

.slicknav_btn 						{ position: relative; display: block; margin: 5px auto;text-decoration:none;border-radius:5px;vertical-align: middle; float:left; width:100%; text-align:center;  padding:2px 0px; line-height: 1.125em; cursor: pointer; }
.slicknav_menutxt 					{ line-height:1.2em;float: left; color:#fff; font-size:1.4em; font-weight:900;}
.slicknav_icon 						{ margin: 2px 0 0 0;float: right;  }
.slicknav_menu .slicknav_icon-bar 	{ display: block; width: 30px; height: 3px; background-color: #fff;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 5px }

.slicknav_nav a						{ display:inline-block; color:#fff; padding:5px 10px; border:1px solid #fff; margin:5px 0; border-radius:5px; width:100%; position:relative; font-weight:700}
.slicknav_nav div   				{ position:relative; color:#fff;}
.slicknav_nav div span				{ font-size:30px;}
.slicknav_nav a:hover 				{ background:#fff; color:#ee3124;}
.slicknav_arrow						{ position:absolute; right:0px;top:5px; font-weight:900; z-index:300; cursor:pointer; display:block; padding:5px 30px;}

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

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

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

#footer ul, 
#footer li			{ margin:0;	padding:0; list-style-type:none; }


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

#showcase			{ width:100%; max-width:465px; overflow:hidden; height:290px !important;}
#showcase img,
#showcase div		{ width:100% !important; height:auto !important;}

/* min-height depending on your showcase settings */
@media screen and (min-width: 990px)						{ #showcase	{ width:100%; max-width:465px; overflow:hidden; height:auto !important;}#showcase div	{ height:290px;}}
@media screen and (max-width:989px) and (min-width: 750px)	{ #showcase	{ width:100%; max-width:690px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:300px;}}
@media screen and (max-width:749px) and (min-width: 480px)	{ #showcase	{ width:100%; max-width:450px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:190px;}}
@media screen and (max-width:479px) and (min-width: 0px)	{ #showcase	{ width:100%; max-width:280px; overflow:hidden; height:auto !important;}#showcase div	{ min-height:100px;}}


#showcase div.caption 		{position:absolute;	height:90px !important;	min-height:90px !important;	background:none;}
#showcase div.caption span 	{position:absolute; display:block;	left:0; bottom:50px;background:#000; color:#fff;font-size:24px; font-weight:900 !important; text-transform:uppercase; height:45px !important; line-height:50px; padding:0 20px !important;}
#showcase div.caption p 	{position:absolute; display:block;	left:0; bottom:20px;background:#444; color:#fff;font-size:16px; font-weight:400 !important; text-transform:uppercase; height:30px !important; line-height:30px; padding:0 20px !important;

}


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

@media screen and (max-width: 999px){#showcase_carousel	{ display:none !important; }}

#showcase_carousel				{ position:relative;}
#carousel1						{ padding:0 0 0 0px; width:930px; height:400px; position: relative; top: 0px; }
#carousel1 img					{ }
#carouseltitles					{ display:none;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; left:0px; bottom:10px; width:30px; height:30px;border:0; color:#fff; background:url('images/left.png') #ccc; cursor:pointer;}
#right-but						{ position:absolute; right:0px; bottom:10px; width:30px; height:30px;	border:0;	background:url('images/right.png') #ccc; cursor:pointer;}

/* ----------------------------------------------------------------------- FULLWIDTH showcase */

.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 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;}

/* ----------------------------------------------------------------------- slider */

.wrap 				 { width:100%; max-width:930px; position:relative; padding:20px 0; margin:0 auto;}
.sliderrr    { overflow:hidden; position:relative; height:40px !important; }
.sliderrr ul { margin:0; padding:0; height:40px; }
.sliderrr li { float:left; list-style:none; margin:0 20px; }
.sliderrr li { text-align:center; }
.slider_strip_title	{position:absolute; bottom:0;}


/* ----------------------------------------------------------------------- NEWS */

.news_item							{ padding-bottom:0px; border-bottom:1px solid #CCC;	margin-top:10px; }
.news_title							{ font-size:1.4em; 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				{ display:none; }

.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;	}

/* ----------------------------------------------------------------------- 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:1em;	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:1.2em; font-weight:bold;}
#gal_viewer,	
#gal_allthumbs						{ width:100%; }

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

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

/* -----------------------------------------------------------------------  Linkenpagina */
#mod_links_items					{ text-align:center; vertical-align:top;}	
.link-holder						{ display:inline-block; margin: 1%; width: 31%; min-width:300px; vertical-align:top; }
.link-holder h3						{ text-align:left; border-bottom:1px solid #ccc;}
.link-holder ul						{ list-style:none;}
.link-holder li						{ text-align:left; padding:5px 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;}

/* ----------------------------------------------------------------------- DISPLAY **/
/* ----------------------------------------------------------------------- FORMS */
@media screen and (min-width: 768px){
.mod_form table					{ width:100%;}
.mod_form td					{ text-align:left; padding:5px;vertical-align:top;}
.mod_form input[type='text'] 	{ padding:5px; border:1px solid #999; border-radius:5px; min-width:300px;}
.mod_form input.date 			{ min-width:50px !important; width:50px !important;}
textarea 						{ min-width:300px; min-height:200px;padding:5px; border:1px solid #999; border-radius:5px; font-family:Lato,Arial,Verdana, Geneva, sans-serif;}
}
@media screen and (max-width: 767px){
.mod_form table					{ width:100%;}
.mod_form td					{ display:block; text-align:left; width:100%; vertical-align:top;}
.mod_form input[type='text'] 	{ width:100%; padding:5px; border:1px solid #999; border-radius:5px;}
.mod_form input.date 			{ min-width:50px !important; width:50px !important;}
textarea						{ width:100%;  min-height:200px;padding:5px; border:1px solid #999; border-radius:5px;  font-family:Lato,Arial,Verdana, Geneva, sans-serif;}
}



input				{ font-size:1em;} 
.form_description	{ font-weight:900; border-bottom:1px solid #ccc;}
#slides .pagination,
#mod_calendar_category,
#mod_mailer_cat_selection,
.mod_form  h3:first-child ,
div.caption,
.caption			{display: none !important;}