*{	outline: 0;}
body, html {
	margin: 0;
	padding: 0;
	background: #000;
	color: #fff;
	font-family: Arial, sans-serif;
}
img {border: 0px;}
h3, h2, h1 { font-weight: normal; color: #b3b3b3; text-transform: uppercase; font-family: "Bookman Old Style", "Times New Roman", Serif; font-size: 20px;}
#container {width: 980px; margin: 0 auto; position: relative;}
/*header*/
#navigation {width: 760px; float: left;}
#logo {width: 220px; height: 155px; background: url(../images/logo.png) no-repeat right 0; overflow: hidden; text-indent: -900px; float: right;}

#language {
	position: absolute;
	top: 140px;
	right: 0px;
}
#lang_nl {background: url(../images/flag_nl.jpg) no-repeat 0 0; width: 18px; height: 10px; overflow: hidden; text-indent: -9999px; display: block; float: left; margin-right: 4px;}
#lang_en {background: url(../images/flag_en.jpg) no-repeat 0 0; width: 18px; height: 10px; overflow: hidden; text-indent: -9999px; display: block; float: left; margin-right: 10px;}

#navigation ul {list-style: none; margin: 0; padding: 0; position: absolute; top: 90px; text-transform: uppercase; font-family: "Bookman Old Style", "Times New Roman", Serif;}
#navigation ul li {width: auto; display: inline; padding: 0 7px 0 6px; margin: 0px;}
#navigation ul li a {color: #ccc; text-decoration: none; font-size: 12px;}
#navigation ul li a:hover, #navigation ul li a.current {color: #FDC903;}

#main {clear: both;}

#content {width: 760px; float: left; position: relative; top: -20px;}
#sidebar {width: 200px; margin-left: 20px; float: left; line-height: 16px;}

/*content*/
#content h1 {color: #fff; margin: 0px; font-size: 16px;}
#content p {color: #ccc; font-size: 12px; line-height: 18px; margin: 0; padding: 0 0 10px;}
#content a {color: #b3b3b3;}
#thumbs {width: 152px; float: right;}
#afbeeldingen { display: none; width: 605px; height: 416px; float: left; }

#thumbs img {margin-bottom: 1px;padding: 0px; border: 0px; position: relative; width: 152px; height: 104px;}
#thumbs a {margin: 0px; padding: 0px; height: 104px; display: block; outline: none;text-decoration: none; position: relative; }
#thumbs a span {
	position: absolute; 
	height: 16px; 
	top: 80px; 
	padding: 5px 0 3px;
	width: 152px; 
	background: #000; 
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	 
	color: #fff; 
	left: 0; 
	z-index: 99;
	font-size: 11px;
	text-decoration: none !important;
	text-align: center;
	text-transform: capitalize;
}
#thumbs a:hover span {background: #333;}
#homeslogan {position: absolute; top: 200px; left: 30px; font-family: "Bookman Old Style", "Times New Roman", Serif; color: #fff; }
#homeslogan h1, #homeslogan h2 {font-weight: normal; margin: 0; padding: 0; color: #fff; font-size: 28px; text-transform: none;}
#homethumbs {position: absolute; top: 270px; left: 10px; width: 760px;}
#homethumbs a {margin: 10px; display: block; width: 152px; float: left; border: 6px solid #000;}
#homethumbs a:hover {border-color: #efefef;}

#tooltip {width: 190px; height: 416px; position: absolute; top: 0px; left: 415px; background: #000; opacity: .8;display: none;}
#tooltip h1 {margin-bottom: 10px;}
#tooltip p {font-size: 11px;}
#tooltip .linkindex h2 {font-size: 10px; color: #fff;}
#moreinfobutton {text-align: center; position: absolute; top: 390px; width: 170px; color: #b4b4b4; text-decoration: none; font-weight: normal; text-transform: uppercase; font-family: "Bookman Old Style", "Times New Roman", Serif; font-size: 14px;}

#moreinfo, .moreinfo {width: 565px; height: 376px; background: #000; opacity: 0.9; position: absolute; top: 0; left: 0;}
#persblocks .moreinfo {opacity: 1; left: 60px;}
#moreinfohead, .moreinfohead {height: 26px;}
#moreinfoclose, .moreinfoclose {width: auto; float: right; font-size: 11px; padding: 5px 0; cursor: pointer;}
#moreinfohead h2, .moreinfohead h1 {width: auto; float: left; margin: 0px; font-size: 16px;}
#moreinfocontent, .moreinfocontent {height: 330px; overflow: auto; clear: both;}
.moreinfocontent {width: 540px !important; min-height: 330px;}
#moreinfocontent p, .moreinfocontent p {width: auto;}
#moreinfocontent .col, .moreinfocontent .col {width: 45%; padding-right: 5%; float: left;}
#moreinfocontent h1, .moreinfocontent h1 {font-size: 13px; font-family: Georgia, serif; text-transform: uppercase;}
#moreinfocontent .date, .moreinfocontent .date {display: inline; float: right;}
#moreinfocontent img, .moreinfocontent img {}
#moreinfocontent .artikel, .moreinfocontent .artikel {clear: both; margin-bottom: 20px;}
.moreinfocontent p {width: 100%;}

#moreinfocontent .artikel div, .moreinfocontent .artikel div {display: block; height: auto;}
.persaccordion {margin-bottom: 200px; display: block;}

#moreinfocontent table {font-size: 12px; margin-bottom: 10px; width: 100%; border-spacing: 0px;}
#moreinfocontent table td,
#moreinfocontent table th {text-align: left; padding: 4px 8px; border-top: 1px solid #333;}
#moreinfocontent table th.c {text-align: center; width:16%;}
#moreinfocontent table th.h {text-align: left; width: 25%;}
#moreinfocontent table td {text-align: center;}
#moreinfocontent table td.h {text-align: left;}
#moreinfocontent table th {background: #333;}

