/**
* @version   TC3 2.5.1
* @date      15-12-2014
* @author    Reddie
* @madewith	 Gantry default template
* @copyright Copyright (C) 2014 - Scouting Nederland
*/

/* Plaats eigen styling hier in deze file  en rename hem naar scouting-tc3-custom.css */

#vtnivo171{
padding:0px!important;
margin: 10px!important;
margin-top:-5px!important;
}
.theme-default .nivoSlider a {
    z-index: 2!important;
}
#cboxTitle {
padding:9px 25px 25px 15px!important;
margin-bottom:20px;
}
#cboxLoadedContent {
padding-top:40px!important;
}

.formResponsive button[type="button"].rsform-button-next {
margin-left:15px;
}

.formResponsive button[type="submit"].rsform-submit-button {
margin-left:15px;
}

.spacer {
background: #3399CC!important;
height:40px;
}
.scoutinglogo {
    background-repeat: no-repeat;
    background-position: 0 -425px;
    bottom: 10px;
    height: 40px;
    position: absolute;
    opacity: 0.4;
    right: 10px;
    width: 43px;
    z-index: 10;
}

.footprint {
    background-repeat: no-repeat;
    background-position: 0 -500px;
    height: 200px;
    position: absolute;
    opacity: 0.25;
    right: 10px;
    top: -10px;
    width: 200px;
    z-index: 3;
}

.vlek {
    background-repeat: no-repeat;
    background-position: 0 -740px;
    height: 50px;
    position: absolute;
    opacity: 1;
    right: -10px;
    top: -24px;
    width: 162px;
    z-index: 2;
}
.events-vlek div,
.footprint,
.vlek,
.v-arrow,
.scoutinglogo,
.video-vlek div {
    background-image: url(../images/mainbody_sprite.png);
}
.v-arrow {
    background-repeat: no-repeat;
    background-position: -329px -400px;
    height: 20px;
    margin-top: 10px;
    position: absolute;
    right: 20px;
    width: 20px;
}

td:hover .v-arrow {
    background-position: -329px -300px;
}
.events-vlek {
    position: relative;
}

.events-vlek div {
    background-position: 0 -1220px;
    background-repeat: no-repeat;
    position: absolute;
    height: 50px;
    left: -60px;
    top: -70px;
    width: 200px;
}

.vrijwilliger {
    opacity: 0.95;
    padding: 0 0 15px 0;
    margin-right: 0;
    margin-top: 15px;
}

.vrijwilliger h2 {
    font-family: dccash, verdana;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 27px;
    padding-top: 10px;
  	padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 3;
}

.vrijwilliger .table-home td {
    padding-left: 20px;
    padding-right: 40px;
}

.vrijwilliger a {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-decoration: none;
}

.vrijwilliger .readon span {
    background-position: 0 -205px;
}

.vrijwilliger .readon:hover span {
    background-position: 0 -230px;
}

.vrijwilliger .readon:after {
    background-position: 0 -1547px;
}

.vrijwilliger .readon:hover:after {
    background-position: 0 -1747px;
}

.vrijwilliger {
    background-color: #3399CC;
}

.vrijwilliger h2,
.vrijwilliger a,
.vrijwilliger .readon span {
    color: #ffffff;
}

.vrijwilliger .table-home tbody tr:hover td {
    background-color: #74B7D9;
}

.vrijwilliger td:hover a,
.vrijwilliger .readon:hover span {
    color: #FFFF00;
}

.vrijwilliger .meer{
  padding-left: 20px;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

#rt-main .module-content ul#header #header li a.toggler { background: url(/images/mod_accordeonck/assets/sidemenu_plus.png) left center no-repeat !important; }
	#header li a.toggler.open { background: url(/images/mod_accordeonck/assets/sidemenu_min.png) left center no-repeat !important; }#header li ul li ul li ul { border:none !important; padding-top:0px !important; padding-bottom:0px !important; }
#rt-main .module-content ul#header #header { padding: 5px; } 
#rt-main .module-content ul#header #header li.level1 {  } 
#rt-main .module-content ul#header #header li.level1 > a { color: #1A368D;font-size: 15px; } 
#rt-main .module-content ul#header #header li.level1 > a:hover { color: #3399CC; } 
#rt-main .module-content ul#header #header li.level1 > a span.accordeonckdesc { color: #434343;font-size: 12px; } 
#rt-main .module-content ul#header #header li.level2 {  } 
#rt-main .module-content ul#header #header li.level2 > a { color: #434343;font-size: 13px; } 
#rt-main .module-content ul#header #header li.level2 > a:hover { color: #3399CC; } 
#rt-main .module-content ul#header #header li.level2 > a span.accordeonckdesc { color: #666666;font-size: 10px; } 
#rt-main .module-content ul#header #header li.level3 { -moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px; } 
#rt-main .module-content ul#header #header li.level3 a { color: #990000;font-size: 12px; } 
#rt-main .module-content ul#header #header li.level3 a:hover {  } 
#rt-main .module-content ul#header #header li.level3 a span.accordeonckdesc { font-size: 10px; } 

.fotolijn {
  max-height: 200px;
  overflow:hidden;
}


/*--------------------------------------------
--	Simple theme Menu Accordeon CK			--
--	This is a simple theme with annotations	--
--	you can fill it like you want			--
--	to put your own CSS						--
--------------------------------------------*/

#rt-main .module-content ul#header li ul li a #flupisactive {
    color: #3399cc;
    font-weight: bold;
}


/* main UL container */
#rt-main .module-content ul#header {
    margin: 0;
    padding: 0;
}

/* style for all links */
#rt-main .module-content ul#header li {
	background: none;
    color: #434343;
    border-bottom: 1px solid #ddd;
    list-style: none;
    padding-left:15px;
    margin: 0;
    text-align: left;
}

#rt-main .module-content ul#header li img {
    height: 13px;
    padding-right:2px;
    padding-top: 2px;
    width:13px;
}

#rt-main .module-content ul#header li li img {
    height: 10px;
    padding:4px 10px 0 0;
    width:10px;
}

/* style for all links from the second level */
#rt-main .module-content ul#header li ul {
    margin-left: 30px;
}

#rt-main .module-content ul#header li ul ul {
    margin-left: 20px;
}

#rt-main .module-content ul#header li ul li {
	border-bottom: none;
	border-top: none;
    list-style-type : none;
    margin: 0;
    padding:0;
}

#rt-main .module-content ul#header li ul li:last-child {
    padding-bottom: 10px;
}

/* style for all anchors */
#rt-main .module-content ul#header li a {
	background: none;
    color: #1A368D;
    display: block;
    margin: 10px 0;
    padding: 0 4px 0 30px;
    text-align: left;
    text-decoration: none;
}

#rt-main .module-content ul#header li.parent a {
    color: #1A368D; /* donker blauw */
}
#rt-main .module-content ul#header li.parent.level1 a {
    padding-left: 15px;
}
#rt-main .module-content ul#header li.parent.level1 ul li a {
    padding-left:15px;
}

