body {
	margin: 0px;
	padding: 0px;
	height:100%;
	min-height: 100%;
	width: 100%;
	background-color: #979797;
	background-image:url('/images/bg_grey.gif');
	background-repeat:repeat-x; 
}
#container {
	margin: 0 auto;
	width: 1000px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

#forumcontainer {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	background-color: #BDDF9C;
	position: relative;
	overflow: hidden;
}

#content {
	float: left;
	width: 760px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	position: relative;
	background-color: #BDDF9C;
}


/* HEADER */
#header {
	float: left;
	width: 1000px;
	position: relative;
	height: 74px;
	background-color: #FFFFFF;
}

#logo {
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 4px;
	position: relative;
}
#ad_headertopright {
	float: right;
	width: 480px;
	margin-top: 10px;
	margin-right: 4px;
	position: relative;
}

/* PERSONAL MENU */
#personal-menu { 
	position:relative;
	float:left;
	width:1000px;
	height:20px;
	background-color:#fff;
	}
#personal-menu .nav { 
	font-size: 10px;
	color:#000;
	font-family: tahoma, verdana, arial, helvetica;
	text-transform: uppercase;
	}
	
	
#p-menu {
	position:relative;
	margin: 4px 80px 4px 0px;
	float:left;
	background-color:#fff;
	font-size: 12px; 
	font-family: tahoma, verdana, arial, helvetica;
}

/* MENU 1000*/
#menu {float: left; width: 1000px; position: relative; background-image: url(/images/bg_28x1000_oranje.gif); background-position: top; background-repeat: no-repeat; background-color: #FF6600; height: 28px; font-family: tahoma, verdana, arial, helvetica; }
#site-menu { float: left; width: 1000px; position: relative; padding-top: 4px; }
#site-menu ul { margin: 0px; padding: 0px; float: left; position: relative; list-style-type: none; 	font-size: 14px; font-family: tahoma, verdana, arial, helvetica; text-transform: uppercase; font-weight: bold; color: #000000; }
#site-menu li { list-style-type: none; margin: 0px 20px 0px 8px; padding: 0px; float: left; font-size: 14px; font-family: tahoma, verdana, arial, helvetica; text-transform: uppercase; font-weight: bold; color: #000000;}
#site-menu li a { color: #FFFFFF; text-decoration: none; font-size: 14px; font-family: tahoma, verdana, arial, helvetica; text-transform: uppercase; font-weight: bold;}
#site-menu li a:hover { color: #000000; font-size: 14px; font-family: tahoma, verdana, arial, helvetica; text-transform: uppercase; font-weight: bold; color: #000000;} 

/* MEMBER-MENU 760 = 752+8 = (512+4+4=520) + 240 */
#member-menu { float: left; width: 752px; position: relative; height: 30px; font-size: 14px;  font-family: tahoma, verdana, arial, helvetica; padding-top: 6px; padding-left: 8px; background-color: #7BBA39; }
#member-menu a {text-decoration:underline; color:#000;font-size:14px;}
#member-menu a:hover { color: #fff; text-decoration:underline; font-size:14px;} 

/* FORUMBAR 760 = 752+4+4*/
#forumbar { float: left; width: 752px; position: relative; margin: 0px; padding: 0px 4px 0px 4px; font-family: tahoma, verdana, arial, helvetica; font-size: 12px; background-color: #FFFFFF; }
#forumbar a { color: #000000; text-decoration: none; }
#forumbar a:hover { text-decoration: underline; }
#forumbar img { border:none; margin: 0px; padding: 2px 4px 4px 4px;}

#forumbar h2 { font-size: 20px; color: #FF6600; text-decoration: none; margin: 0px; padding: 4px 0px 4px 0px; width: 502px;  float: left; }
#forumbar h2 a { color: #FF6600; text-decoration: none; }
#forumbar h2 a:hover { 	text-decoration: underline; }

