@charset "UTF-8";

/* ROADSTAR AGENCY */

/*************************************************/
/* HTML tag styles                               */
/*************************************************/

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
}

body {
	font-family: "Trebuchet MS", "Trebuchet MS Bold";
	height: 100%;
	background: #000;
}

body a:focus {
	outline: none;
}

/*************************************************/
/* Page Layout styles                            */
/*************************************************/

/* Positionering algemeen
**************************************************/

/* Page Layout
**************************************************/

#outer_table {
	height: 100%;
	width: 100%;
	background:url(../img/img_site/background.jpg) no-repeat bottom;
}

#left_bg_container {
	height: 100%;
	width: 50%;
	text-align: right;
	vertical-align: top;
}

#left_bg_table {
	height: 100%;
	width: 100%;
	background:url(../img/img_site/left_bg.jpg) no-repeat right top;
}

#left_bg_foot {
	height: 164px;
	background:url(../img/img_site/footer.jpg) repeat-x right top;
}

#right_bg_container {
	height: 100%;
	width: 50%;
	vertical-align: top;
}

#right_bg_table {
	height: 100%;
	width: 100%;
	background:url(../img/img_site/right_bg.jpg) no-repeat left top;
}

#right_bg_foot {
	background:url(../img/img_site/footer.jpg) repeat-x left top;
	height: 164px;
}

#wrap_container {
	width: 860px;
}

#wrap_table {
	margin: 0;   /* align for good browsers */
	padding: 0;
	width: 860px;
	height: 100%;
}

#header_container {
	height: 220px;
	position: relative;
	vertical-align: top;
}

#header {
	position: relative;
	height: 220px;
}

#header_flash {
	z-index:0;
	position:absolute;
	top:0px;
	left:0px;
}

#address {
	font-size: 11px;
	color: #FFF;
	text-align: right;
	position: absolute;
	top: 138px;
	left: 396px;
	line-height: 12px;
	width: 454px;
}

#address a {
	color: #FFF;
	text-decoration: underline;
}

#address a:hover {
	color:#fff;
}

.rode_balk_large {
	width:566px;
	padding-top:2px;
	height:34px;
	background: url(../img/img_site/rode_balk_large.jpg) no-repeat top left;
}

.rode_balk_large_content {
	width:549px;
	padding-top:2px;
	height:34px;
	background: url(../img/img_site/rode_balk_large.jpg) no-repeat top left;
}

.rode_balk_large_content a img {
	opacity: 0.7;
	*filter: alpha(opacity=70);
	margin-right:8px;
	margin-top: 4px;
	border:0px solid;
}

.rode_balk_large a img {
	opacity: 0.7;
	*filter: alpha(opacity=70);
	margin-right:8px;
	margin-top: 4px;
	border:0px solid;
}

.rode_balk_small {
	width:279px;
	padding-top:2px;
	height:34px;
	background: url(../img/img_site/rode_balk_small.jpg) no-repeat top left;
}


.padding_top {
	padding-top:8px;
}

#content_bg_container {
}

#content_bg_table {
	height: 100%;
	width: 100%;
}

#main_container {
	vertical-align: top;
}

#main_table {
	height: 100%;
	width: 100%;
}

#menu_container {
	vertical-align: top;
}

#content_container {
	height:393px;
	padding-right:6px;
	padding-left: 6px;
	vertical-align:top;
}

#boekingtool {
	padding-left:17px;
	padding-top:17px;
	height:376px;
*height:393px;
	background:url(../img/img_site/content_bg.png) repeat top left;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}

#logo_bar {
	padding-top:50px;
	height:110px;
*height:160px;
}

#footer_container {
	height: 164px;
	vertical-align: top;
	background:url(../img/img_site/footer.jpg) repeat-x left top;
}

#footer {
	color: #333;
	position: relative;
}

.footer_col {
	vertical-align:top;
	padding: 5px 15px 0px 20px;
	width:115px;
}

.scheiding_ver {
	width:10px;
	background:url(../img/img_site/scheiding_ver.jpg) repeat-y left top;
}

#footer_div {
	position: absolute;
	width: 836px;
	left: 10px;
	top: 20px;
}

#footer_div .footer_kop {
	font-size:11px;
	font-weight:bold;
	color:#737373;
	display:block;
}

#footer_div a {
	line-height:18px;
	display:block;
	font-size:11px;
	color: #333;
	font-weight:normal;
	text-decoration: none;
}

#footer_div a:hover {
	color: #737373;
}

/*************************************************/
/* Styles Losse onderdelen                       */
/*************************************************/

/* Content CMS
**************************************************/

