/*(P)resets*/
html, body{height:100%}
ul{margin:0; padding:0;}
.FloatLeft{float:left;}
.ClearBoth{clear:both}
.Small{font:10px "Arial Narrow", Arial, Helvetica, sans-serif}
blockquote{margin:0;padding:0}
:focus, :active, a{outline:none; -moz-outline:0;}
label{cursor:pointer}
dl, dt{margin:0; padding:0}
/* Setup */
body{background: black ; color:#f3f5f1; font:11px/14px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
p{padding:0; margin:5px 0 10px 0}
a {color:#f3f5f1; cursor:pointer!important;}a:hover{color:#b3e9ee}/*a:visited{color:#b9bdca}*/
h1{color:#f4f9df; font: normal 24px/26px "Arial Narrow", Arial, Helvetica, sans-serif; padding:14px 0 7px 0; margin:0;}
h2{color:#dff7f9; font: normal 20px/20px "Arial Narrow", Arial, Helvetica, sans-serif;}
h3{color:#dff7f9; font: normal 16px/18px "Arial Narrow", Arial, Helvetica, sans-serif; padding:12px 0 6px 0; margin:0;}
h4{color:#f4f9df; font: bold 12px/16px Arial, Helvetica, sans-serif; padding:6px 0 6px 0; margin:0;}
blockquote{color:#bcc2b2; font:italic 18px/22px Georgia, "Times New Roman", Times, serif;}
.RightPane blockquote{max-width:960px;}
.LeftPane blockquote{font-size:14px; line-height:16px; margin-right:7px; letter-spacing:-0.03em;}
input, select, textarea{color:#9f9999; padding:3px 1px 0 7px; font:11px Verdana, Arial, Helvetica, sans-serif; margin-bottom:3px;}
/*Styling*/
h1 a{text-decoration:none; padding-left:33px; background:url(../assets/graphics/btnLeesMeerH3.gif) 10px 5px no-repeat;}h1 a:hover{background:url(../assets/graphics/btnLeesMeerH3H.gif) 10px 5px no-repeat;}
h3 a{text-decoration:none; padding-left:21px; background:url(../assets/graphics/btnLeesMeerH3.gif) no-repeat;}h3 a:hover{background:url(../assets/graphics/btnLeesMeerH3H.gif) no-repeat;}
h2#NewRange{width:100%; border-top:solid 1px #5A5C63; border-bottom:solid 1px #5A5C63; margin:10px 0; line-height:30px; position:relative}
.LeftPane .txtDate{color:#b9bdca; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
.RightPane .txtDate{color:#f9f3df; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
.LeftPane p{margin-right:7px;}
.ImgDescription{border:solid 1px #434344; background-image:url(../assets/graphics/bgRowOdd.png)}
.ImgDescription p{font-size:10px; margin:0; padding:10px 5px;}
.ImgDescription H3{margin:0; padding:10px 5px; background-image:url(../assets/graphics/bgRowOdd.png)}
* html .ImgDescription, * html .ImgDescription H3{background-image:none; background-color:#42454E;}
.ImgDescription a img{border-bottom:solid 3px #575A63; border-right:none; border-top:none; border-left:none;}
.ImgDescription a:hover img{border-bottom:solid 3px #78edf7; border-right:none; border-top:none; border-left:none}
a img{border:solid 1px white;}
a:hover img{border:solid 1px #b3e9ee;}
/*Forms*/
#tblForm .textfield{width:344px; background-image:url(../assets/graphics/search_input_text.gif); border:0; padding-top:3px; padding-bottom:3px;}
#tblForm .textarea{width:344px; background-image:url(../assets/graphics/search_input_text.gif); border:0}
#tblForm .select{width:352px; background-image:url(../assets/graphics/search_input_text.gif); border:0; padding-bottom:2px;}
#tblForm .option{width:352px; background-image:none; border:0}
#InpCity{width:233px!important;}
#InpPostal{width:100px!important; float:left; margin-right:3px}
* html #InpPostal{margin-right:0px}
/*Structure*/
#Container{background:#141415;height:100%; max-width:1624px; margin:auto;}
#RowMargin{height:20px}
#Container td{ vertical-align:top;}
#ContentPane .LeftPane{background:#30333A url(../assets/graphics/bgContentPaneLeft.gif) right top repeat-y; width:310px;}
#ContentPane .RightPane{background:#30333A url(../assets/graphics/bgContentPaneRight.jpg) right top repeat-x; min-width:400px; padding-left:15px; padding-right:35px;}
#BottomPane{height:120px; background:#141415}
#BottomPane .LeftPane{background:#141415 url(../assets/graphics/bgBottomPaneLeft.gif) right top no-repeat; padding-left:74px; padding-top:15px;}
#BottomPane .RightPane{padding:15px 35px 15px 30px;}
#Footer td {text-align:center; font-size:10px; color:#b9bdca; border-top:solid 1px #f4f9df; padding-top:15px; padding-bottom:15px}
/*Splash*/
#ContainerSplash{width:380px; margin:49px auto 0 auto;}
.BoxSplashLogo{background:url(../assets/graphics/bgSplashLogo.jpg); width:380px; height:105px; margin:auto; float:left}
.BoxSplashNL{background:url(../assets/graphics/BgSplashNL.jpg); width:189px; height:172px; float:left}
.BoxSplashEN{background:url(../assets/graphics/BgSplashEN.jpg); width:191px; height:172px; float:left}
.BtnSPlashNL, .BtnSPlashEN{display:block; width:147px; height:147px;}
.BtnSPlashNL{ float:right;}
.BtnSPlashEN{ float:left;}
.BtnSPlashNL:hover{ background: url(../assets/graphics/BgSplashHNL.jpg) right top;}
.BtnSPlashEN:hover{background: url(../assets/graphics/BgSplashHEN.jpg) left top}
/*Invulling van de Panes*/
#BoxLanguageSwitch{margin-left:74px; margin-top:3px; color:#4A696B;}
#BoxLanguageSwitch a.Active{color:#4A696B;}
#BoxLanguageSwitch a{color:#ccc;}
#BoxContentLeft{background:url(../assets/graphics/bgBoxContentLeft.jpg) no-repeat; min-height:470px;padding-left:74px; padding-top:133px;}
* html #BoxContentLeft{height:470px;}
/*LeftPane*/
#idList{list-style:none; margin:0px 20px 32px 20px; overflow:hidden; width:196px;}
#idList li {margin:0 0 0 -5px;}
#idList li a{color:#f4f9df; text-decoration:none; background: url(../assets/graphics/bgMenuItemH.gif) left 10px no-repeat; padding:12px 0 12px 12px;display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; white-space:nowrap;}
* html #idList Li a{width:179px;}
#idList li a.Active{color:#b3e9ee;}
#Leftpane p{margin: 5px 10px 10px 20px;}
#Leftpane h3, #Leftpane blockquote{margin: 5px 10px 10px 20px;}
/*Header*/
#BoxHeader{height:399px; background:black url(../assets/images/Banner_01.jpg) center top; margin:auto; position:relative; min-width:470px; max-width:1540px;}
#FrameLeft, #FrameRight{height:399px; position:absolute; background-image:url(../assets/graphics/bgHeader.png);}
* html #FrameLeft, * html #FrameRight{background-image:url(../assets/graphics/bgHeader.gif);}
#FrameLeft{left:0; width:11%; background-position:left top;}
#FrameRight{right:0; width:90%; background-position:right top;}
/* Content */
#BoxContent{margin:0 15px 15px 15px;}
#BoxContent.FixedWidth{float:left; width:592px; padding:0 30px; background: url(../assets/graphics/bgContentPane652.jpg) no-repeat;}
.Coll{width:23%; padding-right:2%; float:left;}
.Newline{float:none; width:90%;}
#Coll_01.Duo{width:45%; padding-right:40px;}
#Coll_02.Duo{width:45%;}
/* ProductHolder*/
.BoxProductHolder{width:100%; position:relative;}
.BoxImageHolder{width:200px; margin-top:7px; float:left;}
.BoxImageHolder img{margin:7px 0 14px 0;}
.BoxTxtProduct{width:50%; float:left;}
/* SearchForm */
#SearchForm
{
clear: both;
width: 100%;
padding: 0;
}
#SearchForm .input_text
{
width: 562px;
padding: 10px 15px;
font-size: 2.1em;
color: #62c5de;
background: #fff url(../assets/graphics/search_input_text.gif) no-repeat 0 0;
border:none;
}
#SearchForm.searching .input_text
{
color: #62c5de;
background: #fff url(../assets/graphics/search_input_text_candy.gif) no-repeat 0 0 !important;
}
/* SearchResults */
#SearchResults
{
padding: 2px 0 3px;
}
#SearchResults h2 { color: #000; }
/* result_Archive */
#result_Archive { width: 100%; }
#result_Archive th,
#result_Archive td
{
vertical-align: top;
text-align: left;
}
#result_Archive th a,
#result_Archive td a
{
display: block;
width: auto;
height: 1%;
padding: 14px 10px;
font-size: 1.2em;
line-height: 1.2;
color: #f3f5f1;
text-decoration: none;
}
#result_Archive th a:hover,
#result_Archive td a:hover { text-decoration: none; }
/*#result_Archive th a:visited,
#result_Archive td a:visited { color: #999; }
*/
#result_Archive thead .location,
#result_Archive tbody th a { padding-left: 23px !important; }
#result_Archive .Category{width: 180px;}
#result_Archive .Picture{width:50px;}
#result_Archive .Date{width: 150px;}
#result_Archive th.Picture a, #result_Archive td.Picture a{padding:0!important;}
#result_Archive th.Picture a img, #result_Archive td.Picture a img{border:0!important;}
#result_Archive thead th
{
font-size: 1.2em;
line-height: 1.2;
color:#36373d; font: normal 16px/18px "Arial Narrow", Arial, Helvetica, sans-serif; padding:12px 0 6px 0; margin:0;
border: 0;
}
#result_Archive tbody th,
#result_Archive tbody td { border-color: #D4D4C5; }
#result_Archive .odd {background-image:url(../assets/graphics/bgRowOdd.png)!important;}
* html #result_Archive .odd {background-image:none!important; background-color:#2C2F35;}
#result_Archive .even th,
#result_Archive .even td {}
#result_Archive tbody tr:hover{ background-image:url(../assets/graphics/bgRowOddH.png)!important; }
* html #result_Archive tbody tr:hover{ background-image:none!important background-color:#3f4048;}
#result_Archive tbody tr:hover a { color: #78edf7;}
* html #result_Archive tbody tr a:hover { color: #78edf7;}
/* Paging */
#Paging p
{
padding: 16px 0;
font-size: 1.2em;
text-align: center;
}
#Paging p a
{
color: #777778;
padding: 0 4px;
margin-left: 1px;
border: 1px solid #434344;
background:#434344;
text-decoration: none;
}
#Paging p a.active
{
color: #fff;
background: #000;
border-color: #000;
}
#Paging p a:hover { border-color: #64e0eb; }
/*Tooltip*/
.custom-tip {
width:191px; background:url(../assets/graphics/Tooltip.png) left top; position:static; left:-20px;
z-index: 13000;
}
* html .custom-tip {background:url(../assets/graphics/Tooltip.gif) left top;}
.custom-title {
display:none;
}
.custom-text {width:189px; background:url(../assets/graphics/Tooltip.png) left top; position:static; left:-20px; height:105px; padding:2px 0 0 4px;}
* html .custom-text {background:url(../assets/graphics/Tooltip.gif) left top;}
/*Single Accordion*/
.toggler {
margin: 0;
padding: 2px 5px;
background-image:url(../assets/graphics/bgRowOdd.png);
border-bottom:solid 1px #3E414A;
cursor:pointer;
}
* html .toggler{background-color:#35353D; background-image:none;}
dt:hover{ background-image:url(../assets/graphics/bgRowOddH.png);}
* html dt:hover{ background-image:none; background-color:#6A7783}
.element {
cursor:default;
}
.element p {
margin: 0;
padding: 4px;
}
dt{display:block; float:left;}
dt img{float:left; margin:7px;}
dt .BoxTxt{float:left; width:493px;}
.NoImage{width:100%!important;}
/*BottomPane*/
#BoxInfo{width:231px; margin-top:15px; margin-left:60px; float:left; position:relative;}
* html #BoxInfo{margin-left:30px;}
#BoxBottom{margin:15px 40px 20px 30px; float:left; min-height:120px; width:50%}
* html #BoxBottom{height:120px}
#BoxFooter{text-align:center; border-top:solid 1px #f4f9df; font-size:9px; color:#9a9d95; width:100%; padding-top:20px; margin-bottom:20px}
#BoxFooter a{color:#9a9d95;} #BoxFooter a:hover{color:#b3e9ee;}
.FixedWidth{ width:592px; padding:0 30px;}
/*Buttons*/
.BtnLeesMeer{background:url(../assets/graphics/btnLeesMeer.gif) no-repeat; padding:0 0 3px 15px;} .BtnLeesMeer:hover{background:url(../assets/graphics/btnLeesMeerH.gif) no-repeat;}
.BtnGo{background:url(../assets/graphics/btnGo.gif); width:19px; height:20px; display:block; float:left; margin-top:3px;}
.BtnGo:hover{background:url(../assets/graphics/btnGoH.gif);}
a.btnBrownSmall{background:url(../assets/graphics/btnBrown.gif) left top; margin-top:5px; position:relative; padding:0 0 0 15px; color:white; text-decoration:none; display:block; float:left; margin-right:5px;}
* html a.btnBrownSmall{ margin-right:0px;}
a.btnBrownSmall span{background:url(../assets/graphics/btnBrown.gif) right top no-repeat; height:19px; display:block; float:left; padding:3px 15px 0 0; margin-right:-3px;}
* html a.btnBrownSmall span{ margin-right:0px;}
a.btnBrownSmall:hover{background:url(../assets/graphics/btnBrown.gif) left -22px; color:#fff}
a.btnBrownSmall:hover span{background:url(../assets/graphics/btnBrown.gif) right -22px no-repeat;}
a.BtnPDF{padding-left:24px; background:url(../assets/graphics/btnPdf.gif) left -2px no-repeat; display:block; padding-bottom:1em;}
a.BtnZIP{padding-left:24px; background:url(../assets/graphics/btnZip.gif) left -2px no-repeat; display:block; padding-bottom:1em;}
a.BtnDOC{padding-left:24px; background:url(../assets/graphics/btnWord.gif) left -2px no-repeat; display:block; padding-bottom:1em;}
a.BtnXLS{padding-left:24px; background:url(../assets/graphics/btnExcel.gif) left -2px no-repeat; display:block; padding-bottom:1em;}
a.BtnPPT{padding-left:24px; background:url(../assets/graphics/btnPowerpoint.gif) left -2px no-repeat; display:block; padding-bottom:1em;}
.imgThumb{width:77px; height:95px; overflow:hidden; font-size:9px; line-height:10px;float:left; margin-right:7px; margin-bottom:5px;}
.imgThumb a{text-decoration:none;}
.imgThumb a img{width:71px; height:47px; padding:2px; border:solid 1px transparent; float:left; display:block; margin:0;}
.imgThumb a:hover img{border:solid 1px #A9E3EE}
/*Form-elements*/
.LeftPane input, textarea{border:solid 0px black;}
#TxtLogin{width:192px; background:url(../assets/graphics/bgTxtLogin.gif); height:17px; margin-top:5px; float:left;}
#TxtPassword{width:172px; background:url(../assets/graphics/bgTxtPassword.gif); height:17px; margin-top:3px; margin-bottom:5px; float:left;}
.ErrorMessage{color:#e8875c; clear:both; background:url(../assets/graphics/bgErrorMessage.gif) left 2px no-repeat; padding-left:12px; margin-top:10px; font-size:9px;}
.ErrorMessage a{color:#e8875c;}.ErrorMessage a:hover{color:#f2a27f;}