/* navigation.css */

body #canvas #navigation{width:190px;border-width:0px;border-color:#ddd;padding-left:0px;float:left;
 margin-top:16px;font-size:110%;position:relative;margin-left:0px;}
body #content #navigation1{width:170px;float:left;padding-left:4px;padding-right:0px;background-color:inherit;}
#navigation ul li{padding-right:4px;}
body #navigation #navigation1 li ul li.selected a{color:#333132;font-weight:bold;}

#nav-arrow {height:100%;float:right;width:20px;background-color:#0c2074;display:none;position:absolute;right:0px;top:0px;}
#nav-arrow img {display:none;}
#nav-arrow {background-image:url('/images/arrow-right-white.png');background-repeat:no-repeat;}
.nav-show { margin-left:0px !important;z-index:999;}
.nav-show #nav-arrow {background-image:url('/images/arrow-left-white.png');background-repeat:no-repeat;}

@media screen and (max-width:1045px) {
 body.corpsubhomepage  #canvas #navigation, body.subhomepage  #canvas #navigation{margin-left:-230px;position:absolute;width:250px;}
 body.corpsubhomepage  #nav-arrow, body.subhomepage  #nav-arrow {display:block;}
 body.corpsubhomepage  #nav-arrow img, body.subhomepage  #nav-arrow img  {display:inline;}
 body.corpsubhomepage  #content #news, body.subhomepage  #content #news {padding-left:10px;/*margin-left:10px;*/}/* margin creert rechts wit ruimte*/
}

@media screen and (max-width:1024px) {
 body #canvas #navigation {font-size:105%;}
}
@media screen and (max-width:768px){
 body #canvas #navigation{margin-left:-230px;position:absolute;width:250px;}
 #nav-arrow {display:block;}
 #nav-arrow img {display:inline;}
 }
@media screen and (max-width:640px) {
 body #canvas #navigation{margin-left:-330px;width:350px;}
 body #canvas #navigation {font-size:110%;}
 }