#forumbar p { text-align: justify; font-size: 12px; margin: 0px; padding: 2px 0px 4px 0px; width: 100%; float: left; line-height: 20px; }
#forumbar p a { color: #FF6600; text-decoration: none; }
#forumbar p a:hover { text-decoration: underline; }

#forumbar table { margin: 0px; padding: 0px; font-size: 12px; float: left; }
.forumbar td { font-size: 12px; }

#forumbar small { font-size: 10px; color: #666666; float: left; }
#forumbar ul { margin: 0px; padding: 0px 0px 0px 0px; }
#forumbar ul li { padding: 6px 0px 6px 0px; float: left; position: relative; clear: both; width: 512px; list-style-type: none; border-bottom: 1px solid #666666; }
#forumbar ul li span.time { font-size: 10px; color: #666666; }
#forumbar ul li span.caption { }

/* LEFTBAR 520 = 4 + 512 + 4*/
#leftbar {
	float: left;
	width: 512px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	position: relative;
	margin: 0px;
	padding: 0px 4px 0px 4px;
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 12px;
	background-color: #FFFFFF;
}
#leftbar a {
	color: #FF6600;
	text-decoration: none;
}
#leftbar a:hover {
	text-decoration: underline;
}
#leftbar img {
	border:none;
	margin: 0px;
	padding: 2px 4px 4px 4px;
}
#leftbar h2 {
	font-size: 20px;
	color: #FF6600;
	text-decoration: none;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	width: 502px;  /* 502=4+4+2+502 waarom? (probleem h2 zat in table in video's; opgelost) */
	float: left;
}
#leftbar h2 a {
	color: #FF6600;
	text-decoration: none;
}
#leftbar h2 a:hover {
	text-decoration: underline;
}
#leftbar p {
	text-align: justify;
	font-size: 12px;
	margin: 0px;
	padding: 2px 0px 4px 0px;
	width: 100%;
	float: left;
	line-height: 20px;
}
#leftbar p span.img_in_list img {
	border:none;
	margin: 0px;
	padding: 2px 10px 4px 0px;
	width: 160px;
	float: left;
} /* width <= 220 AUB */
#leftbar p span.img_in_item img {
	border:none;
	margin: 0px;
	padding: 2px 2px 4px 10px;
	float: right;
} /* NO width AUB */
#leftbar p a {
	color: #FF6600;
	text-decoration: none;
}
#leftbar p a:hover {
	text-decoration: underline;
}
#leftbar table {
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	float: left;
} /*.leftbar td { font-size: 12px; }  BSh*t */
#leftbar small {
	font-size: 10px;
	color: #666666;
	float: left;
}
#leftbar .txt_small {
	font-size: 10px;
	color: #666666;
	float: left;
}
/* 512 = 4 + 500 + 8 */
#leftbar .listnews ul {
	margin: 0;
	padding: 0;
	list-style: none;
/*	border-top: 1px solid #666666; beland bovenaan de pagina? */
}
#leftbar .listnews ul li {
	padding: 4px 8px 3px 4px;
	float: left;
	position: relative;
	clear: both;
	width: 500px;
	border-bottom: 1px solid #666666;
}
#leftbar .listnews ul li a {
	color: #FF6600;
	text-decoration: none;
}
#leftbar .listnews ul li a span.time {
	font-size: 10px;
	color: #666666;
	margin-right: 2px;
}
#leftbar .listnews ul li a:hover span.time {
	text-decoration: none;
}
#leftbar .listnews ul li a:hover span.caption {
	text-decoration: underline;
}
#leftbar .listnews ul li a:hover,
#leftbar .listnews ul li a:hover span.time {
	color: #FF6600;
}
/* 512 = 4 + 500 + 8 */
#leftbar .responses ul {
	margin: 0px;
	padding: 0px;
}
#leftbar .responses ul li {
	text-align: justify;
	padding: 3px 8px 9px 4px;
	margin: 0px 0px 12px 0px;
	float: left;
	position: relative;
	clear: both;
	width: 500px;
	list-style-type: none;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	background-color: #E9E9E9;
}
#leftbar .responses ul li span.caption {
}
#leftbar .responses ul li span.caption img {
	border:none;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
