/*
@@@@@@@@@@@@@@@@@@@@@@
LAYOUT
@@@@@@@@@@@@@@@@@@@@@@

	about				Structural settings for this site: width, height, margin, padding & position
	
	syntax
	

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout hooks
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ layout
		..........................................................................*/

			
			.container{width:900px; margin:0px auto 0px auto; position:relative;  }

		/*+ header
		..........................................................................*/
                        /* .layoutHeader,  */
			.layoutHeader > .container{height:130px; }
			
		/*+ section
		..........................................................................*/

			.layoutSection{padding:15px 0px 45px 0px;}

		/*+ footer
		..........................................................................*/

			.layoutFooter{}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	header objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ name
		..........................................................................*/
			
			.layoutHeader .name{}
			.layoutHeader .name h1{margin:0px 0px 0px 0px; }
			.layoutHeader .name .imgLogo{position:absolute; padding-left: 5px;  display:block; width:200px; color:#F5F7F9; text-indent: 0;text-shadow:  0 1px 1px #063056 }
			.layoutHeader .name h2{display:none; }
		
		/*+ mainNav
		..........................................................................*/

			.mainNav{z-index:1000;  font-size:11px; position:absolute; top:135px; right:15px; }
			
			.mainNav .navbar{margin:0px 0px 0px 0px; }
			.mainNav .navbar .nav{width:auto; margin:0px 0px 0px 0px; }
			.mainNav .navbar-inner{border:0px; padding:0px 0px; background:none;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;   -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
			.mainNav .navbar .nav > li{border-right:2px solid #fff; text-align:center; }
			.mainNav .navbar .nav > li:last-child{border:0px; }
			.mainNav .navbar .nav > li:last-child a{padding-right:0px;}
			.mainNav .navbar .nav > li > a, .mainNav .navbar .nav > li > div > a{padding:0px 10px; color:#fff; position:relative; text-shadow:none; display:block; }
			.mainNav .navbar .nav > li a:hover{text-decoration:none; }
			
			.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{color:#fff !important; background:none; font-style:italic; font-weight:bold;   -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}			

			.mainNav .dropdown-menu{text-align:left; background:#0f9394; top:96%; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
			.mainNav .dropdown.open{background:#0f9394;}
			.mainNav .dropdown-menu li > a, .mainNav .dropdown .dropdown-menu .nav-header{color:white; }
			.mainNav .dropdown-menu li a:hover{background:#e6f6fd; color:inherit; }
			
			.mainNav .dropdown-menu .divider{border:0px; border-bottom:1px solid #54c4c6; background:none; }
	
			.mainNav .nav .dropdown-toggle .caret{border-bottom-color: #fff; border-top-color: #fff;}
	
			.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background-color:#0f9394; color:white; }

		/*+ topBar
		..........................................................................*/

			.layoutHeader .topBar{position:absolute; top:0px; left:0px; right:0px; background-color:#3b5999;font-size:10px; padding:5px 0px; color:white;  border-bottom:1px solid rgba(4, 40, 71, 0.8); box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2); height:50px; 
                         
                        z-index: 10;
                        }
			
			.layoutHeader .topBar ul li{display:inline-block; margin:0px 20px 0px 0px; }
			.layoutHeader .topBar ul li a{color:white; }
			.layoutHeader .topBar ul li i{margin-right:3px;}
			
			.layoutHeader .topBar p{margin:0px 0px 0px 0px; }
			
		/*+ login
		..........................................................................*/

			.layoutHeader .login{position:absolute; top:25px; right:0px;}
			.layoutHeader .login .btn-primary{margin-left:20px;}
			
			.layoutHeader .login .loginForm{position:relative; }
			.layoutHeader .login .loginForm input{padding:7px 10px; margin:0px 10px 0px 0px; }
			.layoutHeader .login .loginForm button{margin:0px 0px 0px 0px; }
			
			.layoutHeader .login .loginForm .line1{color:#FFFFFF; position:absolute; top:-23px; left:0px;}
			.layoutHeader .login .loginForm .line2{color:#FFFFFF; position:absolute; top:-23px; right:75px;}	
			.layoutHeader .login .loginForm .icoLock{position:absolute; top:7px; left:-20px;}
			
		/*+ menu
		..........................................................................*/
                        .layoutHeader .toggleMenu{display:none; }
                        .layoutHeader .menu .toggleMenu{display:none; }
                        #nietgenoeg, .nietgenoeg {display:none; }
                        
			.layoutHeader .menu{border:1px solid #C3CFD9; overflow:hidden;  position:absolute; bottom:0px; left:0px; right:0px; background-color:#fff; }
                        .layoutHeader .menu .active { background-color: #F1F2F4; }
                        .layoutHeader .menu .active a { color: #06365F  }
                        .layoutHeader .menu a { color: #3F729B; text-transform:none!important; font-size: 14px; font-weight: bold}
/*#3F729B*/              .layoutHeader .menu a:hover {color:#1C5380 }
			.layoutHeader .menu ul{overflow:hidden; margin:0px 0px -4px 0px; display:inline-block;  border-right:1px solid rgba(255,255,255,0.3);}
			.layoutHeader .menu li{float:left; border-right:1px solid #C3CFD9; ;}
			.layoutHeader .menu a{ font-size:14px; text-shadow:1px 1px 0 rgba(255,255,255,0.5); padding:13px 25px; display:block; }

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	footer objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ setup
		..........................................................................*/

			.layoutFooter{  }

			.layoutFooter p{ text-align:justify;}
                        .layoutFooter a{ font-weight: bold; font-size: 12px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); color: #3F729B; margin-right: 10px;}
                        .layoutFooter a:hover{ text-decoration: underline; color: #1C5380}

			.layoutFooter .bottom{ padding:10px 0px;}

			.layoutFooter .grid .gridSpan6 + .gridSpan6{margin-left:5%; width:46%;}

			.layoutFooter figure:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}
			.layoutFooter figure.gecertificeerd img{width:70%;}
			.layoutFooter figure.gecertificeerd i{float:right; margin-top:-40px;}