/*sidebar*/
#sidebar h3 {padding-top: 10px;padding-left: 65px;}
#sidebar th {width: 55px; font-size: 10px; color: #4c4c4c; text-align: right; font-weight: normal; padding-right: 10px; vertical-align: top;}
#sidebar td {width: 145px; font-size: 11px; color: #b3b3b3; text-align: left; font-weight: normal; vertical-align: top;}
#sidebar td a {color: #b3b3b3;}

#impressiesicon {width: 55px; height: 80px; background: url(../images/icoon_impressies.jpg) no-repeat center -8px; padding-right: 10px;float: left;}
#impressieslinks {width: 135px;font-size: 11px; color: #b3b3b3; text-align: left; font-weight: normal; vertical-align: top;float: left;}
#impressieslinks ul {list-style: none; margin: 0; padding: 0;}
#impressieslinks ul a {color: #b3b3b3; text-decoration: none;}
#impressieslinks ul a:hover {text-decoration: underline;}

/*footer*/
#footer {clear: both; border-top: 1px solid #222; border-bottom: 1px solid #222; margin: 80px 0 0; padding: 20px 0; color: #4c4c4c; text-align: left; line-height: 16px;}
#footer h4 {font-size: 11px; margin: 0px; padding-right: 18px; width: 130px; float: left; text-align: right;}
#footer p {font-size: 11px;margin: 0px 0px 10px; width: auto; margin-left: 150px;}
#footer a {color: #4c4c4c; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .foot1 {color: #666;}
#footer .foot2 {color: #555;}
#footer .foot3 {color: #444;}
#contactform {width: 100%; font-size: 12px; }
#contactform label {
	display: block;
	padding-top: 6px;
}
#contactform span {width: 50%; float: left; padding: 4px;}
#contactform input {width: 100%; border: 0px; padding: 6px 0; background: #cccccc; border: 1px solid #ccc;}
#contactform input#aanhef {width: 40px;}
#contactform input#naam {width: 260px;}
#contactform textarea {width: 100%; height: 63px; padding: 6px 0; border: 0px; margin-bottom: 4px; background: #cccccc;}
#contactform .col {width: 50%; float: left;}
#contactform #postcode {width: 95%;}
#contactform .submit {float: right; width: 100px; padding: 3px 10px; background: #666; border: 0px; color: #efefef;}
.contactform h1 {margin: 20px;}

.width50 {width: 48%;}
.floatleft {float: left;}
.floatright {float: right;}

.cj_slideshow_pause_wrapper { width: 40px; height: 40px; background: url(../images/pause.png) no-repeat; overflow: hidden; text-indent: -900px;}
.margin10 {margin: 10px;}
.margin20 {margin: 20px;}
.clearer {clear: both;height: 1px;}




/*scroll plugin styles*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
	background: #444;
	opacity: 1;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* Tabs
----------------------------------*/
#tabs h1 {float: left; padding: 0.2em 0.2em 0 0;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs h2 {float: left; padding: .2em .9em 0;}
.ui-tabs .ui-tabs-panel h2 {float: none; padding-left: 0;}
.ui-tabs .ui-tabs-panel ul {margin: 0px; padding: 10px 0px 10px 24px; list-style: square outside; font-size: 12px; line-height: 18px;}
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; font-size: 12px; border-bottom: 1px solid #b4b4b4; height: 24px; float: left; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;  border: 1px solid #000;
-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em .2em; text-decoration: none; color: #fff; }
.ui-tabs .ui-tabs-nav li a.download {color: #FDC903 !important; padding-left: 13px; background: url(../images/pdf.jpg) no-repeat 0 7px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;  border: 1px solid #b3b3b3; background: #000; z-index: 999; }
#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-color: #000 !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; clear: both; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .beschrijving {width: 350px; float: left;}
.ui-tabs .kaart {width: 350px; float: right; margin-top: 10px;}






.downloadbuttoncontainer {margin: 50px; text-align: center;}
.downloadbuttoncontainer a {color: #000; background: #efefef; border: 1px solid #666; text-decoration: none; padding: 10px 20px;}
.downloadbuttoncontainer a:hover {background: #999;}


.contactform {padding: 20px; width: 328px; float: left;}
.homepagevisual {width: 760px !important; display: block !important;}

.gallery img {margin: 0 1px 1px 0;}

.hoverrooms {display: block; position: absolute; top: 0; left: 0;}
.hoverrooms .hover {border: 4px solid #FDC903; width: 170px; height: 170px; position: absolute; display: none;}
.hoverrooms .hover.lounge {left: 335px; top: 0px;}
.hoverrooms .hover.meeting {left: 335px; top: 235px;}
.hoverrooms .hover.boardroom1 {left: 100px; top: 235px;}
.hoverrooms .hover.boardroom2 {left: 100px; top: 0px;}

.hiddenaddress {display: none;}
.right {text-align: right;}
p.right a {color: #c60 !important;}

#news {border-top: 1px solid #222; padding: 20px 0 0}
#news .slot {width: 50%; float: left}
#news .slot .wrap {padding: 0 20px 0 0}
#news .slot img {float: left; margin-right: 20px}
#news .slot h2 {margin: 0; font-size: 18px;color: #ddd}
#news .slot p {font-size: 12px; line-height: 18px;margin: 1em 0 0}
#news .slot p.link {text-align: right; margin: 0}
#news .slot p a {color:#FDC903; text-decoration: none}
#news .slot p a:hover {text-decoration: underline}