#leftbar .responses ul li span.time {
	font-size: 10px;
	color: #666666;
}
/* 512 = 4 + 500 + 8 */
#leftbar .inforow {
	float: left;
	position: relative;
	width: 500px;
	height: 20px;
	text-align: right;
	font-size: 11px;
	color: #666666;
	background-color: #EFEFEF;
	border-top: 1px solid #CDCDCD;
	margin-top: 1px;
	margin-bottom: 6px;
	padding: 3px 8px 0px 4px;
}
#leftbar .inforow a {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
#leftbar .inforow a:hover {
	text-decoration: underline;
}

/* MIDDLE BAR 240 */
#hottestbar {
	position: relative;
	width: 240px;
	float: left;
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 11px;
	background-image: url(/images/bg_groen.gif);
	background-repeat: repeat-x;
	height: 100%;
}
#hottestbar .ellipsis a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;  /* for internet explorer */
	-o-text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 0px; /* 1px prevent 'W' to be misshaped */
}
#hottestbar .hottestitem h2 {
	font-family: tahoma, verdana, arial, helvetica; 
	font-size: 14px; 
	margin: 6px 0 2px 0;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;
}
#hottestbar .hottestitem h2 a {
	color: #000000;
	text-decoration: none;
}
#hottestbar .hottestitem h2 a:hover {
	text-decoration: underline;
}
#hottestbar .hottestitem h2 span.time {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	visibility: hidden;
	margin-right: 2px;
}
#hottestbar .hottestitem ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #7BBA39;
}
/* 240 = 230 + 3 + 7 */
#hottestbar .hottestitem ul li {
	padding: 4px 7px 4px 3px;
	border-bottom: 1px solid #7BBA39;
	font-size: 11px;
}
#hottestbar .hottestitem ul li a {
	width: 230px;
	color: #000000;
	text-decoration: none;
}
#hottestbar .hottestitem ul li a span.time {
	color: #666666;
	margin-right: 2px;
}
#hottestbar .hottestitem ul li a:hover span.caption {
	text-decoration: underline;
}
#hottestbar .hottestitem ul li a:hover,
#hottestbar .hottestitem ul li a:hover span.time,
#hottestbar .hottestitem h2 a:hover {
	color: #FF6600;
}

/* RIGHTBAR 240 = 234 + 4 + 2 */
#rightbar {
	float: left;
	width: 234px;
	position: relative;
	font-family: tahoma, verdana, arial, helvetica;
	height: 100%;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 4px 2px 0px 4px;
}
#rightbar .smll {
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 10px;
}
/* 234 = 2 + 232 */
#rightbar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 4px 0px;
	width: 232px;
	float: left;
	background-color: #FFFFFF;
}
#rightbar p {
	text-align: justify;
	font-size: 11px;
	margin: 0px;
	padding: 2px 0px 4px 0px;
	width: 100%;
	float: left;
}
#rightbar .rightbar-link {
	float: right;
	width: 234px;
	position: relative;
	text-align: left;
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 11px;
	margin-bottom: 2px;
	color: #000000;
	padding: 1px 0px 2px 0px;
	border-bottom: 1px solid #666666;
	clear: both;
}
#rightbar a {
	border:none;
	color: #FF6600;
	text-decoration: none;
}
#rightbar a:hover {
	text-decoration: underline;
}
#rightbar img {
	border:none;
	margin: 0px;
	padding: 2px 4px 4px 4px;
}
#rightbar table {
	margin: 0px;
	padding: 0px;
	float: left;
}

