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


body { 
	padding-top: 85px;
}
#p1 {
	padding: 0;
}
.fullslider {
	z-index: 1;
}
.bar {
	z-index: 999;
	height: 35px;
	background: #7BA768;
	position: fixed;
	top: 0;
	width: 100%;
}



/* =============================================================== */
/* 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:#cccccc;
	-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: #7AA868;}


/* Client Logo List
==========================*/
.client-logo ul {}

.client-logo li {
	border: 1px solid #e5e5e5;
	float: left;
	margin: -1px 0 0 -1px;
}


/* =============================================================== */
/* Header
================================================================ */
#header {
	height: 125px;
	margin:0px auto;
    padding: 0;

	}
	

/* Main Navigation
==========================*/
#top-menu{
	/* margin: 0 0 50px; */
	height: 34px;
}
	
.selectnav {display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px;}
.navigation {float: left;  }
.navigation ul, .navigation li {list-style:none; padding:0; margin:0; display:inline; }
.navigation ul li{
	float:left; 
	position:relative; 	
	padding: 8px 17px;
	/*background: url("../images/divider.png") no-repeat 0 10px;*/
	}
	
	
.navigation ul li.menu-first { 
	/*padding-left: 0px;*/
}	

.navigation ul ul li.menu-first { 
	padding-left: 18px;
}
.navigation ul li.menu-last { 

}

.navigation ul li a { 
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: .9em;
	text-transform: uppercase; 
	font-weight: bold;
	font-family: 'Lato', Verdana, Arial, sans-serif;
	letter-spacing: .1em;

}


.navigation ul li.menu-first a, .navigation ul ul li a { 
	background: none;
}

.navigation ul li a:hover{
	color:#036;
}

.navigation ul ul{
	opacity: 0; 
	margin: 0px;
	position: absolute;
	top:-99999px; 
	left: 0;
	background: #fff;
	z-index: 999;
	border-left: 1px solid #999;
	border-right: 1px solid #f8f8f8;
	border-top: none;
	border-bottom:1px solid #ddd; 


}

.navigation ul ul li{
	padding: 0 11px 0 18px;
	border-right: none;
}


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

.navigation ul ul li a {
	font-size:1em;
	padding: 5px 0;
	display: block;
	width: 200px;
	margin: 0px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	border-top: 1px solid transparent;
	text-transform: none!important;
    transition: all 0.1s ease-in-out 0s;
	color: #960;
	
}

.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: #036;}
.navigation ul ul li:hover > a {border-top: 1px solid transparent; color: #036;}
.navigation ul li.menu-current, .navigation ul li.menu-parent {background: #fff;}
.navigation ul li.menu-current a, .navigation ul li.menu-parent  a{	color:#79a869;}
.navigation ul li li.menu-sibling a {font-weight: normal !important; color: #960!important;}
.navigation ul li li.menu-sibling a:hover {color: #036!important;}

.m_sitemap ul ul {
	margin-left: 20px;
}


/* Taalkeuze
========================================*/
#taalkeuze{
	margin-top: 8px;
	}

#EN{
	float: left;
	background:url('../images/EN.png') no-repeat;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	}
#EN:hover{
	background:url('../images/EN.png') no-repeat;
	}
	
#NL{
	float: left;
	background:url('../images/NL.png') no-repeat;
	height: 16px;
	width: 16px;
	}
#NL:hover{
	background:url('../images/NL.png') no-repeat;
	}	
	
#US{
	float: left;
	background:url('../images/US.png') no-repeat;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	}
#US:hover{
	background:url('../images/US.png') no-repeat;
	}


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

/* submenu */
.submenu li a {
	display: block;
	padding: 6px 0;
	text-align:left;
	color:#960 ;
	border-bottom: 1px solid #eee;
	border-top: 1px solid transparent;
}

.submenu li li a {
	display: block;
	padding: 0px 0 0px 15px;
	color:#000;
}
.submenu ul ul li  {
	display: block;
	margin: 10px ;

}

.submenu li:first-child a {margin: 0px 0 0 0;}
.submenu li:last-child a {border: none;}
.submenu li a:hover {color: #036;
}
.submenu li.menu-current a,.submenu li.menu-parent a{
	color: #036 !important;


}


/* =============================================================== */
/* voorpagina beelden en slideshow
================================================================ */
#slideshow{
	background: url(../images/wertheimpark.jpg) no-repeat;
	height: 475px;
	width: 1144px;
	margin:-1px 0 20px -20px;
	}

.topslider{
margin-left: 208px;
}




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

