/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 12px; color: #000; }
input, select, textarea { font-family: Verdana; font-size: 12px; color: #000; }
body { padding-bottom: 20px; background: #d5d5d5; }
img #cms { border: 0px; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 973px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 973px; height: 139px; background: url('../images/headerBg.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { margin-left: 46px; position: absolute; bottom: 0px; width: 881px; height: 42px; }
		#menuCntr ul { padding-left: 15px; overflow: hidden; width: 866px; list-style: none; }
		#menuCntr li { margin-left: 10px; float: left; display: inline; height: 42px; line-height: 42px; }
		#menuCntr li a { display: block; float: left; height: 42px; }
		#menuCntr li a:hover, #menuCntr li a.selected { background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li a span { padding: 0px 10px 0px 10px; display: block; float: left; overflow: hidden; height: 42px; text-indent: 999px; background: no-repeat 10px 15px; }
		
		#menuCntr li.start a span { width: 74px; background-image: url('../images/startpagina.png'); }
		#menuCntr li.schrijf a span { width: 68px; background-image: url('../images/inschrijven.png'); }
		#menuCntr li.zoek a span { width: 89px; background-image: url('../images/zoeken.png'); }
		#menuCntr li.verhuur a span { width: 102px; background-image: url('../images/verhuren.png'); }
		#menuCntr li.huisgenoot a span { width: 123px; background-image: url('../images/huisgenoot.png'); }
		#menuCntr li.plaats a span { width: 118px; background-image: url('../images/zoekertje.png'); }
		#menuCntr li.inlog a span { width: 56px; background-image: url('../images/inloggen.png'); }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-left: 46px; padding: 20px; overflow: hidden; width: 841px; background: #fff; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 495px; }	

			/* ### WELKOM BOX ### */
			.welkomBox { padding: 10px; width: 475px; }
			.welkomBox h1 { margin-bottom: 15px; overflow: hidden; width: 475px; height: 22px; text-indent: 999px; background: url('../images/welkom.gif') no-repeat; }
			.welkomBox p { padding-bottom: 12px; line-height: 16px; }
			
			/* ### ZOEK BOX ### */
			.zoekBox { margin-bottom: 20px; padding: 10px; overflow: hidden; width: 475px; background: #e9e9e9; }
			.zoekBox h1 { margin-bottom: 20px; overflow: hidden; width: 475px; height: 22px; text-indent: 999px; background: url('../images/zoeken.gif') no-repeat; }
			.zoekBox fieldset { border: 0px; }
			.zoekBox label { margin-bottom: 5px; display: block; float: left; width: 100px; height: 20px; line-height: 20px; font-weight: bold; }
			.zoekBox label.label { width: 40px; font-weight: normal; text-align: center; background: #fff; }
			.zoekBox select { margin-bottom: 5px; padding: 1px; display: block; float: left; height: 20px; border: 1px solid #000; background: #fff; }
			.zoekBox select.large { width: 150px; }
			.zoekBox select.small { width: 70px; }
			.zoekBox a { margin-top: 10px; display: block; float: left; line-height: 33px; text-decoration: none; color: #000; }
			.zoekBox a:hover { text-decoration: underline; }
			.zoekBox input.submit { margin-top: 10px; padding: 0px 10px 0px 10px; float: right; height: 33px; text-transform: uppercase; color: #fff; border: 0px; background: url('../images/submitBg.gif') repeat-x; }
			
			/* ### NIEUW BOX ### */
			.nieuwBox { padding: 9px; width: 475px; border: 1px solid #e9e9e9; }
			.nieuwBox h1 { margin-bottom: 15px; overflow: hidden; width: 475px; height: 22px; text-indent: 999px; background: url('../images/nieuwste.gif') no-repeat; }
			.nieuwBox ul { overflow: hidden; width: 475px; list-style: none; }
			.nieuwBox ul.pics li { margin: 0px 15px 10px 0px; padding: 8px; float: left; display: inline; text-align: center; line-height: 18px; border: 1px solid #555; }
			.nieuwBox ul.pics li.last { margin-right: 0px; }
			.nieuwBox ul.pics li img { margin-bottom: 6px; }
			.nieuwBox ul.pics li a { text-decoration: none; color: #000; }
			.nieuwBox ul.pics li a:hover { text-decoration: underline; }
			.nieuwBox ul.pics li a span { display: block; font-weight: bold; color: #ff5a00; }
			.nieuwBox ul.buttons li { margin-left: 5px; float: right; display: inline; }
			.nieuwBox ul.buttons li a { margin-top: 10px; padding: 0px 10px 0px 10px; float: left; height: 33px; line-height: 33px; text-decoration: none; font-weight: bold; color: #fff; border: 0px; background: url('../images/submitBg.gif') repeat-x; }
			.nieuwBox ul.buttons li a:hover { text-decoration: underline; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 329px; }
		#rightCntr h1 { position: absolute; top: -1px; left: -1px; width: 329px; height: 32px; line-height: 32px; text-indent: 20px; font-size: 12px; font-weight: bold; color: #fff; background: url('../images/rightH1.gif') repeat-x; }
	
			#leftCntr #beheerpaneel img { border: 0; display: inline-table; }		

			/* ### WIJ BOX ### */
			.wijBox { margin-bottom: 10px; padding-top: 33px; position: relative; width: 327px; border: 1px solid #e9e9e9; }
			.wijBox ul { overflow: hidden; width: 327px; list-style: none; }
			.wijBox li { float: left; display: inline; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
			.wijBox li.last { border-right: 0px; }
			.wijBox li.bottom { border-bottom: 0px; }
			.wijBox li img { padding-bottom: 5px; }
			.wijBox li a { padding: 5px; display: block; float: left; text-decoration: none; color: #000; }
			.wijBox li a:hover, .wijBox li.selected a { background: #ebebeb; }
			.wijBox li a span { font-weight: bold; color: #ff5a00; }
			
			/* ### LAATST BOX ### */
			.laatstBox { margin-bottom: 10px; padding-top: 31px; position: relative; width: 327px; border: 1px solid #e9e9e9; }
			.laatstBox a.button { display: block; height: 24px; line-height: 24px; font-weight: bold; text-decoration: none; text-align: center; color: #fff; background: #ff5a00; }
			.laatstBox a.button:hover { text-decoration: underline; }
			.laatstBox ul { padding: 3px; overflow: hidden; width: 321px; list-style: none; }
			.laatstBox li { margin-bottom: 1px; float: left; display: inline; height: 24px; line-height: 24px; background: #f7f6f6; }
			.laatstBox li.plaats { width: 150px; }
			.laatstBox li.opp { width: 100px; color: #5a98ad; }
			.laatstBox li.prijs { width: 71px; color: #234b5a; }
			.laatstBox li a { text-decoration: none; color: #000; }
			.laatstBox li a:hover { font-weight: bold; color: #ff5a00; }
			
			/* ### STUDENT BOX ### */
			.studentBox { margin-bottom: 10px; padding-top: 31px; position: relative; overflow: hidden; width: 327px; border: 1px solid #e9e9e9; }
			.studentBox ul { padding: 3px 3px 3px 0px; float: left; width: 157px; list-style: none; }
			.studentBox ul.large { padding: 3px 1px 3px 4px; width: 160px; }
			.studentBox li { margin-bottom: 1px; padding-left: 20px; height: 24px; line-height: 24px; background: #f7f6f6; }
			.studentBox li a { text-decoration: none; color: #000; }
			.studentBox li a:hover, .studentBox li.selected a { font-weight: bold; color: #ff5a00; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 10px; width: 973px; height: 20px; line-height: 30px; }
	#footerCntr p { text-align: center; }

/* ### Content Product ### */
.dragme { cursor: move }
div.hidden { 
	display: none; 
} 

div.show   { 
	display: block; 
} 

ul#gewoon {
  width: 100%;
  margin: 0;
  padding: 0;
  align: left;
}

ul#menu {
  width: 100%;
  list-style-type: none;
  border-top: solid 1px #65A4CD;
  margin: 0;
  padding: 0;

  background: #BEDDF1;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #000;
}

ul#menu li {
  border-bottom: solid 1px #65A4CD;
  line-height: 15px;
}

ul#menu ol li {
	border-top: solid 1px #65A4CD;
	border-left: solid 1px #65A4CD;
	border-right: solid 1px #65A4CD;
	border-bottom: solid 1px #65A4CD;
	background: #DFDFDF;
}

ul#menu ol li:before {
  content: "";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #539dbc;
}

ul#menu a.active {
  color: #be5028;
}