#rt-main .module-content ul#header li.parent li a {
    color: #434343;
}

#rt-main .module-content ul#header li.parent li a.isactive{
    color: #434343;
    font-weight:bold;
}

#rt-main .module-content ul#header li ul li a {
    margin:0;
    padding: 0;
}

/* style for all anchors on mouseover */
#rt-main .module-content ul#header li a:hover, #rt-main .module-content ul#header ul li a:focus,
#rt-main .module-content ul#header li.parent li a:hover, #rt-main .module-content ul#header li.parent li a:focus {
    color: #3399cc;
}

/* style for active anchors */
#rt-main .module-content ul#header li a.isactive {
    color: #3399cc;
    font-weight:bold;
}

/* style for all link descriptions */
#rt-main .module-content ul#header li a span.accordeonckdesc {
    color: #666;
	display: block;
}

.squadlisttemplate_squad_name span {
    color: #69001f;
    font-family: "Arial Black", arial, sans-serif;
    font-weight: normal;
    font-size: 150%;
}
.geenbloock {
    margin-right: 0;
    padding-right: 0;
}
h2 {
    font-size:125%;
}

h3 {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
}

#rt-top-surround #rt-header .logo-block #rt-logo {
height:150px;
width:150px;
top: 45px;
  background-size: 100% 100% !important;
}
@media (max-width: 481px){

#rt-top-surround #rt-header .logo-block #rt-logo{
   height: 100px !important;
   width: 100px !important;
   left: 35% !important;
}
}
@media (min-width:481px) and (max-width: 767px){

#rt-top-surround #rt-header .logo-block #rt-logo{
   height: 100px !important;
   width: 100px !important;
   left: 35% !important;
}
}
@media (min-width:768px) and (max-width: 1200px){
#rt-top-surround #rt-header .logo-block #rt-logo{
   height: 100px !important;
   width: 100px !important;
}
}

#rt-feature .title {
    color: #69001f;
}

#rt-feature .badge-stratum .badge {
    background-position: -105px -550px;
    height: 125px;
    width: 135px;
    margin-right:30px;
    margin-bottom:30px; 
}

div.vt_nivo_slider110 .achtergrond {
z-index:90;
}


/* file geldt voor top EN hoofdmenu */
div.maximenuckh ul.maximenuck {
    clear:both;
    position : relative;
    z-index:999;
}


div.maximenuckh ul.maximenuck > ul {
    clear:both;
    padding : 0;
    margin : 0;
}

div.maximenuckh ul.maximenuck .moduletable {
}

div.maximenuckh ul.maximenuck li.maximenuck {
    display: inline-block !important;
    float: none !important;
    position:static;
    text-align : left;
    padding : 0;
    margin : 0;
}

div.maximenuckh ul.maximenuck li.maximenuck img {
}

div.maximenuckh ul.maximenuck li.maximenuck a,
div.maximenuckh ul.maximenuck li.maximenuck span.separator {
    display:block;
    float : none !important;
    float : left;
    position:relative;
}

div.maximenuckh ul.maximenuck2 li.maximenuck a,
div.maximenuckh ul.maximenuck2 li.maximenuck span.separator {
    float : none !important;
}

div.maximenuckh ul.maximenuck li ul.maximenuck2 {
    display:block;
    z-index:11000;
    clear:left;
    margin:0;
    padding:0;
    text-align : left;
    position : static;
}

div.maximenuckh ul.maximenuck li ul li.maximenuck {
    text-align : left;
    position : relative;
    z-index : 11001;
    padding:0;
    display: block !important;
}

div.maximenuckh ul.maximenuck li li.maximenuck a {
    display: block;
    padding : 0;
    margin : 0;
}

div.maximenuckh div.maximenuck2 {
    float : left;
    margin : 0;
    padding : 0;
    /*width : 180px;*/ /* A TESTER */
}

div.maximenuckh div.clr {
    clear : both;
    visibility : hidden;
}

/* child items */
div.maximenuckh div.floatck {
    position : absolute;
    left: -999em; /* a supprimer pour effet slide */
    padding : 0;
    margin : 0;
    background : url(../images/transparent.gif); /* important for hover to work good under IE7 */
}

div.maximenuckh div.floatck ul, div.maximenuckh div.floatck ul li {
    position : static;
    /*height : 100%;*/
}

div.maximenuckh ul.maximenuck li.maximenuck div.floatck.fixRight  {right:0;}

div.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight  {right:0;}

/**
** fancy parameters
**/
div.maximenuckh li.maxiFancybackground {
    z-index: 8;
    position: absolute;
    top : 0;
}

/**
** Show sub menu if mootools is off - horizontal style
**/
div.maximenuckh ul.maximenuck li:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck:hover div.floatck:hover div.floatck div.floatck,
div.maximenuckh ul.maximenuck li.sfhover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck.sfhover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck.sfhover div.floatck.sfhover div.floatck div.floatck {
    left: -999em;
}

div.maximenuckh ul.maximenuck li.maximenuck:hover > div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover>  div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div.maximenuckh ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck,
div.maximenuckh ul.maximenuck li.sfhover > div.floatck, div.maximenuckh ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck, div.maximenuckh ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck, div.maximenuckh ul.maximenuck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck {
    left: auto;
}

div.maximenuckh div.maximenuck_mod ul {left : auto;}
/* tot hier de css uit de moo_maximenu css file */

/* vanaf hier original topmenu css */
/* maximenu horizontaal top- en hoofdmenu Scouting Nederland */

/* algemene styling */
.clr {clear:both;}
.pull-right {float: right;}
div.meer {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
button,
button:focus {
    background:none;
    border:none;
    box-shadow:none;
    outline:none;
    text-shadow:none;
    -mozkit-appearance:none;
    -webkit-appearance:none;
}
select::-ms-expand {display: none;} /* tbv opmaak select drop-down in firefox*/

div.maximenuckh li,
div.maximenuckh h2,
div.maximenuckh h3 {
    /* beide menus */
    font-size:11px;	
	line-height:12px;
	margin:0;
	padding:0;
}

div#hoofdmenu li,
div#hoofdmenu h2,
div#hoofdmenu h3 {
	font-size:13px;
	line-height:14px;
}

div#topmenu li li { font-size:12px;}

/* MENU CONTAINER */
div#topmenu {
	font-size:11px;
	line-height:12px;
	text-align:left;
}
div#hoofdmenu {
	font-size:13px;
	line-height:14px;
	text-align:left;
}