#content-links, #content-rechts, .portret{
	margin: 0px 0 0;
	line-height:1.7em;

	}
	
#content-rechts p, .portret p{
	font-size: .9em;
	color:#555;
	}
	
#content-links{
	padding-right: 15px;
	}

	
#content-links a, #content-rechts a{
	color:#960;
	}		

#content-links .post-short span > a {
	font-weight: 800;
	}		


	
#content-rechts{
	padding-top: 46px;
	}
	
a.knop, .randomchoice a{
	background:#e2e2e2;
	color: #333;
	padding: 2px 6px;
	margin-top: 15px;
	border: 1px solid #ccc;
	line-height: 3em;
	}
	
a.groenknop{
	background:#0099cc!important;
	color: #fff!important;
	padding: 2px 6px;
	margin-top: 15px;
	border: 1px solid #ccc;
	line-height: 3em;
	}	
	
a.groenknop:hover{
	color: #000!important;
	}	
			
a.blauwknop, a.blauweknop{
	background:#0099cc !important;
	color: #fff!important;
	padding: 2px 6px;
	margin-top: 15px;
	border: 1px solid #ccc;
	line-height: 3em;
	}	
	
a.blauwknop:hover, a.blauweknop:hover{
	color: #000!important;
	}	
		
	
#content-links a:hover, #content-rechts a:hover{
	color: #666;
	}		
	
#content-links img{
	/*float:left;*/
	margin: 0 10px 10px 0;
	}	
	
#content-links a.button{
	background: url('../images/button.png') no-repeat left;
	color:#999933;
	padding-left: 20px;
	}
	

a.current-page {
	color: #444;
	border-top: 3px solid #555;
}

.portret{
	background: none;
	color:#000;
	margin: 30px 0 0 0;
	padding: 0px;
	font-size: 1em;}

.portret img{
	margin: 0 0 10px;
}

	
#logo{
	margin-bottom: 40px;
	}
	
#content-links li {
    padding-left: 5px;
    list-style: outside;
	margin-left: 15px;
	line-height: 1.7em;
}
	
/* Sidebar
==========================*/
.blog-sidebar, .sidebar {margin: 0px 5px 0 0;}

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

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




/* =============================================================== */
/* Contact
================================================================ */


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




/* Contact Form
==========================*/
.field textarea {
	max-width: 97%;
	min-width: 97%;
	height: 160px;
}

.field input {
	width: 240px;
}

.field:focus {border: 1px solid #ddd;}

.field label span {color:#ea1c1c;}

.field .validation-error, 
.field .validation-error:focus {
	border:1px solid #f2c4c2;
	background: #ffeceb;
}



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

#nac{
	background: url(../images/nac.png) no-repeat top left;
	height:28px;
}

#footer-menu {
	float:right;
	padding-top: 10px;
}

.menu-top li{
	padding: 0 10px;
	}

/* Copyright
==========================*/
#footer-bottom {min-height: 60px;border-top: #ddd 1px solid; margin-top: 0px; font-size: .8em;}
#footer-bottom  li {display:inline;}
#copyright {color: #777; margin: 22px 0;}
#copyright a, #copyright span {color:#bbb;}
#social {float:right;	padding-top: 13px;}
#social img{display:inline !important;}



/* =============================================================== */
/* Media Queries
================================================================ */
/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) {

}

/* 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)  {
	body{
		/* background:url(../images/hnm_header_responsive.jpg) no-repeat -40px 0; */
		}	

	#header {
		margin:5px 0 30px 0;
		padding: 0;
		position: relative;
	}
	.navigation{float: none;}
	#top-menu {display:block; margin-top: 5px;}
	.js #nav { display: none; }
	.submenu{display:none;}
	.js .selectnav { display: block;}
	#backtotop a {display: none;}

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	body{
		/* background:url(../images/hnm_header_responsive.jpg) no-repeat 0px 0; */
		}	
	.navigation{float: none;}
	.js #nav { display: none; }
	.submenu{display:none;}
	.js .selectnav { display: block;}
	#backtotop a {display: none;}
	#content-rechts{padding-left: 8px;}
	
	.portret{
		display:none;
		}
}
	
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.bar {
	margin-top: -85px;
	position: relative;
}


	#header {

		margin:0px 0 30px 0;
		padding: 0;
		position: relative;
	}
}


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

.bar {
	margin-top: -85px;
	position: relative;
}
	#header {
		margin:0px 0 30px 0;
		padding: 0;
		position: relative;
	}

}