#colb {
  padding:15px 5px 15px 15px;
  width:259px;
 *width:279px;
  float:right;
  background:url(../img/img_site/content_bg.png) repeat left top;
  behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}


.float_right {
	float:right;
}

.content {
	padding-left:17px;
	vertical-align:top;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	color:#979797;
}

.contentproduct {
	padding-left:0px;
}

.content hr {
	color:#333;
	height:1px;
	border-width:0px;
	background:#333;
}

.content ul {
	margin-bottom:11px;
}

.content li {
	list-style: inside disc;
	background:url(../img/img_algemeen/bullet_content.gif) no-repeat 0.4em 0.6em;
	padding-left:12px;
	font-size:11px;
}

.content ul li ul {
	margin-bottom:0px;
}

.content ul li ul li {
	list-style:inside disc;
	background:url(../img/img_algemeen/bullet_content.gif) no-repeat 0.4em 0.6em;
	padding-left:15px;
}

.content a {
	font-size:1.09em;
	text-decoration:underline;
	color:#b7b7b7;
}

.content a:hover {
	text-decoration:underline;
	color:#fff;
}

.content .imglinks {
	float:left;
	margin:6px;
}

.content .imgrechts {
	float:right;
	margin:6px;
}

.content p {
	font-size:11px;
	line-height:17px;
	color:#979797;
	margin-bottom:11px;
}

.content h1 {
	color:#d8d8d8;
	text-transform:none;
	font-size:17px;
	line-height:24px;
	font-weight:bold;
	margin-bottom:5px;
	width: 480px;
	float:left;
}

.content h2 {
	font-weight:bold;
	font-size:12px;
	line-height:17px;
	color:#d8d8d8;
}

.content h3 {
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	color:#d8d8d8;
}

.content h4 {
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	color:#d8d8d8;
}

.content h5 {
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	color:#d8d8d8;
}

.content h6 {
	font-weight:bold;
	font-size:11px;
	line-height:17px;
	color:#d8d8d8;
}

.bigger {
  font-size:1.30em !important;
  font-weight:bold;
}

#naarboven {
	float:left;
	color:#000;
	font-size:1em;
	cursor:pointer;
}

#toonpdf {
	float:right;
}

/*************************************************/
/* Browser compatibility                         */
/*************************************************/

/* fixes float problems
**************************************************/

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/************ INGANGEN **************/

#content_container #ingangen_container {
	width:265px;
	padding-left:14px;
	vertical-align:top;
	height:393px;
	background:url(../img/img_site/content_bg.png) repeat top left;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */

}


/************ BOX ALGEMEEN **************/

.margin_top30 {
	margin-top:30px;
}

.margin_top5 {
	margin-top:5px;
}

.margin_top {
	margin-top:0px;
}

.box {
	text-transform:none;
	font-size:11px;
	width:100%;
	color:#b8b8b8;
	padding-bottom:15px;
	*padding-bottom:0px;
	background:url(../img/img_site/content_bg.png) repeat left top;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}

.box a {
	color:#9f9e9f;
}

.box a:hover {
	color:#fff;
}

ul.overzicht_item {
	margin-left: 0;
	margin-bottom: 25px;
	height: 130px;
	padding: 0px;
	text-decoration:none;
}

ul.overzicht_item li {
	list-style-type: none;
	padding-left: 5px;
	float: left;
	width:85px;
*width:92px;
	margin-left:15px;
	*margin-left:10px;
	margin-top:2px;
}

ul.overzicht_item li a {
	font-size:11px;
	text-decoration:none;
}

.afb img {
	width:90px;
	height:90px;
	margin-top:13px;
	border: 1px solid #454344;
}

.afbhover img{
	width:90px;
	height:90px;
	margin-top:13px;
	border: 1px solid #d8d8d8;
}

.afb:hover {
	color: #d8d8d8; /* Dummy definition to overcome IE bug */
}

.box .box_head {
  display:block;
 	text-transform:uppercase;
	padding-top:7px;
	padding-left:17px;
	height:29px;
	text-decoration: none;
	font-size:13px;
	color: #b8b8b8;
	background:url(../img/img_site/box_header.jpg) no-repeat right top;
}

.box .box_head:hover {
  color: #fff;
  background:url(../img/img_site/box_header_hoover.jpg) no-repeat right top;
  text-decoration:none;
}

.box .box_head_clean {
  display:block;
 	text-transform:uppercase;
	padding-top:7px;
	padding-left:17px;
	height:12px;
*height:29px;
	text-decoration: none;
	font-size:13px;
	color: #b8b8b8;
}

.box .box_head_clean:hover {
	color: #b8b8b8;
  text-decoration:none;
  cursor: default;
}

