/* +-----------------------------------------------------+
   |      CSS bestand: Kattenoppas Nijmegen - 2018       |
   |                  www.kattenoppas24.nl               |
   +-----------------------------------------------------+ */
body{background:#fff url('images/core/achtergrond.png') repeat-x 0 0;margin:0;padding:0;height:100%;width:100%;}
.wrapper{XXmin-height:90%;box-shadow:0px 20px 40px -20px rgba(0, 0, 0, 0.4);}
.wrapper, #topmenubox .m_inner{width:90%;max-width:1500px;margin:0 auto 0 auto;}
.topspacer{padding-top:120px;width:100%;}
.topheader{position:relative;padding-bottom:12%;width:100%;background:#fff url('images/core/hdr.png') no-repeat fixed center top;background-size:100% auto, auto;}
.topheader p{bottom:10%;width:90%;position:absolute;text-align:center;padding:0 5%;font-size:1.6em;line-height:110%;color:#fff;text-shadow:0px 2px 30px #000;}
#topparallax{width:100%;position:relative;padding-top:60%;background:#bc519d url('images/core/p-hdr.png') no-repeat;background-position:center 0;background-size:100% auto, auto;}
#topparallax .ptext{bottom:20%;width:90%;position:absolute;text-align:center;padding:3% 5%;background-color:transparent;border-top:0px solid #fff;border-bottom:0px solid #fff;}
#topparallax .ptext *{text-shadow:0px 2px 30px #000;color:#fff ! important;}
#topparallax a.topdown img{width:100px;margin-top:20px}
.contentbox{background:#fff;padding:20px 4%}
.container{margin:0 auto 0 auto;width:100%;max-width:1200px;padding-top:30px;}
.mainbox{}
.content{width:73%;float:left;display:inline;margin-left:0;}
.usegrid3 .content.contentnarrow{width:66%;}
.mainbox .contentwide{width:100%;margin:0 0 0 0;}
#rightbox{width:25%;float:right;display:inline;border-left:1px #ddd solid;}
.usegrid3 #rightbox{width:30%;}
#rightbox .inner{margin:0 3% 3px 3%;font-size:0.9em;line-height:135%}
#rightbox .inner img{max-width:100%;height:auto ! important;}
.clearcontent{height:60px;clear:both;}
.footerbox{min-height:80px;font-size:13px;color:#999;width:100%;background:#fff;}
.footerbox .left{width:25%;margin:0 0 0 0;float:left;}
.footerbox .center{width:50%;margin:10px 0 0 0;float:left;text-align:center;}
#gototopswitch{float:right;margin:10px 10px 10px 10px;}
#topmenubox{width:100%;height:120px;margin:0 0 0 0;position:fixed;z-index:5000;width:100%;top:0;left:0%;transition:0.5s all;}
#topmenubox .m_inner{position:relative;height:100%;background:#fff;}
#topmenubox a.logo img{max-height:80%;max-width:100%;position:absolute;left:2%;bottom:3px;}
#topmenubox.reduced{height:42px;transition:0.5s all;}
li.search_box_li a{border:none ! important;}
.menuebox{width:75%;height:100%;float:left;position:relative;}
.toggleMobileMenu{display:none;}
#openrightboxswitch, #closerightboxswitch{display:none;}
.breadcrumbs{height:30px;line-height:100%;margin:0 0 0 0;padding:3px 0 3px 0;clear:both;}
.innerbc{font-size:14px;margin:10px 0 0 25%;XXwidth:450px;}
.breadcrumbs .innerbc span{background:transparent;padding:6px 2px 0px 12px;font-weight:normal;}
.breadcrumbs .innerbc a{padding:1px;border-bottom:1px dotted #505567;text-decoration:none;}
.breadcrumbs .innerbc a:hover{border-bottom:1px solid #505567;}
.breadcrumbs .innerbc .menu-current a{color:#000000;}
.frontpage .breadcrumbs{display:none;}
#aprevnext{display:block;width:90px;height:27px;float:right;}
#aprevnext a{display:block;width:40px;height:27px;float:right;opacity:0.5;border:none;}
#aprevnext a.aprev{background:url('images/core/prev.png') no-repeat center top;}
#aprevnext a.anext{background:url('images/core/next.png') no-repeat center top;}
#aprevnext a:hover{opacity:0.8}
#nav{position:absolute;right:0;bottom:0;border:0;padding:0;}
#nav ul, #nav2 ul{list-style-type:none;list-style-image:none;margin:0;padding:0;width:auto;position:relative;z-index:800;background:#e8d4ea;}
#nav ul li, #nav2 ul li{list-style-type:none;list-style-image:none;margin:0;padding:0;}
#nav ul li{float:left;display:inline;color:#aaa;text-align:left;font-weight:normal;list-style-type:none;list-style-image:none;}
#nav ul li a{display:block;XXtext-shadow:1px 2px 8px #000;XXtext-shadow:1px 4px 4px #000;font-size:16px;border-right:1px #ddd solid;color:#666;text-decoration:none;XXfont-weight:bold;background-repeat:no-repeat;}
#nav ul li a span{display:block;padding:11px 12px 10px 12px;}
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent{color:#fff;background:#cc0000;}
#nav a.menu-current{font-weight:bold;}
#nav li ul{position:absolute;right:10000px;width:200px;opacity:0.0;text-transform:none;border-bottom:1px solid #fff;border-left:1px solid #fff;font-size:13px;background:#e3cfe5;box-shadow:0px 10px 10px -4px rgba(0, 0, 0, 0.4);}
#nav li ul li{text-align:left;font-weight:normal;margin:0;padding:0;line-height:1.2em;}
#nav li ul li a{width:200px;text-align:left;height:auto;text-shadow:none;margin:0;padding:0;color:#333;border-top:1px solid #fff;font-weight:normal;font-size:14px;background:none;}
#nav li ul li a span{display:block;padding:8px;}
#nav li ul a:hover, #nav li ul a.menu-current{text-shadow:1px 2px 4px #000;}
#nav li ul a.menu-expand{background:transparent url('images/core/arr-right.png') no-repeat right 5px;}
#nav li ul a.menu-parent{background:#cc0000 url('images/core/arr-right.png') no-repeat right 5px;}
#nav li:hover ul, #nav li a:focus ul, #nav li.tabselected ul{right:-20px;XXmargin:-3px 0 0 0;opacity:1;transition:0.5s opacity;}
#nav li ul ul{margin-left:-10000px;opacity:0.0;transition:0.5s opacity;}
#nav li:hover ul ul, #nav li.subMenu ul ul{margin-left:-10000px;opacity:0.0;transition:0.5s opacity;}
#nav li:hover>ul, #nav li li:hover>ul{opacity:1;margin-left:0;transition:0.5s opacity;z-index:1000;}
#nav ul li ul li:hover>ul{margin-left:-30%;opacity:0.9;}
#nav li ul li ul{width:180px;margin:10px 0 0 -40%;z-index:2000;}
#nav li ul li ul li{width:100%;}
#nav li ul li ul li a{width:100%;}
#nav li{position:relative;}
#nav ul ul ul{position:absolute;top:1px;left:100%;}
#nav li:hover{z-index:1000;white-space:normal;}
#footer_menu{padding-bottom:10px;}
#footer_menu a{display:inline-block;padding:2px 10px;border-right:1px solid #999;}
#footer_menu a:first-child{border-left:1px solid #999;}
#footer_menu a.menu-current{font-weight:bold;}
#colorpickericon{display:block;width:0px;height:0px;background:url('images/core/kleurenkiezer.png') no-repeat;z-index:5000;position:absolute;top:230px;right:0;cursor:pointer;}
#colorpicker{display:none;width:90px;background:#ddd;position:absolute;top:100px;right:0;z-index:5000;font-size:12px;line-height:100%;box-shadow:0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield{width:100%;height:40px;float:left;}
.pickerfield input[type="color"]{width:100%;height:20px;padding:0;border:0;cursor:pointer;}
.pickerfield input[type="text"]{width:90%;height:20px;padding:1px 3%;border:1px solid #999;;cursor:text;}
a.colpick-button{display:block;clear:both;width:80%;margin:10px auto;padding:3px;background:rgba(255,255,255,0.2);text-align:center;border:1px solid #666;border-radius:15px;cursor:pointer;}
#colorpicker-info{display:none;position:absolute;width:160px;padding:10px;top:0;left:-180px;background:#eee;box-shadow:0 20px 50px 0 rgba(0, 0, 0, 0.1);}
#gototopswitch{float:right;margin:10px 6px 0 0;}
#showlogin{display:block;float:left;position:relative;width:30px;text-align:right;margin:10px 6px 0 0;}
#login-box{position:absolute;width:250px;left:10px;top:-10px;padding:5px;font-size:11px;z-index:2000;background:#fff;color:#222;box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.2);}
#login-box td{vertical-align:top;}
#login-box .loginsubmit{border:0;}
#login-box .inputfield{width:100px;border:1px solid #d67cc5;padding:1px;line-height:1em;}
#nav2{width:250px;height:auto;position:absolute;left:-300px;}
.showonmobiles{display:none;}
@media screen and (max-width:1366px){.topheader{position:relative;padding-bottom:12%;width:100%;background:#fff url('images/core/hdr-lt.png') no-repeat fixed center top;background-size:100% auto, auto;}
.topheader p{bottom:10%;width:90%;position:absolute;text-align:center;padding:0 5%;font-size:1.6em;line-height:110%;color:#fff;text-shadow:0px 2px 30px #000;}
@media screen and (min-width:1200px){.XXwrapper{background-position:center -120px;}
}
@media screen and (min-width:1025px){}
@media screen and (max-width:1500px){.topheader{position:relative;padding-bottom:12%;width:100%;background:#fff url('images/core/hdr-lt.png') no-repeat fixed center top;background-size:100% auto, auto;}
.topheader p{bottom:10%;width:90%;position:absolute;text-align:center;padding:0 5%;font-size:1.6em;line-height:110%;color:#fff;text-shadow:0px 2px 30px #000;}
}
@media screen and (max-width:1024px){XXbody{font-size:14px;}
.container{padding-top:2px;}
.mainbox .contentwide{width:96%;margin:0 0 0 2%;}
#rightbox{width:33%;}
#rightbox .inner{margin:0 5% 0 5%;}
#topmenubox{height:60px ! important;}
#topmenubox #nav{display:none;}
.toggleMobileMenu{display:block;float:right;width:20px;height:50px;background:url('images/core/menu.png') no-repeat top right;margin:10px 4% 0 0;}
.topspacer{padding-top:60px;}
#XXtopparallax{padding-top:50%;}
.breadcrumbs{height:560px;}
#nav2{width:250px;height:auto;position:absolute;left:-300px;top:100px;z-index:2000;transition:left 1s;}
#nav2{background:#e8d4ea;box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.4);}
#nav2 li{width:250px;padding:0 0 0 0;}
#nav2 li a{display:block;padding:12px 0 12px 20px;font-size:18px;color:#000;text-decoration:none;border-bottom:1px solid #fff;}
#nav2 li li a{padding:10px 0 10px 30px;font-size:16px;}
#nav2 li li li a{padding:8px 0 8px 40px;font-size:14px;}
#nav2 li li li li a{padding:6px 0 6px 50px;font-size:13px;;}
#nav2 li ul{display:none;}
#nav2 li.menu-parent > ul, #nav2 li.menu-current > ul{display:block;}
#nav2 li.is_opened > ul, #nav2 li.is_opened > ul{display:block;}
#nav2 ul li a:hover, #nav2 li a:focus, #nav2 a.menu-current, #nav2 a.menu-parent{color:#fff;background:#d99bc7;}
#nav2 li a.menu-expand{background:transparent url('images/core/arr-down.png') no-repeat left center;}
#nav2 li a.menu-current{color:#fff;text-shadow:1px 2px 4px #000;}
#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent{font-weight:bold;background:#e8d4ea url('images/core/arr-right.png') no-repeat 2px center;}
#nav2close{display:none;z-index:1990;position:absolute;top:0;width:100%;height:900px;background-image:none;}
.breadcrumbs{width:100%;height:auto;}
.innerbc{margin:2px 0 5px 2%;width:96%;}
.innerbc span{display:block;float:left;padding:2px 2px 2px 12px;margin:0 0 5px 0;}
.innerbc b{display:none;}
.mobilemenuopen #nav2{left:0;}
.mobilemenuopen #nav2close{display:block;}
h1{font-size:2.2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
}
@media screen and (max-width:768px){.content{width:96%;margin:0 0 0 2%;float:none;}
.mainbox, .content, .contentwide, .contentwidenarrow, #rightbox, .main{float:none;width:100% ! important;border-left:none;display:block;}
#rightbox{border-top:10px solid #999;padding-top:20px;}
#rightbox .inner{margin:0 0 0 0;}
.XXfrontpage .wrapper{background-position:center top;}
.topheader{padding-bottom:30%;background-size:100% auto, auto;background-image:url('images/core/hdr-m.png');}
#topparallax{width:100%;position:relative;padding-top:80%;background-image:url('images/core/p-hdr-m.png');}
#topparallax .ptext{bottom:5%;}
#topparallax a.topdown{display:none;}
h1{font-size:2.0em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
#topparallax p{line-height:120%;}
}
@media screen and (max-width:480px){
#topparallax .ptext{bottom:0;}
.topheader p{font-size:1.4em;}
.responsive {width: 100%; height: auto;}
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
}