/* 
	Common Styles 
_____________________________________________________________________________
*/
* {padding:0; margin:0;}	

body {background: #fff; font: 62.5%/150% Verdana, Arial, Helvetica, sans-serif; height: 100% !important;}

img {border:none;}

/* 
	Layout
_____________________________________________________________________________
*/
#mp-container {left: 50%; margin-left: -50em; position: relative; width: 96em;}

.mp-colmask {background:#fff; float: left; overflow:hidden; position: relative;  width: 100%;}
.mp-colmask #mp-content-mask {float: left; left: 22.5em; position: relative; width: 200%;}
.mp-colmask #mp-content-container {right: 22.5em; float: right; width: 50%; position: relative;}
.mp-colmask #mp-content {right: 100%; margin: 0 0 0 23.5em; overflow: hidden; position: relative;}
.mp-colmask #mp-sidenavcolumn {right: 22.5em; float: left; width: 22.5em; position: relative;}

/* 
	Header
_____________________________________________________________________________
*/

#mp-header {height:9.2em;}

#logo {height:9.2em; width:22.5em; text-align:center;}
#logo #home-link {position:relative; top:1.5em;}
#logo #home-link img {width:11.6em; height:7em;}

#servicelinks {background:url(images/img_balk_boven_verloop.gif) repeat-y #009aea; height:1.8em;}

#servicelinks ul {font-size: .9em; list-style-type: none; margin: 0px auto; padding:0 1em 0 0; position:absolute; right:1em; top:.2em;}
#servicelinks ul li {display: inline; padding: 0 0.6em 0 0.5em; font-weight: normal; margin: 0;}
#servicelinks ul li a {color: #fff; text-decoration: none}
#servicelinks ul li a:hover {text-decoration: underline;}


/* 
	SideNavigation
_____________________________________________________________________________
*/
#mp-topnav-title {border: #b4cad2 .2em solid; background: #b4cad2; height: 4.2em; width:22.1em; text-align:center; margin:0; padding:0;}
#mp-topnav-title div {padding-top:1em; font-size:1.2em; font-weight:bold;}
#mp-sidenav {border-left: #b4cad2 .2em solid; border-right: #b4cad2 .2em solid; border-bottom: #b4cad2 .2em solid; width:22.1em; margin:0;padding:0;}


/* 
	BreadCrumb
_____________________________________________________________________________
*/
#mp-breadcrumb {background-color:#e4ecef; height:2em; width:100%; }
#mp-breadcrumb span {margin:0.2em; font-size: 1em; padding:.2em .4em 0 .4em;}
#mp-breadcrumb span ul {display: inline; margin: 0; padding: 0;}
#mp-breadcrumb span ul li {display: inline; margin:0;}
#mp-breadcrumb span ul li img {vertical-align: middle;}

/* 
	Side Navigation
_____________________________________________________________________________
*/
.SideNav {margin-left:1.5em; padding:1em;}
.SideNav ul{margin-left: .5em; padding:0;}
.SideNav li{list-style-image: url("~/_wpresources/Bistro.SharePoint.Navigation.WebControls/1.0.0.0__cf9d1c606a831d20/images/list.gif"); margin:.2em 0; padding-left: .2em; list-style-position:outside}
.SideNav li.submenu{list-style-image: url("~/_wpresources/Bistro.SharePoint.Navigation.WebControls/1.0.0.0__cf9d1c606a831d20/images/closed.gif"); cursor: pointer;}
.SideNav li.submenu ul{display: block;}
.SideNav .submenu ul li{cursor: default;}
.SideNav a{text-decoration:none; color:#000;}
.SideNav a:hover{text-decoration:underline; color:#a50061;}
.SideNav li.currentitem a{color:#a50061;}
.SideNav li.currentitem ul a {color:#000;}


/*
	Accessible Top Navigation
_____________________________________________________________________________
*/
.topnavigationmenu { line-height: 2em; margin: 0; padding: 1em 0; background-color:#fcfefc; height:3em;}
.topnavigationmenu ul {margin: 0; padding: 0;}
.topnavigationmenu li {border-bottom:1px #0A9CE9 solid; background-image: url("~/_wpresources/Bistro.SharePoint.Navigation.WebControls/1.0.0.0__cf9d1c606a831d20/images/mainmenuseparator.png"); background-position: right 50%; background-repeat: no-repeat; display: block; float: left; margin:0;padding:0 1.6em;}
.topnavigationmenu li a {color:#000; display: block; text-decoration: none;}
.topnavigationmenu li ul {left: -10000px; line-height: 1.7em; position: absolute; background-color:#84B2D0; z-index:1000; margin-left:-1.6em;}
.topnavigationmenu li ul li {background-image: none; display: block; float: none; font-weight: normal; list-style-type: none; margin: 0; padding: 0; white-space: nowrap;list-style-position:outside; background-color: #84B2D0; border-bottom:1px solid white;}
.topnavigationmenu li ul li a {background-color: #84B2D0; color: #333; display: block; margin: 0; padding:0 .4em; text-transform: none; text-decoration: none}
.topnavigationmenu li ul li a:hover {background-color:#B2D7F0;}
.topnavigationmenu li:hover a {left: 0; text-decoration: none}
.topnavigationmenu li:hover > ul {left:auto;}
.topnavigationmenu li ul li:hover > ul {margin-top: -1.5em; left: 100%}
.topnavigationmenu li a:hover {text-decoration: none}
.topnavigationmenu li a:focus {text-decoration: none}
.topnavigationmenu li:hover ul li a {color: #000; text-decoration: none}
span.underline {text-decoration: underline}
.topnavigationmenu li ul.right {margin-left:-17.4em;}
.topnavigationmenu li.right {padding:0 1.95em;}
/*
	Skip links
_____________________________________________________________________________
*/
.skiplist {margin:0; padding:0;}
.skip {display: none; font-family: verdana, sans-serif; margin:0; padding:0; position: absolute; text-align: left;}
.skip {display: block}
.skip a {display: inline; left: -200em; padding:0 0.5em; position: absolute; text-decoration: none; width: 14em; z-index: 2;}
.skip a:focus {background: #555; border: #333 2px solid; color: #fff; left: 0.5em; position: absolute;}
.skip a:active {background: #555; border: #333 2px solid; color: #fff; left: 0.5em; position: absolute}
.skip a:hover {cursor: default}

/* 
	SiteMap
_____________________________________________________________________________
*/
.sitemapcontrol{padding: .5em;}
.sitemapcontrol ul{margin: .2em; padding-left: 1.5em; }
.sitemapcontrol li{margin-bottom: .3em; padding-left: 0.1em;}
.sitemapcontrol a{text-decoration:none; color:#000;}
.sitemapcontrol a:hover{text-decoration:underline; color:#a50061;}

/* 
	Browser compatibality fixes
_____________________________________________________________________________
*/
.clearfix:after {clear: both; display: block; content: "."; height: 0; visibility: hidden;}

* html > body .clearfix {width: 100%;display: block;}

* html .clearfix {height: 1%; /* End hide from IE-mac */}

/* Firefox Scrollbar Hack */
html {margin-bottom: 0.1em;	height: 100% !important; height: auto;}