/* the basics */
html, body { height: 100%; margin: 0; padding: 0; width: 100%; }

/* canvas */
div#canvas { min-height: 100%; margin: 0 auto; padding: 0; position: relative; width: 992px; }

/* header */
div#header { height: 82px; margin: 0 5px; position: relative; width: 982px; }
	h1#logo { float: left; height: 59px; margin: 23px 0 0; padding: 0; width: 324px; }
	ul#page-nav { height: 21px; margin: 0; padding: 2px 10px 0 0; float: right; width: 638px; }
	ul#main-nav { float: left; margin: 0; padding: 0; }
/*	ul#main-nav { margin-top: 23px; } /* if ul#page-nav is left out */

/* breadcrumbs */
ul#breadcrumbs { margin: 0 5px; padding: 0 0 0 10px; }

/* sub-nav */
ul#sub-nav { margin: 0 5px 8px; padding: 0; width: 982px; }

/* banner */
div#banner { height: 228px; margin: 0 5px 15px; position: relative; width: 982px; }
	div#flash-placeholder { height: 228px; position: absolute; background: url(gfx/panorama-noflash.png); right: 0; top: 0; width: 982px; z-index: 100;}
	ul#in-banner-menu { height: 186px; left: 11px; margin: 0; padding: 10px 0; position: absolute; top: 11px; z-index: 200; }

/* content */
div.aside { float: left; margin: 0 5px; width: 204px; }
div.aside div.section { margin: 0 0 10px; overflow: hidden; position: relative; }
div.wide { float: left; margin: 0 5px 5px; width: 768px; background:#EAE9F7; }
div.wide div.item {
	float: left;
	width: 92%;
}
div.aanbieding div.item {
	width: 70%;
}
div.wide div.euro {
	background: url("../gfx/bck_prijs.png") no-repeat 38px 29px;
	position:relative;
	float: left;
	width: 83px;
	height: 85px;
	padding: 63px 20px 0 46px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
div.wide div.euroimage {
	width: 90px;
	height: 100px;
	float: left; 
	padding: 10px; 
	margin:10px;
	margin-left: 20px;
}
div.narrow {float: left; margin: 0 5px 0 5px; width: 554px; padding-bottom:3px;}
div.content div.section { float: left; margin-right: -1px; width: 50%; }
div.content div.section p {
	padding-left: 25px;
	padding-right: 5px;
}

/* plaats selectie */

div#plaats_selectie {
	border-top: 1px solid #fff;
	background: #d4d3f2;
	height: 32px;
}

div.wide div#plaats_selectie {
	background: none;
}

div.wide div.balk {
	background: #D0D1EF;
	height: 25px;
	padding-top: 5px;
	color: #53439C;
}

div.wide div.balk h4 {
	margin: 0 0 0 10px;
	width: 50%;
	float: left;
}

div.wide div.balk div {
	font-weight: bold;
	font-size: 0.7em;
	float: right;
	margin-right: 10px;
}

div.wide div.balk div span {
	padding-right: 10px;
}

div.wide div.balk a {
	color: #F74C00;
	padding: 0 4px 0 4px;
}

div#plaats_selectie select {
	color: #6a57a9;
	border: 1px solid #6a57a9;
	width: 177px;
	height: 18px;
	font-size: 0.7em;
	margin: 8px 0 0 8px;
	float: left;
}

div.wide div#plaats_selectie select {
	float: right;
	margin: 8px 8px 0 8px;	
}

div#plaats_selectie input {
	font-size: 0.7em;
	border: 1px solid #6a57a9;
	color: #6a57a9;
	width: 200px;
	height: 14px;
	margin: 8px 0 0 8px;
	padding: 0 0 0 3px;
	float: left;
}

div#plaats_selectie option {
	padding: 0;
	margin: 0;
}

div.content div.eigenlocatie {
	float: right;
	width: 295px;
}

