/***** easy clearing *****/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/***** easy clearing *****/
.ewyse_collection:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ewyse_collection {display: inline-block;}
/* Hides from IE-mac \*/
.ewyse_collection {display: block;}
/* End hide from IE-mac */


/*** general layout ***/
html{overflow-x: auto; overflow-y: scroll;}

body{margin: 0; padding: 0; text-align: center; background: url(../assets/images/bg.gif) 0 0 repeat;}
#bg{min-height: 650px; background: url(../assets/images/top_bg.gif) 0 0 repeat-x;}
#wrap { position: relative; padding: 0; margin: 0 auto 0; text-align: left; width: 965px; background-color: #f0f0f0; border: 1px solid #fff; }

#header-image { position: absolute; }

#header { position: relative; background-color: #fff; }
#header .row1 { height: 74px; padding-top: 7px; }
#header .row2 { width: 965px; position: relative; overflow: hidden; line-height: 0; min-height: 227px; background: black; }

/* Quick fix, we'd better get decent images for the header ... */
#header .row2 img { width: 100%; } /* Issue with some images not being wide enough, so force them */
#header .row2 #flags img { width: auto; } /* Flags get resized to 100% as well, so reset */

	/* header */
	#header .row1 img{ float: left;}
	#header .row1 img#baseline{margin-top: 10px; margin-left: 15px;}
	#header .row1 img#Iamsterdam{float: right; margin-top: 23px; padding-right:8px;}
	#header .row1 img#korting{float: right; margin-top: 5px; padding-right:8px;}
	#header .row1 .lc5element{float: right; margin-top: 1px; padding-bottom:5px;}

	
	#extraMenu { top: 0; right: 0; position: absolute; z-index: 20; padding-left: 3px; background: url(../assets/images/nav1_bg_left.png) bottom left no-repeat; }

		#ulExtraMenu li{display: block; font-size: 1.1em; padding: 0 12px; background: url(../assets/images/nav/seperator.gif) right center no-repeat; }
		#ulExtraMenu li a.activeItem,
		#ulExtraMenu li a:hover {text-decoration: underline;}
		#ulExtraMenu { float: left; padding-right: 15px; }
		#ulExtraMenu, #flags { background-color: #fff; height: 25px; line-height: 25px; }
		
		#flags { display: block; float: left; }
		#flags a { margin-left: 2px; }
		#flags a img { padding: 2px; }
		#flags a:hover img,
		#flags a.activeItem img { padding: 1px; border: 1px solid red; }
	
	#topMenu { position: absolute; z-index: 20; bottom: 0px; left: 0; }
	#topMenu{ margin-left: 12px; }
		#topMenu li.level1{display: block;}
	
		#topMenu a { display: block; position: relative; height: 29px; font-size: 13px; line-height: 29px; padding: 0 3px;  padding-top: 5px; text-decoration: none; }
			#topMenu a span { display: block; float: left; height: 29px;  padding: 0 5px; background: url(../assets/images/nav/bg.png) 0 0 repeat-x; color: #1b2a58; }
			#topMenu span.helper1,
			#topMenu span.helper2 { position: absolute; width: 3px; padding: 0; }
			#topMenu span.helper1 { left: 0; background: url(../assets/images/nav/bg_left.png) top right no-repeat; }
			#topMenu span.helper2 { right: 0; background: url(../assets/images/nav/bg_right.png) top left no-repeat; }
	
			#topMenu a.activeItem,
			#topMenu a:hover { height: 34px; padding-top: 0; }
			#topMenu a.activeItem span,
			#topMenu a:hover span{ background:none; background-color: #f0f0f0; color: #ed1f24; height: 34px; }
			#topMenu a.activeItem span.helper1,
			#topMenu a:hover span.helper1 { background: url(../assets/images/nav/bg-left-on.png) top right no-repeat; }
			#topMenu a.activeItem span.helper2,
			#topMenu a:hover span.helper2 { background: url(../assets/images/nav/bg-right-on.png) top left no-repeat; }

#centreCollectionPane { margin-top: 18px; clear: both; }

#footer #footerMenu{position: absolute; bottom: 30px; left: 20px;}
#footer #search div{position: absolute; right: 30px; bottom: 26px;}
#footer #search div input, 
#footer #search div img{vertical-align: middle;}
/*** end general layout  ***/
 
/* utils - css framework alike */
ul.nav li{float: left; list-style-type: none;}