div.maximenuckh ul.maximenuck:after {
    /* beide menus */
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

div.maximenuckh ul.maximenuck {
    /* beide menus */
    display: block !important;
    float: none !important;
    list-style:none;
    margin:0 auto;
	opacity: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
}
#topmenu ul.maximenuck {background: #fff;}
#hoofdmenu ul.maximenuck {
    background: #dddddd;
    background: -moz-linear-gradient(top,  #dddddd 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top,  #dddddd 0%,#fafafa 100%);
    background: -o-linear-gradient(top,  #dddddd 0%,#fafafa 100%);
    background: -ms-linear-gradient(top,  #dddddd 0%,#fafafa 100%);
    background: linear-gradient(to bottom,  #dddddd 0%,#fafafa 100%);
}

/* ROOT ITEMS LEVEL 1 */

div#topmenu .home-knop {padding: 0!important;visibility:hidden;width: 0;}
div#topmenu .home-knop:hover {background:none!important;}
div#topmenu .home-knop a {padding: 3px 0 0 0!important;margin-left: 0px;}
div#topmenu .home-knop img {margin:0!important;}
div#topmenu .home-knop:hover img,
div#topmenu .home-knop img:hover {opacity: 1!important;}

div.maximenuckh ul.maximenuck li.maximenuck.level1 {
    /* beide menus */
    cursor: pointer;
    display:block;
    list-style : none;
    min-height:28px; /*2x line-height van 14px */
    padding: 12px;
    text-align:left;
    vertical-align:top;
}
div#topmenu ul.maximenuck li.maximenuck.level1 {
	background:none;
    padding: 0 10px;
}

div#hoofdmenu ul.maximenuck li.maximenuck.level1 {border-left: 1px solid #C6C6B4;}
div#hoofdmenu ul.maximenuck li.maximenuck.first.level1 {border-left:none;}

div.maximenuckh ul.maximenuck li.maximenuck.level1 > a,
div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
    /* beide menus */
    border : none; 
	display:block;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    outline : none;
	text-decoration:none;
    white-space: normal;   
}

div#hoofdmenu ul.maximenuck li.maximenuck.level1 > a,
div#hoofdmenu ul.maximenuck li.maximenuck.level1 > span.separator {
	color: #1A368D; /*donkerblauw */
}
div#topmenu ul.maximenuck li.maximenuck.level1 > a,
div#topmenu ul.maximenuck li.maximenuck.level1 > span.separator {
	color: #434343; /*donkergrijs */
    font-size: 11px; /* hier toegevoegd voor de jeugdsites */
    line-height: 12px; /* hier toegevoegd voor de jeugdsites */
    min-height:28px; /*2x line-height van 14px */
    padding: 15px 0;
}

div#hoofdmenu ul.maximenuck li.maximenuck.level1:hover > a,
div#hoofdmenu ul.maximenuck li.maximenuck.level1.active > a,
div#hoofdmenu ul.maximenuck li.maximenuck.level1:hover span.descck,
div#hoofdmenu ul.maximenuck li.maximenuck.level1.active span.descck {
    color : #fff;
}

div#hoofdmenu ul.maximenuck li.maximenuck.level1:hover {
    background: #3b9bcc;
    background: -moz-linear-gradient(top,  #3b9bcc 0%, #3087b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b9bcc), color-stop(100%,#3087b2));
    background: -webkit-linear-gradient(top,  #3b9bcc 0%,#3087b2 100%);
    background: -o-linear-gradient(top,  #3b9bcc 0%,#3087b2 100%);
    background: -ms-linear-gradient(top,  #3b9bcc 0%,#3087b2 100%);
    background: linear-gradient(to bottom,  #3b9bcc 0%,#3087b2 100%);
}

div#hoofdmenu ul.maximenuck li.maximenuck.level1.active {
    background: #fb0000!important;
    background: -moz-linear-gradient(top,  #fa0000 0%, #de0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa0000), color-stop(100%,#de0404));
    background: -webkit-linear-gradient(top,  #fa0000 0%,#de0404 100%);
    background: -o-linear-gradient(top,  #fa0000 0%,#de0404 100%);
    background: -ms-linear-gradient(top,  #fa0000 0%,#de0404 100%);
    background: linear-gradient(to bottom,  #fa0000 0%,#de0404 100%);
}

div#hoofdmenu ul.maximenuck li.maximenuck.first.level1 a {
    background-image: url(../images/hoofdmenu_sprite.png); 
    background-position: 0 -32px; /* blauw huisje */
    background-repeat: no-repeat;
    height: 28px;
    width:22px;
}

div#hoofdmenu ul.maximenuck li.maximenuck.first.level1:hover a,
div#hoofdmenu ul.maximenuck li.maximenuck.first.level1 a:hover,
div#hoofdmenu ul.maximenuck li.maximenuck.first.level1.active a {
    background-position: 0 0; /* wit huisje */
}

div#hoofdmenu ul.maximenuck li.maximenuck.first.level1 span {
    display:none;
}

div#topmenu ul.maximenuck li.level1.icon {
    padding: 0 10px 0 10px;
    vertical-align:middle;
}

div#topmenu ul.maximenuck li.level1.icon .floatck li.level2.first {padding-left:20px;}
div#topmenu ul.maximenuck li.level1.icon .floatck li.level2.last {padding-right:20px;}

div#topmenu ul.maximenuck li.level1.icon > a,
div#topmenu ul.maximenuck li.level1.icon > span.separator {
    display:inline-block;
    font-family: arial, sans-serif;
    font-weight:normal;
    padding: 21px 0 9px 0;
}

div#topmenu ul.maximenuck li.maximenuck.level1.icon:before {
    background-image:none;
    background-position: 0 0;
    background-repeat: repeat;
    color: #434343;
    display:inline-block;
    font-size:18px;
    height:auto;
    line-height:inherit;
    margin-top:0;
    max-width:100%;
    text-decoration: inherit;
    vertical-align:middle;
    width:auto;
}

div#topmenu ul.maximenuck li.maximenuck.level1.icon.english:hover:before,
div#topmenu ul.maximenuck li.maximenuck.level1.english.sfhover:before,
div#topmenu ul.maximenuck li.maximenuck.level1.english.sfhover > a,
div#topmenu ul.maximenuck li.maximenuck.level1.english.sfhover >span.separator,
div#topmenu ul.maximenuck li.maximenuck.level1.english:hover:before,
div#topmenu ul.maximenuck li.maximenuck.level1.english:hover > a,
div#topmenu ul.maximenuck li.maximenuck.level1.english:hover >span.separator {
    color: #3399cc;
}
div#topmenu ul.maximenuck li.maximenuck.level1.english:hover,
div#topmenu ul.maximenuck li.maximenuck.level1.english.sfhover,
div#topmenu ul.maximenuck li.maximenuckmodule.level1:hover {
    background: #fff!important;
}

div#topmenu ul.maximenuck li.maximenuck.level1.icon:hover:before,
div#topmenu ul.maximenuck li.maximenuck.level1.sfhover:before,
div#topmenu ul.maximenuck li.maximenuck.level1.sfhover > a,
div#topmenu ul.maximenuck li.maximenuck.level1.sfhover > span.separator,
div#topmenu ul.maximenuck li.maximenuck.level1.sfhover span.descck,
div#topmenu ul.maximenuck li.maximenuck.level1:hover > a,
div#topmenu ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#topmenu ul.maximenuck li.maximenuck.level1:hover span.descck {
    color: #F1F0E2;
}

div#topmenu ul.maximenuck li.maximenuck.level1:hover,
div#topmenu ul.maximenuck li.maximenuck.level1.sfhover {
    background: #3399cc;
}

