/* Stylesheet for 
BTY-cruises
author: Dirk Zaal Digizaal webdev Amsterdam 
*/
/* =0 Reset */

@import url('/share/styles/reset.css'); 
/* =1 Global */

*{ margin: 0; padding: 0; }

/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }

a img{ border: none; }

a.button,
a.button:visited{
	display: inline-block;
	font: bold 1.4em "Trebuchet MS", arial,sans-serif;
	padding: 1px 2px;
	text-decoration: none;
	white-space: nowrap;
}

a.button:hover{ background: #55739a; color: #fff; }

a.info{
	background: transparent;
	color: #3d506d; /*
	Special mouse over popup
	*/
	font: normal 9pt "Trebuchet MS", arial,sans-serif;
	position: relative; /*this is the key*/
	text-decoration: none;
	z-index: 24;
}

a.info span{ display: none; }

a.info:hover{
	background: #00ced1;
	color: #3d506d;
	cursor: help;
	text-decoration: none;
	z-index: 25;
}

a.info:hover img{ border: 0; }

a.info:hover span{
	border: 1px solid #3d506d;
	color: #3d506d;
	display: block; /*the span will display just on:hover state*/
	left: 0;
	padding: 2px;
	position: absolute;
	text-align: left;
	top: 0;
	z-index: 25;
}

a.minibutton:active,a.minibuttonactive{
	background: transparent !important;
	color: #b22222 !important;
	font: bold 14px "Trebuchet MS", arial,sans-serif;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

a.readmore{
	background: url("/images/submit_onoff.png") no-repeat scroll transparent right 0;
	color: #55739a !important;
	font-style: normal;
	font-weight: 800;
	margin-top: 7px;
	padding-right: 24px;
	text-decoration: none;
}

a.readmore:hover,
a.readmore.hover{
	background: right -17px !important;
	color: #89acb0 !important;
}

a[rel="external"]{
	background: transparent url(/share/images/icons/icon_blank.gif) no-repeat scroll right center;
	padding-right: 12px;
}

body{
	color: #000000;
	font: 10pt "Trebuchet MS", arial,sans-serif;
	height: 100%;
	margin: 0;
	min-height: 100%;
	padding: 0;
	width: 100%;
}

body .ui-widget{ font-size: 12px; }

/*Opera Fix*/
body:before{
	content: ""; /* thanks to Maleika (Kohoutec)*/
	float: left;
	height: 100%;
	margin-top: -32767px; /* thank you Erik J - negate effect of float*/
	width: 0;
}

div#username, div#password, div#find {
	float: left;
	margin-right: 3px;
	position: relative;
	display: inline;
}

div#username,div#password{ margin-right: 3px; position: relative; }

div.contentcenter ol.sitemap,
div.contentcenter ol.sitemap ul{ margin-left: 10px; list-style: none; }

div.form_entry{ margin: 3px 0; overflow: hidden; }

div.form_entry input{ margin-top: 4px; }

div.form_entry label {
	width: 9em;
	font-weight: normal;
	color: #a9a9a9;
	margin-top: 4px;
}

div.home{ background: #ffffff; }

div.nieuwsfoto{
	background: no-repeat top center;
	cursor: pointer;
	float: right;
	height: 115px;
	margin: 0 5px; /*
	plaatje bij de nieuws berichten op home page
	*/
	width: 120px;
}

div.pagewidth{
	background: #ffffff;
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	width: 960px;
}

div.plakrechts{
	clear: right;
	float: right;
	margin: 2px;
	padding: 2px;
	text-align: left;
	width: 166px;
}

div.sublist{
	background: #ffffff;
	border-bottom: 1px outset #f0f8ff; /* url(/images/sublist.png) no-repeat;*/
	height: 24px;
	overflow: hidden;
	padding-top: 5px;
}

form  input.text,
form select.text,
textarea.text{ border: 2px solid #a9a9a9; padding: 2px; width: 20em; }

form label{
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 13em;
}

form select.text{ width: 20.7em; }

form#login{ padding: 6px; position: relative; }

h1{
	color: #547691;
	font: bold 1.6em "Trebuchet MS", arial,sans- serif;
	margin-bottom: 15px;
	margin-top: 2px;
	text-transform: inherit;
}

h1.header{ border-bottom: 3px solid #3d506d; color: #3d506d; }

h2{ color: #55739a; font: bold 1.25em arial,sans-serif; }

h3{ font: bold 1em arial,sans-serif; }

h4{ font: bold 9pt arial,sans-serif; }

h5{ font: bold 10px arial,sans-serif; }

h6{ font: bold 8px arial,sans-serif; }

html{ height: 100%; min-height: 100%; width: 100%; }

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html,body{ height: 100%; }

img.left{ margin-right: 5px; }

img.right{ border: none; margin-left: 5px; }

input#username-field,input#password-field{ width: 10em; }

input.infocus,input:focus,textarea.infocus,select.infocus{ background: #f5f5f5; color: #3d506d; padding-left: 2px; }

input.outfocus,textarea.outfocus,select.outfocus{ background: #dcdcdc; color: #3d506d; padding-left: 2px; }

input.text,option.text,select.text,textarea.text{
	background: #f5f5f5;
	color: #3d506d;
	font: 0.9em "Trebuchet MS", arial,sans-serif;
}

label.overlabel {
	color: #2C292A;
	font: italic 1em Verdana,arial,sans-serif;
	left: 0;
	padding-left: 5px;
	position: absolute;
	top: 0;
	width: auto;
}

label.overlabel-apply{
	color: #a9a9a9;
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 1;
	width: auto;
}

ol.sitemap h2{
	color: #55739a;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 3px;
	padding: 5px;
}

pre{ text-indent: 30px; }

select{ font-family: sans-serif; width: 100px; }

sup{ font-size: 6px; vertical-align: super; }

table,td{ font-size: 11px; vertical-align: top; border: none; }

td.colorpic,img.colorpic{
	background: #f5f5f5 no-repeat 50% 50%;
	border: 0;
	cursor: pointer;
}

ul.list{
	list-style-type: none;
	margin-left: 0 !important;
	padding-left: 0.1em;
}

ul.menulist{
	margin: 0;
	overflow: hidden;
	background-color: transparent;
	background-image: url(/images/3pxwit.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

ul.menulist .sub{ margin-left: 1em; text-align: left; }

ul.menulist .sub a:hover{ font-size: 9pt; }

ul.menulist img{ vertical-align: middle; }

ul.menulist li{
	float: left;
	list-style: none;
	margin: 0;
	width: 20%;
	padding: 8px 0;
	border-bottom: medium solid #fff;
}

ul.menulist li a{
	color: #fff;
	display: block;
	text-align: center;
	font: bold 1em arial,sans-serif;
	padding: 0 5px;
	text-transform: capitalize;
}

ul.menulist li a,#browser a{ text-decoration: none; }

ul.menulist li a:hover{ color: #fdd500; }

ul.menulist li.current{
	background: transparent url(/images/menucurrent.png) no-repeat bottom;
}

ul.menulist li.current a{ color: #fff; }

ul.menulist ul.sub .current a{ text-decoration: underline; }

ul.menulist ul.sub a{
	background: transparent;
	color: #3d506d;
	font-size: 9pt;
	font-weight: bold;
}

ul.navtablist{
	border-bottom: 4px solid #980e10;
	margin: 0 !important;
	padding: 3px 0 0;
}

ul.subnavlist{
	clear: both;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	width: 162px;
}

ul.subnavlist a{
	background: transparent;
	color: #000000;
	display: block;
	font: bold  1em  "Trebuchet MS", arial,sans-serif;
	padding: 10px 8px;
	text-decoration: none;
}

ul.subnavlist a:hover{ color: #000000; }

ul.subnavlist li{ border-top: 1px solid #bfcddb; margin: 0; padding: 0; }

ul.subnavlist li.current{ background: #e8f5f5; }

ul.subnavlist ul{ list-style: none; }

ul.subnavlist ul li{
	background: #ffffff url(/images/blue_arrow2.png) no-repeat 11px 13px !important;
	overflow: hidden;
	padding-left: 20px;
}

ul.subnavlist ul li a{ color: #89acb0; font-weight: normal; padding: 8px 5px; }

ul.subnavlist ul li a.current{ color: #89acb0; font-weight: bold; }

ul.subnavlist ul li.current{ background: #ffffff; }

ul.subnavlist ul li.current a{ color: #5c7f81; font-weight: bold; }

.abstract{ font-weight: bold; margin-bottom: 1em; }

.ad-gallery{ float: left; margin-right: 1em !important; }

.ad-gallery ul{ margin: 0; }

.ad-gallery ul.ad-thumb-list{ min-width: 450px; }

.ad-image{ cursor: pointer; }

.alert{
	background: transparent;
	color: #3d506d;
	font-weight: 900;
	text-decoration: blink;
	border: none;
}

.article{
	background: #ffffff;
	clear: both;
	color: #270f0c;
	margin: 25px 0;
	overflow: hidden;
}

.article div.bottom{ font-size: 0; height: 5px; }

.article div.top{ font-size: 0; height: 1px; }

.awesome{
	background: url(/share/images/alert-overlay.png) repeat-x;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-bottom: 1px solid #222222;
	border-radius: 5px;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	line-height: 1;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px #999999;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(0,0,0,0.25);
	text-shadow: 0 0 1px #222222;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px #999999;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.awesome:hover{ color: #000000; }

.banner,#banner{
	background: transparent no-repeat bottom right;
	height: 4em;
	margin: 0;
}

.banner_right{
	background: url(/images/banner_brown_grad.png) no-repeat;
	border-left: 1px solid #ffffff;
	height: 300px;
	overflow: hidden;
	position: relative;
}

.banner_right a{
	background: transparent url(/images/submit.png) no-repeat right;
	clear: both;
	color: #000000 !important;
	font-style: normal;
	font-weight: 800;
	margin-top: 5px;
	padding-right: 24px;
	text-decoration: none;
}

.banner_right a:hover{
	background: transparent url(/images/submit_over.png) no-repeat right;
}

.banner_right h2,
.banner_right h1,
.banner_right h3{ color: #000000; font-weight: bold; margin-bottom: 10px; }

.banner_right li{ margin: 15px 0; vertical-align: middle; }

.banner_right ul{
	list-style-type: none;
	margin: -50%  0 0 20px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 50%;
	width: 250px;
}

.bluegradient {
	background: #89C6E5; /* old browsers */
	color: #fff !important;
	background: -moz-linear-gradient(top, #89C6E5 0%, #195787 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89C6E5), color-stop(100%,#195787)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89C6E5', endColorstr='#195787',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #89C6E5 0%,#195787 100%); /* opera */
}

.br_round{
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.brown.awesome{ background: #a48f6b; }

.button {
	background: none repeat scroll 0 0 #2BA6CB;
	border: 1px solid #1E728C;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	outline: medium none;
	padding: 10px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.15s ease-in-out 0s;
	width: auto;
}

.button {
	background: -moz-linear-gradient(#fff, #fefefe 35%, #e3e3e3);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(.35, #fefefe),color-stop(1, #e3e3e3));
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 3px #AAAAAA;
	border: 1px solid #DDEEEE;
	color: #005c8d;
	font: bold 14px 'MS Trebuchet', arial, sans-serif;
	margin: 10px;
	border-radius: 3px;
	text-shadow: 0 0 2px #aaa;
	text-transform: uppercase;
}

.button.back { padding: 2px 5px 2px 20px; }

.button.back:hover {
	font-weight: 700;
	padding-right: 3px;
	padding-left: 17px;
	border-color: #cbcbcb;
}

.button.back:after {
	border-color: transparent #005c8d transparent transparent;
	border-style: solid;
	border-width: 6px;
	content: "";
	display: block;
	height: 0;
	margin-top: -5px;
	position: absolute;
	left: 1px;
	top: 50%;
	width: 0;
}

.button.next:after,
.gadgets .button:after {
	border-color: transparent transparent transparent #005c8d;
	border-style: solid;
	border-width: 6px;
	content: "";
	display: block;
	height: 0;
	margin-top: -6px;
	position: absolute;
	right: 5px;
	top: 50%;
	width: 0;
}

.button:hover{
	border: 1px solid transparent;
	text-shadow: 0 0 1px #333;
	box-shadow: 0 0 3px #bbb;
}

.bxslider .picholder .textblock{
	background-color: rgba(0,0,0,0.3);
	bottom: 18px;
	color: #fff;
	left: 19px;
	min-height: 75px;
	min-width: 33%;
	padding: 20px;
	position: absolute;
}

.bx-wrapper { margin: 0; }

.bx-wrapper .bx-controls-direction a {
	background-position: 0 0;
	height: 26px;
	top: 29px;
	width: 26px;
	z-index: 0;
}

.bx-wrapper .bx-next {
	background: url("/images/arrow_next_pushbox.png") 0 0 no-repeat transparent;
	right: 18px;
}

.bx-wrapper .bx-next:hover,.bx-wrapper .bx-prev:hover { background-position: 0 -26px; }

.bx-wrapper .bx-prev {
	background: url("/images/arrow_prev_pushbox.png") 0 0 no-repeat transparent;
	left: 10px;
}

.bx-wrapper .bx-viewport { border: none; box-shadow: none; left: auto; }

.clearfix{ display: inline-block; }

.clearfix{ display: block; }

.clearfix,.clearfix,.item .left img, ul.nav li:hover .sub { display: block; }

/* CLEAR FIX*/
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* CLEAR FIX*/
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.content{
	color: #26110d;
	font: 1em/147%   arial,sans-serif;
	text-align: left;
}

.content a,a.content{ color: #3d506d; font-style: italic; font-weight: bold; }

.content a:hover,a.content:hover{ font-weight: bold; }

.content ol {
	margin-left: 30px;
	list-style-type: decimal;
	list-style-position: outside;
}

.content p{ margin: 2px 0 6px 0; }

.content ul{
	list-style: disc;
	margin-left: 10px;
	padding-left: 10px;
}

.content ul ul{ margin-left: 0.3em; padding-left: 0; }

.content ul ul li{ list-style: none; }

.contentcenter{
	height: auto !important;
	overflow: hidden;
	padding: 5px 10px 5px 5px;
}

.contentcenter a:hover,
.contentcenter a,
.contentcenter a:visited{ color: #3d506d; }

.contentcenter ol{ counter-reset: item; }

.contentcenter ol ul{ margin-left: 3.1em; }

.contentcenter ol,
.contentcenter ol li{ list-style-position: outside; }

.contentcenter ol,
.contentcenter ul{ margin-left: 2.1em; }

.contentcenter ol,
.contentcenter ul,.kolomlinks img{ margin-left: 2em; }

.contentcenter ul{ list-style-position: outside; list-style-type: circle; }

.darker{ background: #c0c0c0; color: #ffffff; }

.error{
	background: #c0c0c0;
	border: 2px solid #dcdcdc;
	border-radius: 4px;
	color: #6849b1;
	-moz-border-radius: 4px;
	overflow: hidden;
	padding: 5px;
	-webkit-border-radius: 4px;
}

.folkert table {
	table-layout: auto;
	margin: 5px 0;
	border-collapse: collapse;
}

.folkert table td { table-layout: auto; padding: 0 5px; }

.folkert td img { float: right; }

.footer{
	color: #000000;
	height: 30px;
	margin: 0 auto;
	padding: 0 15px;
	vertical-align: top;
	width: 960px;
}

/*FOOTER*/
.footer a{ color: #fff; text-decoration: none; }

.footer ul{
	color: #000000;
	font-family: "Trebuchet MS", arial,sans-serif;
	list-style-type: none;
	margin-top: 1px;
}

.footer ul li{
	float: left;
	margin-left: 20px;
	text-align: left;
	width: 300px;
}

.footer ul ul{ display: block; margin-top: 8px; }

.footer ul ul a{
	color: #ffffff;
	display: block;
	font-weight: normal;
	line-height: 140%;
	text-decoration: none;
	text-transform: capitalize;
}

.footer ul ul a:hover{ color: #3d506d; }

.footer ul ul li{ text-align: left; width: auto; }

.footer ul ul li{ display: block; float: none; margin-left: 0; }

.formal{ color: #a9a9a9; font-style: italic; text-align: center; }

.fullpage{
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 0;
}

.gadgets .button { padding-right: 30px; }

.gadgets .picholder { border: none; margin: 0; }

.gadgets .picholder { display: none; }

.gadgets a.readmore{
	bottom: 5px;
	position: absolute;
	right: 5px;
	text-align: right;
	z-index: 2;
}

.gadgets h2{
	color: #ffffff; /* font:bold 1.4em "Times New Roman",serif; */
	font: bold 1.3em 'MS Trebuchet',arial,sans-serif;
	margin: 0;
	padding: 3px 0;
	text-align: left;
	text-transform: uppercase;
	top: 0;
	vertical-align: middle;
	white-space: nowrap;
}

.gadgets li .holder{
	background: #eeeeee;
	left;height: 130px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 600px;
}

.gadgets li.lijntje{ background: #c0d62d; }

.gadgets li:first-child { display: block; }

.gadgets p{ font-size: 0.9em; line-height: 140%; }

.gadgets ul{
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.grijsvlak{ background: #dcdcdc; }

.ie6 ..pagewidth,
 .ie7 .pagewidth { height: 100%; }

.ie6 .footer #footer_contain .search{ height: 20px; }

.ie6 .footer #footer_contain li{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin-left: 10px;
	width: 270px;
}

.ie6 .footer #footer_contain li li{ margin-left: 0; width: auto; }

.ie6 .slider{ box-shadow: none; }

.ie6 .subnavlist{ height: 495px; margin-right: 20px; overflow: hidden; }

.ie6 div#header{ clear: both; overflow: hidden; }

.inlogblok {
	color: #000000;
	float: right;
	margin: 0 5px;
	overflow: hidden;
	padding: 0;
	width: 340px;
}

.inlogblok #password, .inlogblok #submit { float: left; }

.inlogblok .forgot { clear: left; }

.inlogblok a { color: #000000; font-weight: bold; }

.inlogblok div { margin: 3px 0; }

.inlogblok input { margin: 0; }

.item .left{ margin-right: 1em; }

.item .left img{ display: block; }

.item .location{ display: block; margin-bottom: 10px; }

.item p{ padding-right: 12px; }

.item strong{
	color: #89acb0;
	display: block;
	font: bold 1.1em "Trebuchet MS", arial,sans-serif;
	margin-bottom: 5px;
}

.kolom{ margin: 5px; width: 120px; }

.kolomlinks{ clear: both; float: left; height: 465px; width: 154px; }

.kolomlinks  li form label{ text-align: left; width: auto; }

.kolomlinks li form  label{
	background: #ffffff;
	color: #ffffff;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 5px;
	width: 123px;
}

.kolomlinks ul{
	list-style: none outside none;
	margin: 0 2px;
	min-height: 200px;
	overflow: hidden;
	padding: 0;
}

.lanselect{
	display: inline;
	padding: 2px 5px;
	text-align: right;
	white-space: nowrap;
}

.lanselect a{ margin: 0 1px; padding: 0; text-decoration: none; }

.lanselect a img{ border: 1px solid #ffffff; opacity: .45; }

.lanselect a.current img{ opacity: 1; }

.lanselect a:hover{ border: 1px solid #3d506d; }

.lanselect form,.lanselect fieldset{ display: inline; }

.lanselect img{ padding: 0; vertical-align: middle; }

.left{ float: left; }

.magenta.awesome{ background: #a9014b; }

.medium.awesome{ font-size: 13px; }

.menulinks{ float: left; overflow: hidden; width: 222px; }

.navlist {
	background-color: transparent;
	border-bottom: 4px solid #215f8d;
	color: #215f8d;
	margin: 0;
	padding-left: 15px;
	padding-top: 3px;
}

.navlist a.current, .navlist a.current:visited, .navlist a.current:hover {
	background-color: #215f8d;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
}

.navlist li {
	display: inline;
	list-style: none outside none;
	margin: 0 6px;
}

.navlist li a, .navlist li a:visited {
	color: #215f8d;
	font: 1em arial,sans-serif;
	text-decoration: none !important;
	text-transform: capitalize;
}

.navlist li a.current span, .navlist li a.current:visited span {
	background: url("/images/leftsidetab.png") no-repeat scroll left top transparent;
	padding: 0 0.6em;
}

.navtablist li{
	display: inline;
	list-style: none outside none;
	margin: 0 0 0 2px;
}

.navtablist li a,.navtablist li a:visited{
	background: none repeat scroll 0 0 #ffffff;
	border-color: #626262;
	border-style: solid;
	border-width: 1px 1px 0;
	color: #626262;
	font: 11px/136% "Trebuchet MS", arial,sans-serif;
	padding: 4px 0.2em 1px 0.4em;
	text-decoration: none;
	text-transform: capitalize;
}

.navtablist li a.current,.navtablist li a.current:visited,.navtablist li a.current:hover{
	background: url("/share/images/blockactive.gif") repeat-x scroll center center #cf1519;
	border-color: #cf1519;
	border-style: outset;
	color: #ffffff;
	font-weight: bold;
}

.news_items{
	border-bottom: 1px solid #89acb0;
	border-top: 1px solid #89acb0;
	clear: both;
	color: #4a585a;
	margin: 25px 0;
	overflow: hidden;
}

.news_items  a,
.referentie_items a{ text-decoration: none; }

.news_items .item{
	float: left;
	margin: 10px 0;
	overflow: hidden;
	width: 50%;
}

.news_items .item img{ float: left; margin: 0 10px 10px 0; }

.news_items .item:first{ padding-right: 15px; }

.news_items a.readmore{
	background: transparent url(/images/blue_readmore.png) no-repeat right top;
	color: #89acb0 !important;
	font-style: normal;
	font-weight: 800;
	margin-top: 5px;
	padding-right: 24px;
	text-decoration: none;
}

.orange.awesome{ background: #ff5c00; }

.pager{ text-align: center; }

.picholder{
	border: 1px solid #3d506d;
	float: left;
	margin: 5px 5px 0 0;
	padding: 3px;
}

.referentie_items{ clear: both; color: #4a585a; overflow: hidden; }

.referentie_items .item{
	float: left;
	height: 264px;
	margin: 0 32px 25px 3px;
	overflow: hidden;
	position: relative;
	width: 460px;
}

.referentie_items div.readmore{
	background: url(/share/images/opadark.png);
	bottom: 0;
	left: 0;
	padding: 7px 10px;
	position: absolute;
	right: 0;
	text-align: right;
}

.referentie_items h2{
	background: url(/share/images/opadark.png);
	color: #ffffff;
	padding: 7px 10px;
	position: absolute;
	top: 0;
	width: 460px;
	z-index: 1;
}

.referentie_items img{ position: absolute; top: 0; z-index: auto; }

.right{ float: right; }

.rightrounded{
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}

.rounded{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.sc_menu a{ display: block; text-decoration: none; }

.sc_menu li{ display: block; float: left; padding: 0 4px; }

.sc_menu span{
	color: #ffffff; /* We want a caption to display on the next line */
	display: block;
	font-size: 12px;
	margin-top: 3px;
	text-align: center;
}

.scrollable{ overflow: auto !important; }

.search{
	float: right;
	background: #215f8d;
	margin-right: 0;
	overflow: hidden;
	padding: 2px 4px;
}

.search input{
	background: #215f8d;
	border: none;
	color: #ffffff;
	float: left;
	font-family: "Trebuchet MS"sans-serif;
	width: 210px;
}

.search input.submit{
	background: url(/images/submit.png) no-repeat center;
	cursor: pointer;
	float: right;
	height: 16px;
	width: 12px;
}

.search input.submit:focus,
.search input.submit:active,{ background: url(/images/submit_over.png); }

.shadow,
.glow{
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.simply-scroll-clip{ height: 50px; }

.sitemap a{ text-decoration: none; }

.sitemap li{ margin-bottom: 5px; }

.sitemap>li{ float: left; width: 25%; }

.slider{
	height: 300px;
	margin-right: 10px;
	overflow: hidden;
	width: 400px;
}

.slider .bx-pager{
	bottom: 10px;
	left: 10px;
	position: absolute;
	text-align: center;
	z-index: 100;
}

.slider .bx-pager a{
	color: #ffffff;
	font-size: 9px;
	margin-right: 0;
	text-decoration: none;
}

.slider .bx-pager a.pager-active,
.slider .bx-pager a:hover{ color: #666666; }

.small.awesome{ font-size: 11px; }

.subnavcontainer{
	clear: both;
	height: 20px;
	overflow: hidden; /*background: url(/images/opa75.png);*/
}

.tablelabel{
	background: transparent;
	color: #3d506d;
	font: 800 14px  "Trebuchet MS", arial,sans-serif;
	vertical-align: top;
}

.toprounded{
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.tr_round{
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

.ui-autocomplete-category{
	font-weight: bold;
	line-height: 1.5;
	margin: .8em 0 .2em;
	padding: .2em .4em;
}

.wrapper{
	background: transparent url(/images/grey_grad.png) repeat-x 0 3px;
	display: block;
	text-align: center;
	text-align: center;
}

.yellow.awesome{ background: #ffb515; }

#browser{
	background: transparent;
	border: none;
	clear: both;
	color: #3d506d;
	font: normal normal 12px "Trebuchet MS", arial,sans-serif;
	margin: 0;
}

#browser a.minibutton{
	background: transparent;
	color: #3d506d !important;
	font: bold 14px "Trebuchet MS", arial,sans-serif;
	padding: 4px;
	text-align: center;
	text-decoration: underline;
}

#browser img{
	border: none;
	padding: 1px;
	vertical-align: text-bottom;
}

#browser li{ display: inline; padding: 0 4px; }

#browser td,#browser li{ text-align: center; vertical-align: middle; }

#distance{ clear: left; text-align: center; }

#footer{
	background: #89C6E5; /* old browsers */
	background: -moz-linear-gradient(top, #89C6E5 0%, #195787 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89C6E5), color-stop(100%,#195787)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89C6E5', endColorstr='#195787',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #89C6E5 0%,#195787 100%); /* opera */
	clear: both;
	height: 30px;
	margin-top: -30px; /* negative value of footer height */
	position: relative;
}

#footer_contain{ letter-spacing: 1px; padding-top: 2px; }

#header{
	background: #ffffff;
	height: auto;
	overflow: hidden;
	padding-top: 10px;
	text-align: left;
	width: auto;
}

#main{
	overflow: visible; /* must be same height as the footer */
	padding-bottom: 30px;
}

#navcontainer{ clear: both; margin-top: 5px; position: relative; }

#scroller .section{ float: left; height: 45px; padding: 0 10px; }

#ticker{ position: relative; width: 99999px; }

#topbar{
	background: transparent url(/images/grey_grad.png) repeat-x 0 3px;
	overflow: hidden;
	padding-top: 3px;
}

#topbar .mainbar a{
	color: #5e5f63;
	font: 1em/32px "Trebuchet MS", arial,sans-serif;
	text-decoration: none;
}

#topbar .navtabs{
	height: 32px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#topbar .navtabs a{
	color: #5e5f63;
	display: block;
	font: 18px "Trebuchet MS", arial,sans-serif;
	padding: 8px 0 6px 0;
	text-align: center;
	text-decoration: none;
}

#topbar .navtabs li{
	float: left; /* background: transparent url(/images/brown_tab.png);*/
	width: 205px;
}

#topbar .navtabs li.current{
	background: url(/images/white_tab.png) #ffffff top no-repeat;
}

#topbar .navtabs li.current a{ color: #5e5f63; }

#topbar ul{
	list-style: none inside none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#topbar ul li{ display: inline; }

#vardumptbl{ z-index: 300; }

#wrap{ min-height: 100%; }