@charset "utf-8";
/* LOUISE GALLEY */
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;
}

#btnSearchContacts{font-size:10px !important;}

#cookieMessageWrapper{display:none;}
.spaceLoginBlock{height:80px;}
@media screen and (max-width: 700px) { 
    .spaceLoginBlock {height:10px;}
}
#tblReistijden {margin:0 auto;}

.chkBeverages {display:none;}
.chkFood {display:none;}

.tdBtnDivider #btnToggleOkOn{margin:0 auto;}
.tdBtnDivider #btnToggleOkOff{margin:0 auto;}
.cursorPointer{cursor:pointer;}
.rbOffertetype{font-size:14px;text-transform:uppercase;}

#btnOpenVervoerIndicatie:hover {text-decoration:none;cursor:pointer;}
#btnOpenEmailTekst:hover {text-decoration:none;cursor:pointer;}
#btnOpenReisdoel:hover {text-decoration:none;cursor:pointer;}
#tblVervoerAlgemeen{}



.spaceContactPageBlocksRight{height:120px;}
#lblMySubHeader{display:none;}

#frmTravelPlan{padding-top:0px;}
#divTravelPlanPage{padding:10px;background-color: rgba(238, 238, 238, 0.9);}
.Notshow{display:none;}

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

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

#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: 10px; top: 72px; position: absolute; z-index: 999;}
#corpLogo img{width:250px;}
#corpKmerk{border-image: none; right: 10px; top: 72px; position: absolute; z-index: 999;}
#corpKmerk img{width:300px;}

#bgStretched {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../MyUserPictures/slide/1.jpg) no-repeat center center fixed;
    -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;
}

#bgStretchedAanvraag{position:fixed; top:0; left:0; width:100%; height:100%;}
#bgStretchedAanvraag {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:transparent;
background-image:url(../MySystemPictures/bgBakAanvraag.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;
}

#bgShopStretched {position:fixed; top:0; left:0; width:100%; height:100%;}
#bgStretchedIndex {position:fixed; width:100%; height:100%; background-color: #fff;;}

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

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;}
input[type="checkbox"]:hover {cursor:pointer;}
input[type="checkbox"]+label:hover {cursor:pointer;}

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

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

#pnlShowCmsPage{color:#404040;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 }

/* gallery */
#pnlPublicTextIndex{color:#014A99;width:150px;height:300px;float:left;margin:0 0 10px 4px;overflow: auto;overflow-x: hidden;}
#pnlPublicText{color:#014A99;width:780px;margin:0px auto;display:table;padding-left:5px;}
.pnlPublicTextParts{float:left;border:1px solid #e4e4e4;width:148px;margin:0 auto;margin-right:6px;}
.divShowCmsPage{width:100%; display:table;margin:0 auto;}

/*#ddlTPKlant{width:100%;max-width:300px;}*/

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

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

pre {text-align: left;}
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;}

h1, h2, h3, h4, h5, h6{ font-family: Arial;}
h1{font-size:2em;}
h2{font-size:1.6em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;}

.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;} 
.rptViewer td{height:0px;} 
.rptViewer ul{ list-style-type:disc; list-style-position:outside; margin:0px;width:auto; }
.rptViewer li{ display: list-item }

p{ margin: 0px 0px 0px 0px;}
.spaceHomePageBlocks{padding:16px 0px 0px 0px;}
.spaceContactPageBlocks{padding:16px 0px 0px 0px;}
.spaceShopPageBlocks{padding:10px 0px 0px 0px;}
.trShopperSelectie{background-color:transparent;}

.hrstyle{ color:#014A99;}
.bodyPopUpBO{background:transparent url(../MySystemPictures/CMS_Adm_Bg_Intern.png);}

a.tooltip {color:#000;text-align:left;}
a.tooltip i {display:none;font-style:normal;}
a.tooltip span {width:650px;white-space:normal;}
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;white-space:nowrap;}
a.tooltipSmall i {display:none;}
a.tooltipSmall:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipSmall:hover i {max-width:350px; display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; }
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.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; }

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