div#topmenu li.level1.icon .titreck {
    display:inline-block;
    padding-left:8px;
}

div#topmenu li.level1.icon ul li h3 .titreck {
    padding-left:0px;
}

/* styles for right position */
div#topmenu ul.maximenuck li.align_right,
div#topmenu ul.maximenuck li.menu_right {
	float:right !important;
	margin-right:0px !important;
	min-height: 12px !important;
}

div#topmenu ul.maximenuck li.align_right div.floatck,
div#topmenu ul.maximenuck li div.floatck.fixRight {
    background-color: #3399cc;
	right:0px;
	top:auto;
}

/* SUBLEVEL ITEMS */
div.maximenuckh ul.maximenuck li div.floatck ul.maximenuck2,
div.maximenuckh ul.maximenuck2 {
    /* beide menus */
    background : transparent;
    border : none !important;
    box-shadow: none !important;
    display: block !important;
    float: none !important;
    margin : 0 !important;
    padding : 0;
    position: static !important;
    overflow: hidden;
    visibility: visible !important;
    width : 100%; /* important for Chrome and Safari compatibility */
}

div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck,
div.maximenuckh ul.maximenuck2 li.maximenuck {
    /* beide menus */
	display: block !important;
	float:none !important;
    list-style : none;
	position:static;
}

div#topmenu ul.maximenuck li div.floatck ul.maximenuck2 li,
div#topmenu ul.maximenuck2 li {
    padding:10px;
}

div#topmenu ul.maximenuck li div.floatck ul.maximenuck2 li ul li,
div#topmenu ul.maximenuck2 li ul li {
    line-height:18px;
    padding:0;
}
div#topmenu li.level3 {
    padding:0 0 3px 0;
}
div#hoofdmenu li.level3 {
    padding:0 0 3px 20px;
}

.maximenuckh ul.maximenuck li.maximenuck a,
.maximenuckh ul.maximenuck li.maximenuck span.separator,
.maximenuckh ul.maximenuck2 a,
.maximenuckh ul.maximenuck2 li.maximenuck span.separator {
	display:block;
    line-height:12px;
    outline : none;
	text-decoration:none;
    white-space: normal;
}
div#hoofdmenu ul.maximenuck li.maximenuck a,
div#hoofdmenu ul.maximenuck li.maximenuck span.separator,
div#hoofdmenu ul.maximenuck2 a,
div#hoofdmenu ul.maximenuck2 li.maximenuck span.separator {
    line-height:14px;
}

/* ARROWS IN UITKLAPMENU */
div.maximenuckh ul.maximenuck li.maximenuck ul h3 span.titreck:after {
    /* beide menus */
    background-image: url(../images/hoofdmenu_sprite.png);
    background-position: 0 -70px; /* dark blue arrow */
    background-repeat: no-repeat;
    content: " ";
    display:inline-block;
    height:14px;
    margin-bottom:-2px;
    position:relative;
    width:20px;
}
div#topmenu ul.maximenuck li.maximenuck ul h3 span.titreck:after {
    background-position: 0 -55px; /* geen arrow */
}

div#hoofdmenu ul.maximenuck li.maximenuck ul h3:hover span.titreck:after,
div#hoofdmenu ul.maximenuck li.maximenuck ul li.level2.active h3 span.titreck:after {
    background-position: 0 -90px; /* light blue arrow */
}

div.maximenuckh li.level3:before {
    /* beide menus */
    background-image:none;
    background-position: 0 0;
    background-repeat: repeat;
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome,sans-serif;
    font-style: normal;
    font-weight: normal;
    height:auto;
    line-height:inherit;
    margin-top:0;
    max-width:100%;
    position:absolute;
    text-decoration: inherit;
    vertical-align:baseline;
    width:auto;
}
div#topmenu li.level3:before {
    color: #F1F0E2; /* beige-wit */
}
div#hoofdmenu li.level3:before {
    color: #1A368D; /* donkerblauw */
}

div#topmenu li.level3.active:before,
div#topmenu li.level3:hover:before {
    color: #1A368D; /* donkerblauw */
}
div#hoofdmenu li.level3.active:before,
div#hoofdmenu li.level3:hover:before {
    color: #3399cc; /* lichtblauw */
}

div.maximenuckh li.level3 .titreck {
    /* beide menus */
    display:inline-block;
    padding-left:15px;
}
div#hoofdmenu li.level3 .titreck {
    padding-left:10px;
    padding-right:20px;
}

/* items met noliststyle of readon opmaak geen arrow voor de link */
div#topmenu li.level3.noliststyle:before,
div#topmenu li.readon:before,
div#topmenu li.maximenuckmodule:before {
    content: "";
    display:none;
}

div#topmenu li.level3.noliststyle .titreck,
div#topmenu li.readon .titreck {
    padding-left:0;
}

div#topmenu ul.maximenuck li div.floatck ul.maximenuck2 li ul li.readon {
    padding-top:10px;
}

div#topmenu li.readon a {
    display: inline-block!important;
    vertical-align:top;
}

div#topmenu a.readon span,
div#topmenu li.readon span {
    background-image: url(../images/topmenu_sprite.png);
    background-position: 0 -132px; /* witte lijn */
}

div#topmenu a.readon:hover span,
div#topmenu li.readon:hover span {
    background-position: 0 -110px; /* d.blauwe lijn */
}

div#topmenu a.readon:after,
div#topmenu li.readon:after {
    background-image: url(../images/topmenu_sprite.png);
    background-position: -5px -48px; /* witte arrow */
}

div#topmenu a.readon:hover:after,
div#topmenu li.readon:hover:after {
    background-position: -5px -8px; /* d.blauwe arrow */
}

/* SPECIAL ICONS UITGELICHT */
div.maximenuckh li.level3.scoutingicon:before {
    /* beide menus */
    background-repeat:no-repeat; 
    content: " ";
    display:inline-block;
    vertical-align:middle;  
}

div#topmenu li.level3.scoutingicon:before {
    background-image:url(../images/topmenu_sprite.png);
    height:18px;
/*    position:relative;*/
    width:18px;
}
div#hoofdmenu li.level3.scoutingicon:before {
    background-image:url(../images/hoofdmenu_sprite.png);
    height:24px;
    position:relative;
    width:22px;
}

div#topmenu li.level3.specialicon,
div#topmenu li.level3.scoutingicon {
    line-height:16px!important;
    padding-bottom: 16px!important;
}
div#hoofdmenu li.level3.specialicon,
div#hoofdmenu li.level3.scoutingicon {
    line-height:20px;
    padding-bottom: 20px;
}

div#topmenu li.level3.specialicon:before {font-size: 16px;}
div#hoofdmenu li.level3.specialicon:before {font-size: 20px;}

div#topmenu li.level3.scoutingicon a,
div#topmenu li.level3.specialicon a {
    color: #F1F0E2!important;
    display: inline-block!important;
}
div#hoofdmenu li.level3.scoutingicon a,
div#hoofdmenu li.level3.specialicon a {
    color: #1A368D!important; /* donkerblauw */
    display: inline-block!important;
}

