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

#bgStretched{position:fixed; top:0; left:0; width:100%; height:100%;}
#bgShopStretched {position:fixed; top:0; left:0; width:100%; height:100%;}
#bgStretchedIndex {position:fixed; width:100%; height:100%; background: url(../MyDocs/SysPics/CMS_App_Body_Extern.png);}

select {border: solid 1px #bcbcbc;transition: border 0.3s;min-height:17px;background-color:#fff;}
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;}

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;}
.cursorPointer{cursor:pointer;}

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



.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;margin-right:4px;}
.chkAanvragen input[type=checkbox]:before {content: "\2714";font-size: 18px;font-weight:bold;color: transparent !important;background: #fff;margin:-1px 0px 0px -1px!important;}
.chkAanvragen input[type=checkbox]:before {display: block;text-align:center;vertical-align:middle; width: 26px;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;}


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

body {line-height: normal;color:#404040; font-size:12px;background: #fff url(../MyDocs/SysPics/CMS_App_Body_Extern.png) ; font-family:Arial, Helvetica, sans-serif}
#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 }

.pnlWeekRegisters{display:none;}


/* 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{background-color:#FF0000;color:white;border:1px solid red}
.OrderArtikelButton a{background-color:transparent;border:1px solid red;padding:2px 6px 2px 6px;text-decoration:underline;color:white;}

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;}
.bodyBO{background:transparent url(../MyDocs/SysPics/CMS_Adm_Bg_Extern.png);}
.bodyPopUpBO{background:transparent url(../MyDocs/SysPics/CMS_Adm_Bg_Intern.png);}

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

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 {width:650px; display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; }
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 {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; }

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

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:350px;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; }

.hdBasis{width:100%;}
.hdBasis td{width:4.16%;}
.gridClass .hdBasis td{padding:0;}
.gridClass .tdBasis{padding:0;height:34px;}
.tdBasis{position:relative;}
.tdBasis table{border-collapse:collapse;}
/*.tdBasis{border-bottom:1px solid #CCC;}*/
/*.tdBasis{border-left:1px solid #CCC;border-bottom:1px solid #CCC;}*/
.tdBasis{outline-style: solid;outline-width: 1px;outline-color: #ccc;}

.tdOnTop{position:absolute;left:4px;z-index:444;font-size:10px;height:12px;background-color:#fff;padding-bottom:2px;}
/*.tdOnTop{-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}*/

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

#mainHeaderContainer{width:100%;max-width:980px; margin:0 auto; background:transparent url(../MyDocs/SysPics/CMS_bg_MainShadeHeader.png) top left repeat-y; } 
#headerContainer{width:100%;max-width:980px; margin:0 auto; background:transparent url(../images/bg/empty.gif) top left repeat-y; }
#lblMySubHeader{width:100%;max-width:980px; 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:980px;margin: auto; padding: 0px 0 0 0;background-color:#fff;}
#mainBO{width:100%;max-width:980px;margin: auto; padding: 0px 0 0 0;background-color:#fff;}
#mainBottom{width:100%;max-width:980px;margin: auto; padding: 0px 0 0 0; background-color:#fff;}
#main__{background-image:url(../MyDocs/SysPics/CMS_bg_MainFooter.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;} 

#footerContainer{width:100%;max-width:980px; height:44px; margin: auto; background:transparent url(../MyDocs/SysPics/CMS_bg_MainShadeFooter.png) top left repeat-y; }
#topContainer{width:100%;max-width:980px; height:0px; margin: auto; background:transparent url(../MyDocs/SysPics/CMS_bg_MainShadeHeaderTop.png) top left repeat-y; }

/* space elements around tabpages */
#mainTabContainer{width:100%;max-width:980px; margin: auto;background: transparent url(../MyDocs/SysPics/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;}

/* zet height bijvoorbeeld op 10px om ruimte tussen bovenkantscherm en de header te krijgen */
.headerSpace {height:30px;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:979px; margin: auto; background:transparent;border-left:1px solid #404040;}
#mainBOContainerBottom{width:980px; margin: auto; background:transparent;border-left:1px solid #404040;}
#mainContainer{width:100%;max-width:980px;margin: auto; background:transparent url(../MyDocs/SysPics/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:1600px; }
#mainFullPlanning{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1600px;}
.mainFullUserHours{margin:0 auto; padding:0; width:98%;}
#mainFullUserHours{margin:0 auto; padding:0; width:98%;max-width:1400px;background-color:#fff;}
#pnlDagTotalen{display:none!important;}

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

#mainFullPlanbord{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1600px;}
#toplevelPlanbord{margin:0 auto; padding:0; width:100%;min-width:1100px;max-width:1600px;padding-bottom:4px;}
#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-left:1px solid #404040;border-bottom:1px solid #404040;}
#mainFullCMS .topleft{float:left;width:760px;margin:0 8px 0 4px;}
#mainFullCMS .topright{float:right;width:250px;margin:0;}

#mainHeaderBOContainer{padding-top:0px;}
.utilities     {z-index:999;top:0;left:0; position:fixed; width:100%; height:30px; margin:0; padding:0;}
@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:980px; margin:0 auto;}
#mainTabBO{width:980px;background-color:transparent;padding: 0px 0 0 0;}

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

.tabSpaceBO {width:980px;padding:0px 0px 0px 0px;background: transparent ; border-bottom:solid 1px #404040;} 

/*.tabCMSnavigation {width:980px;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:#E0E0E0;} 
.tabCMSnavigation li{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #404040;} 
.tabCMSnavigation a{color: #000;background-color:#E0E0E0;text-decoration:none;} 
.tabCMSnavigation li:hover {background-color:#A0A0A0;} 
.tabCMSnavigation li:hover a{color: #fff;background-color:#A0A0A0;} 
.tabCMSnavigation li.active {background-color:#A0A0A0;}
.tabCMSnavigation li.active a{color: #fff;background-color:#A0A0A0;padding-top:4px;padding-bottom:4px;}*/


.tabCMSnavigation {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:#e8e8e8;} 
.tabCMSnavigation li{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #404040;} 
.tabCMSnavigation a{display:block;color: #000;background-color:#e8e8e8;text-decoration:none;height:24px;padding:0px 10px 0 10px;} 

.tabCMSnavigation li:hover {background-color:transparent;background-image: linear-gradient(#e8e8e8,  #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(#e8e8e8 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;}


.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;margin:0 auto;clear:both;width:900px;height:21px;padding:5px 0px 0px 0px;border-bottom:solid 1px #404040;margin-bottom:10px;}
.btnnavigation ul{list-style: none;padding: 0px 0px 14px 0px;margin: 0;}
.btnnavigation li{float: left;margin: 0 auto;padding: 0px 0px 0px  0px;margin-right:6px;background-color:#E0E0E0;} 
.btnnavigation li{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #404040;} 
.btnnavigation li:hover {background-color:#A0A0A0;color:#fff;} 
.btnnavigation 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; background:#003 ;}
.loginform{float:left;width:100%; padding:0 5px 0 5px; background:#003; color:#fff;}
.loginform a{ color:#fff;}
.loginform .readmore{float:left; background-position:left 3px; padding:0 0 0 8px;margin-bottom:2px;}
.loginformShop{float:left;width:200px; height:130px; padding:0 5px 0 5px; background:#003; color:#fff;}
.loginformShop a{ color:#fff;}
.loginformShop .readmore{float:left; background-position:left 3px; padding:0 0 0 8px;}
.loginformroundbottom{ clear:both; height:4px;margin:0;padding:0; background:#003 ;}

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

#hpOpenFormulier{font-size:12px;color:#404040;}
#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:#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: Verdana;color:darkblue; font-size:16px;font-weight:normal; height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;text-align:center;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: #e8e8e8;height:30px;font-weight:bold;margin-left:30px;padding-bottom:5px;}
.searchRow2nd{font-size:11px;background-color: #e4e4e4;height:30px;font-weight:bold;margin-left:30px;padding-bottom:5px;}

.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;height:24px;}
/*.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:#EAEAEA;}
.gridAltItemStyle:hover{background-color:#BACFF4;}
.gridHeaderStyle{height:24px;background-color:#F9F9F9;font-weight:bold;font-size:12px;border:1px solid #404040;}

.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:#EAEAEA;}
.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{background-color:#F9F9F9;}
.gridPagerStyle td{height:14px;border-top:1px solid #404040;}
.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;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
.roundtop3tab{ clear:both; height:4px;margin:0;padding:0; background: url(../Images/box/white_tab/rndWtl_tab300.png) no-repeat top left;}
.roundtop3tab .right{ float:right;height:4px;width:345px;background: url(../Images/box/white_tab/rndWtr300.png) no-repeat top right;}

.roundtop3tab{ clear:both; height:0px;margin:0;padding:0; background:#A2A2A0;}
.roundtop3tab .right{ float:right;height:0px;width:345px;background:#A2A2A0;}
*/
.roundtop3tab{ clear:both; height:0px;margin:0;padding:0; background:#A2A2A0;}
.roundtop3tab .right{ float:right;height:0px;width:345px;background:#A2A2A0;}
.rounded3a{ clear:both;  padding:0 10px 0 10px;margin:0;background:transparent;}

.roundtopFull{ clear:both; height:4px;margin:0;padding:0; background:transparent url(../Images/box/blue_500_003_solid/rndLeftTop.png) no-repeat top left;}
.roundtopFull .right{ float:right;height:4px; width:500px;background:transparent url(../Images/box/blue_500_003_solid/rndRightTop.png) no-repeat top right;}
.roundbottomFull{ clear:both; height:4px;margin:0;padding:0; background:transparent url(../Images/box/blue_500_003_solid/rndLeftBottom.png) no-repeat top left;}
.roundbottomFull .right{ float:right;height:4px;width:500px;background:transparent url(../Images/box/blue_500_003_solid/rndRightBottom.png) no-repeat top right;}
.roundedFull{ clear:both;  padding:0 10px 0 10px;background:#FFF;border-left:2px solid #003;border-right:2px solid #003; }

.roundtopIFrameHead{background: url(../MyDocs/SysPics/CMS_Adm_Bg_Intern.png);border-left:1px solid #404040;width:980px;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-top:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #404040;}

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

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

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

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

/**/

#footer{font-size:11px;font-weight:normal;color:#333; margin:0 auto; width:100%;max-width:980px;height:32px; padding:0 0 0px 0;text-align:center; vertical-align:bottom;}
#footer ul{display:block;clear:both; width:100%;max-width:980px;  margin:0 auto; text-align:center; padding:10px 0 10px 0;background: #fff  url(../MyDocs/SysPics/CMS_bg_Footer.png) repeat top left; }
#footer li{display:inline;}
#footer li a{color:#333;clear:both; padding:0 2px 0 0px;}
#footer li a:hover, #footer li a.active{text-decoration:underline;}
#footer .footerAanmelden{color:#333;}

#footerBO{font-size:11px;font-weight:normal; color:#fff; margin:0 auto; width:100%;max-width:980px; 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: #888; }
#footerBO li{display:inline;}
#footerBO li a{color:#fff;clear:both; padding:0 0px 0 0px;}
#footerBO li a:hover, #footerBO li a.active{text-decoration:underline;}

#footerBO .footerAanmelden{color:#fff;}

/* SlideShow */
.pictureSlideShow{z-index:100;height:230px;width:330px;overflow:hidden;background:transparent;}
.pics{z-index:99;height:230px;width:330px;overflow:hidden;}
.slideshows{width:100%;height:240px;}

.pictureSlideShowBig{z-index:100;height:480px;width:640px;overflow:hidden;background:transparent;float:left;position:relative;}
.slideshowbig{width:100%;height:480px;}
.picslarge{z-index:99;height:480px;width:640px;overflow:hidden;}

#slideTopImg{width:640px;height:20px;position:absolute;top:0px;left:0px;border:none;z-index:100;background:transparent  url(../images/box/slideshowframe_640_480/top.png) ;}
#slideLeftImg{width:20px;height:480px;position:absolute;top:0px;left:0px;border:none;z-index:100;background:transparent  url(../images/box/slideshowframe_640_480/left.png) ;}
#slideBottomImg{width:640px;height:20px;position:absolute;top:460px;left:0px;border:none;z-index:100;background:transparent  url(../images/box/slideshowframe_640_480/bottom.png) ;}
#slideRightImg{width:20px;height:480px;position:absolute;top:0px;left:620px;border:none;z-index:100;background:transparent  url(../images/box/slideshowframe_640_480/right.png) ;}

/*
BLOG FORUM
*/
#divBlogPage {background-color: rgba(255, 255, 255, 0.4);}

#pnlShowBlog{width:100%;height:100%;}
.blogTable{width:100%;}
.blogDateHeader{font-family:"Nunito", Arial;font-size:1.8em;background-color:#21007F;color:white;padding-left:5px;height:28px;}
.blogItemHeader{font-size:1.4em;background-color:#ddd;padding-left:5px;}
.blogItemContent{padding-right:10px;padding-left:5px;background-color: rgba(255, 255, 255, 0.9);}
.blogItemContent a img{padding:4px 6px 2px 0;}
.blogEmptyRow{background-color: rgba(255, 255, 255, 0.9);font-size:6px;height:10px;}
.blogEmptyRow td{font-size:6px;height:5px;}

.tboxGuestbook .tooltip{display:none}
.tboxGuestbookUpdater{}

.tboxBlogContent .tooltip{display:none}
.tboxBlogUpdater{background-color: rgba(255, 255, 255, 0.9);border-bottom:1px solid #888;padding-top:10px;}

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

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

.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(../MyDocs/SysPics/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(../MyDocs/SysPics/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(../MyDocs/SysPics/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;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;}

/*
TRAVELPLANNING
*/

/* aanvraagformulier*/
#pnlTravelPlanActive {width:100%;max-width:960px;padding:20px 0px 0px 0px;font-size:13px;}
.divTPAHeader{display:block;float:left;vertical-align:top;padding-left:4px;padding-right:6px;width:100%;max-width:310px;}
.divTPAHeader table{width:100%;}
.tableTPHeader{background-color:#ED6501;font-weight:bold;color:#fff;height:24px;}
.tableTPHeader td{padding-left:4px;color:#fff;}
.tableTPSHeader{background-color:rgba(0, 148, 255, 0.6);font-weight:bold;color:#fff;height:24px;}
.tableCTHeader{float:right;margin:0 auto;padding:0 0 0 0px;background-color:#ED6501;}
/* --- */

.tpVertrek{padding-right:4px;text-align:right;}
.tpRetour{padding-right:4px;text-align:left;}


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

.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 #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:0;display:block;width:200px;position:fixed;top:40px;left:50px;padding:0px 20px 20px 20px;background-color:#e4e4e4;border:1px solid #808080;}
#frmZoekSource {height:10px;width:10px;}
#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%;}  

#dragTime {z-index:999;display:block;width:300px;position:absolute;top:40px;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:50%;left:50%;padding:5px 10px 10px 10px;background-color:#e4e4e4;border:1px solid #808080;}

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

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

/**/

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

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

/*--- LOGIN BOX ---*/
.rounded1Login{ clear:both;  padding:5px 5px 0px 5px;margin:0;background-color:transparent;}
.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%;}
}
.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 --- */

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