.tdBasisA{text-align:center;padding-top:4px;}
.hdBasis{width:100%;text-align:left;}
.hdBasisA{font-size:18px;}
.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:12px;}
.tdBasisDiv table{border-collapse:collapse;}
.borderline {position:absolute;top:0;width:1px;height:30px;display:block;float:left;overflow:hidden;background:transparent url(/MySystemPictures/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:-2px 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; }

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

#mainHeaderContainer{width:100%;margin:0 auto; background:transparent url(../MySystemPictures/CMS_bg_MainShadeHeader.png) top left repeat-y; } 
/*#mainHeaderContainer{display:none;} */
#headerContainer{width:100%;margin:0 auto; background:transparent url(../images/bg/empty.gif) top left repeat-y; }
#lblMyHeader{width:100%;font-family: Arial, Helvetica;font-weight:normal;font-size:15px;}
#lblMySubHeader{width:100%;margin:0 auto; color:#014A99;background:#fff url(../images/bg/empty.gif) top left repeat-y; }

/* Verander in main padding (top) om ruimte te krijgen tussen knoppen en header */
#main{width:100%;max-width:1000px;margin: auto; padding: 0px 0 0 0;background-color:transparent;}
#mainBO{width:100%;max-width:1000px;margin: auto; padding: 0px 0 0 0;background-color:#fff;}
#mainBottom{width:100%;max-width:1000px;margin: auto; padding: 0px 0 0 0; background-color:#fff;}
#main__{background-image:url(../MySystemPictures/CMS_bg_MainFooter.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;} 

#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;}*/

/* space elements around tabpages */
#mainTabContainer{width:100%;max-width:980px; margin: auto;background: transparent url(../MySystemPictures/CMS_bg_MainShadeTab.png);}
#mainTab{width:100%;max-width:978px;background-color:transparent;margin:0 auto; padding: 0px 0px 0 0;border-right:solid 2px #fff;}
#mainTabContainer{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; }
/* zet height bijvoorbeeld op 10px om ruimte tussen bovenkantscherm en de header te krijgen */
.headerBOSpace {height:32px;background-color:transparent;}

#mainBOContainer{width:100%;max-width:1000px;margin: auto; background:transparent;border-left:1px solid #404040;}
#mainBOContainerBottom{width:100%;max-width:1000px; margin: auto; background:transparent;border-left:1px solid #404040;}
#mainContainer{width:100%;max-width:980px;margin: auto; background:transparent url(../MySystemPictures/CMS_bg_MainShadeBody.png) top left repeat-y; }

#mainPopup{margin: auto; padding: 2px 0 0 0; width:800px; }
#mainFull{margin:0 auto; padding:0; width:98%; min-width:1100px;max-width:1700px; }
#mainFullPlanning{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1700px;}
.mainFullUserHours{margin:0 auto; padding:0; width:98%;}

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

#mainFullRegistration{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1600px;}
#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; }
#mainHFull{margin:0 auto; padding:0; width:85%; }
#mainCustFull{margin:0 auto; padding:0; width:970px; }
#mainFactFull{margin:0 auto; padding:0; width:1200px; }
#mainFullMat{margin:0 auto; padding:0; width:100%; }

#mainFullShopOrders{margin:0 auto; padding:0; width:98%; max-width:1600px; }
#mainFullShopOrders{border-top:1px solid #404040;border-left:1px solid #404040;}
#mainFullShopOrders .topleft{float:left;width:760px;margin:0 8px 0 0;}
#mainFullShopOrders .topright{float:right;width:250px;margin:0;}

#mainFullCMS{margin:0 auto; padding:0; width:100%; max-width:1300px; }
#mainFullCMS{border-top:1px solid #404040;border-bottom:1px solid #404040;border-left: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:#000D5B;border-bottom:2px solid #E42A0E;}
@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;}
    }