div.content div.buttonForm a.button {
	float: left;
	margin: 7px 7px 0 0;
}

		div.content div.buttonForm a.button { background: url("gfx/button_2.png") no-repeat left top; float: right;  padding: 0 0 0 25px; }
	div.content div.buttonForm a.button span { background: url("gfx/button_2.png") no-repeat right top; color: #ebeaf8; display: block; font-size: 0.6em; font-weight: bold; line-height: 19px; padding: 0 20px 0 0; text-transform: uppercase;font-family: verdana; }
	div.content div.buttonForm  a.button:hover { background-position: left -20px; }
	div.content div.buttonForm a.button:hover span { background-position: right -20px; color: #ebeaf8; }
	
/* menu */

ul#sub-menu  { position: relative;  background: url("gfx/sub-nav-bg.png") no-repeat; width: 982px;height: 25px; padding: 0 0 0 10px; z-index:999; margin-left: 5px; margin-top: 5px;}

ul#sub-menu li { 
	position: relative;
	float: left; 
	font-size: 0.75em; 
	line-height: 25px; 
	margin: 0 10px 0 0;
	min-width: 130px;
	text-align: center;
	display: block;
	}

ul#sub-menu li:hover {  }	

ul#sub-menu li ul {   margin: 0; padding: 8px 0 8px 0; position: absolute; z-index: 999;  left: -9999px;}

ul#sub-menu li:hover ul, ul#sub-menu li.sfhover ul {left:auto; }

ul#sub-menu li  li {
	text-align: left;
	font-size: 0.9em;
	float: left;
	clear: left;
}

ul#sub-menu ul.menu_ballonvaren li {
	width: 155px;
}

ul#sub-menu ul.menu_prijzen li {
	width: 145px;
}

ul#sub-menu ul.menu_opstijglocaties li {
	width: 140px;
}

	ul#sub-menu a { color: #513e8f; display: block; font-weight: bold; padding: 0 0 0 8px; }
	ul#sub-menu li.selected a,
	ul#sub-menu li.sfhover a,
	ul#sub-menu li:hover a { background: url("gfx/menu-selected-bg.png") no-repeat left top; color: #fff; }
	ul#sub-menu a span { display: block; padding: 0 8px 0 0; }
	
	ul#sub-menu li.sfhover a,
	ul#sub-menu li:hover a  { background: url("gfx/menu-selected-bg-hover.png") no-repeat left top; color: #fff; }
	
	ul#sub-menu li.selected a span { background: url("gfx/menu-selected-bg.png") no-repeat right top; }	

	 ul#sub-menu li:hover a span, ul#sub-menu li.sfhover a span { background: url("gfx/menu-selected-bg-hover.png") no-repeat right top; color: #fff; }
	
	ul#sub-menu li li a, ul#sub-menu li.selected li a,  ul#sub-menu li:hover li a,  ul#sub-menu li.sfhover li a  { background: #6a54b6; color: #fff; display: block; margin: 0 4px 0 4px;	padding-right:4px;}
	ul#sub-menu li li a:hover { background: #fa4a00; color: #fff; }	

#banner {
	z-index: 1;
}

div#footerWrapper {
    clear: both;
}

/* wrap the actual footer to 981px wide */
div#footer {
    width: 981px;
    height: 32px;
    margin: 0 auto;
}
div#footerWrapper {
    background-color: #757575;
}

/* footer links */
ul#footerLinks {
    float: right;
    list-style: none;
    line-height: 30px;
	margin: 0;
	font-size: 1.1em;
}

ul#footerLinks li {
    display: inline;
    border-right: 1px solid #fff;
    padding: 0 10px;
}

ul#footerLinks li.last {
    border: none;
    padding-right: 0;
}

ul#footerLinks a {
    text-decoration: none;
    color: #fff;
}

ul#footerLinks a:hover {
    border-bottom: 1px dotted #fff;
}