@charset "utf-8";
/* TOURTRACE */
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: 18px;color:#620062; font-size:12px;background-color: #fff; font-family:Arial, Helvetica, sans-serif}
.bodyBO {height:100%;line-height:normal;color:#161616;font-size:12px;font-family:Arial, Helvetica, sans-serif}

select {border: solid 1px #bcbcbc;transition: border 0.3s;min-height:17px;background-color:#fff;}

input {font-size:12px;font-family:Arial, Helvetica, sans-serif;}
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;}

input[type=checkbox]+label:hover {cursor:pointer;}
input[type=checkbox] {appearance: none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;margin:3px 3px 3px 4px;}
input[type=checkbox]:before {content: "\2714";font-size: 14px;font-weight:bold;color: transparent !important;background: #fff;padding:0px 0px 3px 0px;}
input[type=checkbox]:before {display: inline-block;text-align:center;vertical-align:middle; width: 18px;height: 15px;border: 1px solid #888;}
input[type=checkbox]:checked:before {color: green !important;}

input[type=radio]+label {padding:0px 2px 0px 2px;}
input[type=radio]+label:hover {cursor:pointer;}
input[type=radio] {appearance: none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;margin:3px 3px 3px 4px;}
input[type=radio]:before {content: "\2714";font-size: 13px;font-weight:bold;color: transparent !important;background: #E8E8E8;margin-left:6px;margin-top:-2px;} 
input[type=radio]:before {display:inline-block;text-align:center;vertical-align:middle; width: 16px;height: 16px;border: 1px solid #888;border-radius:8px;}
input[type=radio]:hover:before {background: #fff;}
input[type=radio]:checked:before {color: green !important;background: #fff;}

#rbExcel input[type=radio]+label{padding:0;margin:0;font-size: 10px;}
#rbExcel input[type=radio]{width: 10px;height: 10px;border-radius:5px;padding:0;margin:0;}
#rbExcel input[type=radio]:before{content: ""; font-size: 10px;width: 10px;height: 10px;padding:0;margin:0;}
#rbExcel input[type=radio]:checked:before {color: green !important;background: lightgreen;}
#rbExcel td{height: 12px;}
#rbExcel label{padding-right:4px;}

.rbExcel input[type=radio]+label{padding:0;margin:0;font-size: 10px;}
.rbExcel input[type=radio]{width: 10px;height: 10px;border-radius:5px;padding:0;margin:0;}
.rbExcel input[type=radio]:before{content: ""; font-size: 10px;width: 10px;height: 10px;padding:0;margin:0;}
.rbExcel input[type=radio]:checked:before {color: green !important;background: lightgreen;}
.rbExcel td{height: 12px;}
.rbExcel label{padding-right:4px;}

.rbSmall input[type=radio]+label{padding:0;margin:0;font-size: 10px;}
.rbSmall input[type=radio]{width: 10px;height: 10px;border-radius:5px;padding:0;margin:0;}
.rbSmall input[type=radio]:before{content: ""; font-size: 10px;width: 10px;height: 10px;padding:0;margin:0;}
.rbSmall input[type=radio]:checked:before {color: green !important;background: lightgreen;}
.rbSmall td{height: 12px;}
.rbSmall label{padding-right:4px;}

.rbExcel input[type=radio]+label{padding:0;margin:0;font-size: 10px;}
.rbExcel input[type=radio]{width: 10px;height: 10px;border-radius:5px;padding:0;margin:0;}
.rbExcel input[type=radio]:before{content: ""; font-size: 10px;width: 10px;height: 10px;padding:0;margin:0;}
.rbExcel input[type=radio]:checked:before {color: green !important;background: lightgreen;}
.rbExcel td{height: 12px;}
.rbExcel label{padding-right:4px;}

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;}

.ajax__fileupload {padding:10px!important;overflow:hidden!important;}
.ajax__fileupload{border: 0px solid #fff;border-radius: 14px;margin:0 auto;}
.ajax__fileupload{-webkit-box-shadow:0px 4px 10px 0px #888;-moz-box-shadow: 0px 4px 10px 0px #888;box-shadow: 0px 4px 10px 0px #888;}
.ajax__fileupload_dropzone {font-size:20px;height:100px!important;}
.ajax__fileupload_dropzone {
                            background-color:#ffffff;
                            opacity:0.6;
                            background-image:url(../MyDocs/SysPics/filemanager.png);
                            background-position:center center;
                            background-repeat:no-repeat;}

.ajax__fileupload_fileItemInfo .removeButton{width:100px!important;}
.ajax__fileupload_uploadbutton{width:100px!important;background-color:darkgreen!important;color:#fff;margin-top:5px;margin-right:5px;}
#AjaxFileUpload12{width:500px;padding-bottom:20px;}
#AjaxFileUpload12_SelectFileContainer {width:180px;}
#AjaxFileUpload12_SelectFileButton {background-color:#404040;color:#fff;width:180px;}

a{ text-decoration:none;color:#1E2843;}
a:hover{text-decoration:underline;cursor:pointer;color:#1E2843;}

.chkBoxClassLarge input[type=checkbox] {-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;}
.chkBoxClassLarge input[type=checkbox]:before {content: "\2713";font-size: 18px;font-weight:bold;color: transparent !important;background: #fff;margin-left:-1px;margin-top:-1px;}
.chkBoxClassLarge input[type=checkbox]:before {display: block;text-align:center;vertical-align:middle; width: 22px;height: 22px;border: 1px solid #888;}
.chkBoxClassLarge input[type=checkbox]:checked:before {color: green !important;}

.hiddenVisibility{display:inline-block;visibility:hidden;padding:0!important;margin:0!important;width:1px;overflow-x:hidden;}

#txt1steRit{font-size:14px;}
.serviceFoutmeldingen td{line-height:16px;height:16px;}
.panelHeaderBar{text-align:center; background-color:#e4e4e4;border-top:1px solid #808080;}
.panelHeaderBarLogin{text-align:center; background-color:transparent;background-image: linear-gradient(#BACFF4 0%,  #ffffff);border-top:1px solid #808080;}

#cookieMessageWrapper{display:none;}
#contactCaptcha{display:none;}

#firstHeaderRow{padding-top: 8px; padding-bottom: 2px; padding-left: 10px; background-color: #f2f2f2;height:30px;}
#topMenuContainer{padding-right: 10px; float: right; display: inline-block;height:30px;position:absolute;right:0;}
#secHeaderRow{display:table;width:100%;height:60px;text-align: center; background-color: #25629A;}
#searchHeaderRowTop{height: 0px;background-color: #fff;}
#searchHeaderRow{height: 60px; text-align: center; background-color: #4171B1;}
#introTekstImg{display:block;float:left;width: 100%; max-width: 400px;padding-right:20px;}
#introTekstImg img{width: 100%;padding-bottom:20px;}
@media screen and (max-width: 600px) {
    #firstHeaderRow{display:none;}
    #secHeaderRow {height:0px;}
    #searchHeaderRowTop{height: 0px;background-color: #fff;}
    #searchHeaderRow{height: 0px;}
    #topMenuContainer{padding-right: 10px; float: right; display: inline-block;height:0px;}
    #introTekstImg{display:none;max-width: 200px;padding-right:10px;}
}

.spaceLoginBlock{height:120px;}
.spaceHomePageBlocks{padding:0px 0px 0px 0px;}
.spaceContactPageBlocksLeft{padding:10px 0px 0px 0px;}
.spaceContactPageBlocksRight{padding:30px 0px 0px 0px;}
.spaceShopPageBlocksLeft{padding:10px 0px 0px 0px;}

.spaceShopPageBlocks{padding:20px 0px 0px 0px;}
.spaceShopPageBlocksDtl{padding:64px 0px 0px 0px;}
.cursorPointer{cursor:pointer;}

#stayDiv {}
#stayDiv.stick {position: fixed;top:0;z-index: 10000;/*border-radius: 0 0 0.5em 0.5em;*/}
#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%;}  

#loadFormPage {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;  }  
#loadFormPage {border-radius: 100%;}  
.loadPrePage {position: fixed;left: 40%;  top: 40%;width: 200px;  height:200px; z-index: 9999;background:#fff url(../Images/icons/loading_blue.gif) center no-repeat;}

#hpOpenFormulier{font-size:14px;color:#1E2843;}
#hpOpenFormulier:hover{text-decoration:underline;}
#contactForm{font-size:12px;}
#contactFormOpenClose{padding:0px 10px 0px 0px;display:none;}
#contactFormOpenClose table{display:none;}

#corpLogo{border-image: none; left: 20px; top: 2px; position: absolute; z-index: 999;}
#corpLogo img{height:200px;}

@media screen and (max-width: 1450px) {
    #corpLogo img{height:200px;}
    #corpLogo {top:0px;}
    #corpLogo {left:0px;}
    }

@media screen and (max-width: 1100px) {
    #corpLogo img{height:150px;}
    #corpLogo {top:0px;}
    #corpLogo {left:0px;}
    }

@media screen and (max-width: 450px) {
    #corpLogo img{height:80px;}
    #corpLogo {top:20px;}
    #corpLogo {left:0px;}
    }

.redPanel {font-size:8px;height:8px;line-height:8px;background-color:#fff;}
#redPanel {width:100%;font-size:8px;height:8px;line-height:8px;background-color:#fff;}

/* ------------------------ */
/*   Background BO          */
/* ------------------------ */
.bodyBO {
background-color:transparent;
background-image:url(../MyUserPictures/bg/BO_pic.jpg?v=1.1a);
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;
}

#bgStretched {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:#FFFFFF;
background-position:center top;
background-repeat:repeat-x;
}

#bgStretchedIndex {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:#DDD;
background-position:center top;
background-repeat:repeat-x;
}

#bgStretchedLogin {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:transparent;
background-image:url(../MyUserPictures/bg/LG_pic.jpg?v=1.1a);
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;
}

#bgStretchedPayment {
position:fixed; top:0; left:0;width:100%; height:100%;z-index:0;
background-color:transparent;
background-image:url(../MyUserPictures/bg/PM_pic.jpg?v=1.0);
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;
}

/* ------------------------ */
/*   PAYMENT SCHERM         */
/* ------------------------ */
#paymentContainerSpace{height:120px;}
#paymentContainer{width:100%;max-width:1000px;margin:0 auto;position:relative;z-index:1;}
#pnlWebShopSend{border-radius:10px;background-color: rgba(255, 255, 255, 0.8);}
#pnlWebShopNotActive{border-radius:10px;background-color: rgba(255, 255, 255, 0.8);}

.payOrderHeaders{font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:22px;color:white;height:30px;background-color: rgba(183, 77, 107, 1.0);}
.payOrderHeaders{border-radius:10px;}
.payOrderLeftBlock{display:block;float:left;width:100%;max-width:420px; border-radius:10px;background-color:#fff;}
.payOrderLeftBlock td span{padding-left:20px;}
.payOrderRightBlock{display:block;float:right;width:100%;max-width:420px; border-radius:10px;background-color:#fff;}
.payOrderRightBlock td span{padding-left:20px;}
@media screen and (max-width: 850px) {
    .payOrderRightBlock{display:block;float:left;}
}

/* ------------------------ */
/*   EIND PAYMENT SCHERM    */
/* ------------------------ */

/* ------------------------ */
/*   SWEETALERT             */
/* ------------------------ */
.swal2-title{font-size:22px!important;}
.swal2-popup{border-radius:8px!important;color:#26639C!important;font-size:14px!important;}
.swal2-popup{
background-color:#fff;
background-image:url(../MyUserPictures/bg/SA_pic.jpg?v=1.1);
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;}

/* ------------------------ */
/*   EIND SWEETALERT    */
/* ------------------------ */


#printHolder {width:900px;margin:0 auto;background-color:#ffffff;border:1px solid #A1ABAD;}
#printHolderHours {width:1000px;margin:0 auto;background-color:#ffffff;border:1px solid #A1ABAD;}
.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;}

#allContent {position:relative; z-index:1;height:100%;}
#allShopContent {position:relative; z-index:1;}
#cookiewarning{font-family:Arial;font-size:0.85em;} 

#pnlShowCmsPage{color:#620062;line-height:20px;padding:20px 50px 50px 50px;}
#pnlShowCmsPage ul{ list-style-type:disc; list-style-position:outside; margin:30px;width:auto; }
#pnlShowCmsPage li{ display: list-item }

#pnlShowCmsPage h1{font-size:24px;font-weight:bold;}
#pnlShowCmsPage h2{font-size:20px;font-weight:bold;}
#pnlShowCmsPage h3{font-size:16px;font-weight:bold;}
#pnlShowCmsPage h4{font-size:14px;font-weight:bold;}
#pnlShowCmsPage h5{font-size:12px;font-weight:bold;}
#pnlShowCmsPage h6{font-size:10px;font-weight:bold;}

#divShowCmsPage{width:100%;display:table;margin:0 auto;}
#divCMSPage {height:100%;}
#divCMSPage .rounded1{background-color: rgba(255, 255, 255, 0.7);}

#divCMSpublicPage {height:100%;background-color: rgba(255, 255, 255, 0.7);}
#divContactPage {margin:0 auto;max-width:880px;}
#divTravelPlanPage {background-color: rgba(255, 255, 255, 0.7);}
#pnlTravelPlanActive {padding:0px 5px 0px 5px;}
 
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;}
p{ margin: 0px 0px 0px 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;}
h3{font-size:16px;font-weight:bold;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

.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;} 

.reportView {overflow:auto;} 
.reportView td{height:auto;} 
.reportView .ToolBarBackground{height:46px!important;} 
.reportView .NormalButton{height:34px!important;} 
.reportView .DisabledButton{height:34px!important;} 
.reportView .HoverButton{height:34px!important;} 
.reportView .WidgetSet{height:34px!important;} 
.reportView .ToolbarFind{padding-top:8px!important;} 
.reportView .ToolbarZoom{padding-top:6px!important;} 
.reportView .ExportLink{padding-top:6px!important;} 
.reportView .ToolBarButtonsCell{border-left:1px solid #DDDDDD!important;border-right:1px solid #DDDDDD!important;}
.reportView .ToolbarPageNav.WidgetSet input{text-align:center;}
.reportView .aspNetDisabled table{width:48px!important;}
.reportView .ToolbarBack{display:none!important;}

.rptViewer ul{ list-style-type:disc; list-style-position:outside; margin:0px;width:auto; }
.rptViewer li{ display: list-item }
/* -------------------- */

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; }

a.tooltipTPlarge {color:#000;text-align:left;z-index:999;}
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; }

.tooltipPubl {color:#000;text-align:left;z-index:999;padding-left:2px;}
.tooltipPubl i {display:none;}
.tooltipPubl:hover {border:0; position:relative; z-index:500; text-decoration:none;cursor:pointer;}
.tooltipPubl:hover i {font-size:1.1em;width:400px;display:block; position:absolute; top:30px; left:-145px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#FFFFEC; }
.tooltipPubl:hover i em {position:absolute; left:140px; top:-6px; width:11px; height:6px; background:transparent url(../images/icons/tooltip.gif) 0 0; display:block; }

.fullSizeDivBordered {border:1px solid #808080;width:100%;background-color:#dddddd;}

#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%;}

#lblMyHeader{width:100%;font-size:16px;}
#lblMySubHeader{width:100%;background-color:#fff;}

.headerSpace {height:0px;background-color:transparent;}
#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:100%;max-width:1100px; margin: auto; background:transparent;border-left:1px solid #A1ABAD;}
#mainBO{width:100%;max-width:1100px;margin: auto; padding: 0px 0 0 0;background-color:#fff;}

#mainBOContainerBottom{width:1100px; margin: auto; background:transparent;border-left:1px solid #A1ABAD;}
#mainBottom{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;}

#mainFull{margin:0 auto; padding:0; width:98%; min-width:1100px;max-width:1800px;background-color:#fff;}
#mainFullRegistration{margin:0 auto; padding:4px; width:98%;min-width:1100px;max-width:1600px;background-color:#fff;}
#mainFullRegistration{border-top:1px solid #A1ABAD;border-bottom:1px solid #A1ABAD;border-left:1px solid #A1ABAD;border-right:1px solid #A1ABAD;}
#mainFullFacturering{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1700px;background-color:#fff;}
#mainFullZoekPlanning{margin:0 auto; padding:0; width:98%;min-width:1000px; }
#mainFullPlanning{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1700px;background-color:#fff;}
#mainFullUserHours{margin:0 auto; padding:0; width:98%;max-width:1700px;background-color:#fff;}
#mainFullUserHours{border-top:1px solid #404040;border-left:1px solid #404040;padding:0px 0px 0px 4px;}

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

#mainFullBorder{margin:0 auto; padding:0; width:98%; max-width:1800px;background-color:#fff;}
#mainFullBorder{border-top:1px solid #A1ABAD;border-bottom:1px solid #A1ABAD;border-left:1px solid #A1ABAD;}

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

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

#mainFullPlanbord{margin:0 auto; padding:0; width:98%;min-width:1100px;background-color:#fff;}
#toplevelPlanbord{margin:0 auto; padding:0; width:100%;min-width:1100px;max-width:1600px;padding-bottom:0px;}
#toplevelPlanbordFull{margin:0 auto; padding:0; width:100%;min-width:1100px;max-width:100%;padding-bottom:0px;}
#floatingPlanbord{margin:0 auto; padding:0; display: inline-block;}

#mainFullFacturering{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1600px;}
#mainFullZoekPlanning{margin:0 auto; padding:0; width:98%;min-width:1000px; }
#mainCustFull{margin:0 auto; padding:0; width:100%; }
#mainFactFull{margin:0 auto; padding:0; width:1200px; }

#topContainer{max-width:1100px; height:0px; margin: auto; }
#footerContainer{width:100%;background-color: #ddd;color: #21007f;border-top: 1px solid #e4e4e4;}
#footerContainer{font-size:12px;font-weight:normal;margin:0 auto; padding:0px 0 0px 0;text-align:center;}
#footerContainer a{color: #808080;}
#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 .roundbottom2{ clear:both;margin:0 auto !important; height:0px;margin:0;padding:0; background: transparent;}
#footerContainer .roundbottom2 .right{ float:right;height:0px;background: transparent;}
.footerContainerLogin {display:none;}

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

#mainTabContainer{max-width:980px;height:50px; margin: auto;background-color: transparent;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;}

.headSpace {height:0px;background-color:#ffffff;}
.tabSpace {height:25px;width:100%;padding: 0px 0px 0px 0px;background-color: transparent; border-bottom:solid 0px #A1ABAD;} 

#mainTabContainerBO{width:1101px; margin: auto;}
#mainTabBO{width:1101px;background-color:transparent;margin: auto; padding: 0px 0 0 0;  }
.tabSpaceBO {width:1100px;padding:0px 0px 0px 0px;background: transparent ; border-bottom:solid 1px #A1ABAD;} 

.bodySpace {height:0px;background-color:#fff;}
.bodySpaceBO {height:10px;background-color:transparent;}

.tabCMSnavigation {width:1000px;height:28px;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{display:block;float:left;margin:0 auto;height:25px;margin-right:6px;padding-top:3px;} 
.tabCMSnavigation li{font-size:14px;font-family:Verdana;text-align:center;transition: height 150ms, margin 150ms;} 
.tabCMSnavigation li{background-color:#BACFF4;} 
.tabCMSnavigation li{border-top:1px solid #A1ABAD;border-left:1px solid #A1ABAD;border-right:1px solid #A1ABAD;} 
.tabCMSnavigation a{display:block;color: #000;background-color:#BACFF4;text-decoration:none;height:24px;padding:0px 10px 0 10px;} 

.tabCMSnavigation li:hover {background-color:transparent;background-image: linear-gradient(#BACFF4,  #ffffff);margin-top:-10px;height:35px;border-top-left-radius:8px;border-top-right-radius:8px;} 
.tabCMSnavigation li:hover a{color: #000;background-color:transparent;} 
.tabCMSnavigation li.active {background-color:transparent;background-image: linear-gradient(#BACFF4 0%,  #ffffff);margin-top:-10px;height:35px;border-top-left-radius:8px;border-top-right-radius:8px;}
.tabCMSnavigation li.active a{color: #000;background-color:transparent;}

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

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

.tabCrmbutton{background-color:#BACFF4; color:#000;  width:110px; height:24px; border:none;}
.tabCrmbutton:hover {background-color:#004B82;color:#fff;} 
.tabCrmbuttonActive {background-color:#004B82;color:#fff;width:110px; height:24px; border:none;} 

.vergroot:hover{background: none;border:solid 6px #A1ABAD;}
.vergroot:hover{display: inline;position:absolute;top:0px;left:0px;width:auto;height:auto;z-index:999} 
#hpOpenFormulier{font-size:12px;color:#1E2843;}
#hpOpenFormulier:hover{text-decoration:underline;}
#contactForm{font-size:12px;}

.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:#1E2843;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:#1E2843; 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:#1E2843; 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:#1E2843; background :url(../Images/icons/listitem.png) no-repeat left 4px; margin: 0px 5px 0px 5px;  padding:0 0 0 10px; font-weight:normal;}
.linkToMoreMenu{float:left;clear:both;color:#1E2843; background :url(../Images/icons/listitemBlue.png) no-repeat left 4px; margin: 0px 5px 0px 5px;  padding:0 0 0 10px; font-weight:normal;}

.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;}

.frmHeaderNr{font-family: Verdana;margin:0 0 5px 0;font-size:1.8em;font-weight:normal;}
.frmHeader{font-family: Verdana;margin:0 0 5px 0;font-size:1.8em;font-weight:normal;}
.frmHeaderPublic{font-family: Verdana;margin:0 0 5px 0;font-size:1.8em;}
.frmHeaderH2{font-family: Verdana;margin:0 0 5px 0;font-size:1.4em;font-weight:bold;}
.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:1.2em;}
.frmHeaderPublicAnv{font-family: Verdana;margin:0 0 0 4px;font-size:22px;font-weight:normal;border:none 0px transparent; background-color:transparent;}

.formEmpbutton{border-radius:8px;font-family: Verdana; font-size:16px;font-weight:normal; height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto;}
.formEmpbutton{text-transform:uppercase;background:transparent;color:darkblue;}

.formImpbutton{border-radius:8px;padding: 0px 12px 0px 12px;color:#fff;font-weight:normal; font-size:12px; height:24px; border:none;text-decoration:none;white-space:nowrap; margin:0 auto;}
.formImpbutton{cursor:pointer; text-transform:uppercase;background-color:#E02C11;}
.formImpbutton:hover{text-decoration:underline;}

.formbutton{border-radius:8px;padding: 0px 12px 0px 12px;color:#fff; font-weight:normal; font-size:12px; height:24px; border:none;text-decoration:none;white-space:nowrap; margin:0 auto;}
.formbutton{cursor:pointer; text-transform:uppercase;background-color:#26639C;}
.formbutton:hover{text-decoration:underline;}

.formbuttonMob{border-radius:8px;font-family:Arial;font-weight:bold;font-size:13px;color:#fff;height:24px; border:none;border-radius:6px;}
.formbuttonMob{text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background-color:#26639C;}
.formbuttonMob:hover{text-decoration:underline;}

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

.searchRow{font-size:11px;background-color:#E6EBF4;height:30px;font-weight:bold;margin-left:30px;}
.searchRow2nd{font-size:11px;background-color:#D0DCF2;height:30px;font-weight:bold;margin-left:30px;}

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

.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 4px #dcdcdc;}
.gridClassHours select[disabled]{background-color:#fcfafa; color:#404040;border: solid 1px #dcdcdc;}

.gridItemStyle{height:24px;background-color:#fff;}
.gridItemStyle:hover{background-color:#BACFF4;}
.gridAltItemStyle{height:24px;background-color:#E6EBF4;}
.gridAltItemStyle:hover{background-color:#BACFF4;}
.gridHeaderStyle{height:24px;background-color:#BACFF4;font-weight:bold;font-size:12px;border:1px solid #79A5F2;}

.gridPagerStyle{background-color:#F9F9F9;}
.gridPagerStyle td{height:14px;border-top:1px solid #cccccc;}
.gridPagerStyle a{font-size:1.2em;font-weight:normal !important;padding:2px 4px 0px 4px;}
.gridPagerStyle span {font-size:1.2em;font-weight:bold; text-align:right; color:#ffffff;padding:2px 4px 0px 4px;background-color:#ff0000;}

.gridItemStylePlanning{height:24px;background-color:#fff;}
.gridItemStylePlanning td{padding-top:6px;padding-bottom:6px; vertical-align:middle;}
.gridItemStylePlanning:hover{background-color:#BACFF4;}
.gridAltItemStylePlanning{height:24px;background-color:#E6EBF4;}
.gridAltItemStylePlanning td{padding-top:6px;padding-bottom:6px; vertical-align:middle;}
.gridAltItemStylePlanning:hover{background-color:#BACFF4;}
 
.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-color:#8CFFD8;}
.gridAltItemStyleAbs{height:24px;background-color:#DCDCDC;}
.gridAltItemStyleAbs:hover{background-color:#8CFFD8;}

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

/*
FILE UPLOAD
*/
input.fileUpl {position: relative;text-align: left;}
.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;}
/* =============== */


.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;}
.txtAlfInputReadWhiteCenter {text-align:center;border:none 0px transparent; background-color:#e4e4e4;}

.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-right: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;} 

.roundtop1{ clear:both; height:0px;margin:0;padding:0; background:transparent;}
.roundtop1 .right{ float:right;height:0px; width:500px;background:transparent;}
.roundbottom1{ clear:both; height:0px;margin:0;padding:0; background:transparent;}
.roundbottom1 .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; float:left;width:100%;height:100%;}

.rounded1 .topleft{float:right;width:740px;margin:0 8px 0 0;}
.rounded1 .topright{float:left;width:230px;margin:0;}

.rounded1 .topleftRef{float:left;width:700px;margin:0 8px 0 0;}
.rounded1 .toprightRef{float:left;width:270px;margin:0 0px 0 0;}

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

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

.rounded1BO{ clear:both;  padding:0px 5px 0px 5px;margin:0;background-color:#fff;}
.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 5px 0px 0px;margin:0;background-color: rgba(255, 255, 255, 0.7);}
.rounded1Contact .topleft{display:block;float:left;max-width:700px;padding-left:0px;}
.rounded1Contact .topright{display:block;float:right;width:250px;padding-right:10px;}

/*--- LOGIN BOX ---*/
.tboxLogin 
{
    margin:0 auto;
    background-color: rgba(255, 255, 255, 1);
    border: 0px solid #1E2843;
    border-radius: 14px 14px 14px 14px;
    box-shadow: 4px 4px 3px #888;
    width:100%;
    min-width:230px;
    max-width:400px;
}
.tboxLogin #txtSecurityCode {height: 32px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;max-width: 300px;border-radius: 6px;}
.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;}
.tboxLogin #txtCode {height: 32px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;border-radius: 6px;}
.tboxLogin #txtMobile {height: 32px;font-size:16px;padding: 5px 10px;margin: 3px 0;box-sizing: border-box;width:100%;border-radius: 6px;}

#tableLogin{width:100%;max-width:400px;}
#tableLogin td{padding-left:10px;height:30px;}

.rounded1Login{ clear:both;  padding:5px 5px 0px 5px;margin:0;background-color:transparent;}
.tboxLoginCounts
{
    background-color: #fff;
    border: 0px solid #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 4px 4px 4px #888;
    color: #1E2843;
    margin:0;
    width:100%;
}

@media screen and (max-width: 440px) { 
    .tboxLoginCounts{width:90%;}
}
.forgetLogin{float:right;clear:both;background:url(../Images/icons/listitem.png) no-repeat right 3px; margin:0px 5px 0px  5px;  padding:0 10px 0 0;}
.forgetLogin{color:#404040;font-weight:normal;}
/* --- END LOGIN BOX --- */


/* BOXES */
.roundtopIFrameHead{background-color:#fff;border-left:1px solid #A1ABAD;width:1100px;margin:0 auto;}
.roundtopIFrame{ clear:both; margin:0;padding:0; border-bottom:0px solid #A1ABAD;}
.roundbottomIFrame{ clear:both; margin:0;padding:0; border-top:0px solid #A1ABAD;}
.roundedIFrame{ clear:both;  padding:8px;margin:0;border:1px solid #A1ABAD;}

.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;}

/**/

#footer {display: none;}
#footerBO{font-size:11px;font-weight:normal; color:#888; margin:0 auto; width:100%;max-width:1100px; padding:0 0 0px 0;text-align:center; vertical-align:bottom;}
#footerBO ul{display:block;clear:both; margin:0 auto; text-align:center; padding:5px 0 5px 0;background-color: #E6EBF4; border-bottom-left-radius:16px;border-bottom-right-radius:16px;}
#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;}


/* SHOP */
.scroll {width: 660px;overflow: auto;padding-bottom: 20px;margin-bottom:10px;overflow-y: hidden;}
.scroll table{}
.shopCredentials{background-color:#e4e4e4;}

.shopArticleHeader{width:100%;vertical-align:middle;position:relative;background-color: rgba(0, 148, 255, 0.1);}
.shopArticleHeader a{color:#00136D;}
.shopArticleHeaderProduct{font-family:Arial, "Muli", Verdana, Helvetica;font-weight:400;font-size:14px;color:#00136D;padding-left:5px; }
.shopArticleDetailOrder{width:100px;font-family:Arial, "Muli", Verdana, Helvetica;font-weight:400;font-size:14px;color:#0A38A7;text-align:right;background-color:rgba(10, 56, 167, 0.7);}
.shopArticleDetailOrder{border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:0px solid #0A38A7;}
.shopArticleDetailOrder a{color:#fff;}
.shopArticleDetailOrderNone{border:none;}
.shopArticleDetailIcon{width:50px;text-align:right;background-color:rgba(10, 56, 167, 0.7);}
.shopArticleDetailIcon{border-right:1px solid #fff;border-top:1px solid #fff;border-bottom:0px solid #0A38A7;}
.shopArticleDetailIconNone{border:none;}

.shopArticleInfo{height:100%;}

.shopArticleProductInfo{background-color:#fff;}
.shopArticleProductInfo td{height:auto;}
.shopEmptyRowColored {font-size:6px;height:10px;}
.shopEmptyRowColored td{font-size:6px;height:10px;}

.dividershop{ display:block;clear:both;overflow:hidden;}
.colshopleft{float:left;padding:0px 20px 0px  0px;}

.imageFrameFrame{height:200px;width:200px;}
.imageFrameProduct{height:180px;width:200px;}
.textFrame{color:#fff;white-space:normal;position:relative;border:none;width:160px;margin:4px 0 0  14px;text-align:left;font-size: 1.0em !important;}

.hoverbox {cursor: default;list-style: none;}
.hoverbox a {cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{display: block;position: absolute;top: -33px;left: -45px;z-index: 999;}
.hoverbox img{background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;z-index: 998;}
.hoverbox .imgHolder{background: #eee;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;color: inherit;display: inline;float: left;margin: 3px;padding: 5px;position: relative;}
.hoverbox .preview{border-color: #000;}

.ddlLarge {height:28px;font-size:16px;color:#000;background:#fff;margin:0;border:1px solid #969696;padding-left:6px;}
.ddlLarge option{padding:0 10px 0 0;}
.ddlLarge {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ddlLarge:disabled  {color:#A2A2A2;border-color:#ccc;background:#fff;}
.ddlLarge:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}
.ddlLarge img{display:none;}
.ddlLarge {border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;}
.ddlLarge {border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;}

#txtZoekOrders  {font-size:20px;width:100%;border:1px solid #969696;padding-left:4px;margin:0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#txtZoekOrders  input[type="text"]:focus, input[type="text"].focus {border: solid 1px #707070;box-shadow: 0 0 2px 0px #969696;}

.imageGallery {cursor: default;list-style: none;}
.imageGallery .imageFrame{height:150px;width:153px;overflow:visible;float: left;background: #eee;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;color: inherit;display: inline;margin: 9px;padding: 1px;position: relative;}
.imageGallery .imageHolder{height:100px;width:150px;overflow:hidden;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;position: relative;margin: 3px;text-align:center;}
.imageGallery img{background-color: transparent;color: inherit;padding: 0px;vertical-align: middle;z-index: 990;}
.imageGallery img{border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 0px;}
.imageGallery .imageText{height:26px;width:151px;overflow:visible;float: left;font-size:10px;background: #fff;}
.fillBg {height: 120px;width: 150px;display: table-cell;text-align: center;vertical-align: top;}
.fillBg img{}

.imageGallery a .preview{display: none;}
/* .imageGallery a:hover .preview{display: block;position: absolute;top: -33px;left: -45px;z-index: 999;} */
.imageGallery a:hover .preview{display: block; position: absolute;top: 0px;left: 0px;z-index: 999;}
.imageGallery a:hover .fillBg img{display: none;}


/*
BOXES
*/

.tboxHomeBig #pnlShowCmsPage{padding:0;}

.tboxIntroJssor
{
    background-color: #666666;
    background-image:url(../MyUserPictures/VP/slide/vpbg01.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;   
    -o-background-size: cover;  
    background-size: cover;

    border: 0px solid #682F3F;
    /*border-radius: 4px 4px 4px 4px;*/
    color: #1E2843;
    margin:0;
    padding-left:0px;
    max-width:100%;
}

.tboxFooter 
{
    border-top: 1px solid #fff;
    color: #fff;
    margin-bottom: 5px;
    padding: 4px 0px 4px 0px;
}


.tboxPage 
{
    width:700px;
    float:left;
    background-color: transparent;
    /* background-color: #fff; */
    border: 2px solid #00B9F1;
    border-radius: 0px 0px 0px 0px;
    color: #1E2843;
    margin-bottom: 0px;
    padding: 8px 0px 8px 8px;
}

.scrollBox {
    margin-left: 10px;
    margin-right: -5px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-height:340px;
    
}


.tboxAnnounce 
{
    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;
}

/*
LOCATION PAGE
*/
#pnlLocationActive{margin:0 auto;width:100%;height: 100%;}
#divShowLocMap {width: 100%;height: 100%;padding-top: 0px;}
#map_canvas_tourloc {width: 100%;height: 100%;visibility: visible;border-bottom: 1px solid #21007F;}
.tboxLocMapContent {width: 100%;height: 100%;float: left;background-color: #fcfafa;border: 0px solid #1E2843;border-radius: 0px 0px 0px 0px;margin: 0;padding: 0px;}

#pnlFeedbackLocMap {margin:0 auto;max-width: 510px;}
#pnlHeaderLocMap {margin:0 auto;max-width: 510px;}

#pnlShowLocation {height:400px;width: 100%;max-width: 400px;padding-right: 0px;overflow-y:auto;resize:vertical;}
#pnlShowLocation {z-index:999;display:block;width:1020px;position:fixed;top:40px;left:50px;padding:0;background-color:#e4e4e4;border:1px solid #808080;}
#pnlShowLocation {border-radius:20px;box-shadow: 4px 4px 10px #888;}

.tboxLocation .tooltip {display: none}
.tboxLocation #lblFormHeader {padding-left: 5px;color: #0a38a7;font-size: 32px;}
.tboxLocation input {float: left;display: block;padding-left: 5px;}
.tboxLocationContent {float: left;background-color: transparent;border: 0px solid #1E2843;border-radius: 4px 4px 4px 4px;margin: 0;padding: 0;width: 100%;}

.locationTable {width: 100%;}
.locationTableHeader {font-size: 22px;font-weight:normal;background-color:#BACFF4;padding-left: 15px;height: 30px;border-bottom: 1px solid #A1ABAD;color:#161616;}
.locationMapHeader {position:relative;font-size: 22px;font-weight:normal;background-color:#BACFF4;text-align:center; height: 30px;border-bottom: 1px solid #A1ABAD;color:#161616;}
.locationMapHeader div {margin-top: 0px;}
.locationMapHeaderIcons {float: right;padding: 4px 4px 3px 0px;background-color: white;height: 22px;border: 1px solid #21007F;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:#FFF;}
.locationHeaderRowOdd:hover{background-color:#BACFF4;}
.locationHeaderRowEven {font-size: 12px;background-color:#E6EBF4;}
.locationHeaderRowEven:hover{background-color:#BACFF4;} 

.locationHeaderRowOdd a {color: #1E2843;}
.locationHeaderRowEven a {color: #1E2843;}
.locationHeaderItem {padding-left: 5px;padding-right: 5px;}
.locationHeaderItem a {color: #1E2843;}
.locationHeaderItemDetails {text-align: right;}


/* ------------ END LOCATION PAGE -------------------*/



.h1HeaderTitle{width:100%;top: 0px; text-align: center; position: absolute;z-index:888;}
.h1HeaderTitle h1{color:#620062;font-weight:normal;font-size:24px;margin:0 auto;padding-top:4px;}
@media screen and (max-width: 790px) {
    .h1HeaderTitle{display:none;padding-left:180px;padding-top:14px;width:150px;}
    .h1HeaderTitle h1{font-size:14px;font-weight:normal;color:#F2F2F2;width:150px;}
}
@media screen and (max-width: 450px) {
    .h1HeaderTitle{padding-left:100px;}
}

#topMenu{float: left; display: block; }
.shopCartMob {display:none;}
@media screen and (max-width: 790px) {
    #topMenu{display:none;}
    .shopCartMob {display:block;color:#fff;}
}

/* MENU*/
.menuTable {display:block;}
.menuTableButtons {display:block;}
.menuBarSelect {display:none;}
@media screen and (max-width: 790px) {
    .menuTable {display:none;}
    .menuTableButtons {display:none;}
    .menuBarSelect {display:block;}
}

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

.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;
  border-bottom:3px solid #1B4872;
}
.menuTable ul li:hover {
  /*background: rgba(192, 192, 192, 1);*/
  border-bottom:3px solid #fff;
}
.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;
    border-bottom:3px solid #fff;

}
.menuTable ul li ul li h2{color:#620062;}
.menuTable ul li ul li { 
    width: 250px;
    text-align: left;
    padding-left:10px;
    background-color:#f1f1f1;
    display: block; 
    color: #620062;
    border-bottom:3px solid #fff;
}
.menuTable ul li ul li:hover { background-color:#f1f1f1; border-bottom:3px solid #620062;}
.menuTable ul li:hover ul {
  z-index:999;
  display: block;
  opacity: 1;
  visibility: visible;
  border-bottom:3px solid #620062;
}


/* MENU_RESP*/
.navigation {
  height: 60px;
  background: #808080;
}

.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 60px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

.nav-container {
  max-width: 1000px;
  margin: 0 auto;
}

nav {
  float: right;
  background: #620062;
}
nav ul {
  list-style: none;
  list-style-type:none;
  margin: 0;
  margin-left: 180px;
  padding: 0 0 0 0;
}
@media screen and (max-width: 450px) {
        nav ul {
          margin-left: 120px;
        }
    }

nav ul li {
  list-style: none;
  list-style-type:none;
  float: left;
  position: relative;
}

nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 20px;
  line-height: 60px;
  background: #808080;
  color: #ffffff;
  text-decoration: none;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  background: #2581DC;
  color: #ffffff;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul{
  list-style: none;
  list-style-type:none;
  margin: 0;
  margin-left: 0px;
  padding: 0 0 0 0;
}

nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #808080;
  height: 60px;
  width: 70px;
}

@media only screen and (max-width: 790px) {
  .nav-mobile {
    display: block;
  }
  .fcklist li{ list-style-type:none; list-style-position:unset; padding:0;margin:0px;width:auto; }

  nav {
    width: 100%;
    padding: 60px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 800px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

/*
TRAVELPLANNING
*/
.dagplanningTabel{margin:0 auto;}

#lblSelectTypeRetour{font-size: 16px;font-weight:normal;}
.tpVertrek{padding-right:4px;text-align:right;}
.tpRetour{padding-right:4px;text-align:left;}

.chkAanvragen{font-family:Verdana;vertical-align:middle;font-size: 16px;font-weight:normal;}
.chkAanvragen:hover{text-decoration:underline;cursor:pointer;}

.chkAanvragen input[type=checkbox] {-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;}
.chkAanvragen input[type=checkbox]:before {content: "\2714";font-size: 18px;font-weight:bold;color: transparent !important;background: #fff;margin-left:-1px;margin-top:-1px;}
.chkAanvragen input[type=checkbox]:before {display: block;text-align:center;vertical-align:middle; width: 22px;height: 22px;border: 1px solid #888;}
.chkAanvragen input[type=checkbox]:checked:before {color: green !important;}

.rbOffertetype label{font-family:Verdana;font-size:16px;font-weight:normal;}
.rbOffertetype input[type=radio] {-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;}
.rbOffertetype input[type=radio]:before {content: "\2714";font-size: 18px;font-weight:bold;color: transparent !important;background: #fff;margin-left:-1px;margin-top:-1px;}
.rbOffertetype input[type=radio]:before {display: block;text-align:center;vertical-align:middle; width: 22px;height: 22px;border: 1px solid #888;border-radius:11px;}
.rbOffertetype input[type=radio]:checked:before {color: green !important;}

#planningTable {border:1px solid #A1ABAD;}
#planningTable td {border:1px solid #A1ABAD;}

#pnlTravelPlanActive {width:100%;max-width:960px;margin:0 auto;}
.divTPAHeader{display:block;float:left;vertical-align:top;padding-left:4px;padding-right:6px;width:100%;max-width:310px;}
.tableTPHeader{background-color:#F78F1E;font-weight:bold;color:#404040;height:24px;}
.tableTPHeader td{padding-left:4px;color:#fff;}
.tableTPSHeader{background-color:#fff;font-weight:bold;color:#404040;height:24px;}
.tableCTHeader{float:right;margin:0 auto;padding:0 0 0 0px;background-color:#cccccc;width:100%;}
#txtVerzendcode{font-size:16px;}

.tableHeader{background-color:#e4e4e4;font-weight:bold;color:#404040;height:5px;}
.tableHeader td{padding-left:5px;}
.tableSubHeader{background-color:#e4e4e4;font-weight:normal;color:#404040;height:20px;}
.tableSubHeaderXL__{background:transparent url(../MyDocs/SysPics/CMS_TP_SubheaderBg.png) top left repeat-y;font-weight:normal;color:#404040;height:20px;}
.tableSubHeaderXL{background-color:transparent;border:1px solid #000;   height:20px;}
.tableOfferteHeader{background-color:transparent;font-weight:bold;color:#333333;height:20px;border:1px solid #333}
.tableTdOfferteHeader{border:1px solid #e4e4e4;}
.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;}

#zoekMdwVrt {z-index:999;display:block;width:1020px;position:fixed;top:40px;left:50px;padding:0;background-color:#e4e4e4;border:1px solid #808080;}
#zoekMdwVrt {border-radius:20px;box-shadow: 4px 4px 10px #888;}
#frmZoekSource {height:650px;width:1020px;}

#dragTime {z-index:999;display:block;width:280px;position:absolute;top:0px;left:50%;padding:20px 10px 10px 10px;background-color:#e4e4e4;border:1px solid #808080;}
#dragTime {border-radius:6px; box-shadow: 4px 4px 20px #888;}
#divTimeLine {border:none;text-align:center;}
#divTimeSchedule {border:0px solid red;text-align:center;}

#dragTrip {z-index:999;display:inline-block;width:340px;position:absolute;top:40%;left:40%;padding:0;background-color:#EAEAEA;border:1px solid #808080;border-radius:15px;}
#dragTrip {border-radius:20px;box-shadow: 4px 4px 10px #888;}

.dragHeader {padding-left:5px;cursor:move;background-color:#2CA7E2;color:white;border-top-left-radius:15px;border-top-right-radius:15px;font-weight:bold;font-size:16px;padding:0 10px 4px 10px;}
#dragTripOrder {z-index:999;display:inline-block;width:400px;position:absolute;top:20%;left:20%;padding:5px 10px 10px 10px;background-color:#EAEAEA;border:0px 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;}
#dragTripOrder 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;}

#divTimeWarning {color:red;text-align:center;}

.hoverbox {cursor: default;list-style: none;}
.hoverbox a {cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{display: block;position: absolute;top: -33px;left: -45px;z-index: 999;}
.hoverbox img{background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;z-index: 998;}
.hoverbox .imgHolder{background: #eee;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;color: inherit;display: inline;float: left;margin: 3px;padding: 5px;position: relative;}
.hoverbox .preview{border-color: #000;}



/* RESIZABLE DIV IN PLANBORD */
.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}
/* ------------------------- */


/*Tourbus Travelplan Ritafmelding  Planbord*/
.planbordHeaderStyle{height:30px;background-color:#F9F9F9;font-weight:bold;font-size:12px;border-bottom:1px solid #A1ABAD;}

#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;}
.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;}

.tdSep {width:14px;background-color:#808080;}

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;}

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

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

/*.hdBasis{width:100%;}
.hdBasis td{width:4.16%;}
.gridClass .hdBasis td{padding:0;}

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

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

.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:-2px 4px 0 4px;}*/

#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{table-layout:fixed; width:100%;text-align:left;}
.hdBasisA{font-size:18px;text-align:center;}
.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);}*/


/*Tourbus Travelplan Ritafmelding*/
.reportStylesMobileTP {padding:0;font-family:Arial; font-size:12px;text-decoration: none;}
.reportStylesMobileTP .afmeldingTable{ margin:0 auto;width:100%;max-width:400px;padding:0;}
.reportStylesMobileTP .afmeldingTable .planningTable{ margin:0 auto;width:100%;max-width:400px;padding:0;}
.reportStylesMobileTP .afmeldingTable .planningTableFoot{padding:0 0 0 4px;height:20px;}
.reportStylesMobileTP .afmeldingTable {border:none;}
.reportStylesMobileTP .afmeldingTable td {border:1px solid #A1ABAD;padding:4px 4px 4px 4px;font-size:11px;vertical-align:middle;}
.reportStylesMobileTP .afmeldingTable .divTijd {width:100%;max-width:400px;line-height:24px;clear:both;}
.reportStylesMobileTP .afmeldingTable .divTijdLabel {vertical-align:middle;float:left;width:100%;max-width:140px;padding-right:10px;}
.reportStylesMobileTP .afmeldingTable .divTijdDatum {white-space: nowrap;vertical-align:middle;float:left;width:100%;max-width:100px;padding-right:10px;}
.reportStylesMobileTP .afmeldingTable .divTijdDatum input[type="text"] {width:80px;}
.reportStylesMobileTP .afmeldingTable .divTijdTijd {vertical-align:middle;float:left;width:100%;max-width:60px;}
.reportStylesMobileTP .afmeldingTable .txtDatum {width:80px}
.reportStylesMobileTP .afmeldingTable .txtTijd {width:60px}
.reportStylesMobileTP .afmeldingTable .divHoeveelheidLabel {vertical-align:middle;float:left;width:100%;max-width:140px;padding-right:10px;}
.reportStylesMobileTP .afmeldingTable .divHoeveelheidAantal {vertical-align:middle;float:left;width:100%;max-width:60px;}
.reportStylesMobileTP .afmeldingTable .txtAantal {width:80px}
.reportStylesMobileTP .afmeldingTable .divRedenLabel {vertical-align:middle;float:left;width:100%;max-width:80px;padding-right:10px;}
.reportStylesMobileTP .afmeldingTable .divReden {vertical-align:middle;float:left;width:80%;}
.reportStylesMobileTP .afmeldingTable .txtReden {width:100%;}
.reportStylesMobileTP .txtMailAddress {width:100%;max-width:392px;}
.reportStylesMobileTP #tblCarDriver td{padding:0;border:none;vertical-align:middle;font-weight:bold;}
.reportStylesMobileTP .gridClass td{padding:0;border:none;}

.reportStylesMobileTP .planningTableRitOK{ background-color:lightgreen;}
.reportStylesMobileTP .planningTableRitNOK{ background-color:lavenderblush;}


.mobileHeader {
width:100%;max-width:400px;margin:0 auto;height:110px;
background-image:url(../MyDocs/SysPics/mobileHeaderBg.png);
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}
.mobileHeaderH2{display:block;float:right;padding-top:4px;}

/**/