input.example,
textarea.example{color: #b3b3b3;}

.submit,
.btn{line-height: 18px;  padding: 2px 4px 4px 4px; text-align: center; background: url(../assets/images/btn_bg.png) 0 0 repeat-x; border: 1px solid #b3b3b3;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn:hover{cursor: pointer;}
.btn a{text-decoration: none; color: #3b3b3b;}

/*custom select box*/
div.selectbox-wrapper{position:absolute; z-index: 100; margin-top:-10px; padding:0px; margin:0px; text-align:left;}
div.selectbox-wrapper ul{list-style-type:none; margin:0px; padding:0px;}
div.selectbox-wrapper ul li.selected{background-color: #EAF2FB; }
div.selectbox-wrapper ul li { display:block; margin:0; padding-left: 4px; list-style-type:none; cursor:pointer;}
div.selectbox-wrapper ul{background-color: #fff;  width:340px;  border:1px solid #ccc; padding: 0; margin-top: 10px; line-height: 22px;}
div#wrap_opportunity ul { width: 250px; }
.selectbox{display:block; height: 18px; color:#333; background: url(../assets/images/select_bg.gif) 0 0 no-repeat; cursor: pointer;  border: 0;}
input.selectbox { width:202px; padding-left: 10px; padding-right: 30px; padding-top: 3px;  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em;}

/* lightbox */
#lightbox{position: absolute;	display: none; left: 0;	top: 0;	width: 100%; text-align: center;}
#lightboxInner{background-color:white; border:1px solid black; width: 800px!important;}
#lightboxContent{margin:20px 40px;}
#lightboxCloseLink{margin-right:-15px; margin-top:-15px; position:absolute; right:0; top:0;}
img#lightboxClose{cursor: pointer; }

#lightboxInner .leftSide{margin-right: 40px;}
#lightboxInner .leftSide,
#lightboxInner .rightSide{float: left;}
#lightboxInner .rightSide{clear: right;}
#lightboxInner .persoonlijkBericht{float: none; clear: both; overflow: hidden;}

#lightboxInner h3{margin-bottom: 12px;}
#lightboxInner label{float: left; display: block; width: 150px; line-height: 20px;}
#lightboxInner input{float: left; display: block;  margin-bottom: 10px;}
#lightboxInner input.submit{float: none; display: block; margin: 12px 0 12px 150px;}

/* footer */
#footer { background: url(../assets/images/footer_bg.gif) 0 0 repeat-x; position: relative; margin: 0 auto; margin-top: 6px; height: 70px; width: 965px; margin-bottom: 10px; }
	#footerMenu li { padding: 0 10px 0 10px; background: url(../assets/images/nav/seperator.gif) right 4px no-repeat; }
	#footerMenu li.last { background: none; }

		#footerMenu a { display: block; color: #444; font-size: 13px; }
		#footerMenu a:hover,
		#footerMenu a.activeItem{color: #ed1f24;}

#search #searchField{ color: #163c47;}

/* main */
#main { width: 100%; background-color: #f0f0f0; margin-top: 10px; }
#centreTopCollectionPane { margin: 19px 12px 0; overflow: hidden; }

/* content */
table.grijs-wit { width: 100%; margin-right: 2%; float: left; margin-bottom: 1em; }
table.3kol { width: 100%; margin-right: 2%; float: left; margin-bottom: 1em; }
table.tweekol { width: 48%; margin-right: 2%; float: left; margin-bottom: 1em; }
table.tarief { width: 100%; margin-right: 2%; float: left; margin-bottom: 1em; }


#content { vertical-align: top; }
	#divContent {margin: 0 4px 20px; background: url(../assets/images/gradient_bg.gif) 0 0 repeat-x; padding: 0 8px; position: relative; overflow: hidden; }
	#divContent table.grijs-wit th,
	#divContent table.grijs-wit td { line-height: 16px; padding-left: 5px; }
	#divContent table.grijs-wit th { font-weight: bold; line-height: 24px; }
	#divContent .tl,
	#divContent .tr{display: block; position: absolute; line-height: 0; height: 5px; width: 5px; }
	#divContent .tl{top: 0; left: 0; background: url(../assets/images/gradient_ctl.gif) 0 0 no-repeat;}
	#divContent .tr{top: 0; right: 0; background: url(../assets/images/gradient_ctr.gif) 0 0 no-repeat;}
	#content li { list-style: none; }
	#content .collection_title { display: none; }

	span.ewyseImageInContent{float: right; margin: 12px 12px 24px 24px;}
	
	/*tmp winter magic style*/
#contents { vertical-align: top; background: url(../assets/images/Sneeuwheader.jpg) no-repeat; background-color:#172B74; padding-top: -3px; }
	#tmpContent {margin: 0; position: relative; color: #FFF; background-color:#0CC; width:100%}
	#tmpContents p{color: #FFF; padding-left:3px; } 
	#tmpContents h1 { text-align: center; width: 620px; color:#172B74; font-size:16px; font-weight:bold}
	#tmpContents h2 { color: #FFF;}
	#tmpContents a { color: #FFF;}
	#tmpContents span.ewyseImageInContent { margin-top:80px; }
/* end */
	span.fright{ float: right; margin: 6px 12px 4px 0px; }

#tools { margin-top: 10px; clear: both; overflow: hidden; }

/*right column*/
#rightColumn{display: block; vertical-align: top; width: 234px; margin-left: 12px; background: url(../assets/images/gradient_bg.gif) 0 0 repeat-x;}
	#divRightColumn { padding-bottom: 20px; }
	
#subMenuWrapper{position: relative;}
#subMenuWrapper .tl,
#subMenuWrapper .tr{display: block; position: absolute; line-height: 0; height: 5px; width: 5px; }
#subMenuWrapper .tl{top: 0; left: 0; background: url(../assets/images/gradient_ctl.gif) 0 0 no-repeat;}
#subMenuWrapper .tr{top: 0; right: 0; background: url(../assets/images/gradient_ctr.gif) 0 0 no-repeat;}

#subMenu { list-style-type: none; margin-left: 10px; padding-top: 10px; line-height: 16px; list-style: none; }
	#subMenu a { line-height: 18px; }
	#subMenu a.level1 { margin: 0; background: url(../assets/images/marker_off.gif) no-repeat left center; padding-left: 20px; }
	#subMenu li a.activeItem,
	#subMenu li a:hover{color: #ed1f24;}
		#subMenu ul.level2 { display: none; }
		#subMenu li.activeItem ul.level2 { display: block; margin-left: 20px; list-style: none; }

#lightboxContent input.text { width: 160px; }
#lightboxContent textarea { width: 300px; }

/*banner*/
#bannert { position:absolute;
		  top:114px;
		  height:400px;
 		  width:128px;
		  display:none;
		  padding-top:4px;
		  background-color:#e2e2e2;
		  xbackground: url(../assets/images/gradient_bg.gif) 0 0 repeat-x; 
}
 #bannert img { padding:2px;}
#divContent li { padding-left:24px;}