.box span {
	border-bottom:2px solid #000;
	display:block;
	height:29px;
	background:url(../img/img_site/box_header_bg.jpg) repeat-x left top;
 }

.box .span_over {
	border-bottom:2px solid #000;
	display:block;
	height:29px;
	background:url(../img/img_site/box_header_bg_hover.jpg) repeat-x top left;
}

.box_content {
	margin-top:8px;
*margin-top:15px;
	margin-left:16px;
	padding-left:7px;
	padding-top:9px;
	padding-right:7px;
	height:271px;
*height:279px;
	width:376px;
*width:390px;
	background:url(../img/img_site/box_content.png) repeat left top;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}

.box_contact {
	margin-top:8px;
*margin-top:15px;
	margin-left:16px;
	padding-left:7px;
	padding-top:2px;
	padding-right:7px;
	height:278px;
	width:376px;
  *width:390px;
  background:url(../img/img_site/box_content.png) repeat left top;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}

.box_link {
  padding:11px 0px 0px 30px;
  *margin-bottom:15px;
}

.geplaatst {
	height:17px;
	color:#929091;
	text-transform: none;
	font-size:10px;
	padding-left:20px;
	background: url(../img/img_site/geplaatst.jpg) no-repeat 0.6em top;
}

.nieuwsbericht {
	font-size:11px;
	vertical-align:top;
	line-height:17px;
	padding-top:4px;
	height:55px;
	color:#929091;
	padding-left:20px;
	background: url(../img/img_site/nieuwsbericht_left.jpg) no-repeat 0.6em 0.2em;
}

.nieuwsbericht h2 a.nieuwskop {
  font-size:11px;
	color:#c0bfc0;
	text-decoration:none;
}

.nieuwsbericht a.nieuwskop:hover {
	text-decoration:underline;
}

.scheiding {
	vertical-align:center;
	height:18px;
	background:url(../img/img_site/scheiding.jpg) repeat-x left 0.55em;
}

.scheiding hr {
	background-color:#171617;
	height:2px;
	border-top:0px solid;
	border-left:0px solid;
	border-right:0px solid;
	border-bottom:1px solid #464243;
}

.btn_verstuur {
	cursor:pointer;
	margin-top:1px;
	height:33px;
	width:131px;
	background:url(../img/img_site/btn_verstuur_hover.png) no-repeat left top;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}


/******* aanmeldbox ***********/

#aanmeld_box {
	z-index:10;
	font-size:11px;
	color:#fff;
	position:absolute;
	display:block;
	width:200px;
	left:635px;
	top: 12px;
}

#aanmeld_box a {
	font-size:11px;
	color:#fff;
}

#aanmeld_box a:hover {
	color:#fff;
}

#rss a {
	z-index:10;
	cursor:pointer;
	display:block;
	position:absolute;
	left:807px;
	top: 5px;
	height:36px;
	width:50px;
	background:url(../img/img_site/rss_icon.png) no-repeat left top;
	behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
	text-decoration: none;
}

#rss a:hover {
  background:url(../img/img_site/rss_icon_hover.png) no-repeat left top;
}

/* Formulieren CMS
**************************************************/

.letsFormContainer fieldset {
	border: 0px dotted #fff;
	padding:10px;
}

.letsFormContainer legend {
	padding-left:4px;
	font-size: 12px;
	color: #fff;
}

.tabContent input, .tabContent select, .tabContent textarea, .tabContent file, input, select, textarea, file {
	color:#B8B8B8;
	background: #353132;
	padding: 2px;
	margin-bottom:5px;
	border: 1px solid #5a5758;
	width: 300px;
}

input[type='checkbox'] {
	width: 15px;
}

.tabContent textarea, textarea {
	height: 95px;
	width: 350px;
	font: 11px "Trebuchet MS", "Trebuchet MS Bold";
	*overflow: auto;
}

.letsFormTable {
	color:#b8b8b8;
	width:100%;
	padding: 2px;
	display:block;
	font-size: 11px;
	line-height: 18px;
}

.letsFormInput_error {
	border: 1px solid red;
}

.letsFormTD {
	width: 120px;
	padding-bottom:2px;
	vertical-align:top;
}

.letsErrorList {
	color:red;
}

.letsFormButton {
	width:130px;
	color: #fff;
	background: url(../img/img_site/btn_verstuur.png) no-repeat;
	padding: 1px;
	height:30px;
	cursor: pointer;
	margin-top: 5px;
	font: bold 9px Verdana, Geneva, sans-serif;
	border-style: none;
}

