/* default configuration */
* { margin: 0px; padding: 0px; } /* remove all browser specific default spacing */
body, html { height: 100%; }
body {
	background: #333;
	font: normal 62.5%/1.8em Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial; /* 62.5% makes 1em ~ 10px */
	line-height: 1.8em;
	color: #000;
}

h1 { font: 1.8em/1.8em Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial; color: #fff; }
h2 { font: 1.8em/1.8em Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial; color: #333; }
h3 { font: 1.5em/1.8em Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial; color: #333; }
h4 { font: 1.2em/1.8em Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial; color: #333; }
h5 { font: 1.1em/1.8em Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial; color: #333; }

img {	border: 0; display: block; }
a { color: #e16b11; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 1.0em 0; }
ul { list-style: none; }

fieldset { border: 0; }
input, textarea, select { 
	font: normal 1.0em/normal Trebuchet MS, "Trebuchet MS", GillSans, "GillSans", Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
}



/* head */
.head, .meta, .foot { font-size: 1.2em }
.head {
	position: relative;
	width: 950px; height: 59px;
	margin: auto;
	padding-top: 27px;
}
.head .menu1 { height: 29px; }
.head .menu1 a { 
	color: #aaa; 
	text-decoration: none;
	display: block;
	float: left;
	height: 23px;
	padding-top: 6px;
	margin: 0 0 0 24px;
}
.head .menu1 a:hover { color: #e16b11; }
.head .menu1 a.active {	color: #e16b11; background: url(../images/menu_arrow.gif) no-repeat center bottom; }
.head .menu2 {
	height: 29px;
	background: #e16b11 url(../images/corn1_tr.gif) no-repeat right;
	overflow: hidden;
}
.head .menu2 img { float: left; background: url(../images/corn1_tl.gif) no-repeat; }
.head .menu2 a { 
	color: #ffd3b2; 
	text-decoration: none;
	display: block;
	float: left;
	height: 23px;
	padding-top: 6px;
	margin: 0 0 0 24px;
}
.head .menu2 a:hover { color: #fff; }
.head .menu2 a.active {	color: #fff; }

.logo {
	position: absolute;
	top: 3px; right: 19px;
	width: 157px; height: 79px;
	background: url(../images/logo.gif) no-repeat 0 -79px;
}

.splash .menu2 { background: #6e3f1b url(../images/corn0_tr.gif) no-repeat right; }
.splash .menu2 img { background: url(../images/corn0_tl.gif) no-repeat; }
.splash .logo { background-position: 0 0; }

.langWrapper {
	position: absolute;
	background: #e16b11;
	bottom: -20px;
	width: 100%; height: 40px;
}
.langWrapper div.div { width: 50%; height: 100%; float: left; }
.langWrapper h1 { line-height: normal; padding: 17px 18px 0 18px; }
.langWrapper .lang {	padding: 22px 18px 0 18px; }
.langWrapper .lang a { 
	display: block;
	float: right;
	color: #ffd3b2;
	text-decoration: none;
	padding-left: 25px;
}
.langWrapper .lang a:hover { color: #fff; text-decoration: none; }



/* body */
.meta {
	height: 453px;
	background: #484848 url(../images/gradient_meta.gif) repeat-x bottom;
}
.stage {
	position: relative;
	width: 950px; height: 100%;
	margin: auto;
	background: #5b5b5b url(../images/gradient_stage.gif) repeat-x bottom;
}
.format614x453 { width: 950px; height: 473px; overflow: hidden; }
.copyStage {
	position: absolute;
	width: 397px; height: 453px;
	top: 0; right: 0;
	overflow: hidden;
}
.collection { width: 336px; }
.bg {	width: 100%;}
.bg .bgHead { height: 42px; background: #fff; }
.bg .bgBody { height: 411px; background: #fff; }
.collection .bg .bgHead { background: #d2d2d2; }
.copy { position: absolute; top: 0; left: 0; width: 100%; }
.copy h2 { line-height: 64px; padding-left: 18px; }
.collection .copy h2 { line-height: 44px; padding-left: 18px; }
.copy .menu { border-bottom: 1px solid #ccc; padding-left: 18px; height: 78px; }
.copy .menu a {
	display: block;
	width: 90px; height: 19px;
	background: url(../images/link_arrow.gif) no-repeat;
	color: #333;
	padding-left: 8px;
	margin-right: 8px;
	float: left;
	text-decoration: none;
}
.copy .menu a:hover, .copy .menu a.active { color: #e16b11; background-position: 0 -19px; }
.copy .scrollPaneHolder { padding: 5px 0 5px 18px; }
.copy .scrollPaneHolder h2 { line-height: normal; padding: 0 0 5px 0; }
.copy .scroll-pane { width: 100%; height: 321px; overflow: auto; overflow-x: hidden;  }
.collection .copy .scroll-pane {	height: 282px; }
.copy em { font-style: normal; color: #e16b11; }
.copy a.expand { 
	display: block; 
	background: url(../images/plusminus.gif) no-repeat;
	color: #333; 
	text-decoration: none;
}
.copy a.expand em { 
	display: block; 
	width: 130px; 
	float: left;
	color: #333; 
	padding: 0 7px 0 13px;
	cursor: pointer;
}
.copy .verkooppunt {	padding-left: 150px; }
.buttons { padding: 8px 0 0 18px; }
.buttons a {
	display: block;
	width: 124px; height: 22px;
	padding-left: 22px;
	float: left;
	margin-right: 8px;
	line-height: 22px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}
.buttons a em {
	display: block;
	width: 122px; height: 100%;
	background: url(../images/but_bg.gif) no-repeat top right;
	color: #fff;
	padding-left: 2px;
	float: left;
	font-style: normal;
	cursor: pointer;
}
.buttons a.iconArrow { background: url(../images/but_icon_arrow.gif) no-repeat 0 0; }
.buttons a.iconBackarrow { background: url(../images/but_icon_backarrow.gif) no-repeat 0 0; }
.buttons a.iconFoot { background: url(../images/but_icon_foot.gif) no-repeat 0 0; }
.buttons a.iconInfo { background: url(../images/but_icon_info.gif) no-repeat 0 0; }
.buttons a.iconDrop { background: url(../images/but_icon_drop.gif) no-repeat 0 0; }
.buttons a:hover { background-position: 0 -22px; text-decoration: none; }
.buttons a:hover em { background-position: right -22px; }

.leftside {
	padding: 21px 18px 18px 18px;
	color: #fff;
	width: 517px;
}
.leftside h2 { color: #fff; line-height: normal; margin-bottom: 18px; }
.leftside .kaart { float:right; }
.frankrijk { background: url(../images/france.gif) no-repeat; }
.overige { background: url(../images/internationaal.gif) no-repeat; }
.belgie { background: url(../images/belgie.gif) no-repeat; }
.nederland { background: url(../images/nederland.gif) no-repeat; }
.leftside fieldset.verkooppunt {
	position: absolute;
	height: 20px; width: 156px;
	padding: 0 2px 0 2px;
}
.leftside .form {	margin-bottom: 18px; }
.leftside .form fieldset {	margin-bottom: 3px; }
.leftside .form label {
	display: block;
	height: 20px; width: 130px;
	float: left;
	line-height: 20px;
}
.leftside .form input, .leftside .form textarea {
	height: 20px; width: 186px;
	border: 0;
	padding: 0 2px 0 2px;
	line-height: 20px;
	margin-right: 4px;
}
.leftside .form textarea {
	height: 80px; width: 374px; margin-right: 0;
}
.leftside .form input.w65 { width: 61px; }
.leftside .form input.checkbox {
	width: 20px;
	height: 20px;
	border: 0;
	padding: 0;
	background: #fff url(../images/checkbox.gif) no-repeat;
}
.leftside .buttons a em { background-position: right -44px; }
.leftside .buttons a.iconArrow { background-position: 0px -44px; }
.leftside .buttons a.iconBackarrow { background-position: 0px -44px; }
.leftside .buttons a.iconFoot { background-position: 0px -44px; }
.leftside .buttons a.iconInfo { background-position: 0px -44px; }
.leftside .buttons a.iconDrop { background-position: 0px -44px; }
.leftside .buttons a:hover { background-position: 0px -66px; }
.leftside .buttons a:hover em { background-position: right -66px; }
.leftside .right a { float: right; }

/* custom scrollbar jScrollPane */
.jScrollPaneTrack { background: url(../images/scroll_track.gif) repeat-y; }
.jScrollPaneDrag { background: url(../images/scroll_dragMiddle.gif) repeat-y 0 0; }
.jScrollPaneDragTop { background: url(../images/scroll_dragTop.gif) no-repeat; height: 2px; }
.jScrollPaneDragBottom { background: url(../images/scroll_dragBottom.gif) no-repeat; height: 2px; }
a.jScrollArrowUp { height: 2px; background: url(../images/scroll_arrowUp.gif) no-repeat 0 0; }
a.jScrollArrowDown { height: 2px; background: url(../images/scroll_arrowDown.gif) no-repeat 0 0; }



/* foot */
.foot {
	width: 950px; height: 32px;
	margin: auto;
	background: #e16b11 url(../images/corn1_bl.gif) no-repeat;
	border-top: 1px solid #333;
}
.foot img {	float: right; }
.foot div {	text-align: right; margin: 6px 20px 0 0; }
.foot a, .foot a:hover { color: #333; text-decoration: none; }


/* popup */
.popup {	
	position: absolute; 
	height: 100%; width: 100%;
	left: 0; top: 0;
	display: none;
}
.popup .pBackground {
	position: absolute; 
	height: 100%; width: 100%;
	left: 0; top: 0; 
	background: #333;
	opacity: .90; filter: alpha(opacity=90);
}

.popup .pOuter {
	position: relative;
	width: 500px; height: 333px;
	background: url(../images/popup_l.gif) no-repeat;
	margin: 140px auto;
}
.popup .pInner {
	height: 100%;
	margin-left: 10px;
	background: url(../images/popup_r.gif) no-repeat right;
}
.popup .pInner h2 { padding: 12px 18px 18px 8px; line-height: normal; }
.popup .pInner p { font-size: 1.2em; padding: 0px 18px 10px 8px; }
.popup .pInner .scrollPaneHolder { height: 260px; overflow: hidden; }
.popup .pInner .scrollPaneHolder .scroll-pane2 { width: 100%; height: 100%; overflow: auto; overflow-x: hidden; }
.popup a.close {
	position: absolute;
	top: 6px;
	right: 6px;
	background: url(../images/close.gif) no-repeat; 
}
.popup a.close:hover { background-position: 0 -17px; }



/* algemeen */
.clearFloat { clear: both; }
.dim { color: #5b5b5b; }
.abbr { width:8px; text-align:center; padding-right:8px; }