@charset "utf-8";
/* BOUWBEDRIJF SEBZE */
html{overflow-y:scroll;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;border: 0;outline: 0;}
html, body{height:100%;}
body {line-height: normal;color:#404040; font-size:12px;background-color: transparent; font-family:Arial, Helvetica, sans-serif}
.bodyBO {line-height:normal;color:#161616;font-size:12px;font-family:Arial, Helvetica, sans-serif}

.bodyBO {
/*position:fixed; top:0; left:0;width:100%; height:100%;*/
background-color:transparent;
background-image:url(../MyUserPictures/slide/0.jpg);
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}
/*.bodyBO{background:transparent url(../MyDocs/SysPics/CMS_Adm_Bg_Extern.png);}*/
.bodyPopUpBO{background:transparent url(../MyDocs/SysPics/CMS_Adm_Bg_Intern.png);}

#cookieMessageWrapper{display:none;}
#allContent {position:relative; z-index:1;height:100%;}
#allContent {background: transparent url(../Images/pattern/pattern.png) repeat top left;}

/* START KERST */
.kerstheader{display:none; position: absolute;top:65px;left:0px;z-index:999;}
.kerstheader img{width:120px!important}
.kerstheader1{display:none;position: absolute;top:-30px;left:-20px;z-index:999;}
.kerstheader1 img{width:80px}
.kerstheader2{display:none;position: absolute;top:20px;right:0px;z-index:999;}
.kerstheader2 img{width:120px}
.kerstheader3{display:none;position: absolute;z-index:999;left:51%;top:270px;}
.kerstheader3 img{width:120px!important}
@media screen and (max-width: 700px) { 
    .kerstheader3 {top:210px;}
}
@media screen and (max-width: 400px) { 
    .kerstheader3 {top:170px;}
}
/* EINDE KERST */

#loader {position: fixed;  left: 50px;  top: 4px;  width: 1020px;  height: 650px;  z-index: 9999;  background: transparent url(../Images/icons/loading_blue.gif) 50% 50% no-repeat;  }  
#loadPage {visibility:hidden;position: fixed;  left: 40%;  top: 40%;  width: 200px;  height:200px;  z-index: 9999;  background: rgba(255,255,255,0.7) url(../Images/icons/loading_blue.gif) 50% 50% no-repeat;  }  
#loadPage {border-radius: 100%;}  

.no-js #loadPrePage { display: none;  }
.js #loadPrePage { display: block; position: absolute; left: 100px; top: 0; }
.loadPrePage {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background:#fff url(../Images/icons/loading_blue.gif) center no-repeat;}

.spaceLoginBlock{height:80px;}
@media screen and (max-width: 700px) { 
    .spaceLoginBlock {height:10px;}
}

select {border: solid 1px #bcbcbc;transition: border 0.3s;min-height:17px;}
input[type="text"] {border: solid 1px #bcbcbc;transition:box-shadow 0.3s, border 0.3s;min-height:17px;}
input[type="text"]:focus, input[type="text"].focus {border: solid 1px #707070;box-shadow: 0 0 2px 0px #969696;}
input[type="password"] {border: solid 1px #bcbcbc;transition:box-shadow 0.3s, border 0.3s;min-height:17px;}
input[type="password"]:focus, input[type="password"].focus {border: solid 1px #707070;box-shadow: 0 0 2px 0px #969696;}

.roundedMatStoreBody #txtMaterieelTag {height: 28px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;max-width: 300px;border-radius: 6px;}

textarea {border: solid 1px #bcbcbc;transition:box-shadow 0.3s, border 0.3s;}
textarea:focus, textarea.focus  {border: solid 1px #707070;box-shadow: 0 0 3px 1px #969696;}

#pnlShowCmsPage{margin-left:12px;background-color:rgba(255, 255, 255, 1);}
#lblImporteer{color:red;}

.feest{border-bottom:1px solid #ff9c00;}
.werkIndelingTitel{font-weight:bold;font-size:16px;}
.werkIndelingEinde{font-weight:bold;color:#ff0000;}

.chkboxLarge input[type=checkbox] {transform: scale(1.6);}
.chkboxLarge{white-space: nowrap;}
.chkboxLarge label {padding-left: 20px;}

.pnlWeekRegisters{text-align:right;padding-left:10px;padding-right:10px;background-color:#e4e4e4;}
/*
FILE UPLOAD
*/
.fileUpload{height:20px;}
.fileUpload input[type="file"] {height:20px;position:absolute;display:none;}
.fileUpload div {height:21px;display:block;float:left;}
.fileToUpload {height:16px;width:240px;background-color: #fff;border:1px solid #969696;float:left;overflow:hidden;text-overflow:ellipsis;}
/*.fileToUpload {border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}*/
.fileUploadTxt{height:20px;z-index:998;width:186px;overflow:hidden; }
.fileUploadHref{vertical-align:middle;background-color:#888;width:80px;line-height:20px;z-index:999;}
.fileUploadHref a{padding-left:10px;color:white;z-index:999;}

#bgStretched {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:#fff;
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#bgStretchedIndex {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:transparent;
background-image:url(../MyUserPictures/slide/1.jpg);
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#cookiewarning{font-family:Arial;font-size:0.85em;} 
#contactFormOpenClose{padding:10px 10px 0px 0px;display:none;}

.prtBtn {
width:24px;
height:24px;
border:none;
background:transparent url(/Images/icons/printer01.gif) no-repeat;
cursor: pointer;
}

#printHolder {width:900px;margin:0 auto;background-color:#ffffff;border:1px solid #404040;}
#printHolderHours {width:980px;margin:0 auto;background-color:#ffffff;border:1px solid #404040;}
.reportStyles {color:#000;}
.reportLogo {width: 200px; border-bottom:1px solid black;}
.reportHeader {font-size:26px; border-bottom:1px solid black;}
.reportColumnHeader {font-size:12px; font-weight:bold;}
.reportDateHeader {font-size:14px;background-color:#CCC;}
.reportTimeHeader {font-size:14px; border-bottom:1px solid black;background-color:#CCC;}
.reportHeaderRest {text-align:right;vertical-align:top;font-size:14px; border-bottom:1px solid black;}

.refGallery {margin:0px 0px 0 4px;background-color:#fff; float:left;}

#pnlShowCmsPage{color:#707070;font-family: Arial;line-height:normal;}
#pnlShowCmsPage ul{ list-style-type:disc; list-style-position:outside; margin:30px;width:auto; }
#pnlShowCmsPage li{ display: list-item }

#pnlPublicTextIndex{color:#707070;width:175px;height:300px;float:left;margin:0 0 10px 4px;overflow: auto;overflow-x: hidden;}
#pnlPublicText{color:#707070;width:780px;margin:0px auto;display:table;padding-left:5px;}
.pnlPublicTextParts{float:left;border:1px solid #e4e4e4;width:148px;text-align:center;margin:0 auto;margin-right:6px;}

.divShowCmsPage{width:100%; display:table;margin:0 auto;}

#divCMSPage {height:100%;}
#divCMSPage .rounded1{background-color: rgba(255, 255, 255, 0.7);}
#divPublicShop {background-color: rgba(255, 255, 255, 1);padding:0px 5px 0px 5px;}
@media screen and (max-width: 400px) {
    #divPublicShop iframe{width: 300px;height:auto;}
    }

#divCMSpublicPage {height:100%;}
#divCMSpublicPage {background-color: rgba(255, 255, 255, 0.7);}
#divContactPage {margin:0 auto;max-width:880px;}

#ddlArtikelDetail{font-family:courier new;}
#ddlArtikelDetail option{font-family:courier new;}

#corpLogo{border-image: none; left: 20px; top: 10px; position: absolute; z-index: 999;}
#corpLogo img{height:97px;}
/*@media screen and (max-width: 1500px) {
    #corpLogo img{width:150px;}
    #corpLogo {top:6px;}
    }
@media screen and (max-width: 1400px) {
    #corpLogo img{width:150px;}
    #corpLogo {top:6px;}
    #corpLogo {left:4px;}
    }
@media screen and (max-width: 960px) {
    #corpLogo img{width:100px;}
    #corpLogo {top:6px;}
    #corpLogo {left:4px;}
    }*/

@media screen and (max-width: 440px) {
    #corpLogo {top:0px;}
    #corpLogo {left:0px;}
    }

h1, h2, h3, h4, h5, h6{font-family:  Arial, Helvetica;font-weight:normal;}
h1{font-size:22px;font-weight:bold;}
h2{font-size:18px;font-weight:bold;}
h3{font-size:16px;font-weight:bold;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

ul {list-style: none;}
:focus {	outline: 0;}
table {border-collapse: collapse;	border-spacing: 0;}
td {height:24px;}
.tdBtnDivider{width:30px;text-align:center;border-left:1px solid #808080;}
select {height:22px;}

.hidecontent{ display:none!important;}
.valigntop{ vertical-align:top!important;}
.floatleft{float:left!important;}
.floatright{float:right!important;}
.center{ text-align:center;}
.clear{ display:block; clear:both;}
.space{display:block; clear:both; height:10px; width:100%;}
.clearnone{ float:none!important; clear:none !important;}
.imgleft{float:left; padding:0 10px 10px 0;}
.imgright{float:right; padding:0 0 10px 10px;}
.alert{ color:#FF0000;}

/* reportviewer */
.altViewer {background:#ffffff;width:940px;} 
.altViewer td{height:24px;} 
.rptViewer td{height:0px;} 
.rptViewer ul{ list-style-type:disc; list-style-position:outside; margin:0px;width:auto; }
.rptViewer li{ display: list-item }
.rvTDholder{overflow-y:hidden;} /* overflow-y:scroll; */
.rvDIVholder{display:inline-block;}

p{ margin: 0px 0px 0px 0px;}
.trShopperSelectie{background-color:transparent;}

.spaceHomePageBlocks{padding:0px 0px 0px 0px;}
.spaceContactPageBlocksLeft{padding:0px 0px 0px 0px;}
.spaceContactPageBlocksRight{padding:30px 10px 0px 0px;}
.spaceShopPageBlocks{padding:10px 0px 0px 0px;}
.spacePageBlocksLeft{padding:0px 0px 0px 0px;}
.spacePageBlocksRight{padding:0px 0px 0px 0px;}

.hrstyle{ color:#707070;}

a.tooltip {color:#000;text-align:left;}
a.tooltip i {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover i {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:650px;}
a.tooltip:hover i em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block;}

a.tooltipSmall {color:#000;text-align:left;}
a.tooltipSmall i {display:none;}
a.tooltipSmall:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipSmall:hover i {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:350px;}
a.tooltipSmall:hover i em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block; }

/*#fixed-panel{position:fixed; left:40px;top:40px;overflow:hidden;z-index:999;}*/

.specialH0{ font-family: Arial, Verdana, Helvetica;font-size:36px;color:#707070;}
.specialH1{ font-family: Arial, Helvetica;font-size:2em;color:#707070;}
.specialH2{ font-family: Arial, Helvetica;font-size:22px;color:#707070;line-height:40px;}
.specialH2 a{color:#707070;}
.specialH2 img{float:left;padding-right:4px;}
.specialH3{ font-family: Arial, Helvetica;font-size:18px;color:#707070;line-height:34px;}
.specialH3 a{color:#707070;}
.specialH3 img{float:left;padding-right:4px;}

.specialContentH1{ font-family: Arial, Helvetica;font-size:26px;color:#707070;}
.specialContentH2{ font-family: Arial, Helvetica;font-size:22px;color:#707070;}
.specialContentH3{ font-family: Arial, Helvetica;font-size:18px;color:#707070;}

/* Verander in main padding (top) om ruimte te krijgen tussen knoppen en header */
#mainContainer{max-width:100%;margin:0 auto;}
#main{max-width:100%;margin:0 auto; padding:0;background-color:transparent;}
#mainHeaderContainer{max-width:100%; margin: auto; background:transparent; }
#headerContainer{width:100%;}

#topContainer{max-width:980px; height:0px; margin: auto;}
#footerContainer{position: relative;bottom: 0;left:0;width:100%;background-color:#cccccc;color: #0E553F;border-top: 0px solid #e4e4e4;}
#footerContainer{font-size:12px;font-weight:normal;margin:0 auto; padding:0px 0 0px 0;text-align:center;}
#footerContainer a{color: #0E553F;}
#footerContainer ul{width:100%;clear:both; margin:0 auto; text-align:center; padding:0px 0 0px 0px;display: table-cell;vertical-align: middle;}
#footerContainer li{display:inline-block;}
#footerContainer li a{color:#fff;clear:both; padding:0 2px 0 0px;}
#footerContainer li a:hover, #footerHome li a.active{text-decoration:underline;}

/*#footerContainer{display:none;}*/

#lblMyHeader{width:100%;font-size:16px;}
#lblMySubHeader{width:100%;background-color:#fff;}
#lblMySubHeader{display:none;}
#searchRow{margin: 0px auto; border-image: none; position: relative; z-index: 997;}
@media screen and (max-width: 500px) {
    #searchRow{display:none;}
}

/* zet height bijvoorbeeld op 10px om ruimte tussen bovenkantscherm en de header te krijgen */
.headerSpace {height:0px;background-color:transparent;}

/* BO Container staat voor BackOffice header container */
#headerBOContainer{width:100%; margin:0 auto; background:transparent url(../images/bg/empty.gif) top left repeat-y; }
.headerBOSpace {height:32px;background-color:transparent;}
#mainBOContainer{width:1100px; margin:0 auto; background:transparent;border-left:1px solid #404040;}
#mainBO{width:1100px;margin: auto; padding: 0px 0 0 0; background-color:#fff;}
.adminForm #mainBOContainer{width:100%;max-width:1100px;}
.adminForm #mainBO{width:100%;max-width:1100px;}

#mainBOContainerBottom{width:1000px; margin:0 auto; background:transparent;border-left:1px solid #404040;}
#mainBottom{width:1000px;margin: auto; padding: 0px 0 0 0;background-color:#fff;}

#mainPopup{margin: auto; padding: 2px 0 0 0; width:800px; }

#mainFull{margin:0 auto; padding:0; width:98%; min-width:1100px;max-width:1600px; }
.mainFull{margin:0 auto; padding:0; width:98%; min-width:1100px;max-width:1600px; }
#mainFullWorkStore{margin:0 auto; padding:0; width:98%; min-width:1100px;max-width:1600px;}

/* shop:1000, travelplan:1800, tooltrace/workstore: 1360, travelplan:1800 */
#mainFullLogin{margin:0 auto; padding:0; width:98%; max-width:1200px;background-color:#fff;}
#mainFullLogin{border-top:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #404040;}
#UNICRM{display:block;} 
#UNITOURPLAN{display:none;}  /* shop (float:right!important;) en travelplan */
#UNITOCHTEN{display:block;float:right!important;}   /* travelplan en tooltrace */
#UNIDIVERS{display:none;}    /* travelplan en workstore */

#mainFullUserHours{margin:0 auto; padding:0; width:98%;max-width:1700px;background-color:#fff;}
#mainFullFacturering{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1400px;}
#mainFullPlanning{margin:0 auto; padding:0; width:98%;min-width:1100px; }
#mainHFull{margin:0 auto; padding:0; width:85%; }
#mainCustFull{margin:0 auto; padding:0; width:970px; }
#mainFullMat{margin:0 auto; padding:0; width:100%; }

/* =================*/
/* === PLANBORD ====*/
/* =================*/
#mainFullPlanbord{margin:0 auto; padding:0; width:98%;min-width:1100px;}
#toplevelPlanbord{margin:0 auto; padding:0; width:100%;min-width:1100px;max-width:1600px;padding-bottom:0px;}
#floatingPlanbord{margin:0 auto; padding:0; display: inline-block;}
.planbordHeaderStyle{height:30px;background-color:#F9F9F9;font-weight:bold;font-size:12px;border-bottom:1px solid #404040;}

#resizablePlanbord { width: 100%; }
#resizableRitten { width: 100%; }
.resizableDivider { width: 100%;height:5px; border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;text-align:center;background:#cccccc  url(../images/icons/divider.png)  no-repeat center top;}
.scroll {width: 660px;overflow: auto;padding-bottom: 20px;margin-bottom:10px;overflow-y: hidden;}
.scroll table{}
.scrollRefs {width: 660px;overflow: auto;padding-bottom: 20px;margin-bottom:10px;overflow-y: hidden;}
.scrollRefs table{margin:0 auto;}
.scrollTP {overflow: auto;overflow-x: hidden;height:100%;}
.scrollTP table{}
.scrollTPlanbord {overflow-y: scroll;overflow-x: hidden;height:100%;}
.scrollTPlanbord table{table-layout:fixed;}

.scrollTPlanbord .gridItemStyle {height:auto;}
.scrollTPlanbord .gridAltItemStyle {height:auto;}
.scrollTPlanbord .gridItemStyle table tr{height:auto;}
.scrollTPlanbord .gridAltItemStyle table tr{height:auto;}

/*.scrollTPlanbord .gridItemStyle:hover td {height:34px !important;}
.scrollTPlanbord .gridAltItemStyle:hover td {height:34px !important;}*/

.tdSep {width:14px;background-color:#404040;}
/* =================*/

#mainFullCMS{margin:0 auto; padding:0; width:100%; max-width:1300px;background-color:#fff;}
#mainFullCMS{border-top:1px solid #404040;border-left:1px solid #404040;border-bottom:1px solid #404040;}
#mainFullCMS .topleft{float:left;width:760px;margin:0 8px 0 4px;}
#mainFullCMS .topright{float:right;width:250px;margin:0;}

#mainHeaderBOContainer{padding-top:0px;}
.utilities     {z-index:999;top:0;left:0; position:fixed; width:100%; height:30px; margin:0; padding:0;background-color:#2B2A29;border-bottom:2px solid #E31E24;}
@media screen and (max-width: 1100px) {
    #mainHeaderBOContainer{padding-top:40px;}
    .utilities {height:60px;}
    }
@media screen and (max-width: 600px) {
    #mainHeaderBOContainer{padding-top:60px;}
    .utilities {height:90px;}
    }

/* space elements around tabpages */
#mainTabContainer{max-width:980px;height:50px; margin: auto;background: transparent url(../MyDocs/SysPics/CMS_bg_MainShadeTab.png);border:solid 0px #fff;}
#mainTab{max-width:980px;background-color:transparent;margin:0 auto; padding: 0px 0px 0 0;border-right:solid 0px #fff;}
#mainTabContainer{display:none;}

/* zet height bijvoorbeeld op 10px om ruimte tussen header en de knoppen te krijgen */
.headSpace {height:0px;background-color:#ffffff;}
.tabSpace {height:25px;width:100%;padding: 0px 0px 0px 0px;background-color: transparent; border-bottom:solid 0px #404040;} 

#mainTabContainerBO{width:1101px; margin:0 auto;}
#mainTabBO{width:1101px; margin:0 auto;background-color:transparent;}

/* zet height bijvoorbeeld op 10px om ruimte tussen rand en tekstblokken in rounded1 te krijgen */
.bodySpace {height:0px;background-color:#fff;}
.bodySpaceBO {height:10px;background-color:transparent;}
.bodySpaceTT {height:10px;background-color:transparent;}  /* Tooltrace optie */

.subMenus{position:absolute;z-index:200;}
.subHide{position:relative; left:30px; top:-2px; display:none;z-index:900;width:190px;border-left:1px solid black;border-bottom:1px solid black;border-right:1px solid black;}
.subHide02{position:relative; left:30px; top:-2px; display:none;z-index:900;width:190px;border-left:1px solid black;border-bottom:1px solid black;border-right:1px solid black;}
.subHide03{position:relative; left:30px; top:-2px; display:none;z-index:900;width:190px;border-left:1px solid black;border-bottom:1px solid black;border-right:1px solid black;}
.subHide04{position:relative; left:30px; top:-2px; display:none;z-index:900;width:190px;border-left:1px solid black;border-bottom:1px solid black;border-right:1px solid black;}
.subHide05{position:relative; left:30px; top:-2px; display:none;z-index:900;width:190px;border-left:1px solid black;border-bottom:1px solid black;border-right:1px solid black;}
#Page01:hover .subHide{display:block;}
#Page02:hover .subHide02{display:block;}
#Page03:hover .subHide03{display:block;}
#Page04:hover .subHide04{display:block;}
#Page05:hover .subHide05{display:block;}

.subMenuLinks {float:left;padding-top:10px;vertical-align:top;}
.subMenuLinks a{line-height:18px;}
.subMenuLinks a:hover{color:#707070;text-decoration:underline;}

.linkToMoreSub {font-size:14px;text-transform: uppercase;font-style:normal;font-weight:normal;}
.linkToMoreSub{color:#404040;height:18px;float:left;clear:both; background :url(../Images/icons/listitemSub.png) no-repeat left 4px; margin-left:8px;padding:0px 0 0 10px;}

/* tabCMSNavigation in used in backoffice maintenance CMS
/* zet height in volgende regel op 30px om de knoppen aan te sluiten op de pagina */
/* zet in volgende regel padding-left op 20px om de knoppen te starten uit de rand */
.tabSpaceBO {padding:0px 0px 0px 0px;background: transparent ; border-bottom:solid 1px #003;} 

.tabCMSnavigation {width:100%;height:25px;padding:0 0 0 0px;clear:both;margin:0 auto;clear:both;}
.tabCMSnavigation ul{list-style: none;padding: 0;margin: 0;height:25px;}
.tabCMSnavigation li{float: left;height:21px;;margin-left:6px;margin-right:0px;padding:4px 8px 0 8px;text-align:center;background-color:#E0E0E0;} 
.tabCMSnavigation li{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #404040;} 
.tabCMSnavigation a{color: #000;background-color:#E0E0E0;text-decoration:none;} 
.tabCMSnavigation li:hover {background-color:#A0A0A0;} 
.tabCMSnavigation li:hover a{color: #fff;background-color:#A0A0A0;} 
.tabCMSnavigation li.active {background-color:#A0A0A0;}
.tabCMSnavigation li.active a{color: #fff;background-color:#A0A0A0;padding-top:4px;padding-bottom:4px;}
.tabCMSnavigation:hover{cursor:pointer;}

/*.tabCrmbutton{ background: url(../Images/box/rndBtnContacts.png) no-repeat top left; color:#fff;  width:110px; height:20px; border:none; padding:0px 2px 0px 2px;}
 .tabCrmbutton:hover{background: url(../Images/box/rndBtnContactsRed.png) no-repeat top left;cursor:pointer;}*/

.tabCrmbutton{background-color:#E0E0E0; color:#000;  width:100px; height:21px; border:none;}
.tabCrmbutton:hover {background-color:#A0A0A0;color:#fff;cursor:pointer;} 
.tabCrmbuttonActive {background-color:#A0A0A0;color:#fff;width:100px; height:21px; border:none;} 

.btnnavigation {clear:both;margin:0 auto;clear:both;width:900px;height:21px;padding:5px 0px 0px 0px;border-bottom:solid 1px #404040;margin-bottom:10px;}
.btnnavigation ul{list-style: none;padding: 0px 0px 14px 0px;margin: 0;}
.btnnavigation li{float: left;margin: 0 auto;padding: 0px 0px 0px  0px;margin-right:6px;background-color:#E0E0E0;} 
.btnnavigation li{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #404040;} 
.btnnavigation li:hover {background-color:#A0A0A0;color:#fff;} 
.btnnavigation li.active {background-color:#A0A0A0;color:#fff;}

.loginformroundtop{ clear:both; height:4px;margin:0;padding:0; background:#003 ;}
.loginform{float:left;width:100%; padding:0 5px 0 5px; background:#003; color:#fff;}
.loginform a{ color:#fff;}
.loginform .readmore{float:left; background-position:left 3px; padding:0 0 0 8px;margin-bottom:2px;}
.loginformShop{float:left;width:200px; height:130px; padding:0 5px 0 5px; background:#003; color:#fff;}
.loginformShop a{ color:#fff;}
.loginformShop .readmore{float:left; background-position:left 3px; padding:0 0 0 8px;}
.loginformroundbottom{ clear:both; height:4px;margin:0;padding:0; background:#003 ;}

.vergroot:float{text-decoration: none}
.vergroot:hover{background: none;border:solid 6px #003;}
.vergroot:hover{display: inline;position:absolute;top:0px;left:0px;width:auto;height:auto;z-index:999} 

#hpOpenFormulier{font-size:12px;color:#707070;}
#hpOpenFormulier:hover{text-decoration:underline;}
#contactForm{font-size:12px;}

.forgetLogin{color:#404040;float:right;clear:both;background:url(../Images/icons/listitem.png) no-repeat right 3px; margin:0px 5px 0px  5px;  padding:0 10px 0 0; font-weight:normal;}
.readmore{float:right;clear:both;background:url(../Images/icons/listitem.png) no-repeat right 3px; margin: 2px 5px 0px  5px;  padding:0 10px 0 0; font-weight:bold;}
.readmoreContact a{font-size:12px;color:#707070;float:right;clear:both;background:url(../Images/icons/listitem.png) no-repeat right 3px; margin: 2px 0px 0px  5px;  padding:0 10px 0 0; font-weight:normal;}

.linkToMore{float:left;clear:both;color:#707070; background :url(../Images/icons/listitem.png) no-repeat left 4px; margin: 0px 5px 0px 5px;  padding:0 0 0 10px; font-weight:bold;}
.linkToMoreLeft{float:left;clear:both;color:#707070; background :url(../Images/icons/listitem.png) no-repeat left 4px; margin: 0px 5px 0px 0px;  padding:0 0 0 10px; font-weight:bold;}
.linkToMoreTop5{float:left;clear:both;color:#707070; background :url(../Images/icons/listitem.png) no-repeat left 4px; margin: 0px 5px 0px 5px;  padding:0 0 0 10px; font-weight:normal;}

.newestTop10{height:50px;width:250px;overflow:auto;padding-bottom:20px;margin-bottom:10px;overflow-x:hidden;border:1px solid #443135;}

ul.defaultlist{ list-style-type:disc; list-style-position:outside;padding:0;margin:5px;width:auto; }
ol.defaultlist{margin:5px;width:auto; }
.defaultlist li{padding:3px;margin:5px 0 0 15px;}

.fcklist li{ list-style-type:disc; list-style-position:outside; padding:0;margin:0px;width:auto; }
.fcklist ol li { list-style-type: decimal; padding-left:10px; list-style-position:inside; }
.fcklist tbody{ background: transparent; border: none;}
.fckCmsPage{margin-left:auto; margin-right:auto; width:90%;background-color:#fff;}

.ftbLarge {float:left;width:100%;}
.ftbSmall {float:left;}

.linklist{float:left; clear:both;margin:10px 0 0 5px;padding:0;width:98%; }
.linklist li{float:left; clear:both;width:100%; background:url(../Images/icons/listitem.png) no-repeat left 2px; padding:0 0 0 10px;margin:0; }
.linklist li a{display:block; clear:both;width:90%;margin:0 0 5px 0; }

.frmHeader{font-family: Verdana;margin:0 0 5px 0;font-size:22px;font-weight:normal;}
.frmHeaderPublic{font-family: Verdana;margin:0 0 5px 0;font-size:16px;font-weight:normal;}
.frmHeaderH2{font-family: Verdana;margin:0 0 5px 0;font-size:16px;font-weight:normal;}
.frmHeaderPublicH2{font-family: Verdana;margin:0 0 5px 0;font-size:16px;font-weight:normal;}
.frmHeaderSelectie{font-family: Verdana;margin:0 0 5px 0;font-size:16px;font-weight:normal;}
.frmHeaderPublicAnv{font-family: Verdana;margin:0 0 0 4px;font-size:22px;font-weight:normal;border:none 0px transparent; background-color:transparent;}

.formbuttonCHK{color:#fff; height:24px;display:inline-block;float:right; border:none;text-decoration:none;white-space:nowrap; background:transparent url(../Images/bg/btnBlack.png);}
.formbuttonCHK input{height:20px;}
.formbuttonCHKLbl{color:#fff;height:24px;display:table;float:right;background:transparent url(../Images/bg/btnBlack.png);}
.formbuttonCHKLbl span{display:table-cell;vertical-align:middle;}

.btnLeft{height:24px; display:block; float:left; padding: 0px 0px 0px 12px; background: url(../Images/bg/btnBlackLeft.png) left top no-repeat; text-decoration: none;} 
.btnRight{height:24px; display:block; float:left; padding: 0px 12px 0px 0px; background: url(../Images/bg/btnBlackRight.png) right top no-repeat; text-decoration: none;} 
.btnImpLeft{height:24px; display:block; float:left; padding: 0px 0px 0px 12px; background: url(../Images/bg/btnRedLeft.png) left top no-repeat; text-decoration: none;} 
.btnImpRight{height:24px; display:block; float:left; padding: 0px 12px 0px 0px; background: url(../Images/bg/btnRedRight.png) right top no-repeat; text-decoration: none;} 

.formbutton{padding: 0px 12px 0px 12px;color:#fff; height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background:#fff url(../Images/bg/btnBlack.png);}
.formbutton:hover{text-decoration:underline;}

.formEmpbutton{font-size:12px;height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background:transparent url(../Images/bg/empty.png);}
.formImpbutton{padding: 0px 12px 0px 12px;color:#fff;background:#fff url(../Images/bg/btnRed.png); font-weight:normal; height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;}
.formImpbutton:hover{ text-decoration:underline; }

.btnCenter{height:24px; display:block; float:left; background-color:#fff;padding: 0px 2px 0px 2px;} 
.btnCenterAll{text-align:center;display:inline-block; }

.defaulttable{ width:100%;padding:0; margin:0;}
.defaulttable caption{ text-align:left; font-weight:bold; padding:5px; border-bottom:1px solid #003;}
.defaulttable th{ text-align:left; font-weight:normal;  padding:5px; background: #ddd; border-bottom:1px solid #C2C2C2;}
.defaulttable td{ text-align:left; padding:5px;border-bottom:1px solid #C2C2C2;  }

.searchRow{font-size:11px;background:#E8E8E8 url(../Images/bg/searchRow.png) repeat;height:30px;font-weight:bold;margin-left:30px;}
.clearfix {	float: none;clear: both;}

.gridClass{border:solid 1px #cccccc;width:100%;color:#1E2843;font-weight:normal;font-size:11px;}
.gridClass td{padding-left:2px; vertical-align:middle;}
.gridClass input[disabled]{background-color:#fcfafa; color:#404040;border: solid 4px #dcdcdc;}
.gridClass select[disabled]{background-color:#fcfafa; color:#404040;border: solid 1px #dcdcdc;}

.gridClassHours{border:solid 1px #cccccc;width:100%;color:#1E2843;font-weight:normal;font-size:11px;}
.gridClassHours td{padding-left:2px; vertical-align:middle;height:26px;}
.gridClassHours input[disabled]{background-color:#fcfafa; color:#404040;border: solid 1px #dcdcdc;}
.gridClassHours select[disabled]{background-color:#fcfafa; color:#404040;border: solid 1px #dcdcdc;}

/*.gridClass td{border:solid 1px black;padding-left:2px;vertical-align:middle;}*/

.gridItemStyle{height:24px;background-color:#EAEAEA;}
.gridItemStyle:hover{background-color:#FFCFB2;}
.gridAltItemStyle{height:24px;background-color:#DCDCDC;}
.gridAltItemStyle:hover{background-color:#FFCFB2;}

.gridHeaderStyle{height:24px;background-color:#F9F9F9;font-weight:bold;font-size:12px;border:1px solid #404040;}
.gridPagerStyle{background-color:#F9F9F9;}
/*
.gridHeaderStyle{height:24px;background:transparent url(../Images/bg/gridHeader.png) repeat;font-weight:bold;border:1px solid #404040;}
.gridHeaderStyle{height:24px;background-color:#AAAADD;font-weight:bold;}*/
/*.gridPagerStyle{background-color:#AAAADD; } */
.gridPagerStyle td{height:14px;border-top:1px solid #404040;}
.gridPagerStyle a{font-weight:normal !important;}
.gridPagerStyle span {font-weight:bold; text-align:right; color:#ffffff;padding-right:2px;padding-left:2px; background-color:#ff0000;}

.gridForm table{ width:100% !important;padding:0; margin:0;}
.gridForm table th{ text-align:left; font-weight:normal;  padding:5px; background: #ddd; border:1px solid #000000;}
.gridForm table td{ text-align:center; padding:5px;border:1px solid #000000; vertical-align:middle; }

.gridForm table{ width:100% !important;padding:0; margin:0;}
.gridForm table th{ text-align:left; font-weight:normal;  padding:5px; background: #ddd; border:1px solid #000000;}
.gridForm table td{ text-align:center; padding:5px;border:1px solid #000000; vertical-align:middle; }

.gridItemStyleAbs{height:24px;background-color:#EAEAEA;}
.gridItemStyleAbs:hover{background:transparent url(../Images/bg/Bg_SubMenuTxt.png) repeat;}
.gridAltItemStyleAbs{height:24px;background-color:#DCDCDC;}
.gridAltItemStyleAbs:hover{background:transparent url(../Images/bg/Bg_SubMenuTxt.png) repeat;}

.gridPrintClass td{border:1px solid #000000;padding-left:2px; vertical-align:top;font-size:10px;}

input.fileUpl 
{
	position: relative;
	text-align: left;
	border:none;
}

.txtAlfInput {}
.txtNumInput {text-align:right;}
.txtNumInputRead {text-align:right;border:none 0px transparent; background-color:#bbbbbb;}
.txtAlfInputRead {text-align:left;border:none 0px transparent; background-color:#bbbbbb;}
.txtAlfInputReadWhite {text-align:left;border:none 0px transparent; background-color:#bbbbbb;color:#ffffff;}

.txtNumInputReadToeslagen {text-align:right;border:none 0px transparent; background-color:#F0FFFF;}

.txtNumInputOveruur {text-align:right; background-color:#bbbbbb;}
.txtNumInputRust {text-align:right; background-color:#EEFFF8;}
.txtNumInputReadRust {text-align:right;border:none 0px transparent; background-color:#EEFFF8;}
.txtNumInputTvT {text-align:right; background-color:#D5FFF8;}
.txtNumInputReadTvT {text-align:right;border:none 0px transparent; background-color:#D5FFF8;}
.txtNumInputVak {text-align:right; background-color:#A7FFF8;}
.txtNumInputReadVak {text-align:right;border:none 0px transparent; background-color:#A7FFF8;}
.txtNumInputFeest {text-align:right; background-color:#8FFFF8;}
.txtNumInputReadFeest {text-align:right;border:none 0px transparent; background-color:#8FFFF8;}

.itemStyleGridLeftBorder {border-left:1px solid #000;}
.itemStyleGridRightBorder {border-left:1px solid #000;}
.itemStyleGridLeftRightBorder {border-left:1px solid #000;border-right:1px solid #000;}

#leftnav{float:left;clear:both;margin:5px 0 0 5px;padding:0; width:180px;}
#leftnav li{float:left;clear:both; width:100%; margin:3px 0 0 0;  }
#leftnav li a{float:left;clear:both;  padding:0 0 0 8px; color:#FFF; background:url(../Images/icons/listitem_w.png) no-repeat left 4px; }
#leftnav li a:hover, #leftnav li a.active{float:left;clear:both; text-decoration:none; padding:0 0 0 8px; color:#0026FF;background:url(../Images/icons/listitem.png) no-repeat left 4px; }

#leftnav li ul{float:left;clear:both;margin:2px 0 3px 5px;padding:0; }
#leftnav li ul li{float:left;clear:both;  margin:3px 0 0 0; width:100%;  }
#leftnav li ul li a{float:left;clear:both; padding:0 0 0 8px; color:#FFF; background: none;}
#leftnav li ul li a:hover, #leftnav li ul li  a.active{float:left;clear:both;  padding:0 0 0 8px; color:#0026FF;background: none; }
#leftnav li ul li ul{float:left;clear:both;margin:2px 0 3px 10px;padding:0; }

.divider{ display:block;clear:both;}
 .col1{float:left; width:345px;margin:0 8px 0 0;padding:0; }
 .col2{float:left; width:345px;margin:0;padding:0;}
 .col1 h2, .col2 h2{margin:0 0 10px 0 !important;} 

.dividercrm{font-size:10px; display:block;clear:both;}
 .colcrm1{float:left; width:410px;margin:0 8px 0 0;padding:0;}
 .colcrm2{float:right; width:410px;margin:0;padding:0;}
 .colcrm1 h2, .colcrm2 h2{margin:0 0 10px 0 !important;} 

 .dividermat{ display:block;clear:both;margin:auto;}
 .colmat1{float:left; margin:0 8px 0 0;padding:0;}
 .colmat2{float:right; width:610px;margin:0;padding:0;}
 .colmat1 h2, .colmat2 h2{margin:0 0 10px 0 !important;} 

 /* BOXES */
.rounded3a{ clear:both;  padding:0 10px 0 10px;margin:0;background:transparent;}

.roundtop1{ clear:both; height:0px;margin:0;padding:0; background:transparent;}
.roundtop1 .right{ float:right;height:0px; width:500px;background:transparent;}

.rounded1a{ clear:both;  padding:0px;margin:0;background:transparent; border-left:0px solid #D3D3D3;border-right:0px solid #D3D3D3;  }
.rounded1{ clear:both;  padding:0px 0px 0px 0px;margin:0;background:transparent; }
.rounded1 .topleft{float:left;width:700px;margin:0 8px 0 0;}
.rounded1 .topright{float:left;width:250px;margin:0;}

.rounded1 .topleftRef{float:left;width:700px;margin:0 10px 0 0;}
.rounded1 .toprightRef{float:left;width:250px;margin:0 0px 0 0;}

.rounded1 .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1 .content{float:left;width:750px;margin:0;}

#frmReferences .toprightRef{background-color:#fff;}

#divHomeTextBig{}
#divHomeTextSmall{padding: 0px 0 0 8px; }

.rounded1BO{ clear:both;  padding:0px 5px 0px 5px;margin:0;background: url(../MyDocs/SysPics/CMS_Adm_Bg_Intern.png);}
.rounded1BO .topleft{float:left;width:700px;margin:0 8px 0 0;}
.rounded1BO .topright{float:left;width:250px;margin:0;}
.rounded1BO .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1BO .content{float:left;width:750px;margin:0;}

.rounded1Contact{ height:100%;clear:both;padding:0px 0px 0px 0px;margin:0;margin-left:12px;background-color:rgba(255, 255, 255, 0.9);}
.rounded1Contact .topleft{display:block;float:left;max-width:700px;padding-left:0px;}
.rounded1Contact .topright{display:block;float:right;width:250px;padding-right:20px;}

.rounded1Login{ clear:both;  padding:5px 5px 0px 5px;margin:0;background-color:transparent;}
.rounded1Login topmiddle{ margin:0 auto;}
.rounded1Question .topmiddle{display:block;width:100%; max-width:500px; margin:0 auto;}

.rounded1Home{ clear:both;  padding:0px 5px 0px 5px;margin:0;background: url(../MyDocs/SysPics/CMS_Adm_Bg_Intern.png);}
.rounded1Home .topleft{float:left;width:700px;margin:0 8px 0 0;}
.rounded1Home .topright{float:left;width:250px;margin:0;}
.rounded1Home .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1Home .content{float:left;width:750px;margin:0;}

.rounded1Publ{ clear:both;  padding:0px 0px 0px 0px;margin:0;background-color: transparent;}
.rounded1Publ .topleft{float:left;width:100%;max-width:688px;margin:0 4px 0 0px;}
.rounded1Publ .shopLeft{margin:0  10px 0 10px;}
.rounded1Publ .topright{float:right;width:250px;margin:0 8px 0 0px;}
.rounded1Publ .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1Publ .content{float:left;max-width:700px;margin:0;}

@media screen and (max-width: 950px) {
    .rounded1Publ .topright{float:left;}
}

.block1{ clear:both;padding:0 5px 0 5px;margin:0; }

.roundtopIFrameHead{border-left:1px solid #404040;box-sizing:content-box;}
.roundtopIFrame{ clear:both; margin:0;padding:0; border-bottom:0px solid #404040;}
.roundbottomIFrame{ clear:both; margin:0;padding:0; border-top:0px solid #404040;}
.roundedIFrame{ clear:both;background-color:#fff;  padding:8px;margin:0;border-left:1px solid #404040;border-top:1px solid #404040;border-bottom:1px solid #404040;  }

.headerShop{ clear:both;  padding:0px;margin:0;background:transparent; border-left:0px solid #D3D3D3;border-right:0px solid #D3D3D3;  }
.headerBO{ clear:both;  padding:0px;margin:0;background:transparent; border-left:0px solid #D3D3D3;border-right:0px solid #D3D3D3;  }

#fixed-panel{position:fixed; left:40px;top:40px;overflow:hidden;z-index:999;}

#banners {position:relative;width:230px; background:#003;text-align:center;}
#banners DIV {position:absolute;width:230px; top:0; left:0;z-index:8; opacity:0.0;filter: alpha(opacity=0);}
#banners DIV.active { z-index:10; opacity:1.0;filter: alpha(opacity=100);}
#banners DIV.last-active { z-index:9;}
#banners DIV IMG { border: 0; margin:0;}

#pnlAdvert01 {position:relative;width:230px; background:#003;text-align:center;}
#pnlAdvert01 DIV {position:absolute;width:230px; top:0; left:0;}

/**/

#footer{position: fixed;bottom: 0;left:0; width: 100%;height:30px;color:#333; background-color: rgba(242, 242, 242, 1.0);border-top: 1px solid #888;z-index:999;}
#footer{display:table; font-size:11px;font-weight:normal;margin:0 auto; padding:0px 0 0px 0;text-align:center;}
#footer ul{width:100%;clear:both; margin:0 auto; text-align:center; padding:0px 0 0px 0px;display: table-cell;vertical-align: middle;}
#footer li{display:inline-block;}
#footer li a{color:#333;clear:both; padding:0 2px 0 0px;}
#footer li a:hover, #footerHome li a.active{text-decoration:underline;}
#footer {display: none;}

#footerBO{font-size:11px;font-weight:normal; color:#fff; margin:0 auto; width:1100px; padding:0 0 0px 0;text-align:center; vertical-align:bottom;}
#footerBO ul{display:block;clear:both; width:100%;  margin:0 auto; text-align:center; padding:5px 0 5px 0;background-color: #888; }
#footerBO li{display:inline;}
#footerBO li a{color:#fff;clear:both; padding:0 0px 0 0px;}
#footerBO li a:hover, #footerBO li a.active{text-decoration:underline;}
#footerBO .footerAanmelden{color:#fff;}
.adminForm #footerBO{width:100%;max-width:1100px;}

/*
TRAVELPLANNING
*/
.chkAanvragen{vertical-align:middle;font-size: 1.2em;}

.tableHeader{background-color:#e4e4e4;font-weight:bold;color:#707070;height:5px;}
.tableHeader td{padding-left:5px;}
.tableSubHeader{background-color:#e4e4e4;font-weight:normal;color:#707070;height:20px;}
.tableSubHeaderXL{background:transparent url(../MyDocs/SysPics/CMS_TP_SubheaderBg.png) top left repeat-y;font-weight:normal;color:#707070;height:20px;}
.tableOfferteHeader{background-color:transparent;font-weight:bold;color:#333333;height:20px;border:1px solid #333}
.tableTdOfferteHeader{border:1px solid #707070}
.linkButt{color:#0026FF;text-decoration:underline;}

.AbsentieHeaderStyle{height:24px;background:transparent url(../Images/bg/gridHeader.png) repeat;font-weight:bold;}
.AbsentieDo{background-color:#A0A0A0;text-align:center;}
.AbsentieDoEnd{border-right:1px solid #A0A0A0;}
.AbsentieLi{background-color:#C0C0C0;text-align:center;}

.AbsentieDtlDo{width:30px;background-color:#A0A0A0;text-align:center;font-weight:bold;}
.AbsentieDtlLi{width:30px;background-color:#C0C0C0;text-align:center;font-weight:bold;}

/*
LOCATION PAGE
*/
#pnlLocationActive {margin:0 auto;width:100%;max-width:980px;}

.hpShowOnMap{font-size:11px;}
.hpShowOnMap img{height:24px;padding-right:4px;}

#divSearchDate {display:block; float:right;}
#divSearchDate input {height:27px;}
#divLocationPage {background-color: rgba(255, 255, 255, 0.4);}
.spaceLocationPageBlocks{height:20px;}
.tboxLocation .tooltip{display:none}
.tboxLocation #lblFormHeader {padding-left:5px;color:#0770B8;font-size:24px;font-style: normal;font-weight: normal;}
.tboxLocation input{float:left;display:block;padding-left:5px;}

#pnlShowLocation {display: block;float:left;max-width:450px;padding-right:0px;width:100%;}

.locationTable{width:100%;}
.locationTableHeader{font-family: 'Asap', sans-serif, Arial;font-weight:normal;font-size:22px;background-color:#0770B8;color:white;padding-left:5px;height:28px;}
.locationMapHeader{font-family: 'Asap', sans-serif, Arial;font-weight:normal;font-size:22px;background-color:#0770B8;color:white;padding-left:5px;height:28px;border-bottom:1px solid black;}
.locationMapHeaderIcons{display:none;float:right;padding:4px 4px 3px 0px;background-color:white;border:1px solid #0770B8;font-size:10px;color:#1E2843;}
.locationEmptyRow{background-color:#fff;font-size:6px;height:10px;}
.locationEmptyRow td{font-size:6px;height:5px;}
.locationEmptyRowColored{background-color:#fff;font-size:6px;height:10px;}
.locationEmptyRowColored td{font-size:6px;height:5px;}
.locationHeaderRowOdd{font-size:12px;background-color:#EAEAEA;}
.locationHeaderRowEven{font-size:12px;background-color:#DCDCDC;}
.locationHeaderRowOdd a{color:#1E2843;}
.locationHeaderRowEven a{color:#1E2843;}
.locationHeaderItem{padding-left:5px;padding-right:5px;}
.locationHeaderItem a{color:#1E2843;}
.locationHeaderItemDetails{text-align:right;}
.locationDetailTellFriends{font-size:12px;white-space:nowrap;padding-bottom:0px;padding-right:4px;}
.locationInfoRow{background-color:#fff}
.locationInfoRowCell{width:100%;vertical-align:top;text-align:left;padding-left:5px;}
.locationInfoRowCell img{vertical-align:top;float:left;padding-right:6px;padding-bottom:6px;}
.locationLocatie{font-size:14px;}

#map_canvas_tourloc{width:500px;height:500px;visibility:visible;border-bottom:1px solid #21007F;}
#divShowLocMap {display: block;float:right;max-width:510px;}
.locationMapSubHeader{display:none;background-color:#fff;width:500px;}
.locationMapSubHeaderTable{float:left;width:490px;}
@media screen and (max-width: 980px) {
    #map_canvas_tourloc{width:350px;height:350px;}
    #divShowLocMap {max-width:360px;}
    .locationMapSubHeader{width:350px;}
    .locationMapSubHeaderTable{width:340px;}
}

.scrollBoxLocation {margin-right: 0px;overflow-x: hidden;overflow-y: auto;max-height:100%;width:100%;}
@media screen and (max-width: 600px) {
    .scrollBoxLocation {margin-left: 0px;max-height:100%;}
}

.tboxMapContent
{
    float:left;
    background-color: #fcfafa;
    border: 0px solid #1E2843;
    border-radius: 0px 0px 0px 0px;
    margin:0;
    padding:0px;
}

.tboxLocationContent
{
    float:left;
    background-color: transparent;
    border: 0px solid #1E2843;
    border-radius: 4px 4px 4px 4px;
    margin:0;
    padding:0;
    width:100%;
}

.tboxLocMapContent
{
    float:left;
    background-color: #fcfafa;
    border: 0px solid #1E2843;
    border-radius: 0px 0px 0px 0px;
    margin:0;
    padding:0px;
}

/*
BOXES
*/

.tboxPopUp 
{
    margin:0 auto;
    background-color: rgba(255, 255, 255, 1);
    border: 0px solid #1E2843;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 4px 4px 3px #888;
    padding: 8px 8px 8px 8px;
    width:100%;
    min-width:330px;
    max-width:600px;
}

.tboxCenter 
{
    margin:0 auto;
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #fff;
    border-radius: 5px 5px 5px 5px;
    color: #1E2843;
    margin-bottom: 5px;
    padding: 8px 8px 8px 8px;
    text-align:left;
}

.tboxa 
{
    float: right;
    background-color: rgba(255, 255, 255, 0.9) ;
    border: 2px solid #fff;
    border-radius: 5px 5px 5px 5px;
    color: #1E2843;
    margin-bottom: 5px;
    padding: 8px 8px 8px 8px;
    max-width: 600px;
    margin-right:0px;
    text-align:left;
}
@media screen and (max-width: 480px) {
    .tboxa {width:262px;}
}

.tboxax 
{
    float: right;
    background-color: rgba(255, 255, 255, 0.9) ;
    border: 2px solid #fff;
    border-radius: 5px 5px 5px 5px;
    color: #1E2843;
    margin-bottom: 5px;
    padding: 8px 8px 8px 8px;
    width:100%;
    max-width: 600px;
    margin-right:0px;
    text-align:left;
}

.tboxb {
    background-color: #f2f2f2;
    border: 4px solid #e4e4e4;
    border-radius: 8px 8px 8px 8px;
    color: #1E2843;
    margin-bottom: 5px;
    padding: 8px 8px 8px 8px;
}

.tboxLoginCounts
{
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 8px #888;
    color: #1E2843;
    margin:0;
    padding-left:0px;
    width:100%;
}

.tboxLogin 
{
    margin:0 auto;
    background-color: rgba(255, 255, 255, 1);
    border: 0px solid #1E2843;
    border-radius: 10px;
    width:100%;
    min-width:230px;
    max-width:400px;
}
.tboxLogin #tbUsername {height: 32px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;max-width: 300px;border-radius: 6px;}
.tboxLogin #tbPassword {height: 32px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;max-width: 300px;border-radius: 6px;}
.tboxLogin #txtEmail {height: 32px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;max-width: 300px;border-radius: 6px;}
#tableLogin{width:100%;max-width:400px;}
#tableLogin td{padding-left:10px;}

.tboxContactForm 
{
    float:left;
    background-color: #fff;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    color: #1E2843;
    margin:0;
    padding-left:5px;
    padding-right:5px;
    max-width:700px;
}

.tboxAnnounce 
{
    margin:0 auto;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    border: 0px solid #1E2843;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 4px 4px 3px #888;
    padding: 8px 8px 8px 8px;

    float:left;
    width:250px;
}

.tboxLoginCounts
{
    margin:0 auto;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    border: 0px solid #1E2843;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 4px 4px 3px #888;
    padding: 8px 8px 8px 8px;
    width:100%;
}

.tboxTreeview 
{
    float:left;
    background-color: #fff;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    /*          leftpx, toppx, shadowpx */
    box-shadow: 2px 2px 8px #888;
    color: #1E2843;
    margin:0;
    padding:4px 4px 4px 4px;
    width:250px;
}

.tboxGuestbook
{
    float:left;
    background-color: transparent;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    margin:0;
    padding:0;
    width:100%;
}
.tboxGuestbook #lblFormHeader {padding-left:5px;color:#005695;font-size:36px;}

.tboxBlogContent
{
    float:left;
    background-color: transparent;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    margin:0;
    padding:0;
    width:100%;
}
.tboxBlogContent #lblFormHeader {padding-left:5px;color:#005695;font-size:36px;}

.tboxAgendaContent
{
    float:left;
    background-color: transparent;
    border: 0px solid #1E2843;
    border-radius: 4px 4px 4px 4px;
    margin:0;
    padding:0;
    width:100%;
}

.tboxMapContent
{
    float:left;
    background-color: #fcfafa;
    border: 0px solid #1E2843;
    border-radius: 0px 0px 0px 0px;
    margin:0;
    padding:0px;
}

.tboxSelectPeriod
{
    float:left;
    background-color: transparent;
    border-bottom: 0px solid #1E2843;
    margin:0;
    width:100%;
    padding:4px 0px 4px 0px;
}
.tboxSelectPeriod select{padding-left:5px;}

.tboxTextbox 
{
    float:left;
    background: transparent url(../MyDocs/SysPics/tboxaBg.png);
    border: 1px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 4px 4px 3px #e0e0e0;
    color: #1E2843;
    margin-bottom: 0px;
    padding: 8px 0px 8px 8px;
    max-width:500px;
}

.tboxRefGallery 
{
    background-color: #AAC3E2;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    color: #1E2843;
    margin:0;
    padding-left:0px;
    max-width:980px;
}

.tboxRefContent 
{
    background-color: transparent;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    color: #1E2843;
    margin:0;
    padding-left:0px;
    width:100%;
}

.tboxRefGalleryContent
{
    float:left;
    background-color: #AAC3E2;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    color: #1E2843;
    margin:0;
    padding:0;
    width:100%;
}

.tboxPageGalleryHeader 
{
    background-color: #AAC3E2;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    color: #1E2843;
    margin:0;
    padding-left:0px;
    max-width:980px;
}

.tboxPageGalleryContent 
{
    background-color: #AAC3E2;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    color: #1E2843;
    margin:0;
    padding-left:0px;
    max-width:980px;
}

#topMenu{float: left; display: block; }
@media screen and (max-width: 960px) {
    #topMenu{display:none;}
}

/* MENU*/
.menuTable{
    padding-top:0px;
    margin: 0px auto; 
    text-align: center; 
    display: block; 
    max-width: 980px;
    background-color: #717074;
    border: 0px solid #fff;
}
.menuTable a {color: #fff;text-decoration: none;}
.menuTable a:hover {color: #fff;text-decoration: none;}
.menuTableButtons{text-align: center; display: block; max-width: 980px;}
.menuTableButtons h2{color: #fff;}
.menuTableButtons h3{color: #161616;}

.menuBarSelect{
    height:26px;
    line-height: 30px;
    padding-top:4px;
    margin: 0px auto; 
    text-align: center; 
    max-width: 980px;
    background-color: #f1f1f1;
    border: 0px solid #fff;
}
#ddlMenuItems{width:200px;}

.menuTable {display:block;}
.menuBarSelect {display:none;}
@media screen and (max-width: 400px) {
    .menuTable {display:none;}
    .menuBarSelect {display:block;}
}

.menuTable ul {
  height:30px;
  text-align: center;
  display: inline;
  margin: 0;
  list-style: none;
}
.menuTable ul li {
    /*width:120px;*/
    padding-left:15px;
    padding-right:15px;
    height:30px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    display: inline-block;
    position: relative;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.menuTable ul li:hover {
  background: rgba(192, 192, 192, 1);
}
.menuTable ul li:hover a{color: #fff;text-decoration: none;}

.menuTable ul li ul {
  padding: 0;
  position: absolute;
  top: 30px;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.menuTable ul li ul li { 
    width: 200px;
    text-align: left;
    padding-left:10px;
    background: rgba(192, 192, 192, 1);
    display: block; 
    color: #666666;
}
.menuTable ul li ul li:hover { background-color:#f1f1f1; }
.menuTable ul li:hover ul {
  z-index:999;
  display: block;
  opacity: 1;
  visibility: visible;
}

/* ------------------------ */
/*     SLIDER STUFF         */
/* ------------------------ */

.cb-slideshow,
.cb-slideshow:after { list-style: none;padding: 0;margin: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../Images/pattern/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 40s linear infinite 0s;
    -moz-animation: imageAnimation 40s linear infinite 0s;
    -o-animation: imageAnimation 40s linear infinite 0s;
    -ms-animation: imageAnimation 40s linear infinite 0s;
    animation: imageAnimation 40s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 40s linear infinite 0s;
    -moz-animation: titleAnimation 40s linear infinite 0s;
    -o-animation: titleAnimation 40s linear infinite 0s;
    -ms-animation: titleAnimation 40s linear infinite 0s;
    animation: titleAnimation 40s linear infinite 0s; 
}

.cb-slideshow li div h3 { 
    /*color:rgba(41,168,224, 0.8);*/
    color:#fff;
    font-family: Calibri, Arial, sans-serif;
    font-style:italic;
    font-size: 100px;
    padding: 0;
    line-height: 100px; 
	text-shadow: 2px 2px 4px #000;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../MyUserPictures/slide/1.jpg?v=1.0) ;
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../MyUserPictures/slide/2.jpg?v=1.0);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../MyUserPictures/slide/3.jpg?v=1.0);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../MyUserPictures/slide/4.jpg?v=1.0);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;-webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;-webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0;}
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;-moz-animation-timing-function: ease-in; }
    8% { opacity: 1;-moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 ;}
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;-o-animation-timing-function: ease-in; }
    8% { opacity: 1;-o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 ; }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;-ms-animation-timing-function: ease-in; }
    8% { opacity: 1;-ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 ; }
}
@keyframes imageAnimation { 
    0% { opacity: 0;animation-timing-function: ease-in; }
    8% { opacity: 1;animation-timing-function: ease-out; }
    17% { opacity: 1 }
    50% { opacity: 0 ;}
    100% { opacity: 0 ;}
}

/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}
@keyframes titleAnimation { 
    0% { opacity: 1 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 1 }
    100% { opacity: 1 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1240px) { 
    .cb-slideshow li div h3 { font-size: 44px ;line-height: 50px; }
}
@media screen and (max-width: 700px) { 
    .cb-slideshow li div h3 { font-size: 24px; line-height: 24px;  }
    .cb-slideshow li div {bottom: 60px;}
}
@media screen and (max-width: 400px) { 
    .cb-slideshow li div h3 { font-size: 24px; line-height: 24px;  }
    .cb-slideshow li div {bottom: 60px;}
}

.intropageHeader {display:block;float:left;width:100%;max-width:726px;}
.intropageHeader img{width:100%}
#myIntroElement {width:100%;max-width: 400px; border-radius: 4px 4px 4px 4px;padding:10px;}
#myIntroElement {border-image: none; top: 32%; left: 0;right: 0;margin: auto; position: absolute; z-index: 9999; background-color: rgba(240, 240, 240, 0.8);}
#myIntroElementLogo {text-align: left;}
#myIntroElementLogoImg {display:none;}
@media screen and (max-width: 700px) { 
    #myIntroElement {width:90%;top: 170px; right: 10px; background-color: rgba(240, 240, 240, 0.9);}
    #myIntroElementLogoImg {display:none;}
}
/* ------------------------ */
/*     END SLIDER STUFF     */
/* ------------------------ */

/* ------------------------ */
/*     START TOOLTRACE      */
/* ------------------------ */
#mainToolStore{margin:0 auto; padding:0; width:800px;font-size:16px;}
#mainToolStore input{font-size:16px;}
#mainToolStore select{font-size:16px;}

#footerTS{font-size:11px;font-weight:normal; color:#fff; margin:0 auto; width:800px; padding:0 0 0px 0;text-align:center; vertical-align:bottom;}
#footerTS ul{display:block;clear:both; margin:0 auto; text-align:center; padding:5px 0 5px 0;background: #fff  url(../MyDocs/SysPics/CMS_bg_FooterPhoto.png) repeat; }
#footerTS li{display:inline;}

.rbClass input[type="radio"] {margin-top:20px; margin-left: 20px; margin-right: 2px; border:1px solid #404040;} 
.rbClass label:hover { text-decoration:underline;cursor:pointer;} 

#mainMatContainer{width:980px; margin: auto; background:transparent url(../MyDocs/SysPics/CMS_bg_MainShadeBody.png) top left repeat-y; }
.tabMATnavigation {width:980px;height:18px;padding:5px 0px 0px 0px;clear:both;margin:0 auto;clear:both; font-size:1.2em;}
.tabMATnavigation a{color: #fff;background: transparent url(../Images/box/left_tab.png) left top no-repeat;text-decoration: none;padding-left: 14px;} 
.tabMATnavigation a span{background:#ff0000 url(../Images/box/right_tab.png) ;padding-right: 7px; display: block; height:18px;} 
.tabMATnavigation a, #tabMATnavigation a span{display: block;float: left; height:18px;}
/* Hide from IE5-Mac \*/
.tabMATnavigation a, #tabMATnavigation a span{float: none}
/* End hide */
.tabMATnavigation ul{list-style: none;padding: 0;margin: 0;height:25px;}
.tabMATnavigation li{float: left;margin: 0;} 
.tabMATnavigation a:hover{color: #fff;background: transparent url(../Images/box/left_hover_tab.png) left top no-repeat;text-decoration: none;padding-left: 14px} 
.tabMATnavigation a:hover span{background:#FF173E url(../Images/box/right_hover_tab.png) right top no-repeat;padding-right: 7px} 
.tabMATnavigation li.active a{color: #fff;background: transparent url(../Images/box/left_hover_tab.png) left top no-repeat;text-decoration: none;padding-left: 14px}
.tabMATnavigation li.active a span{background:#FF173E url(../Images/box/right_hover_tab.png) right top no-repeat;padding-right: 7px} 

.roundedToolTrace{padding:8px;margin:0;background:#003; border-left:2px solid #003;border-right:2px solid #003;  }

.divToolTraceStore{ display:block;clear:both;width:785px;margin:0 auto;color:#404040;}
.divToolTraceStore h1{font-size:2em;}
.divToolTraceRegistratie .btnnavigation{width:980px;}

#pnlProjectUpdater{width:100%;max-width:1250px;margin:0 auto;}

.divToolTraceMaintenance{ display:block;clear:both;min-width:980px;max-width:1400px;margin:auto;color:#404040;}
.divToolTraceMaintenance #tblWelkom{width:100%;max-width:1000px;}
.divToolTraceMaintenance h1{font-size:18px;}
.divToolTraceMaintenance .scroll {max-width: 980px;overflow: auto;padding-bottom: 20px;margin-bottom:10px;overflow-y: hidden;}
.divToolTraceMaintenance .scroll table{margin:0 auto;}

.tblProjectDetails td{font-size:14px;padding-left:10px;color:#404040;font-weight:bold;text-transform:uppercase;}

.divToolTraceFacturering{ display:block;clear:both;min-width:980px;max-width:1400px;margin:auto;color:#404040;}
.divToolTraceFacturering h1{font-size:18px;}

.divToolTraceReports{ display:block;clear:both;width:900px;margin:auto;color:#404040;}
.divToolTraceReports h1{font-size:1px;}

.tabMatSpace {width:100%;padding: 0px 0px 0px 0px;background-color: transparent ; border-bottom:solid 0px #808080;} 

.roundMatStoreTop{ clear:both; height:4px;margin:0;padding:0; background: url(../Images/box/grey_500_e8e8e8_white/rndLeftTop.png) no-repeat top left;}
.roundMatStoreTop .right{ float:right;height:4px; width:300px;background: url(../Images/box/grey_500_e8e8e8_white/rndRightTop.png) no-repeat top right;}

.roundedMatStoreBody{ clear:both;  padding:0;background:#fff;border-left:2px solid #e8e8e8;border-right:2px solid #e8e8e8;border-bottom:2px solid #e8e8e8; }
.roundedMatStoreBody .searchRow{border-bottom:1px solid #E31E24;}
.roundedMatStoreBody{background-color: transparent;border: 1px solid #e4e4e4;border-radius: 4px 4px 4px 4px;margin:0;padding-left:0px;width:100%;max-width:580px;}

.rounded1Mat{ clear:both;  padding:0px 5px 0px 5px;margin:0;background-color:#fff;}
.rounded1Mat .topleft{float:left;width:700px;margin:0 8px 0 0;}
.rounded1Mat .topright{float:left;width:250px;margin:0;}
.rounded1Mat .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1Mat .content{float:left;width:750px;margin:0;}

.roundedMat2 {background-color: transparent;border: 1px solid #e4e4e4;border-radius: 4px 4px 4px 4px;margin:0;padding-left:0px;width:100%;max-width:360px;}
.roundedMat2 .searchRow{border-bottom:1px solid #E31E24;}

ColumnBorderLeft {border-left:solid 1px #808080;}
ColumnBorderLeftRight {border-left:solid 1px #808080;border-right:solid 1px #808080;}
ColumnBorderRight {border-right:solid 1px #808080;}
/* ------------------------ */
/*    END TOOLTRACE         */
/* ------------------------ */

/* ------------------------ */
/* RESIZABLE DIV IN PLANBORD */
/* ------------------------ */

a.tooltipTP {color:#000;text-align:left;}
a.tooltipTP i {display:none;}
a.tooltipTP:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipTP:hover i {width:350px;display:block; position:absolute; top:20px; left:-155px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc;}
a.tooltipTP:hover i em {position:absolute; left:150px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block; }

div.tooltipTP {color:#000;text-align:left;height:100%;}
div.tooltipTP i {display:none;}
div.tooltipTP:hover {position:relative; z-index:500; text-decoration:none;}
div.tooltipTP:hover i {max-width:300px;display:block; position:absolute; top:20px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc;}
div.tooltipTP:hover i em {position:absolute; left:-1px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block; }
div.tooltipTP:hover i pre{width:100%;width:300px;white-space: pre-wrap;}

#ttip{text-align: center;color: #fff;background: #111;position: absolute;z-index: 100;padding: 15px;}
#ttip:after /* triangle decoration */
{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #111;content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -10px;}
#ttip.top:after{border-top-color: transparent;border-bottom: 10px solid #111;top: -20px;bottom: auto;}
#ttip.left:after{left: 10px;margin: 0;}
#ttip.right:after{right: 10px;left: auto;margin: 0;}

.tdBasisA{text-align:center;padding-top:4px;}
.hdBasis{width:100%;text-align:left;}
.hdBasisA{font-size:18px;text-align:center;font-weight:normal;}
.hdBasis td{width:4.16%;}
.gridClass .hdBasis td{padding:0;margin:0;}
.gridClass .hdBasis .tdBasisA{padding:0;margin:0;padding-top:4px;}

.hdBasisDagDeel{width:100%;padding:0;margin:0;}
.hdBasisDagDeelA{font-size:18px;padding-top:4px;}
.hdBasisDagDeel td{width:4.16%;}
.gridClass .hdBasisDagDeel td{padding:0;margin:0;text-align:center;}

.hdBasisDagDeel1 {width:100%;padding:0;margin:0;}
.gridClass .tdBasisFx{padding:0;height:24px;}
.tdBasisFx{position:relative;outline-style: solid;outline-width: 1px;outline-color: #ccc;}
.tdBasisFx table{border-collapse:collapse;}

.gridClass .tdBasisDag{padding:0;height:24px;}
.tdBasisDag table{border-collapse:collapse;}

.gridClass .tdBasis{padding:0;height:24px;}
.tdBasis{position:relative;outline-style: solid;outline-width: 1px;outline-color: #ccc;}
.tdBasis table{border-collapse:collapse;}

.gridClass .tdBasisDiv{padding:0;height:24px;}
.tdBasisDiv{font-size:1px;position:relative;outline-style: solid;outline-width: 1px;outline-color: #ccc;}
.tdBasisDiv pre{font-size:11px;}
.tdBasisDiv table{border-collapse:collapse;}
.borderline {position:absolute;top:0;width:1px;height:30px;display:block;float:left;overflow:hidden;background:transparent url(/MyDocs/SysPics/borderline.png) 0 0;}

.tdOnTop{position:absolute;left:4px;z-index:444;height:16px;background-color:#fff;}
.tdOnTop{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.tdOnTop span{font-size:11px;height:11px;display:table;margin:-1px 4px 0 4px;}
/*.tdOnTop{-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}*/

a.tooltipTPlarge {color:#000;text-align:left;}
a.tooltipTPlarge i {display:none;}
a.tooltipTPlarge:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipTPlarge:hover i {width:600px;display:block; position:absolute; top:10px; left:-185px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; }
a.tooltipTPlarge:hover i em {position:absolute; left:180px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block; }

a.tooltipTPleft {color:#000;text-align:left;}
a.tooltipTPleft i {display:none;}
a.tooltipTPleft:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipTPleft:hover i {width:600px;display:block; position:absolute; top:10px; left:-585px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; }
a.tooltipTPleft:hover i em {position:absolute; left:580px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block; }

#dragTrip {z-index:998;display:inline-block;width:340px;position:absolute;top:30%;right:400px;padding:5px 10px 10px 10px;background-color:#EAEAEA;border:1px solid #808080;}
#dragTrip pre {overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
#faultTrip {z-index:999;display:inline-block;width:340px;position:absolute;top:30%;right:10%;padding:5px 10px 10px 10px;background-color:#EAEAEA;border:1px solid #808080;}
#logBoek {z-index:999;display:inline-block;width:340px;position:absolute;top:30%;right:10%;padding:5px 10px 10px 10px;background-color:#EAEAEA;border:1px solid #808080;}

.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}
/* ------------------------- */

/* ------------------------ */
/*    TABS BBSEBZE         */
/* ------------------------ */
#tabs {border: 0px solid #aaa;}
.divTabs .tab-content {border-top:1px solid rgba(216, 216, 216, 1)}

.divTabs .ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.divTabs .ui-helper-clearfix:after{clear:both}
.divTabs .ui-helper-clearfix{min-height:0}

.divTabs .tabs {margin:0 auto;text-align:left;width:100%;max-width:980px;display:inline-block;border: 1px solid #aaa;}
.divTabs .tabsFull {margin:0 auto;text-align:left;width:100%;display:inline-block;border: 1px solid #aaa;}
.divTabs .tab-links a {
    color: #404040;
    display:inline-block;
    /*border-radius:3px 3px 0px 0px;*/
    /*background: none repeat scroll 0 0 rgba(216, 216, 216, 1);*/
    transition:all linear 0.15s;
}

.divTabs .ui-widget{font-family:Arial;font-weight:normal;font-size: 13px;}
.divTabs .ui-widget{line-height: normal;border: 1px solid #aaa;}
.divTabs .ui-widget-content{color:#404040;background: #fff;border: 0px solid #aaa;}
.divTabs .ui-widget-header {background: none repeat scroll 0 0 rgba(255, 255, 255, 1);border-bottom: 1px solid #ccc;}
.divTabs .ui-widget button, .ui-widget select, .ui-widget textarea {font-family:Arial;font-weight:normal;font-size: 13px;}
.divTabs .ui-widget .ddlLarge {font-family:'omnes-regular', sans-serif, Arial;font-weight:bold;font-size: 16px;color:#888;}
.divTabs .ui-widget .ddlLarge:hover {color:#1c2527;}
/*.ui-widget input {font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size: 14px;}*/

/*.ui-widget{font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:20px;}
.ui-widget{line-height: normal;border: 1px solid #aaa;}
.ui-widget-content{color:#404040;background: #fff;border: 0px solid #aaa;font-weight:400;font-size: 13px;}
.ui-widget-header {background: none repeat scroll 0 0 rgba(255, 255, 255, 1);border-bottom: 1px solid #ccc;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:20px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #404040;font-weight: 700;}*/

.divTabs .ui-tabs { position: relative; padding:0; zoom: 1; } 
.divTabs .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.divTabs .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 4px; margin: 4px 8px 4px 0px; padding: 0;}
/*.divTabs .ui-tabs .ui-tabs-nav li {border-radius:3px 3px 0px 0px; }*/
.divTabs .ui-tabs .ui-tabs-nav li a { float: left; padding: 6px 14px 6px 14px; text-decoration: none; font-family:Arial;font-weight:bold;color:#c0c0c0;font-size:20px;}
.divTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 4px 8px 4px 0px; padding: 0; }
.divTabs .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;font-weight:bold;color:#404040; }
.divTabs .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.divTabs .ui-tabs .ui-tabs-nav li a:hover {font-weight:700;color:#404040;} 
.divTabs .ui-tabs .ui-tabs-panel { display: block; padding:10px 10px 0px 0px; background: none; }
.divTabs .ui-tabs .ui-tabs-hide { display: none !important; }

.divTabs {text-align:center;}
.divTabs .ui-tabs-nav {padding-left:0px;}
.divTabs ul{list-style:outside none none;margin:0;}

.divTabs .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
.divTabs .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.divTabs .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.divTabs .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.divTabs .ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 24px;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    text-decoration: none;
}

.divTabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    border-top: 1px solid #d3d3d3;border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;border-bottom: 0px solid #d3d3d3;
}

.divTabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    text-decoration: none;
}

.divTabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: transparent;
}
.divTabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    text-decoration: none;
}
.divTabs .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 rgba(64, 64, 64, 1);
    text-decoration: none;
}
.divTabs .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    text-decoration: none;
}

/* ------------------------ */
/*    END TABS BBSEBZE    */
/* ------------------------ */