.letsFormCheckbox {
	border: 0px solid #B4CDE1;
	background: #E5ECF4;
	margin:3px 3px 3px 3px;
}

.letsFormCheckbox_error {
	border: 0px solid red;
	background: red;
	margin:3px 3px 3px 3px;
}

.letsFormRadio {
	border: 0px solid #6e7176;
	background: #FFFFFF;
	margin:3px 3px 3px 0px;
}

.letsFormRadio_error {
	border: 0px solid red;
	background: red;
	margin:3px 3px 3px 0px;
}

.letsFormTijdSelect {
	width: 50px;
 *width: 40px;
	font-size: 11px;
}

#toolTip { /* Styling van het infoplaatje */
	position:relative;
	top:3px;
	cursor: pointer;
}

.formInfo {
	font-size: 11px;
	background: #5C0609;
	border: 1px none #000;
	width: 150px;
	margin: 0px;
	padding: 5px;
	color: #fff;
}

#letsFormCaptcha { /* Styling van het captchaplaatje */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}

.w20 {
	width: 20px
}

.w50 {
	width: 50px
}

.w100 {
	width: 100px
}

.w120 {
	width: 120px
}

.w150 {
	width: 150px
}

.w180 {
	width: 180px
}

.w200 {
	width: 200px
}

.w450 {
	width:450px;
}

.w100percent {
	width: 100%
}

/* Tell a friend
**************************************************/

.letsTellTable {
	display:block;
	font-size: 11px;
	line-height: 15px;
	color: #BDC2C5;
}


.letsTellTD {
	width: 100px;
	padding-bottom:10px;
}

.letsTellHeader{
	font-weight:bold;
	font-size: 12px;
	padding-bottom: 5px;
}


.content .letsTellTD em {
	font-style: normal;
	color: #a1cb19;
	margin-left: 2px;
	font-size: 12px;
	font-weight: bold;
}


/************** ZOEKERTJE *************/

#zoekertje {
	z-index:10;
	position:absolute;
	left: 655px;
	top: 82px;
	width:220px;
}

form#qsearch {
	padding: 0;
	border: none;
	width: auto;
	height: 17px;
}

form#qsearch p {
	margin: 0;
	padding: 0;
}

form#qsearch input {
	float: left;
	border:none;
	background: transparent;
	color: #8f838a;
	margin: 0;
}

form#qsearch .tbox {
	border: 1px solid #2a2a2a;
	margin-right:3px;
	padding-left:2px;
	width: 170px;
	display: inline;
	background:#1b1619;
	font: 11px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
}

form#qsearch .btn {
	width: 21px;
	height: 20px;
	margin-top:-2px;
}




/*
  Home ingangen

  basis styling van de ul
*/
ul#btn {
  list-style-type : none;
  width: 249px;
  margin-top:17px;
}

/*
  afstand tussen de knoppen
*/
ul#btn li {
  margin-bottom: 3px; /* voor ie6, maar ook voor alle ie bij geen doctype moet dit -3 zijn (via eigen css) */
}

/*
  static link styling
*/
ul#btn a {
  position : relative; /* zet een nieuwe vaste positie */
  width:247px;
  height:86px;
  display : block; /* zorgt ervoor dat de a zich als blok gedraagt, belangrijk... haal deze maar eens weg :-) */
  border : 1px solid #2E2C2D;
  background:url(../img/img_site/ingang.jpg) no-repeat left top;
  color : #bdbcbc;
  text-decoration : none;
  outline:none; /* haal de standaard usability stippellijn weg, de buttons hebben eigen focus event */
}

/*
  strong styling (kan als block, en heeft hogere waardering als p dus goed voor kopje)
*/
ul#btn strong {
	color:#bdbcbc;
	text-transform:uppercase;
	font-size:20px;
	font-weight:normal;
	display:block;
	margin: 9px 0 0 12px;
}

/*
  p styling
*/


ul#btn a span.positiefix_span  {
	top:43px;
}

ul#btn a .positiefix_strong  {
	padding-top:2px;
}

ul#btn a span {
  position : absolute;
  top: 48px;
  display : block;
  color : #8c8b8b;
  font-size:11px;
  margin: 0 0 0 12px;
  width: 175px; /* fix voor ie6 of geen doctype, anders had het ook met right margin gekunt */
}

/*
  event bij mouseover
*/
ul#btn a:hover, ul#btn a:focus, ul#btn a:active   {
  background : url(../img/img_site/ingang_active.jpg) no-repeat left top;
  border : 1px solid #444243;
}

/* debug info
********************/

#debug {
  font-size: 9px;
  color: #fff;
}

/* Tijdelijk (in afw. van afronding html/css - kan dus weg!)
**********************************************/