div#topmenu li.level3.scoutingicon a:hover,
div#topmenu li.level3.specialicon a:hover {
    color: #1A368D!important; /* donkerblauw */
}
div#hoofdmenu li.level3.scoutingicon a:hover,
div#hoofdmenu li.level3.specialicon a:hover {
    color: #3399cc!important; /* lichtblauw */
}

div#topmenu li.level3.scoutingicon .titreck,
div#topmenu li.level3.specialicon .titreck {
    padding-left: 25px;
}
div#topmenu li.level3.scoutingicon .titreck {
    padding-top:2px;
}

div#hoofdmenu li.level3.specialicon .titreck {
    padding-left: 30px;
}
div#hoofdmenu li.level3.scoutingicon .titreck {
    padding-left: 8px;
    padding-top:2px;
}

/* speciale scouting icons */
div#topmenu li.level3.kampvuur:before {
    background-position: 0 -170px;
}
div#topmenu li.level3.drankje:before {
    background-position: 0 -210px;
}
div#topmenu li.level3.expressie:before {
    background-position: 0 -330px;
}
div#topmenu li.level3.kompas:before {
    background-position: 0 -250px;
}
div#topmenu li.level3.muzieknoot:before {
    background-position: 0 -290px;
}
div#topmenu li.level3.tent:before {
    background-position: 0 -370px;
}
div#topmenu li.level3.agenda:before {
    background-position: 0 -410px;
}
div#topmenu li.level3.activiteitenbank:before {
    background-position: 0 -450px;
}
div#topmenu li.level3.contact:before {
    background-position: 0 -490px;
}
div#topmenu li.level3.kaart:before {
    background-position: 0 -530px;
}
div#topmenu li.level3.jeugdlid:before {
    background-position: 0 -570px;
}
div#topmenu li.level3.scoutload:before {
    background-position: 0 -610px;
}
div#topmenu li.level3.kampvuur:hover:before {
    background-position: 0 -190px;
}
div#topmenu li.level3.drankje:hover:before {
    background-position: 0 -230px;
}
div#topmenu li.level3.expressie:hover:before {
    background-position: 0 -350px;
}
div#topmenu li.level3.kompas:hover:before {
    background-position: 0 -270px;
}
div#topmenu li.level3.muzieknoot:hover:before {
    background-position: 0 -310px;
}
div#topmenu li.level3.tent:hover:before {
    background-position: 0 -390px;
}
div#topmenu li.level3.agenda:hover:before {
    background-position: 0 -430px;
}
div#topmenu li.level3.activiteitenbank:hover:before {
    background-position: 0 -470px;
}
div#topmenu li.level3.contact:hover:before {
    background-position: 0 -510px;
}
div#topmenu li.level3.kaart:hover:before {
    background-position: 0 -550px;
}
div#topmenu li.level3.jeugdlid:hover:before {
    background-position: 0 -590px;
}
div#topmenu li.level3.scoutload:hover:before {
    background-position: 0 -630px;
}
div#hoofdmenu li.level3.kampvuur:before {
    background-position: 0 -125px;
}
div#hoofdmenu li.level3.drankje:before {
    background-position: 0 -152px;
}
div#hoofdmenu li.level3.expressie:before {
    background-position: 0 -175px;
}
div#hoofdmenu li.level3.kompas:before {
    background-position: 0 -200px;
}
div#hoofdmenu li.level3.muzieknoot:before {
    background-position: 0 -225px;
}
div#hoofdmenu li.level3.tent:before {
    background-position: 0 -253px;
}
div#hoofdmenu li.level3.agenda:before {
    background-position: 0 -425px;
}
div#hoofdmenu li.level3.activiteitenbank:before {
    background-position: 0 -450px;
}
div#hoofdmenu li.level3.contact:before {
    background-position: 0 -475px;
}
div#hoofdmenu li.level3.kaart:before {
    background-position: 0 -575px;
}
div#hoofdmenu li.level3.jeugdlid:before {
    background-position: 0 -625px;
}
div#hoofdmenu li.level3.scoutload:before {
    background-position: 0 -677px;
}
div#hoofdmenu li.level3.kampvuur:hover:before {
    background-position: 0 -275px;
}
div#hoofdmenu li.level3.drankje:hover:before {
    background-position: 0 -302px;
}
div#hoofdmenu li.level3.expressie:hover:before {
    background-position: 0 -325px;
}
div#hoofdmenu li.level3.kompas:hover:before {
    background-position: 0 -350px;
}
div#hoofdmenu li.level3.muzieknoot:hover:before {
    background-position: 0 -375px;
}
div#hoofdmenu li.level3.tent:hover:before {
    background-position: 0 -403px;
}
div#hoofdmenu li.level3.agenda:hover:before {
    background-position: 0 -500px;
}
div#hoofdmenu li.level3.activiteitenbank:hover:before {
    background-position: 0 -525px;
}
div#hoofdmenu li.level3.contact:hover:before {
    background-position: 0 -550px;
}
div#hoofdmenu li.level3.kaart:hover:before {
    background-position: 0 -600px;
}
div#hoofdmenu li.level3.jeugdlid:hover:before {
    background-position: 0 -650px;
}
div#hoofdmenu li.level3.scoutload:hover:before {
    background-position: 0 -702px;
}