/* FORUMRIGHTBAR 240 = 234 + 4 + 2 */
#forumrightbar {
	float: left;
	width: 234px;
	position: relative;
	font-family: tahoma, verdana, arial, helvetica;
	height: 100%;
	background-image: url(/images/bg_groen.gif);
	background-repeat: repeat-x;
	background-color: #BDDF9C;
	margin: 0px;
	padding: 4px 2px 0px 4px;
}
#forumrightbar .smll { font-family: tahoma, verdana, arial, helvetica; font-size: 10px; }
#forumrightbar h2 { font-size: 14px; font-weight: bold; color: #FF6600; text-decoration: none; margin: 0px; padding: 4px 0px 4px 0px; width: 232px; float: left; }
#forumrightbar p { text-align: justify; font-size: 12px; margin: 0px; padding: 2px 0px 4px 0px; width: 100%; float: left; }
#forumrightbar .forumrightbar-link { float: right; width: 234px; position: relative; text-align: right; font-family: tahoma, verdana, arial, helvetica; font-size: 12px; margin-bottom: 8px; color: #000000; padding: 1px 0px 2px 0px; border-bottom: 1px solid #666666; }
#forumrightbar a { border:none; color: #000000; text-decoration: none; }
#forumrightbar a:hover { color: #FF6600; text-decoration: underline; }
#forumrightbar img { border:none; margin: 0px; padding: 2px 4px 4px 4px; }

/* FOOTER */
#footer {
	float: left;
	width: 1000px;
	position: relative;
	padding-top:6px;
	background-image: url(/images/bg_28x1000_groen.gif); background-position: bottom; background-repeat: no-repeat; background-color: #BDDF9C;
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 12px;
	text-align: center;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	color: #FF6600;
	text-decoration: underline;
}


/* LASTMINUTE FRAME */
#travelframe td { 
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 10px;
	color: #000000;
}

#travelframe .price { font-size: 11px; font-weight:bold; color:#FF6600; }
#travelframe .date { font-size: 10px; color:#999999; }
#travelframe .destination { font-size: 11px; font-weight:bold; }

#snowboards .style { font-size: 13px; }
#snowboards .lengths { font-size: 13px; font-weight:bold; }
#snowboards .lengths .selected { background-color: #BDDF9C; }
#snowboards .rider { font-size: 13px; }
#snowboards .label { font-size: 13px; font-weight: bold; color: #FF6600; }

#snowboard_length td {
  vertical-align: top;
  text-align: left;
  border-width: 1px;
  padding: 1px 1px 1px 2px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: #FFEFE5;
}
#snowboard_length th {
  font-size: 11px; font-weight: normal; color: #000000;
  text-align: left;
  border-width: 1px;
  padding: 1px 1px 1px 2px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
#snowboard_length img {
	border:none;
	margin: 0px;
	padding: 2px 2px 2px 1px;
}

#leftbar .page-number {
  margin-left: 3px;
  padding: 2px 5px 2px 5px;
  font-size: 11px; font-weight: bold; color: #FF6600;
  background-color: #FFFFFF;
  border: 1px solid #CDCDCD;
}
#leftbar .active {
  font-size: 11px; font-weight: bold; color: #FFFFFF;
  background-color: #FF6600;
  border: 1px solid #CDCDCD;
}

#rightbar .filter {
  margin: 2px 1px 1px 1px;
  padding: 2px 5px 2px 5px;
  font-size: 11px; color: #000000;
  background-color: #FFEFE5;
}

#rightbar .active {
  font-size: 11px; font-weight: bold; color: #FFFFFF;
  background-color: #FF6600;
  border: 1px solid #CDCDCD;
}

#rightbar form {
  clear: both;
}

#rightbar #fieldsetContainer {
  margin: 0 auto;
  padding: 0;
  width: 230px;
}

#rightbar fieldset {
  margin: 2px 0px 2px 0px;
  padding: 2px 0px 4px 2px;
  float: left;
}

#rightbar label {
  float: left;
  margin: 2px 0px 0px 2px;
  width: 220px;
  text-align: left;
}

#rightbar select {
  float: left;
  width: 220px;
}

.clickable {
  cursor: pointer;
}