@charset "utf-8";
/* CSS RESPONSIVE MENU - Mantelzorgwaardering Zwolle */ 
/* menu styles voor IE8 voor gewoon scherm ( MEDIA queries werken niet in IE8 en lager) dienen in de default_ie.css stylesheet te gaan */

.menu-collapser {   
    position: relative;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    width: 100%;
    line-height: 18px;
    font-size: 16px;
	margin: 0 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;     
}
.collapse-button {
    position: absolute;
    width: 50px;
    background-color: #7ab800;
    background-repeat: repeat-x;
    border-color:#7ab800;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 8px 10px 5px 10px ; margin: 0px 0 0 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -moz-transform: translate(0, -10%);
    -webkit-transform: translate(0, -10%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #7ab800;
	border: 1px solid #7ab800;
    color: #fff;
}
.collapse-button .icon-bar {
    background-color: #fff;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 30px;
    margin: 3px 0 7px;
}

ul.slimmenu { width: 100%; 
    list-style-type: none; 

 
}

/*////// SLIMMENU.CSS : MEDIA QUERIES IN EM ////////*/

@media only screen and (max-width:59.9999em){
    .collapse-button {  top: -65px; right: 10px;}
    ul.slimmenu {margin-top: 0;   margin-left: 0;  margin-right: auto;}
    ul.slimmenu li { width: 100%;}
    ul.slimmenu li a {padding: 10px 15px  ;}
    ul.slimmenu li a:hover { color:#fff!important }
    ul.slimmenu li a:hover { background-color: #cccccc;}
    ul.slimmenu li ul li a { padding: 10px 15px 10px 25px;}
}

/* landscape phone and portrait tablet (>= 480px < 960px) */
@media screen and (min-width: 40em) and (max-width:59.9999em) {
    .collapse-button {  top: -57px;}
    ul.slimmenu {margin-top: 0;   margin-left: 0;  margin-right: auto;}
    ul.slimmenu li { width: 100%;}
    ul.slimmenu li a {padding: 10px 15px  ;}
    ul.slimmenu li a:hover { color:#fff!important }
    ul.slimmenu li a:hover { background-color: #cccccc;}
    ul.slimmenu li ul li a { padding: 10px 15px 10px 25px;}
} 

/* landscape tablet and normal monitor */ 
@media screen and (min-width:60em)  {
ul.slimmenu li .sub-toggle>i { }
    .collapse-button { right: 20px; top: 15px;}
    ul.slimmenu li a { color:#005670; ;}
}

/*////////////////////////////////////////////////////*/
ul.slimmenu { margin: 0 0 3px;}
ul.slimmenu.collapsed { margin:  0; padding-top: 0px;}

ul.slimmenu{width:100%;margin:0;padding:5px 0 0 0;list-style-type:none;}

ul.slimmenu:before,ul.slimmenu:after{content:'';display:table;}

ul.slimmenu:after{clear:both}

ul.slimmenu.collapsed li{display:block;width:100%;  border-right:none;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li> ul{position:static;display:none; background-color:#ccc ;}

ul.slimmenu.collapsed li a{ padding-left: 20px; padding-top:9px;text-decoration:none; display:block;border-bottom:1px solid #a7c56c; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background-color:#7ab800;}

ul.slimmenu.collapsed li .sub-toggle{height:40px; width: 50px; background-color: #666;}

ul.slimmenu li { position:relative; float:left; display:inline-block; padding-right: 30px;}
ul.slimmenu.collapsed li { padding-right: 0;}

ul.slimmenu.collapsed li ul li{ border-bottom: none;  padding: 0;}
ul.slimmenu.collapsed li ul li:before { content:""; }
ul.slimmenu.collapsed li ul li:hover:before {content:""; }


ul.slimmenu li ul li:before {content:"\f054"; font-family: fontawesome; display:inline-block; padding-right: 10px; float: left; color:#999; margin-top: 8px}
ul.slimmenu li ul li:hover:before { color:#ccc; }
ul.slimmenu li ul li{  margin: 0; padding: 10px 0 0 15px; background-color: #999; min-width: 300px; display:block; 
}

ul.slimmenu.collapsed li ul > li a {  background-color:#ccc ; border-bottom: 1px solid #ddd; color:#fff; padding:7px 0 17px 16px;}
ul.slimmenu.collapsed li ul > li a:hover {  background-color:; color:#666!important;}
ul.slimmenu li> ul {list-style-type:none; }
ul.slimmenu li> ul {  position:absolute; left:15px; top:100%; z-index:100000; display:none; width:auto; 
 padding-top: 12px; padding-bottom: 12px;

}

ul.slimmenu li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu li ul li a { display:block;color:#fff; }
ul.slimmenu li ul li a:hover { display:block;color:#ccc; }

ul.slimmenu.collapsed ul#menu > li a {font-size: 16px; display:block;}

ul.slimmenu li ul > li a { padding:7px 0 0 16px;}

ul.slimmenu li a:after {  display:inline; font-family: FontAwesome; content:"\f105"; padding-left: 11px; top: 1px; font-size: 17px; position: relative;}
ul.slimmenu li a {  display:block;padding: 7px 0 12px 0; font-weight:500;  font-size: 1.3em; font-family: 'Libre Franklin', sans-serif;
transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;
-moz-transition:background-color 0.5s ease-out;-webkit-transition:background-color 0.5s ease-out}

ul.slimmenu.collapsed li a { color:#fff; font-weight:normal;}

ul.slimmenu li .sub-toggle{ height: 40px; padding-right: 5px;background:none repeat scroll 0 0 ;position:absolute;right:0;top:0;z-index:999;width:auto;height:100%;text-align:center;cursor:pointer}

ul.slimmenu li .sub-toggle:before{content:'';display:inline-block;height:100%; margin-right:-0.75em;vertical-align:middle}

ul.slimmenu li .sub-toggle>i {color:#fff;font-size:14px;vertical-align:left}
ul.slimmenu.collapsed li .sub-toggle>i{  display:inline-block;color:#fff;font-size:18px;vertical-align:right}

	
ul.slimmenu>li{ }

ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li{border-left:0}


ul.slimmenu.collapsed i { display:none; margin:10px; color:#fff;}
ul.slimmenu.collapsed li ul li i { display:none; padding-left: 10px; color:#6DD7FE;}

a#dropdown {margin: ; width: 100%; padding: 10px; text-align: left;}
.container a:after { content: "\f0ab"; font-family: fontawesome; font-size: 24px; padding-left: 10px;}
.container a.vw { background-color:#666;}
.container a:hover{	background-color:#999;	}
.dropdownwrap{ height:auto;width: 100%;	float:left;	margin:0px 0px 0px 0;	display:none;	padding:0 0 0 ;}
.dropdownwrap li { list-style-type:none; background-color:#999; border-bottom: 1px solid #ccc; padding: 10px 10px 10px 15px;}
.dropdownwrap li a { color:#fff;}
.container{	width:100%;	float:left; margin: 10px 0 5px;}
.dropdownwrap h3{
    width:100%;	float:left;	padding:40px 0px;	margin:0;	text-align:center;	font-family: 'Patrick Hand SC', cursive;	font-size:36px;	color:white;}
.container p{ font-family: 'Open Sans', sans-serif;	font-size:10pt;	color:#B7B7B7;	text-align:center;	padding:0px; margin: 0;}
.dropdownwrap p{ font-family: 'Open Sans', sans-serif;	font-size:10pt;	color:white; text-align:center;	padding-bottom:0;}
.container a, .container a:visited {	width: 100%;  display:block;
    padding:12px 14px;	font-size:18px;	font-weight: bold; text-decoration:none;color:#fff!important}


.titel_rood_klein { color: #990000;    display: block;    font-family: 'Courier new',Arial,Helvetica,sans-serif;    font-size: 13px; font-weight: bold;
}