/*IcoMoon icons voor beide menus*/
div.maximenuckh li.level3.specialicon.icon-address:before {
	content: "\70";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-briefcase:before {
	content: "\e020";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-calendar:before {
	content: "\43";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-cart:before {
	content: "\e019";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-cogs:before {
	content: "\37";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-download:before {
	content: "\e00b";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-envelope:before {
	content: "\4d";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-flag:before {
	content: "\35";
	font-family: 'IcoMoon';
	font-size: 20px;
	padding: 3px 0 0 3px;
}
div.maximenuckh li.level3.specialicon.icon-location:before {
	content: "\63";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-pencil-2:before {
	content: "\2c";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-search:before {
	content: "\53";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-star:before {
	content: "\42";
	font-family: 'IcoMoon';
}
div.maximenuckh li.level3.specialicon.icon-user:before {
	content: "\22";
	font-family: 'IcoMoon';
}

/* FontAwesome icons voor beide menus */
div.maximenuckh li.level3.specialicon.icon-book:before {
    content: "\f02d";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-bullhorn:before {
    content: "\f0a1";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-comments:before {
    content: "\f086";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-exclamation-sign:before {
    content: "\f06a";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-globe:before {
    content: "\f0ac";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-group:before {
    content: "\f0c0";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-heart:before {
    content: "\f004";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-map-marker:before {
    content: "\f041";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-pushpin:before {
    content: "\f08d";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-signup:before {
    content: "\f044";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-thumbs-up:before {
    content: "\f164";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-ticket:before {
    content: "\f145";
    font-family: FontAwesome;
}
div.maximenuckh li.level3.specialicon.icon-question-sign:before {
    content: "\f059";
    font-family: FontAwesome;
}

/* SUBMENU LINKS */
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 li a,
div#topmenu ul.maximenuck2 li a,
div#topmenu ul.maximenuck2 li.readon span,
div#topmenu ul.maximenuck2 li a.readon,
div#topmenu ul.maximenuck2 li a.readon span {
    color: #F1F0E2; /* beige-wit */
}
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 li a:hover,
div#topmenu ul.maximenuck2 li a:hover,
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 li.level2.active h3 a,
div#topmenu ul.maximenuck2 li.level2.active h3 a,
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 li.level3.active a,
div#topmenu ul.maximenuck2 li.level3.active a,
div#topmenu ul.maximenuck2 li.readon:hover span,
div#topmenu ul.maximenuck2 li.readon:active span,
div#topmenu ul.maximenuck2 li a.readon:hover,
div#topmenu ul.maximenuck2 li a.readon:hover span {
    color: #1A368D; /* donker blauw */
}

div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 li a,
div#hoofdmenu ul.maximenuck2 li a {
    color: #434343; /* grijs */
}
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 li a:hover,
div#hoofdmenu ul.maximenuck2 li a:hover,
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 li.level2.active h3 a,
div#hoofdmenu ul.maximenuck2 li.level2.active h3 a,
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 li.level3:hover a,
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 li.level3.active a,
div#hoofdmenu ul.maximenuck2 li.level3.active a {
    color: #3399cc; /* lichtblauw */
}

div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 a,
div#topmenu ul.maximenuck2 a {
	display: inline-block;
}
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 a,
div#hoofdmenu ul.maximenuck2 a {
	display: block;
}

/* item title */
div.maximenuckh span.titreck {
    /* beide menus */
    float : none !important;
    float : left;
    text-decoration : none;
}

/* item description */
div.maximenuckh span.descck {
    /* beide menus */
    color:#626262;
    display : block;
    float : none !important;
    float : left;
    font-family: arial, sans-serif;
    font-size : 10px;
    font-weight:normal;
    text-decoration : none;
}

/* link image style */
div.maximenuckh li.maximenuck > a img {
    /* beide menus */
    margin : 0 0 10px 0;
    border : none;
}
div#hoofdmenu li.maximenuck > a img {margin : 3px;}
div#topmenu li.maximenuck > a img:hover {opacity: 0.9;}

/* img style without link (in separator) */
div.maximenuckh li.maximenuck img {
    /* beide menus */
    border : none;
}
/* submenus container */
div.maximenuckh div.floatck {
    /* beide menus */
	text-align:left;
}
div#hoofdmenu div.floatck {
	background:#F1F0E2 url(../images/mainmenu-spikkels.png) 50% 0 repeat; /* light-beige */
}

div.maximenuckh .maxipushdownck div.floatck {
    /* beide menus */
	margin: 0;
}

div#topmenu div.floatck .maxidrop-main {
    /* let op: met mediaqueries wordt dit voor smallere schermen weer aangepast */
    margin: 0 auto!important;
    width:1200px;
}

div#topmenu  div.floatck .maxidrop-main .maxidrop-main {
    margin: 0!important;
    width:100%!important;
}

/* COLUMNS */
/* child blocks position (from level2 to n) */
div#topmenu ul.maximenuck li.maximenuck div.floatck div.floatck {
    left: 0!important;
    margin :0;
    position:relative;
}
div#hoofdmenu ul.maximenuck li.maximenuck div.floatck div.floatck {
    background:none;
/*    margin : -30px 0 0 180px; derde level is direct onder tweede level! */
}

div.maximenuckh ul.maximenuck li div.floatck div.maximenuck2 {
    /* beide menus */
	margin: 0;
	padding: 0;
}

/* h2 title */
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 h2 a,
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator,
div#topmenu ul.maximenuck2 h2,
div#topmenu ul.maximenuck2 h2 a,
div#topmenu ul.maximenuck2 h2 span.separator {
	color: #fff; /*wit */
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight:900;
}
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 h2 a,
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator,
div#hoofdmenu ul.maximenuck2 h2 a,
div#hoofdmenu ul.maximenuck2 h2 span.separator {
	color: #1A368D; /*donkerblauw */
}

/* h3 title */
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 a,
div#topmenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator,
div#topmenu ul.maximenuck2 h3 a,
div#topmenu ul.maximenuck2 h3 span.separator {
	color: #fff; /*wit */
    font-size: 15px;
	padding: 25px 0 15px 0;
}
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 a,
div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator,
div#hoofdmenu ul.maximenuck2 h3 a,
div#hoofdmenu ul.maximenuck2 h3 span.separator {
	color: #1A368D; /*donkerblauw */
	padding: 25px 0 15px 20px;
}

div#topmenu ul.maximenuck li.maximenuck ul h2:hover span.titreck,
div#topmenu ul.maximenuck li.maximenuck ul h3:hover span.titreck {
	color: #1A368D; /*donkerblauw */
}
div#hoofdmenu ul.maximenuck li.maximenuck ul h2:hover span.titreck,
div#hoofdmenu ul.maximenuck li.maximenuck ul h3:hover span.titreck {
	color: #3399cc; /*lichtblauw */
}

/* paragraph */
div.maximenuckh ul.maximenuck li ul.maximenuck2 li p,
div.maximenuckh ul.maximenuck2 li p {
    /* beide menus */
	margin:0 0 10px 0;
	padding-right: 15px; /* let op, dit was eigenlijk niet zo in hoofdmenu */
	text-align:left;
}
/* image shadow with specific class */
div.maximenuckh .imgshadow { /* Better style on light background */
    /* beide menus */
	background:#FFFFFF !important;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

/* uitgelicht kolom anders */
div#topmenu ul.maximenuck li ul.maximenuck2 li.maximenuck.uitgelicht,
div#topmenu ul.maximenuck2 li.maximenuck.uitgelicht,
div#topmenu li.uitgelicht {
    background:#3399cc url(../images/topmenu-spikkels.png) 0 0 repeat-y;
    border-left: 1px solid #76B9DA;
    padding-left:20px;
}
div#hoofdmenu ul.maximenuck li ul.maximenuck2 li.maximenuck.uitgelicht,
div#hoofdmenu ul.maximenuck2 li.maximenuck.uitgelicht,
div#hoofdmenu li.uitgelicht {
    background: #C6C6B4 url(../images/mainmenu-spikkels.png) 50% 0 repeat;
}

div.maximenuckh li.level2.uitgelicht h3 {
    /* beide menus */
    display: none;
}
div#topmenu li.level2.uitgelicht .floatck {padding-top:23px;}
div#hoofdmenu li.level2.uitgelicht .floatck {padding-top:22px;}

/* MODULES IN TOPMENU - TOPLEVEL : zoeken */

div#topmenu .maximenuckmodule.level1 form {
    margin-top:1px;
    margin-bottom:0;
}

div#topmenu select,
div#topmenu input[type="text"] {
    border-radius: 0px;
    color: #626262;
    font-size:12px;
    font-style: italic;
    margin:0;
    padding: 2px 4px;
    vertical-align:middle;
    width:100px;
    white-space: nowrap;
}

div#topmenu select {
    background-image:url(../images/topmenu_sprite.png);
    background-position: -90px -8px;
    background-repeat:no-repeat;
    border-left:none;
    height:26px;
    line-height:18px;
    vertical-align:middle;
    width:110px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;          /* Removes default arrow from firefox*/
    text-overflow: "";               /*Removes default arrow from firefox*/
}

