/*
* Author: Vasterad
* Template: Incredible
* URL: http://themeforest.net/user/Vasterad/
*/

/* =============================================================== */
/* Import Section
================================================================ */
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */ 
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */ 

/* =============================================================== */
/* Miscellaneous Site Styles
================================================================ */



/* Back To Top Button
==========================*/
#backtotop {
	position: fixed;
	right:0px;
	display:none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:45px;
	height:45px;
	background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
	background-color:#B3A068;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#backtotop a:hover {background-color: #d64515;}


/* =============================================================== */
/* Header
================================================================ */
#header {
	margin:20px -30px 20px -10px;
    padding: 240px 0 0;
    position: relative;
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.25);	
	box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.25);

	}


/* Main Navigation
==========================*/
.selectnav {display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px; border: #ccc 1px solid;}

#navigation {float: left; margin: -60px -10px 15px 0px;}
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{float:left; position:relative;}

#navigation ul li a { 
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	color: #555;
	padding: 10px 15px 12px 18px;
	margin: 0 2px;
	text-decoration: none;
	font-size: 1.4em;
	text-transform: normal;
	font-weight: 400;
}

#navigation ul li a:hover{
	color;#d64515;
}

#navigation ul ul {
	opacity: 0; 
	margin: 0px 0 0 5px;
  	filter: alpha(opacity=0.3); 
	position: absolute;
	top:-99999px; 
	left: 0;
	background: #fff;
	border: 1px solid #dddddd;
	border-top: 1px solid #222;
	z-index: 999;
}

#navigation ul li.menu-first a, #navigation ul ul li a { 
	background: none;
	padding-left: 0;
}


#navigation ul ul li a:hover {
	border-bottom: 1px solid #ddd;
}

#navigation ul ul li a {

	padding: 8px 0;
	display: block;
	width: 150px;
	margin: 0 16px;
	font-weight: normal;
	font-size: 1em;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid transparent;
}

#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0;
	margin: -3px 0 0 0;
	z-index: 999;
}

#navigation ul ul ul li a { 
	border-bottom: 1px solid #dddddd !important;
	border-top: 1px solid transparent;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff border: 0; }
#navigation ul li:hover > a {color: #444;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent; color: #444;}
#navigation ul li.menu-current a, #navigation ul li.menu-parent  a{font-weight: bold !important; color: #d64515!important; background: url('../images/punt.png') no-repeat right!important; padding-right: 20px!important;}
#navigation ul li li.menu-current a, #navigation ul li li.menu-child a{background: none!important; padding-right: 0px!important;}
#navigation ul li li.menu-sibling a {font-weight: normal !important; color: #444!important;background: none!important;}


/* IE Dropdown Fix
==========================*/
.ie7 .ie-dropdown-fix {position: relative; z-index: 5;}
.ie8 .ie-dropdown-fix {position: relative; z-index: 5;}

/* submenu */
.submenu, #posts{
	margin-bottom: 30px;
	}
.submenu li a, .blogmenu li a {
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing: .05em;
	font-size: 1.3em;
	color: #888;
	display: block;
	padding: 5px 0;
	padding-left: 12px;
	border-bottom: 1px solid #e7e7e7;
	background: url(../images/link_list_arrow_02.png) no-repeat left 9px;
}

.submenu li:first-child a {margin: -15px 0 0 0;}
.submenu li:last-child a {border: none;}
.submenu li a:hover, .blogmenu li a:hover {color: #d64515;
	background: url(../images/link_list_arrow_01.png) no-repeat left 9px;
}
.submenu li.menu-current a{
	color: #d64515 !important;
	font-weight: bold;
}

/* ===============================================================
Content en zijblok
================================================================ */


#content{
	margin: 0px 10px 0 10px;
	min-height: 250px;
    line-height: 23px!important;
    font-size: 14px;
}
	
#content h1, #content h3, #content a{
	color:#B3A068;
	}	
	

#content a{
	text-decoration: underline;
	}		
#content a:hover{
	color:#d64515;
	}	
	
#content a.button{
	background: url('../images/button.png') no-repeat left;
	color:#B3A068;
	padding-left: 20px;
	}

#content ul{
	list-style: inside;
	margin-left: 30px;
	}

#content img{
	float:left;
	margin: 5px 15px 15px 0;
	}


/* =============================================================== */
/* Info Box
================================================================ */
.info-box {
	background: #fefefe;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #debaac;
	padding: 18px 25px;
	margin: 20px 0 5px 0;
	color: #555;
	font-size: .9em;
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.25);	
	box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.25);
}

#p4 .info-box {
	background: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 0px;
	border:none;
	padding: 0px;
	margin: 0;
	color: #555;
	font-size: .9em;
	box-shadow: none;
}

.info-box:hover{
	background: #e6dcc0;
	border: 1px solid #aaa;
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.25);	
	box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.25);
}

.info-box p {margin: 0 0 10px;}
.info-box h2 {margin-bottom: 0px; color: #555; font-weight: normal; font-size: 1.85em;}
.info-box a {margin: 7px 0 0 0;}
.info-content {float: left;}





/* Sidebar
==========================*/
.blog-sidebar, .sidebar {margin: 10px 0px 30px;}

.widget {
	margin: 15px 0 0 0;
	line-height: 20px;
}

.widget h5 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
}

#social{
	margin-bottom: 20px;
	}

#posts h3{
	color:#EB5A23;
	font-size: 1.3em;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	}
/* =============================================================== */
/* Contact
================================================================ */


/* Google Map
==========================*/
#google-map {
    position: relative;
    padding: 0px;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}

/* Flexible iFrame for Google Map
================================*/

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/* =============================================================== */
/* Footer
================================================================ */
#footer {
	background: #383838;
	color:#a4a4a4;
	padding: 0 0 10px 0;
	margin: 30px 0 0 0;
}

#footer h5 {
	color: #fff;
	border-bottom: 1px solid #444444;
	padding: 25px 0 8px 0;
	margin: 0 0 15px 0;
}





/* Copyright
==========================*/
#footer-bottom {background: #fff; min-height: 60px;border-top: #ddd 1px solid; padding-top: 20px; font-size: .8em;}
#footer-bottom  li {display:inline;}
#copyright {color: #777; margin: 22px 0;}
#copyright a, #copyright span {color:#bbb;}
#footer-menu {float:right;}
#footer-menu li {border-right: 1px solid #ccc; padding: 0 10px;}
#footer-menu li.menu-last{border-right:none;}



/* =============================================================== */
/* Media Queries
================================================================ */


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) {
#mobile_navigation{ display: none;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#navigation{display: none;}
	#mobile_navigation{float: none;}
	.js #nav { display: none; }
	.js .selectnav { display: block;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#navigation{display: none;}
	#mobile_navigation{float: none;}
	.js #nav { display: none; }
	.submenu{display:none;}
	.js .selectnav { display: block;}
	#backtotop a {display: none;}

}
	
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}