/* zet height bijvoorbeeld op 10px om ruimte tussen header en de knoppen te krijgen */
.headSpace {height:0px;background-color:transparent;}
/* 
.tabSpace {width:100%;padding:10px 0px 0px 0px;background: #fff url(../images/bg/tabShade.png); border-bottom:solid 0px #808080;} 
.tabSpace {width:100%;padding:10px 0px 10px 0px;background-color: transparent ; border-bottom:solid 0px #808080;} 
*/
.tabSpace {width:100%;padding: 10px 0px 0px 0px;background-color: #fff; border-bottom:solid 0px #808080;} 

#mainTabContainerBO{width:1001px; margin: auto;}
#mainTabBO{width:1001px;background-color:transparent;margin: auto; padding: 0px 0 0 0;  }
.tabSpaceBO {width:1000px;padding:0px 0px 0px 0px;background: transparent ; border-bottom:solid 1px #003;} 

/* 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 */

/* zet height in volgende regel op 30px om de knoppen aan te sluiten op de pagina */
/* zet in tweede regel padding-left op 20px om de knoppen te starten uit de rand */
.tabnavlabel {font-size:12px;padding-top:0px;padding-left:0px;font-style:normal;font-weight:normal;text-align:left;height:25px;}
.tabnavigation {width:100%;max-width:980px;height:25px;padding:0 0 0 0px;margin:0 auto;float:left;border-bottom:solid 1px #808080;}
.tabnavigation ul{list-style: none;padding: 0;margin: 0;height:25px;}
.tabnavigation li{float: left;height:21px;margin-left:6px;margin-right:6px;padding:4px 8px 0 8px;text-align:center;background-color:#E0E0E0;} 
.tabnavigation li{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #404040;} 
.tabnavigation a{color: #000;background-color:#E0E0E0;text-decoration:none;} 
.tabnavigation li:hover {background-color:#A0A0A0;} 
.tabnavigation li:hover a{color: #fff;background-color:#A0A0A0;} 
.tabnavigation li.active {background-color:#A0A0A0;}
.tabnavigation li.active a{color: #fff;background-color:#A0A0A0;padding-top:4px;padding-bottom:4px;}
/*
.tabnavigation .linkToMoreSub{color:#404040;height:20px;float:left;clear:both; background :url(../Images/icons/listitem.png) no-repeat left 4px; margin: 0px 5px 0px 5px;  padding:0 0 0 10px;}
*/
.tabnavigation .linkToMoreSub{color:#404040;height:20px;float:left;clear:both; background :url(../Images/icons/listitem.png) no-repeat left 4px; margin: 0px 5px 0px 5px;  padding:0 0 0 10px;}

/* .tabnavigation ul li.seperator{height:24px;padding:0 0 0 8px; width:5px; background-color:transparent;} */

/* Hide from IE5-Mac \*/
.tabnavigation a, #tabnavigation a span{float: none;}
/* End hide */

.subMenus{position:absolute;z-index:999;text-align:left;padding-left:20px;height:0px;}
.subHide{position:relative; left:30px; top:5px; display:none;z-index:999;width:400px;border:none;}
.subHide00{position:relative; left:30px; top:5px; display:none;z-index:999;width:400px;border:none;}
#Page00:hover .subHide00{display:none;}

.tabCMSnavigation {width:1000px;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;margin:0 auto;height:21px;margin-right:6px;padding:4px 8px 0 8px;text-align:center;background-color:#004B82;} 
.tabCMSnavigation li{border-top:1px solid #F7982C;border-left:1px solid #F7982C;border-right:1px solid #F7982C;} 
.tabCMSnavigation a{color: #fff;background-color:#004B82;text-decoration:none;} 
.tabCMSnavigation li:hover {background-color:#000D5B;} 
.tabCMSnavigation li:hover a{color: #fff;background-color:#000D5B;} 
.tabCMSnavigation li.active {background-color:#000D5B;}
.tabCMSnavigation li.active a{color: #fff;background-color:#000D5B;padding-top:4px;padding-bottom:4px;}

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

.btnnavigation {clear:both;clear:both;width:970px;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;cursor:pointer;} 
.btnnavigation input:hover {background-color:#A0A0A0;color:#fff;cursor:pointer;} 
.btnnavigation li.active {background-color:#A0A0A0;color:#fff;}

.loginformroundtop{ clear:both; height:4px;margin:0;padding:0;}
.loginform{float:left;width:100%; padding:0 5px 0 5px;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;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;}

.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:#404040;}
#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:#404040;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:#404040; 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:#404040; 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:#404040; 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: Arial;margin:0 0 5px 0;font-size:1.8em;}
.frmHeaderH2{font-family: Arial;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: Arial;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{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;font-size:20px;font-weight:normal; 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);}

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

.formImpbutton{padding: 0px 12px 0px 12px;color:#fff; background:transparent 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;}
.formbutton{padding: 0px 12px 0px 12px;color:#fff; font-weight:normal; height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background:transparent url(../Images/bg/btnBlack.png);}
.formbutton: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; }
.btnHolder{display:block; float:left; } 

.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-color: #E6EBF4;height:30px;font-weight:bold;margin-left:30px;padding-bottom:5px;}
.searchRowZoek{padding-left:5px;background-color: #ccc;}

.planbordHeaderStyle{height:30px;background-color:#F9F9F9;font-weight:bold;font-size:12px;border-bottom:1px solid #404040;}

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

/*.gridClass td{border:solid 1px black;padding-left:2px;vertical-align:middle;}*/
.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 #404040;}
.gridPagerStyle{background-color:#F9F9F9;}

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

.gridClass input[disabled]{background-color:#fcfafa; color:#404040;border: solid 1px #dcdcdc;}
.gridClass select[disabled]{background-color:#fcfafa; color:#404040;border: solid 1px #dcdcdc;}

.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:11px;}
.gridItemPrintStyle{height:24px;background-color:#fff;}
.gridHeaderPrintStyle{height:24px;background-color:#F9F9F9;font-weight:bold;font-size:12px;border:1px solid #404040;}
.gridFooterPrintStyle{background-color:#F9F9F9;}

#dgOfferteregels .gridItemStyle td{padding-bottom:6px;border-bottom:1px solid #404040;vertical-align:top;}
#dgOfferteregels .gridAltItemStyle td{padding-bottom:6px;border-bottom:1px solid #404040;vertical-align:top;}

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

/*tabs*/

.txtNumInput {text-align:right;}
.txtNumInputRead {text-align:right;border:none 0px transparent; background-color:#DBDBDB;}
.txtNumInputReadNeutral {text-align:right;border:none 0px transparent; background-color:transparent;}
.txtAlfInputRead {text-align:left;border:none 0px transparent; background-color:#DBDBDB;}
.txtAlfInputReadWhite {text-align:left;border:none 0px transparent; background-color:#888;color:#ffffff;}
.txtAlfInputReadTransp {text-align:left;border:none 0px transparent; background-color:#DBDBDB;}

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

.txtNumInputOveruur {text-align:right; background-color:#F9F9F9;}
.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;}
.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;} 
 @media screen and (max-width: 440px) { 
     .colcrm2{float:left; width:410px;margin:0 8px 0 0;padding:0;}
}

.dividermat{ display:block;clear:both;width:1000px;margin:auto;}
 .colmat1{float:left; width:360px;margin:0 8px 0 0;padding:0;}
 .colmat2{float:right; width:620px;margin:0;padding:0;}
 .colmat1 h2, .colmat2 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;}

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

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

.rounded1BO{ clear:both;  padding:0px 5px 0px 5px;margin:0;background: url(../MySystemPictures/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;}

.rounded1Home{ clear:both;  padding:0px 5px 0px 5px;margin:0;background: url(../MySystemPictures/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;}

.block1{ clear:both;padding:0 5px 0 5px;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;}

.rounded1Login{ clear:both;  padding:5px 5px 0px 5px;margin:0;background-color:transparent;}

.rounded1Question .topmiddle{display:block;width:100%; max-width:500px; margin:0 auto;}

/* BOXES */
/* Index page 200 : banner,advert blocks */

.roundtopIFrameHead{background: url(../MySystemPictures/CMS_Adm_Bg_Intern.png);border-left:1px solid #404040;width:1000px;margin:0 auto;}
.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;  padding:8px;margin:0;border:1px solid #404040;background-color: rgba(255, 255, 255, 1);}

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

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

#footer {display: none;}

#footerBO{font-size:11px;font-weight:normal; color:#888; margin:0 auto; width:100%;max-width:1000px; 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: #BACFF4; }
#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 */
#pnlPayMethods{vertical-align:top;border:1px dashed #404040;}
#lblExplainVerstuurNaBetaling{font-style:italic;font-size:10px;}

.importantDropdown{background-color:#FFEFEF}
#divSearchTreeview{color:#404040;}
.treeViewNodes{font-family:Arial; font-size:12px; color:#404040; padding:0px 0px 0px 4px;}

.lblOrdernummer{visibility:hidden;}
.shopSelected{}
.shopSelected tr{}
.shopSelected td{border-bottom:1px solid #1E2843;padding-top:2px;padding-bottom:2px;}

#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:34px;}
.scrollTPlanbord .gridAltItemStyle {height:34px;}
.scrollTPlanbord .gridItemStyle table tr{height:34px;}
.scrollTPlanbord .gridAltItemStyle table tr{height:34px;}*/

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

.shopVIP{width: 660px;text-align:center;overflow: auto;padding-bottom:5px;margin-bottom:0px;overflow-y: hidden;border-top:1px solid #443135;border-bottom:1px solid #443135;}
.shopVIP table{margin:0 auto;font-size:10px;}
.shopCredentials{background-color:#e4e4e4;}

/*
.roundedShopWhite{text-align:center;height:200px; clear:both;  padding:8px 0px 0 2px;margin:0;background:transparent url(../MySystemPictures/CMS_shopCategorieWhite.png) no-repeat top left; color:#fff; }
.roundedShopBlue{text-align:center;height:200px; clear:both;  padding:8px 0px 0 2px;margin:0;background:transparent url(../MySystemPictures/CMS_shopCategorieBlue.png) no-repeat top left; color:#000; }
*/
.roundedShopWhite{}
.roundedShopBlue{}
.roundedShopEmpty{}

.shopLabel{white-space:normal;}
.shopLabelRed{color:Red;font-size:1.0em;}
/* headerrow  - ArticleHeaderProduct = productnaam*/

.shopArticleHeader{vertical-align:middle;position:relative;background:transparent url(../MySystemPictures/CMS_shopCategorieArticle.png)}
.shopArticleHeader a{color:#404040;}
.shopArticleHeaderProduct{font-size:11px;font-weight:bold;padding-left:5px;}
.shopArticleHeaderProduct a{color:#404040;}
.shopArticleDetailOrder{font-size:1em;white-space:nowrap;padding-bottom:0px;padding-right:0px;background-image:none;}
.shopArticleDetailIcon{width:50px;font-size:1em;white-space:nowrap;padding-bottom:0px;padding-right:0px;background-image:none;}

.shopArticleInfo{font-family:Arial;}
.shopArticleDetailTellFriends{font-family:Arial;font-size:0.85em;white-space:nowrap;padding-bottom:0px;padding-left:0px;}

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

#RightCol{position:absolute;width:370px;left: 50%;z-index:500;margin-left: 97px;}
#RightCol .colShow{position:relative; left:0px; top:0px; display:block;width:370px;z-index:500;}

.pictureFrameWhite{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictureFrameBlue{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictureFrameRed{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictureFrameEmpty{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictureFrameClicker {display:block; width:200px; height:140px; position:relative; top:0px; left:0px;}

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

.dsgnavigation {clear:both;margin:0 auto;clear:both;height:20px;padding:5px 0px 0px 0px;}
.dsgnavigation ul{list-style: none;padding: 0px 2px 0px 0px;margin: 0;}
.dsgnavigation li{float: left;margin: 0;padding: 0px 2px 0px 0px} 

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

.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:120px;width:150px;overflow:hidden;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;position: relative;}
.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;}

#pnlProductThumbs{background-color: #ff0000;height:100%;text-align:center;}

.tooltipShop {color:#000;text-align:left;z-index:999;}
.tooltipShop i {display:none;}
.tooltipShop:hover {border:0; position:relative; z-index:500; text-decoration:none;cursor:pointer;}
.tooltipShop: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; }
.tooltipShop:hover i em {position:absolute; left:140px; 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; }

/*
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;}
.fileUploadHref{margin-left:-60px;vertical-align:middle;background-color:#888;width:80px;line-height:20px;}
.fileUploadHref a{padding-left:10px;color:white;z-index:999;}

/*
TRAVELPLANNING
*/
#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;}

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

#pnlTravelPlanActive {width:100%;max-width:960px;}
.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(../MySystemPictures/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 #404040}
.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:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

#frmZoekSource {height:650px;width:1020px;}

#dragTime {z-index:999;display:block;width:300px;position:absolute;top:0px;left:50%;padding:10px 10px 10px 10px;background-color:#e4e4e4;border:1px solid #808080;}
#divTimeLine {border:none;text-align:center;}
#divTimeSchedule {border:1px solid red;text-align:center;}
#dragTrip {z-index:999;display:block;width:340px;position:absolute;top:30px;right:0;padding:5px 10px 10px 10px;background-color:#e4e4e4;border:1px solid #808080;}

/*#dragTrip {z-index:999;width:340px;float:right;margin-top:52px;background-color:#e4e4e4;border:1px solid #808080;}*/

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

.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:0px;margin:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
#txtZoekOrders  input[type="text"]:focus, input[type="text"].focus {border: solid 1px #707070;box-shadow: 0 0 2px 0px #969696;}

/*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 #404040;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:120px;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;}

.mobileHeader {
width:100%;max-width:400px;margin:0 auto;height:80px;
background-image:url(../MySystemPictures/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;}

/**/

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

.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;
}
#tableLogin{width:100%;max-width:400px;}
#tableLogin td{padding-left:10px;}
.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;}
.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%;}
}

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

.intropageHeader {display: block;float: left;width: 100%; max-width: 600px;border-image: none; text-align: center; position: relative;top:50px;left:50px;}
@media screen and (max-width: 600px) {
    .intropageHeader {max-width: 300px;top:10px;}
}
.intropageHeader img {width: 100%}

.intropageHeaderR {display: block;float: right;width: 100%; max-width: 618px;border-image: none; text-align: center; position: relative;top:70px;right:50px;}
.intropageHeaderR img {width: 100%}
@media screen and (max-width: 600px) {
    .intropageHeaderR {max-width: 300px;}
    .intropageHeaderR img {display:none;}
    .spaceLoginBlock{height:100px;}
}

#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     */
/* ------------------------ */


/*
LOCATION PAGE
*/
.hpShowOnMap{font-size:11px;}

#divSearchDate {display:block; float:right;}
#divSearchDate input {height:27px;}

#divLocationPage {background-color: rgba(255, 255, 255, 0.4);}
.spaceLocationPageBlocks{}
.tboxLocation .tooltip{display:none}
.tboxLocation #lblFormHeader {padding-left:5px;color:#0a38a7;font-size:32px;}
.tboxLocation input{float:left;display:block;padding-left:5px;}

.tboxLocation .tooltip{display:none}
.tboxLocation #lblFormHeader {padding-left:5px;color:#0a38a7;font-size:32px;display:none;}
.tboxLocation input{float:left;display:block;padding-left:5px;}

#pnlShowLocation {display: block;float:left;max-width:450px;padding-right:0px;width: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;
}

.tboxSelectPeriod
{
    float:left;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 0px solid #1E2843;
    margin:0;
    width:100%;
    padding:10px 0 0 0;
}
.tboxSelectPeriod div{padding-left:5px;}

.locationTable{width:100%;}
.locationTableHeader{font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:22px;background-color:rgba(212, 161, 144, 0.7);color:white;padding-left:5px;height:30px;}
.locationMapHeader{font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:22px;background-color:rgba(212, 161, 144, 0.7);color:white;padding-left:5px;height:30px;border-bottom:1px solid rgba(212, 161, 144, 0.7);}
.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:#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:1.4em;}

#map_canvas_tourloc{width:500px;height:500px;visibility:visible;border-bottom:1px solid #21007F;}
#divShowLocMap {display: block;float:right;max-width:510px;padding-top:0px;}
.locationMapSubHeader{background-color:#fff;width:500px;display:none;}
.locationMapSubHeaderTable{float:left;width:490px;}
@media screen and (max-width: 1030px) {
    #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%;}
}

#pnlShowAgenda {display: block;float:left;max-width:600px;padding-right:0px;width:100%;}
#divShowMap {display: block;float:right;max-width:360px;padding-top:10px;}
@media screen and (max-width: 900px) {
    #divShowMap {float:left}
}

/* 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}
/* ------------------------- */