div#topmenu select:hover,
div#topmenu input[type="text"]:hover {
    background-position: -90px -64px;
}

div#topmenu form .btn {
    background:none!important;
    border:none!important;
    text-shadow:none;
}

div#topmenu #search .btn {
    color:#434343; /* grijs */
}

div#topmenu #search .btn:hover {
    color: #3399cc; /* lichtblauw */
}

/* MODULES IN DROPDOWN MENU */

/* module title */
div.maximenuckh ul.maximenuck div.maximenuck_mod > div > h3,
div.maximenuckh ul.maximenuck2 div.maximenuck_mod > div > h3 {
    /* beide menus */
    font-weight : bold;
    width : 100%;
}
div#topmenu ul.maximenuck div.maximenuck_mod > div > h3,
div#topmenu ul.maximenuck2 div.maximenuck_mod > div > h3 {
    color: #fff;
	font-size: 15px;
	padding-bottom: 20px;
}
/* module title */
div#hoofdmenu ul.maximenuck div.maximenuck_mod > div > h3,
div#hoofdmenu ul.maximenuck2 div.maximenuck_mod > div > h3 {
	font-size: 16px;
}
div.maximenuckh div.maximenuck_mod {
    /* beide menus */
    padding : 0;
    white-space : normal;
    width : 100%;
}
div#topmenu div.maximenuck_mod {padding-top : 11px;}

div#topmenu div.maximenuck_mod p {
    font-size:12px;
    line-height:18px;
}

div.maximenuckh div.maximenuck_mod div.moduletable {
    /* beide menus */
    border : none;
    background : none;
}

div.maximenuckh div.maximenuck_mod  fieldset{
    /* beide menus */
    width : 100%;
    padding : 0;
    margin : 0 auto;
    overflow : hidden;
    background : transparent;
    border : none;
}

div.maximenuckh ul.maximenuck2 div.maximenuck_mod a {
    /* beide menus */
    border : none;
    margin : 0;
    padding : 0;
    display : inline;
    background : transparent;
    font-weight : normal;
}
div.maximenuckh ul.maximenuck2 div.maximenuck_mod ul {
    /* beide menus */
    margin : 0;
    padding : 0;
    width : 100%;
    background : none;
    border : none;
    text-align : left;
}

div.maximenuckh ul.maximenuck2 div.maximenuck_mod li {
    /* beide menus */
    margin : 0 0 0 15px;
    padding : 0;
    background : none;
    border : none;
    text-align : left;
    font-size : 11px;
    float : none;
    display : block;
    line-height : 20px;
    white-space : normal;
}
div#topmenu ul.maximenuck2 div.maximenuck_mod li { margin-left:0; }

/* login module */
div#topmenu ul.maximenuck2 div.maximenuck_mod #form-login p.usernamevergeten {
    /* login vergeten niet tonen */
    display:none;
}

div#topmenu #form-login .greeting {
    color: #434343;
    height:auto;
    line-height:14px;
    margin:0;
    padding:0;
}

div#topmenu #form-login p.login-message {
    color: #434343;
    font-size: 12px;
}

div#topmenu #form-login .uitloggen {margin:0;}

div#hoofdmenu ul.maximenuck2 div.maximenuck_mod #form-login ul {
    left : 0;
    margin : 0;
    padding : 0;
    width : 100%;
}
div#hoofdmenu ul.maximenuck2 div.maximenuck_mod #form-login ul li {
    margin : 2px 0;
    padding : 0 5px;
    height : 20px;
    background : transparent;
}

/* global news module */
div#topmenu .globalnews {margin:-10px 0 0 0!important;}
div#topmenu .table-hover {font-size: 12px;margin-bottom:0;}
div#topmenu .table-hover tbody {border-bottom:none;}
div#topmenu .table-hover tbody tr:hover td {background-color:transparent;}
div#topmenu .table td { border:none;padding: 8px 0;}

/* Vind Scouting module */
div#topmenu .topmenu-ontdek h2 { display:none; }
div#topmenu .topmenu-ontdek .rt-block {
    margin:0;
    padding:0; 
}
div#topmenu ul.maximenuck2 div.maximenuck_mod ul.footer-links {
    display: inline-block;
    float: right;
    height: 20px;
    list-style-type: none;
    margin: 0 auto;
    padding: 5px 0 0;
}
div#topmenu ul.maximenuck2 div.maximenuck_mod ul.footer-links li.topmenu h3 {
    padding:0!important;
}
div#topmenu ul.maximenuck2 div.maximenuck_mod ul.footer-links li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    vertical-align:middle;
}
div#topmenu ul.maximenuck2 div.maximenuck_mod ul.footer-links li a {
    background-repeat: no-repeat;
    display: block;
    font-size:20px;
    height: 20px;
    padding: 0 5px;
    width: 20px;
}

/* Scouting in de buurt */
#location {padding-bottom:10px;}
#neighborhood input#address {width: 70%;}
#neighborhood {margin-bottom:0;}
#neighborhood .btn {color:#ffffff; /* wit */}
#neighborhood .btn:hover {color: #1A368D; /*donkerblauw */}

/* buttons */
div#topmenu .scout-btn,
div#topmenu #form-login input.loginButton,
div#topmenu #form-login input.logoutButton {
    background-color: transparent;
    background-image:url(../images/topmenu_sprite.png);
    background-position: 0 -665px; /* pleister wit */
    background-repeat: no-repeat;
    border:none;
    color: #1A368D!important; /* donkerblauw */
    float:left;
    font-family: "Arial Black",arial,sans-serif;
    font-weight:900;
    font-size:13px;
    height: 60px;
    line-height:18px;
    margin:0;
    padding: 4px 10px;
    text-align:left;
    width:130px;
}

div#topmenu .scout-btn:hover,
div#topmenu #form-login input.loginButton:hover,
div#topmenu #form-login input.logoutButton:hover {
    background-position: 0 -735px; /* pleister geel */
}

div#topmenu li.level1.icon li.maximenuckmodule,
div#topmenu li.level1.icon .evenementen li {margin:0;}
div#topmenu li.level1.icon li.maximenuckmodule .titreck,
div#topmenu li.level1.icon .evenementen .titreck {
    font-size: 12px;
    padding-left:15px;
}

div#topmenu li.level1.icon li.maximenuckmodule li.readon .titreck {
    padding-left:0;
}

/* FANCY STYLE (FLOATING CURSOR) - staat in principe uit!*/
div.maximenuckh .maxiFancybackground {
    /* beide menus */
    list-style : none;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
	z-index: -1;
}

div.maximenuckh .maxiFancybackground .maxiFancycenter {
    /* beide menus */
    border-top: 1px solid #fff;
}