a.bSelected {
  font-weight: bold;
}


#col_right {
	vertical-align:top;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	color:#979797;
	padding:17px 16px 15px 14px;
	width:249px;
	background:url(../img/img_site/content_bg.png) repeat left top;
    behavior: url("skins/iepngfix/iepngfix.php"); /* Transparantie in IE6 */
}



/******** REFINE **********/

ul#refine_list {
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin: 0px;
}


ul#refine_list li {
	background: #171415 url(../img/img_nav/sub_randje.jpg) repeat-x left 2.25em;
}

ul#refine_list li a {
	display:block;
	padding-left:23px;
	margin-bottom:5px;
	text-align:left;
	border:1px solid #454344;
	height:26px;
	line-height:26px;
	color:#979797;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	background: url(../img/img_nav/sub_item.jpg) no-repeat right top;
}

ul#refine_list li a:hover {
	color:#d8d8d8;
	background: url(../img/img_nav/sub_item_hover.jpg) no-repeat right top;
}


ul#refine_list li a#active {
	display:block;
	color:#d8d8d8;
	background: url(../img/img_nav/sub_item_down.jpg) no-repeat right top;
}

ul#refine_list li a#active_nosub {
	display:block;
	color:#d8d8d8;
	background: url(../img/img_nav/sub_item_hover.jpg) no-repeat right top;
}


/* SUBLIST */

ul#refine_list ul {
	list-style-type: none;
	padding: 0px;
	margin-top:-6;
	margin-bottom: 10px;
	border: 1px solid #454344;
	background:none;
}

ul#refine_list ul li a {
	display:block;
	padding-left:23px;
	margin:1px;
	text-align:left;
	border:0px solid;
	height:26px;
	line-height:26px;
	color:#979797;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	background:#161415;
}

ul#refine_list ul li a:hover {
	color:#d8d8d8;
	background: url(../img/img_nav/sub_niv2_bg.jpg) repeat-x left top;
}

ul#refine_list ul li a#active  {
	display:block;
	color:#d8d8d8;
	background: url(../img/img_nav/sub_niv2_bg.jpg) repeat-x left top;
}

ul#refine_list li a:hover {
	color:#d8d8d8;
	background: url(../img/img_nav/sub_item_hover.jpg) no-repeat right top;
}


ul#refine_list li a#active {
	display:block;
	color:#d8d8d8;
	background: url(../img/img_nav/sub_item_down.jpg) no-repeat right top;
}

/* SUBLIST */

ul#refine_list ul {
	list-style-type: none;
	padding: 0px;
	margin-top:-6;
	margin-bottom: 10px;
	border: 1px solid #454344;
	background:none;
}

ul#refine_list ul li a {
	display:block;
	padding-left:23px;
	margin:1px;
	text-align:left;
	border:0px solid;
	height:26px;
	line-height:26px;
	color:#979797;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	background:#161415;
}

ul#refine_list ul li a:hover {
	color:#d8d8d8;
	background: url(../img/img_nav/sub_niv2_bg.jpg) repeat-x left top;
}

ul#refine_list ul li a#active  {
	display:block;
	color:#d8d8d8;
	background: url(../img/img_nav/sub_niv2_bg.jpg) repeat-x left top;
}

/* Photobox
**************************************************/

#photobox {
	padding-top:5px;
	background:url(../img/img_site/photobox_bg.gif);
}

#photo_container {
	width:445px;
}

#photo_container img {
	border:1px solid #454344;
	margin:0px;
	padding:2px;
}

.scrolldiv {
  	height: 432px;
	overflow-x: none;
	overflow-y: auto;
}

.description {
	margin-top:5px;
	line-height: 16px;
	color: #979797;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
}

#thumb_container {
	width:94px;
	height: 100%;
}

.thumb {
	margin-top:0px;
  margin-bottom:5px;
  margin-right : 10px;
	height: 50px;
	width: 70px;
	padding:2px;
	cursor: pointer;
	border:1px solid #454344;
}

.videos {
  padding-bottom:30px;
}


ul#refine_list ul li a:hover {
	color:#d8d8d8;
	background: url(../img/img_nav/sub_niv2_bg.jpg) repeat-x left top;
}

ul#refine_list ul li a#active  {
	display:block;
	color:#d8d8d8;
	background: url(../img/img_nav/sub_niv2_bg.jpg) repeat-x left top;
}

/* Google maps
**************************************************/


.gmb input {
	color:#000;
	background: #ffffff;
	padding: 2px;
	margin-bottom:5px;
	border: 1px solid #5a5758;
	width: 230px;
}

#route_route table td {
	color: #979797;
}