/* STOP THE DROPDOWN */
div.maximenuckh ul.maximenuck li.maximenuck.nodropdown div.floatck,
div.maximenuckh ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck,
div.maximenuckh .maxipushdownck div.floatck div.floatck {
    /* beide menus */
    position: static;
    background:  none;
    border: none;
    left: auto;
    margin: 0px; /* niet weghalen, dan komt level3 niet onder level2 */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block !important;
}



/* FULL WIDTH STYLING */

div#topmenu li.fullwidth > div.floatck {
    background:#3399cc url(../images/topmenu-spikkels.png) 100% 0 repeat-y;
    right: 0;
    padding: 0;
    width: 1200px!important;
}
div#hoofdmenu li.fullwidth > div.floatck {
	margin: 12px 0 0 0;
	right: 0;
	padding: 0;
	width: 100%!important;
}

/* additional style when javascript is enabled */
html.js div#topmenu li.fullwidth > div.floatck {
	margin: 0 0 0 -400px;
	left:0;
	width: 2000px!important;
}
html.js div#hoofdmenu li.fullwidth > div.floatck {
}

/* TOPMENU FIXED */
div#topmenu.maximenufixed {background: #fff;}
div#topmenu.maximenufixed .home-knop {visibility:visible;width:auto;}

/* HOOFDMENU FIXED ONDER TOPMENU */
body div#hoofdmenu.maximenufixed {
    background: #dddddd;
    background: -moz-linear-gradient(top,  #dddddd 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top,  #dddddd 0%,#fafafa 100%);
    background: -o-linear-gradient(top,  #dddddd 0%,#fafafa 100%);
    background: -ms-linear-gradient(top,  #dddddd 0%,#fafafa 100%);
    background: linear-gradient(to bottom,  #dddddd 0%,#fafafa 100%);
    top:55px!important;
    border: 2px solid #fff;
}

div.maximenuckh.maximenufixed .maxiroundedcenter {
    /* beide menus */
    margin: 0 auto;
    width:1200px;
}

/* MEDIAQUERIES */

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    html.js div#topmenu li.fullwidth > div.floatck {
        margin: 0 0 0 -120px;
        width: 1200px !important;        
    }
    div#topmenu li.fullwidth > div.floatck {
        width:960px!important;
    }
    div.maximenuckh.maximenufixed .maxiroundedcenter,
    div#topmenu div.floatck .maxidrop-main {
        width:960px; /* breedte topmenu uitklapdeel aanpassen */
    }
    div#topmenu input[type="text"] {
        width:65px;
    }
    div#topmenu .btn {
        padding: 4px 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    html.js div#topmenu li.fullwidth > div.floatck {
        margin: 0 0 0 -100px;
        width: 960px !important;        
    }
    div#topmenu li.fullwidth > div.floatck {
        width:768px!important;
    }
    div#topmenu.maximenufixed .maxiroundedcenter,
    div#topmenu div.floatck .maxidrop-main {
        width:768px; /* breedte topmenu uitklapdeel aanpassen */
    }
    div#topmenu li.readon:after,
    div#topmenu li.readon span {
        background-image:none!important; /* pijltje komt anders niet goed */
    }
    div#topmenu li.last.level1 {
        display:none!important; /* geen ruimte meer voor zoek form */
    }
}

@media only screen and (min-width: 960px) {
	div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden-desktop,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden-desktop,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden-desktop,
	div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden-desktop,
	div.maximenuckh ul.maximenuck2 li.maximenuck.hidden-desktop {
        display: none !important;
	}
	div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden-desktop:before,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden-desktop:before,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden-desktop:before,
	div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden-desktop:before,
	div.maximenuckh ul.maximenuck2 li.maximenuck.hidden-desktop:before {
        content: "";
        display:none;
    }
}

/* tablets */

@media (min-width: 768px) and (max-width: 959px) {
	div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden-tablet,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden-tablet,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden-tablet,
	div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden-tablet,
	div.maximenuckh ul.maximenuck2 li.maximenuck.hidden-tablet {
        display: none !important;
	}
	div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden-tablet:before,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden-tablet:before,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden-tablet:before,
	div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden-tablet:before,
	div.maximenuckh ul.maximenuck2 li.maximenuck.hidden-tablet:before {
        content: "";
        display:none;
    }
    div#hoofdmenu ul.maximenuck li.maximenuck.level1 {
        padding: 12px 8px;
        max-width: 110px;
    }
    div#hoofdmenu ul.maximenuck li.maximenuck.level1 > a, div#hoofdmenu ul.maximenuck li.maximenuck.level1 > span.separator {
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    div#hoofdmenu li.level3,
    div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 a, div#hoofdmenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator, div#hoofdmenu ul.maximenuck2 h3 a, div#hoofdmenu ul.maximenuck2 h3 span.separator {
        padding-left: 10px;
    }
    div#hoofdmenu li.level3.specialicon, div#hoofdmenu li.level3.scoutingicon {
        padding-bottom:10px;
    }
    div#hoofdmenu.maximenufixed .maxiroundedcenter {
        width:768px;
    }
}

/* phones  */
@media (max-width: 767px) {
	div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden-phone,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden-phone,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden-phone,
	div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden-phone,
	div.maximenuckh ul.maximenuck2 li.maximenuck.hidden-phone {
        display: none !important;
	}
	div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden-phone:before,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden-phone:before,
	div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden-phone:before,
	div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden-phone:before,
	div.maximenuckh ul.maximenuck2 li.maximenuck.hidden-phone:before {
        content: "";
        display:none;
    }
}

div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden,
div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden,
div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden,
div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden,
div.maximenuckh ul.maximenuck li.maximenuck.hidden,
div.maximenuckh ul.maximenuck2 li.maximenuck.hidden {
	display: none !important;
}
div.maximenuckh div.maximenuckh ul.maximenuck li.maximenuck.hidden:before,
div.maximenuckh div.maximenuckh ul.maximenuck li ul li.maximenuck.hidden:before,
div.maximenuckh div.maximenuckh ul.maximenuck li ul.maximenu2 li.maximenuck.hidden:before,
div.maximenuckh ul.maximenuck li ul.maximenuck2 li.maximenuck.hidden:before,
div.maximenuckh ul.maximenuck2 li.maximenuck.hidden:before {
	content: "";
	display:none;
}

/* mobile menu extra */

.mobilemaximenuck div.maximenuck.readon {
    font-size:15px;
    font-weight: normal;
    vertical-align:middle;
}
.mobilemaximenuck div.maximenuck.readon:after,
.mobilemaximenuck div.maximenuck.specialicon,
.mobilemaximenuck div.maximenuck.icon {
    background-image:none!important;
}
.mobilemaximenuck div.maximenuck.icon:before,
.mobilemaximenuck div.maximenuck.specialicon:before {
    content:""!important;
    display:none;
    height:0;
    line-height:0;
}
.mobilemaximenuck div.maximenuck.readon a {
    padding-bottom:0;
    height: auto;
    line-height:35px;
}