@charset "utf-8";
/* JS WATERSPORTS */
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:14px;background-color: #fff; font-family:Calibri, Arial, Helvetica, sans-serif;background-color:#f3f3f3;}
.bodyBO {line-height:normal;color:#161616;font-size:12px;font-family:Arial, Helvetica, sans-serif;background-color:#fff;}

.lblFeedbackSmall{font-size:11px;}
.lblAtlBestellingen{font-size:11px;}
.objHidden{visibility:hidden;}
.objVisible{visibility:visible;}

#stayDiv {}
#stayDiv.stick {position: fixed;top: 0;z-index: 10000;/*border-radius: 0 0 0.5em 0.5em;*/}

.video-container{max-height:800px;width:100%;overflow-y:hidden;}
video {height: auto;width: 100%;}


#cookieMessageWrapper{display:none;}

.GuideCrumbs img{width:36px;}
.GuideCrumbs input{width:36px;}
.GuideCrumbs span{font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#007EA9;font-size:18px;}

#btnShowOptionPage{display:none; }

#bgStretched {
position:fixed; top:0; left:0;width:100%; height:100%;opacity:0.2;
background-color:#ffffff;
/*background-image:url(../MyDocs/SysPics/jswatersportsBG.jpg?v=1.0);*/
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#bgStretchedIndex {
position:fixed; top:0; left:0;width:100%; height:100%;opacity:0.2;
background-color:#ffffff;
/*background-image:url(../MyDocs/SysPics/jswatersportsBG.jpg?v=1.0);*/
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#bgStretchedContact {
position:fixed; top:0; left:0;width:100%; height:100%;opacity:0.2;
background-color:#ffffff;
background-image:url(../MyDocs/SysPics/jswatersportsBG.jpg?v=1.0);
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

/*jswatersportsBG.jpg*/
#bgStretchedShop {
position:fixed; top:0; left:0;width:100%; height:100%;opacity:0.2;
background-color:#ffffff;
background-image:url(../MyDocs/SysPics/jswatersportsBG.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;
}

#bgStretchedCMS {
position:fixed; top:0; left:0;width:100%; height:100%;opacity:0.2;
background-color:#ffffff;
background-image:url(../MyDocs/SysPics/jswatersportsBG.jpg?v=1.0);
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#bgStretchedGuide {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:#ffffff;
background-image:url(../MyDocs/SysPics/CMS_StretchedBg.jpg?v=1.0);
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#bgStretchedBlog {
position:fixed; top:0; left:0;width:100%; height:100%;
background-color:#ffffff;
background-image:url(../MyDocs/SysPics/CMS_StretchedBg.jpg?v=1.0);
background-position:center top;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: cover; 
-moz-background-size: cover;   
-o-background-size: cover;  
background-size: cover;
}

#cookieMessageWrapper{display:none;}
.spaceLoginBlock{height:120px;}

#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: 50px; top:70px; position: absolute; z-index: 999;}
#corpLogo img{}
#leadBanner{}
#introTekst{position: relative; width: 100%; margin-top: -80px; z-index: 999;}
#titleShort{padding-top:6px;display:none;font-size:24px;}
#titleFull{padding-top:6px;display:block;font-size:26px;}
@media screen and (max-width: 1620px) {
    #corpLogo {left:10px; top:70px;}
    #corpLogo img {width:130px;}
    /*#leadBanner{display:none;}*/
    #introTekst{margin-top: -20px;}
    }
@media screen and (max-width: 1180px) {
    #corpLogo {left:10px; top:70px;display:none;}
    #corpLogo img {width:100px;}
    #leadBanner{display:none;}
    #introTekst{margin-top: -20px;}
    #titleFull{display:block;font-size:26px;}
    }
@media screen and (max-width: 800px) {
    #titleFull{display:block;font-size:20px;}
    }
@media screen and (max-width: 550px) {
    #corpLogo {left:auto; right:10px; top:70px;}
    #corpLogo img {width:100px;}
    #leadBanner{display:none;}
    #introTekst{margin-top: -20px;}
    #titleShort{display:block;}
    #titleFull{display:none;}
    }

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

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

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; z-index:1;height:100%;}
#allShopContent {position:relative; z-index:1;}
#cookiewarning{font-family:Arial;font-size:0.85em;} 

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

#pnlPublicTextIndex{color:#1E2843;width:150px;height:300px;float:left;margin:0 0 10px 4px;overflow: auto;overflow-x: hidden;}
#pnlPublicText{color:#1E2843;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;}

#divCMSPage {height:100%;}
#divCMSpublicPage {margin:0 auto;height:100%;max-width:980px;float:none;}
#divCMSpublicPage {background-color: rgba(255, 255, 255, 0.4);}

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



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

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

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, Helvetica;font-weight:normal;color:#007EA9;}
h1{font-size:22px;font-weight:normal;}
h2{font-size:18px;font-weight:normal;}
h3{font-size:16px;font-weight:normal;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

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

.OrderArtikelButton {background-color:transparent;border:1px solid blue;}
.OrderArtikelButton a{padding:2px 6px 2px 6px;text-decoration:underline;}

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

#cycler{display:block;float:right;width:300px;height:150px;}
#cycler img{position:absolute;z-index:1;height:150px;}
#cycler img.active{z-index:3}

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

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

p{ margin: 0px 0px 0px 0px;}
.spaceLoginBlock{height:120px;}
.spaceHomePageBlocks{padding:0px 0px 0px 0px;}
.spaceContactPageBlocksLeft{padding:10px 0px 0px 0px;}
.spaceContactPageBlocksRight{padding:30px 0px 0px 0px;}
.spaceShopPageBlocksLeft{padding:10px 0px 0px 0px;}
@media screen and (max-width: 950px) {
    .spaceShopPageBlocksLeft {padding:40px 0px 0px 0px;}
}


.spaceShopPageBlocks{padding:20px 0px 0px 0px;}
.spaceShopPageBlocksDtl{padding:60px 0px 0px 0px;}
.spacePublPageBlocks{padding:20px 0px 0px 0px;}
.trShopperSelectie{background-color:transparent;}

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

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

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

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

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

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

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

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

.tooltipOpties {color:#000;text-align:left;z-index:999;}
.tooltipOpties i {display:none;}
.tooltipOpties img {height:18px;}
.tooltipOpties:hover {border:0; position:relative; z-index:500; text-decoration:none;cursor:pointer;}
.tooltipOpties:hover i {width:350px;display:block; position:absolute; top:30px; left:-145px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#FFFFEC; }
.tooltipOpties:hover i em {position:absolute; left:140px; 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;}*/

/* Verander in main padding (top) om ruimte te krijgen tussen knoppen en header */
#mainHeaderContainer{width:100%; }
#headerContainer{width:100%;}
#lblMyHeader{width:100%;font-size:16px;}
#lblMySubHeader{width:100%;background-color:#fff;}

#mainContainer{max-width:100%;margin:0 auto;}
#main{max-width:100%;margin:0 auto; padding:0;background-color:transparent;}
#mainHeaderContainer{max-width:100%; margin: auto; background:transparent; }
#headerContainer{width:100%;}

/* 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:1000px;margin: auto; background:transparent;}
#mainBOContainerBottom{width:1000px; margin: auto; background:transparent;}
#mainBO{width:1000px;margin: auto; padding: 0px 0 0 0;background-color:#fff;border-left:1px solid #404040;}
/* zet width op default maincontainer width + 35px voor CMSframe */
#pnlCMSUpdater {width:1005px;}

/* Verander in main padding (top) om ruimte te krijgen tussen knoppen en header */

#mainPopup{margin: auto; padding: 2px 0 0 0; width:800px; }
#mainFull{margin:0 auto; padding:0; width:98%; min-width:1100px;max-width:1200px; }
#mainFullPlanning{margin:0 auto; padding:0; width:98%;min-width:1100px; }
#mainHFull{margin:0 auto; padding:0; width:85%; }
#mainCustFull{margin:0 auto; padding:0; width:900px; }
#mainFullMat{margin:0 auto; padding:0; width:100%; }
#mainFullOrders{margin:0 auto; padding:0; width:98%;max-width:1400px;}
#mainFullFacturering{margin:0 auto; padding:0; width:98%;min-width:1100px;max-width:1400px;}
#mainFullLocations{margin:0 auto; padding:0; width:98%;max-width:1400px;border-top:1px solid #404040;border-left:1px solid #404040;}

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

#mainFullShopOrders{margin:0 auto; padding:0; width:98%; max-width:1400px; }
#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:1400px; background-color:#fff;}
#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;}

.socHeader {display:block;text-align:center;padding-right:10px;}
.socmediaIcons {display:block;text-align:left;padding-right:10px;}
.socmediaIcons img{text-align:center;width:36px;}
.socmediaIcons div{padding: 0px 5px; display: inline-block;}

#topContainer{display:none;width:100%;max-width:1000px; height:0px; margin:0 auto; }
#footerContainer{float:left;width:100%;background-color: #007EA9;color: #fff;border-top: 1px solid #e4e4e4;margin-top:-10px;}
#footerContainer{font-size:12px;font-weight:normal;padding:0px 0 0px 0;text-align:center;}
#footerContainer a{color: #fff;}
#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;}


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

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

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

#mainTabContainerBO{width:1000px; margin: auto;}
#mainTabBO{width:1000px;background-color:transparent;margin: auto; padding: 0px 0 0 0;  }
.tabSpaceBO {width:1000px;padding:10px 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;}

/* 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 */
.tabnavigation {display:none; }

.subMenus{position:absolute;z-index:200;}
.subHide00{position:relative; left:30px; top:-4px; display:none;z-index:900;width:275px;border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.subHide00 a:hover{text-decoration:underline;}
.subHide03{position:relative; left:30px; top:-4px; display:none;z-index:900;width:275px;border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.subHide03 a:hover{text-decoration:underline;}
#Page00:hover .subHide00{display:block;}
#Page03:hover .subHide03{display:block;}

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

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

.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;font-family:'Trebuchet MS';}
.loginform h1{color:#fff;}
.loginform h2{color:#fff;}
.loginform a{ color:#fff;text-decoration:none;}
.loginform a:hover{background-color: rgba(255, 255, 255, 0.3);}
.loginform .readmore{float:left;background:url(../Images/icons/listitem.png) no-repeat left 3px; padding:0 10px 0 10px; font-weight:bold;}
.loginformroundbottom{ clear:both; height:4px;margin:0;padding:0; background:#003 ;}

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

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

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

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

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

.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:1.8em;font-weight:normal;}
.frmHeaderPublic{font-family: Verdana;margin:0 0 5px 0;font-size:1.8em;}
.frmHeaderH2{font-family: Verdana;margin:0 0 5px 0;font-size:1.4em;font-weight:bold;}
.frmHeaderPublicH2{font-family: Verdana;margin:0 0 5px 0;font-size:1.4em;font-weight:bold;}
.frmHeaderSelectie{font-family: Verdana;margin:0 0 5px 0;font-size:1.2em;}


/*  start buttons  */

#divButtons{width:100%;}
.divButtons{display:none;}
.divTabSmall{display:none;}

#goBack{display:block;float: left;height:24px;width:130px;}
#divGoBack {float:left;padding-left:10px;background-color: transparent;}
#divGoBack span{padding-left:30px;}
#goBack .formbutton{height:24px;width:130px;font-size:16px;text-align:left;color:#fff;background:transparent url(../Images/bg/btnGoBack.png?v=1.0) left top no-repeat;}

#goCenter{text-align:center;}
#goCenter .formbutton{height:24px;width:220px;font-size:14px;text-align:center;color:#682F3F;border:1px solid #682F3F;background:none;vertical-align:middle;}
#goCenter .formbutton{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
@media screen and (max-width: 510px) {
    #divButtons{height:60px;}
    }

#goForward{display:block;float: right;height:24px;width:130px;}
#divGoForward {float:right;padding-right:10px;background-color: transparent;}
#divGoForward span{padding-right:36px;}
#goForward .formbutton{height:24px;width:130px;font-size:16px;text-align:right; color:#fff;background:transparent url(../Images/bg/btnGoForward.png?v=1.0) right top no-repeat;}

#goExtraRowPublic{float: right;}
#divGoExtraRowPublic {float:right;padding-right:0px;background-color: transparent;}
#goExtraRowPublic .formbutton{height:30px;width:200px;font-size:14px;text-align:right; color:#682F3F;border:1px solid #682F3F;background:transparent url(../Images/bg/btnExtraRowPublic.png?v=1.0) left top no-repeat;}
#goExtraRowPublic .formbutton{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}

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

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

.btnHolder{display:block; float:left;} 
.btnCenter{height:24px; display:inline-block; float:left; background-color:#fff;padding: 0px 2px 0px 2px;} 
.tdBtnHolder{text-align:center;} 
.btnHolderCenter{display:inline-block;margin:0 auto;} 
.btnHolder input{width:170px;} 

.formbutton{padding: 0px 12px 0px 12px;font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:14px;color:#fff;height:24px; border:none;}
.formbutton{text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background:#fff url(../Images/bg/btnBlack.png?v=1.0);}
.formbutton:hover{text-decoration:underline;}

.formImpbutton{padding: 0px 12px 0px 12px;font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:14px;color:#fff; background:#fff url(../Images/bg/btnRed.png);  }
.formImpbutton{height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;}
.formImpbutton:hover{text-decoration:underline;}

.formEmpbutton{font-size:12px;height:24px; border:none;text-decoration:none;cursor:pointer; white-space:nowrap; margin:0 auto; text-transform:uppercase;background:transparent url(../Images/bg/empty.png);}

.btnCenterAll{text-align:center;display:inline-block; }
.formSpcButton{display: block; float:right;width:200px;text-align:center;padding: 5px 10px; color: #ffffff; text-transform: uppercase; font-family: arial; font-size: 16px; font-weight: bold; text-decoration: none; background-color: #3a574e;}
.formSpecButton{display: block; float:right;width:200px;text-align:center;padding: 5px 10px; color: #ffffff; text-transform: uppercase; font-family: arial; font-size: 16px; font-weight: bold; text-decoration: none; background-color: #1AAE48;}
.formSpecButton:hover{text-decoration:underline;color: #ffffff;}
/*  end buttons  */




.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:#DDDDDD url(../Images/bg/searchRow.png) repeat;height:30px;font-weight:bold;margin-left:30px;}

.gridClass{border:solid 1px #cccccc;width:100%;color:#1E2843;font-weight:normal;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:#EAEAEA;}
.gridItemStyle:hover{background:#fff url(../Images/bg/gridHeader.png) repeat;}
.gridAltItemStyle{height:24px;background-color:#DCDCDC;}
.gridAltItemStyle:hover{background:#fff  url(../Images/bg/gridHeader.png) repeat;}
.gridHeaderStyle{height:24px;background:transparent url(../Images/bg/gridHeader.png) repeat;font-weight:bold;}
.gridPagerStyle{background:#fff url(../Images/bg/gridHeader.png) repeat;}
/*.gridHeaderStyle{height:24px;background-color:#AAAADD;font-weight:bold;}*/
/*.gridPagerStyle{background-color:#AAAADD; } */
.gridPagerStyle td{height:12px;}
.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;}

.gridClassPublic{border:solid 1px #cccccc;border-top:none; width:100%;font-weight:normal;font-size:11px;}
.gridClassPublic td{padding-left:2px; vertical-align:middle;}
.gridHeaderStylePublic{font-family:Arial, "Muli", Verdana, Helvetica;font-size:14px;color:white;height:22px;background-color: rgba(10, 56, 167, 0.7);border-bottom:1px solid #cccccc}
.gridHeaderStylePublic .smallName{font-size:14px;}
.gridHeaderStylePublicSmall{font-family:Arial, "Muli", Verdana, Helvetica;font-size:14px;color:white;background-color: rgba(10, 56, 167, 0.7);border-bottom:1px solid #cccccc}
.gridItemStylePublic{height:24px;background-color:#EAEAEA;}
.gridItemStylePublic:hover{background-color: rgba(0, 148, 255, 0.1);}
.gridAltItemStylePublic{height:24px;background-color:#DCDCDC;}
.gridAltItemStylePublic:hover{background-color: rgba(0, 148, 255, 0.1);}
.gridLastTemplateColumn{padding-right:4px;}
.btnGridPublic{font-family:Arial, "Muli", Verdana, Helvetica;font-size:16px;color:#0A38A7;}
.btnGridPublic a{padding-right:18px;vertical-align:middle;color:#0A38A7;}
.btnGridPublic a img{vertical-align:middle;}
.gridActiveRowPublic{background-color: rgba(0, 148, 255, 0.1);font-weight:bold;}
.gridExtraRowPublic{height:24px;background-color:#EAEAEA;border-left:solid 1px #cccccc;border-bottom:solid 1px #cccccc;}
.gridExtraRowPublic table{float:right;}
.gridExtraRowPublic td{padding-left:2px;}
.gridExtraRowPublic input.pict{height:24px;}
.gridExtraRowPublic input{font-family:Arial, "Muli", Verdana, Helvetica;font-size:18px;color:#0A38A7;border:none;background-color:#EAEAEA;}
.gridExtraRowPublic input:hover{cursor:pointer;}

.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_SubMenu.png) repeat;}
.gridAltItemStyleAbs{height:24px;background-color:#DCDCDC;}
.gridAltItemStyleAbs:hover{background:transparent url(../Images/bg/Bg_SubMenu.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;}
.txtWijzigInput {font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:14px;text-align:center;color:white;background-color:#0026FF;}
.txtWijzigInput a{color:white;}
.txtNumInputRead {text-align:right;border:none 0px transparent; background-color:#bbbbbb;}
.txtNumInputReadWhite {text-align:right;border:none 0px transparent; background-color:#bbbbbb;color:#161616;}
.txtAlfInputRead {text-align:left;border:none 0px transparent; background-color:#bbbbbb;}
.txtAlfInputReadWhite {text-align:left;border:none 0px transparent; background-color:#bbbbbb;color:#161616;}

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

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

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

#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; float:left;width:100%;}
.rounded1 .topleft{float:left;width:700px;margin:0 0px 0 0;}
.rounded1 .topright{float:right;width:250px;margin:0 4px 0 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 0px; }

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

#divPublicShop{width:100%;max-width:1030px;margin:0 auto;}

.rounded1Shop{clear:both;  padding:0px 0px 0px 0px;margin:0;background-color: #fff;}
.rounded1Shop .topleft{float:left;width:100%;max-width:760px;margin:0 0px 0 0px;background-color: #fff;text-align:center;padding-left:10px;}
.rounded1Shop .shopLeft{margin:0  10px 0 10px;}
.rounded1Shop .shopLeftBar{margin:0  10px 0 10px;background-color:#e4e4e4;}
.rounded1Shop .shopLeftProductGrid{display:normal;  margin:20px 10px 20px 10px;}

.rounded1Shop .topright{float:right;width:250px;margin:0;background-color:transparent;}
.rounded1Shop .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1Shop .content{float:left;max-width:700px;margin:0;}

.rounded1Publ{ clear:both;  padding:0px 0px 0px 0px;margin:0;background-color: transparent;}
.rounded1Publ .topleft{float:left;width:100%;max-width:700px;margin:0 4px 0 0px;}
.rounded1Publ .shopLeft{margin:0  10px 0 10px;}
.rounded1Publ .topright{float:right;width:250px;margin:0 8px 0 0px;}
.rounded1Publ .left{float:left;width:200px;margin:0 8px 0 0;}
.rounded1Publ .content{float:left;max-width:700px;margin:0;}
.rounded1Publ ul{ list-style-type:disc; list-style-position:outside; margin:0px;width:auto; }

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

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

.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;}
.rounded1Login topmiddle{ margin:0 auto;}
.rounded1Question .topmiddle{display:block;width:100%; max-width:500px; margin:0 auto;}

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

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

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

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

/* BOXES */

.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{border-left:1px solid #404040;width:1000px;margin:0 auto;}
.roundtopIFrameHead{background: url(../MyDocs/SysPics/CMS_Adm_Bg_Intern.png);}
.roundtopIFrame{ clear:both; margin:0;padding:0; border-bottom:1px solid #003;}
.roundbottomIFrame{ clear:both; margin:0;padding:0; border-top:1px solid #003;}
.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;}

#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 {display: none;}

#footerBO{font-size:11px;font-weight:normal; color:#fff; 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: #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 .roundbottom2{ clear:both;margin:0 auto !important; height:0px;margin:0;padding:0; background: transparent;}
#footerBO .roundbottom2 .right{ float:right;height:0px;background: transparent;}
#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) ;}

/* Shop */
#pnlCategorieDescription{text-align:left;padding: 0 9px 0 9px;}
#pnlCodePassword{width:100%;}
#lblProductName{ font-family:'omnes-regular', sans-serif, Arial;font-weight:bold;color:#007EA9;font-size:16px;display:inline-block;width:300px;}
#btnBewerkUwSelectie {width:150px;}
#btnNaarKassa {width:200px;}
#btnContinueShopping {width:200px;}
.btnHolderCenter #btnResetOrder {width:200px;}
#btnVasteKlant {text-align:left; font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:20px;cursor:pointer;}
#lblCheckBooking {font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:14px;}
#lblUwKortingscode {font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:16px;}
.lblFeedbackPrices {border-top:1px solid #ddd;padding-top:5px;clear:both;}
#lblUwKortingscodeUitleg {display:none;width:300px;font-style:italic;font-size:0.9em;}
.highLightMark {color:#404040;}
#lblFeedbackPersonalia {font-size:0.9em;}
#lblDefaultOpstap{ font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:16px;}
.checkMarkPersonen {color: #682F3F;padding-left: 14px;background:transparent url(../Images/bg/checkMarkPersons.png) left top no-repeat;}
#lblBrochureHeader{ font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:20px;}
#lblSignUpHeader{ font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:20px;}
#lblQuestionsHeader{ font-family:'Open Sans Condensed', sans-serif, Arial;font-weight:700;color:#404040;font-size:20px;}

.txtInputMaxWidth {min-width: 50px;max-width: 90%;width: 100%;}
select#ddlCountryFin {min-width: 50px;max-width: 230px;width: 100% !important;}
select#ddlAfleverLandFin {min-width: 50px;max-width: 230px;width: 100% !important;}

#divNAWgegevens {display:block;float:left;}
#divAdresgegevens {display:block;float:right;}
@media screen and (max-width: 400px) {
    #divAdresgegevens{float:left;}
    }
#divNAWgegevensx {display:block;float:left;}
#divAdresgegevensx {display:block;float:left;}
@media screen and (max-width: 400px) {
    #divAdresgegevensx{float:left;}
    }
.txtVertrekBestemming {text-align:left;border:0px solid #404040;height:24px;background-color:#E0E0E0;min-width: 50px;max-width: 230px;width: 100% !important;}
select#ddlDefVertrekLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlDefBestemmingLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlDefRetourLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlDefRetourBestemmingLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlVertrekLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlBestemmingLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlRetourLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}
select#ddlRetourBestemmingLocaties {max-width: 230px;min-width: 230px;width: 230px !important;}

@media screen and (max-width: 400px) {
    select#ddlDefVertrekLocaties {max-width: 170px;min-width: 170px;width: 170px !important;}
    select#ddlDefBestemmingLocaties {max-width: 170px;min-width: 170px;width: 170px !important;}
    select#ddlDefRetourLocaties {max-width: 170px;min-width: 170px;width: 170px !important;}
    select#ddlDefRetourBestemmingLocaties {max-width: 170px;min-width: 170px;width: 170px !important;}
    select#ddlVertrekLocaties {max-width: 190px;min-width: 190px;width: 190px !important;}
    select#ddlBestemmingLocaties {max-width: 190px;min-width: 190px;width: 190px !important;}
    select#ddlRetourLocaties {max-width: 190px;min-width: 190px;width: 190px !important;}
    select#ddlRetourBestemmingLocaties {max-width: 190px;min-width: 190px;width: 190px !important;}
    }

@media screen and (max-width: 800px) {
    .dgOrderArtikelTijd {display:none;}
    .dgOrderArtikelDatumTot {display:none;}
    }
@media screen and (max-width: 700px) {
    .dgddlArtikelDetail {display:none;}
    }
@media screen and (max-width: 550px) {
    .dgtxtGrdAantal {display:none;}
    .dgtxtGrdNachten {display:none;}
    .dgtxtGrdVolwassenen {display:none;}
    .dgtxtGrdKinderen {display:none;}
    }
@media screen and (max-width: 400px) {
    .dgtxtOrderArtikelPrijs {display:none;}
    }

.imageFillShopTourProducts {display:none;max-width:750px;}
.imageFillShopTourProducts img {max-width:100%;height:auto;}


.tblExplain {width:100%;background-color:#e4e4e4;}
.tblExplain td{padding-left:2px;height:14px;padding-right:10px;}
.tblExplainTitle {border-bottom: 1px solid #A8A8A8;font-weight: bold;}
.tblExplainTotal {text-align:right;border-top:1px solid #A8A8A8;font-weight: bold;}
.tblExplainPrdTitle {padding-top:6px;font-weight: bold;}

.tdTab {font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:18px;color:#fff;width:300px;padding-left:2px;}
.tdTab {float:left;background-color:#0a38a7;border: 1px solid #fff;/*border-radius: 0px 14px 0px 0px;*/}
.tdTabSmall {font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:16px;color:#fff;width:200px;padding-left:2px;}
.tdTabSmall {float:left;background-color:#0a38a7;border: 1px solid #fff;/*border-radius: 0px 14px 0px 0px;*/}

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

.pnlPersoonDetails{border:0px solid blue;padding:2px;}
.pnlPersoonDetailsHeader{width:100%;height:24px;background-color:white;border-left:solid 0px #cccccc;border-bottom:solid 1px #cccccc;}

.lblOrdernummer{visibility:hidden;}
.shopSelected{}
.shopSelected tr{}
.shopSelected td{border-top:1px solid #1E2843;font-size:12px;}
.divBestellingen {border-bottom:1px solid #1E2843;padding-right:0px;}

.shopVIP{height:140px; 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{border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;}
.roundedShopBlue{}
.roundedShopEmpty{}

.shopLabel{white-space:normal;}
.shopLabelRed{color:Red;font-size:1.0em;}

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

.shopArticleInfo{height:100%;}
.shopArticleTellFriendsRow{background-color:#ddd;height:14px;}
.shopArticleTellFriendsCell{font-size:11px;text-align:right;padding-right:5px;vertical-align:middle;height:14px;}
.shopArticleTellFriends{font-size:11px;white-space:nowrap;padding-bottom:0px;padding-left:4px;}

.shopArticleProductInfo{background-color:#fff;}
.shopArticleProductInfo td{height:auto;}

#lblPreferredDate{padding-left:4px;}
#divShopSetDate {border-top:1px solid #0A38A7;border-left:1px solid #0A38A7;border-right:1px solid #0A38A7;padding-bottom:4px;padding-top:4px;}
#divCalendar{display:block;float:left;padding-right:10px;}
#divCalendar table{width:100%;margin:0 auto;}
#divCalendarHeader{display:none;}

.cldCalendar {border:none;width:200px;height:150px;}
.cldTitleStyle {font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:300;font-size:14px;color:#0a38a7;background-color:#e0e0e0;}
.cldTitleStyle {text-shadow:2px 2px 2px rgba(255,255,255,0.7);-webkit-text-shadow:2px 2px 2px rgba(255,255,255,0.7);-moz-text-shadow:2px 2px 2px rgba(255,255,255,0.7);}

.cldDayHeaderStyle {font-size:12px;color:#0A38A7;font-weight:normal;background-color:#f5f5f5;}
.cldDayStyle {background-color:silver;border-bottom:1px solid #888;font-size:12px;color:#0A38A7;}
.cldDayStyle a{color:#0A38A7;}
.cldToDayStyle {background-color:silver;border-bottom:1px solid #888;font-size:12px;color:#0A38A7;}
.cldWeekendDayStyle {background-color:silver;border-bottom:1px solid #888;font-size:12px;color:#0A38A7;}
.cldSelectedDayStyle {background-color:#f5f5f5;border-bottom:1px solid #888;font-size:12px;color:#0A38A7;}
.cldOtherMonthDayStyle {background-color:silver;border-bottom:1px solid #888;font-size:12px;color:#0A38A7;}

.tboxCalendar 
{
    border: 1px solid #ddd;
    /*box-shadow: 2px 2px 8px #888;*/
    color: #1E2843;
    margin:0px;
    padding:0px;
    background-color:#ccc;
}

.shopEmptyRowColored{background-color:#fff;font-size:6px;height:10px;}
.shopEmptyRowColored td{font-size:6px;height:5px;}
.shopEmptyRow{background-color:transparent;}

.shopArticleHeaderCMS{vertical-align:middle;position:relative;background-color:#ddd}

#lblSearchInfo{font-family:Arial, "Muli", Verdana, Helvetica;font-size:16px;}

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

#pnlAccommodations{padding-left:5px;}
#divOrderOptions{padding-left:5px;}

/*Betaalscherm*/ 
.finOrderHeaders{font-family: 'Open Sans Condensed', sans-serif, Arial;font-weight:700;font-size:22px;color:white;height:30px;background-color: rgba(183, 77, 107, 1.0);}
.finOrderLeftBlock{display:block;float:left;padding-right:10px;width:100%;max-width:420px;}
.finOrderLeftBlock td span{padding-left:4px;}
.finOrderRightBlock{display:block;float:right;width:100%;max-width:420px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.finOrderRightBlock td span{padding-left:4px;}
.finReturnedCustomer{}
.finReturnedCustomerRow{background-color:#e4e4e4;}
.finOrderPay{float:right;}
.finOrderPay .btnHolder input {width: 210px;}
#lblFormHeaderShop{font-size:36px;color:#682F3F;}
@media screen and (max-width: 850px) {
    .finOrderRightBlock{display:block;float:left;}
}
@media screen and (max-width: 670px) {
    #lblFormHeaderShop {font-size: 28px;}
    .finOrderPay{float:left;}
}


/*begin large thumbs*/
#pnlProductThumbs{display:block;float:left;padding-top:10px;}
/*#pnlProductThumbs .imageGallery {background-color:transparent;display:inline-block;overflow:hidden;margin:0 auto;}*/
#pnlProductThumbs .imageGallery {background-color:transparent;display:block;overflow:hidden;text-align:center;margin:0 auto;}
/*#pnlProductThumbs .imageGallery .imageFrame{clear:right;display: inline-block;position: relative; margin:0px 9px 18px 9px;padding:0 0 10px 0; height:260px;width:223px;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 0px;}*/

#pnlProductThumbs .imageGallery .imageFrame{clear:right;display: inline-block;position: relative;margin:0px 14px 18px 14px;padding:0 0 10px 0;height:260px;width:223px;overflow:hidden;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;}

#pnlProductThumbs .imageGallery .imageFrameTopper{z-index:999;top:0;left:0;display: inline-block;position:absolute;overflow:hidden;}
#pnlProductThumbs .imageGallery .imageFrameTopperSpan{z-index:999;top:30px;left:0;display: inline-block;position:absolute;overflow:hidden;color:#fff;}
#pnlProductThumbs .imageGallery .imageFrameTopperSpan{-webkit-transform: rotate(-33deg);-moz-transform: rotate(-33deg);-ms-transform: rotate(-33deg);-o-transform: rotate(-33deg);transform: rotate(-33deg);}

#pnlProductThumbs .imageGallery .imageHolder{height:200px;width:223px;overflow:hidden;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 0px;position: relative;}
#pnlProductThumbs .imageGallery .imageHolder a{text-decoration:none;}
#pnlProductThumbs .imageGallery .imageHolder a:hover{text-decoration:none;}
#pnlProductThumbs .imageGallery img{background-color: transparent;padding: 0px;vertical-align: middle;z-index: 990;}
#pnlProductThumbs .imageGallery img{border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 0px;}
#pnlProductThumbs .imageGallery .imageText{height:60px;width:223px;padding-top:10px;overflow:visible;float: left;font-size:16px;color:#004A7F;background: rgba(212, 161, 144, 0.1);}

#pnlProductThumbs .textFrame{color:#fff;position:absolute;bottom:0;right:0;border:none;width:80px;float:right;}
#pnlProductThumbs .textFrame{font-size:14px;padding-bottom:70px;float:right;display:none;}
#pnlProductThumbs .frameBedragHolder{width:80px;height:50px;display:inline-block;float:right;padding:0;background: transparent url(../Images/bg/sticker.png) 0 0;}
#pnlProductThumbs .frameBedragVanaf{padding-right:2px;padding-top:14px;text-align:right;}
#pnlProductThumbs .frameBedrag{padding-right:2px;text-align:right;}
#pnlProductThumbs .frameDuur{padding-right:2px;text-align:right;}

#pnlProductThumbs .imageGallery .fillBg {
position:relative; top:0; left:0;width:100%; height:200px;
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-attachment:scroll;
-webkit-background-size: contain; 
-moz-background-size: contain;   
-o-background-size: contain;  
background-size: contain;
}

#pnlProductThumbs .imageGallery .fillBg {text-align: center;vertical-align: top;}
#pnlProductThumbs .imageGallery .fillBg img{}
#pnlProductThumbs .imageGallery a .preview{display: none;}
/*#pnlProductThumbs .imageGallery a:hover .preview{display: block; position: absolute;top: 0px;left: 0px;z-index: 999;}*/
/*end large thumbs*/

.tooltipShop {color:#004A7F;text-align:left;z-index:999;padding-left:2px;}
.tooltipShop i {display:none;}
.tooltipShop:hover {border:0; position:relative; z-index:500; text-decoration:none;cursor:default;}
.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; }

.pictureFrameWhite{height:260px;width:220px;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:220px; position:relative; top:0px; left:0px;}

.imageFrameProduct{height:260px;width:220px;}
.imageFrameProduct {
position:relative; top:0; left:0;width:100%; height:100%;
background-color:#ffffff;
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;
}
.imageFrameProduct .imageFrameCatTopper{z-index:999;top:0;left:0;display: inline-block;position:absolute;overflow:hidden;}
.imageFrameProduct .imageFrameCatTopperSpan{z-index:999;top:46px;left:0;display: inline-block;position:absolute;overflow:hidden;color:#fff;}
.imageFrameProduct .imageFrameCatTopperSpan{-webkit-transform: rotate(-33deg);-moz-transform: rotate(-33deg);-ms-transform: rotate(-33deg);-o-transform: rotate(-33deg);transform: rotate(-33deg);}

.imageFrameFrame{height:260px;width:220px;}
.textFrame{color:#fff;font-weight:bold;white-space:normal;position:absolute;top:220px;height:40px;border:none;width:220px;text-align:left;clear:both;background: rgba(0, 126, 169, 0.8);}
.textFrame{font-size:16px;padding-top:4px;padding-left:8px;}

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

/*
PUBLICATIE*/
#publCMSPanels{ float:left;max-width:720px;background-color:#fff;}
.pictPresentationCellL{width:33%;background-color:#fff;vertical-align:top;}
.pictPresentationCellL a{display:inline-block;float:left;}
.pictPresentationCellR{width:33%;background-color:#fff;vertical-align:top;}
.pictPresentationCellC{width:33%;background-color:#fff;vertical-align:top;}

.pictAgendaCellL{width:33%;background-color:#fff;float:left;}
.pictAgendaCellR{width:33%;background-color:#fff;}
.pictAgendaCellC{width:33%;background-color:#fff;}

#divPublicPublicatie {background-color: rgba(255, 255, 255, 0.4);padding-left:10px;padding-right:6px;}
#pnlProductButtons01 input{vertical-align:middle;}
/*start publicatie presentationitems*/
.publArticleTable{width:100%; float:left;}
.publArticleHeader{width:100%; vertical-align:middle;position:relative;background-color:#000;}
.publArticleHeader a{color:#fff;}
.publArticleHeaderProduct{font-family:Arial, "Muli", Verdana, Helvetica;font-size:1.8em;background-color:#21007F;color:white;padding-left:5px;height:28px;}
.publArticleDetailOrder{font-family:Arial, "Muli", Verdana, Helvetica;font-size:14px;background-color:#21007F;white-space:nowrap;padding-bottom:0px;padding-right:0px;text-align:right;height:28px;}
.publArticleDetailIcon{width:50px;text-align:right;}

.spacePublPageBlocks{padding:20px 0px 0px 0px;}

.dividerPubl{ display:block;clear:both;overflow:hidden;}
.pictPublFrameClicker {display:block; width:200px; height:140px; position:relative; top:0px; left:0px;}
.colPublLeft{float:left;padding:0px 20px 0px  0px;}

.pictPublFrameWhite{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictPublFrameBlue{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictPublFrameRed{height:200px;width:200px;overflow:hidden;background:transparent;}
.pictPublFrameEmpty{height:200px;width:200px;overflow:hidden;background:transparent;}

.imageFramePubl{height:200px;width:200px;}
.imageFramePubl {
position:relative; top:0; left:0;width:100%; height:100%;
background-color:#ffffff;
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;
}
.imageFramePubl .imageFrameCatTopper{z-index:999;top:0;left:0;display: inline-block;position:absolute;overflow:hidden;}
.imageFramePubl .imageFrameCatTopperSpan{z-index:999;top:46px;left:0;display: inline-block;position:absolute;overflow:hidden;color:#fff;}
.imageFramePubl .imageFrameCatTopperSpan{-webkit-transform: rotate(-33deg);-moz-transform: rotate(-33deg);-ms-transform: rotate(-33deg);-o-transform: rotate(-33deg);transform: rotate(-33deg);}

.imagePublFrame{height:200px;width:200px;}
.textFramePubl{color:#fff;position:relative;margin:20px 0 0 14px;text-align:left;font-size: 1.0em !important;}
.roundedPublWhite{}
.roundedPublBlue{}
.roundedPublEmpty{}
.publLabel{white-space:normal;}
.publLabelRed{color:Red;font-size:1.0em;}

/*begin large thumbs*/
#pnlPublThumbs{display:block;float:left;}

.imagePublGallery {background-color:transparent;}
.imagePublGallery .imageFrame{height:200px;width:203px;overflow:visible;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;display: inline;margin:9px 18px 9px 0px;padding: 1px;position: relative;}
.imagePublGallery .imageHolder{height:170px;width:200px;overflow:hidden;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;position: relative;}
.imagePublGallery img{background-color: transparent;padding: 0px;vertical-align: middle;z-index: 990;}
.imagePublGallery img{border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 0px;}
.imagePublGallery .imageText{height:28px;width:200px;overflow:visible;float: left;font-size:10px;background: #fff;}

.imagePublGallery .fillBg {
position:relative; top:0; left:0;width:100%; height:170px;
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;
}

.imagePublGallery .fillBg {text-align: center;vertical-align: top;}
.imagePublGallery .fillBg img{}
.imagePublGallery a .preview{display: none;}
.imagePublGallery a:hover .preview{display: block; position: absolute;top: 0px;left: 0px;z-index: 999;}
/*end large thumbs*/

/*begin small thumbs*/
/*.imagePublGallery {cursor: default;list-style: none;}
.imagePublGallery .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;}
.imagePublGallery .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;}
.imagePublGallery img{background-color: transparent;color: inherit;padding: 0px;vertical-align: middle;z-index: 990;}
.imagePublGallery img{border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 0px;}
.imagePublGallery .imageText{height:26px;width:151px;overflow:visible;float: left;font-size:10px;background: #fff;}

.imagePublGallery .fillBg {height: 120px;width: 150px;display: table-cell;text-align: center;vertical-align: top;}
.imagePublGallery .fillBg img{}
.imagePublGallery a .preview{display: none;}
.imagePublGallery a:hover .preview{display: block; position: absolute;top: 0px;left: 0px;z-index: 999;}
.imagePublGallery a:hover .fillBg img{display: none;}*/
/*end small thumbs*/

/*eind publicaties*/

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

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

/*
SHOP GALLERY
*/
.refShopPicLeft{display:block;float:left;max-width:200px;}
.refShopPicRight{display:block;float:right;max-width:200px;}
.refShopContent{display:block;float:left;max-width:480px;padding-left:10px;}
.refShopContentBig{display:block;float:left;max-width:680px;padding-left:10px;}
.refShopContentTable{}
.refShopContentTable td{vertical-align:top;}
.refShopInfo{font-family:"Muli",Verdana;}

.pnlProductFotoos .imageGallery {background-color:transparent;}
.pnlProductFotoos .imageGallery {cursor: default;list-style: none;}
.pnlProductFotoos .imageGallery .imageHolder{height:100px;overflow:hidden;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;position: relative;margin: 3px;text-align:center;}

/*
REF GALLERY
*/
.refGalleryPicLeft{display:block;float:left;max-width:200px;}
.refGalleryPicCenter{display:block;float:left;max-width:200px;padding-right:10px;}
.refGalleryPicRight{display:block;float:right;max-width:200px;}
    @media screen and (max-width: 600px) {.refGalleryPicRight {float:left;}}
.refGalleryContent{display:block;float:left;max-width:480px;padding-left:10px;}
.refGalleryContentBig{display:block;float:left;max-width:680px;padding-left:10px;}

.refGalleryContentTable{width:100%;}
.refGalleryContentTable td{vertical-align:top;}
.refGalleryContentCell{max-width:690px;padding-left:5px;}

.refGalleryContentCell250{display:block;float:left;width:100%;max-width:220px;padding-right:10px;}
.refGalleryContentCell250{padding-left:5px;}
.refGalleryContentCell250 img{margin-left:-5px;}

.refGalleryContentCell250R {padding-left:5px;}
.refGalleryContentCell250R img{margin-left:-5px;}

.refGalleryContentCell500L{display:block;float:left;width:100%;max-width:460px;padding-left:5px;}
.refGalleryContentCell500L img{float:left;padding-right:10px;}
.refGalleryContentCell500L img{margin-left:-5px;}

.refGalleryContentCell500RL{display:block;float:left;width:100%;max-width:460px;padding-left:5px;}
.refGalleryContentCell500RL img{float:right;padding-left:10px;padding-right:0px;}
    @media screen and (max-width: 500px) {.refGalleryContentCell500RL img {float:left;margin-left:-5px;padding-left:0px;padding-right:10px;}}

.refGalleryContentCell500RR{display:block;float:left;width:100%;max-width:440px;padding-right:10px;padding-left:5px;}
.refGalleryContentCell500RR img{float:left;padding-right:10px;}
.refGalleryContentCell500RR img{margin-left:-5px;}

.refGalleryContentCell750L{display:block;float:left;width:100%;max-width:695px;padding-left:5px;}
.refGalleryContentCell750L img{float:left;margin-left:-5px;padding-right:10px;}

.refGalleryContentCell750R{display:block;float:left;width:100%;max-width:700px;padding-left:5px;}
.refGalleryContentCell750R img{float:right;margin-right:5px;}
    @media screen and (max-width: 400px) {.refGalleryContentCell750R img {float:left;margin-left:-5px;}}

.refProductPanels{width:100%;padding:0;}
.refArticleInfo{font-family:Verdana;}

.refArticleHeaderRow{background:transparent url(../MyDocs/SysPics/CMS_shopCategorieArticle.png)}
.refArticleHeaderRow a{color:#1E2843;}
.refArticleHeaderProductCell{padding-left:5px;}
.refArticleHeaderProductCell a{color:#1E2843;}
.refArticleProductInfo{background-color:#fff;}
.refArticleProductInfo td{height:auto;}
.refArticleExtraInfo{background-color:#fff;padding-left:5px;padding-right:5px;}

.refArticleTellFriendsRow{background-color:#ddd;height:14px;}
.refArticleTellFriendsCell{font-size:11px;text-align:right;padding-right:5px;vertical-align:middle;height:14px;}

.refEmptyRow{background-color:transparent;font-size:6px;height:10px;}
.refEmptyRow td{font-size:6px;height:5px;}
.refEmptyRowColored{background-color:#fff;font-size:6px;height:10px;border-bottom:1px solid #21007F;}
.refEmptyRowColored td{font-size:6px;height:5px;}

/*.refProductFotoHolder{background-image: url(../MyShopPictures/PFT_11_800px-Keukenhof_tulips.JPG);}*/
.refProductFotoHolder {
position:relative; top:0; left:0;width:100%; height:350px;
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;
}
@media screen and (max-width: 740px) {
    .refProductFotoHolder{height:150px}
}
@media screen and (max-width: 440px) {
    .refProductFotoHolder{display:none;}
}

.refProductFotoos{background-color:#fff;padding-left:0px;text-align:center;} 
.refProductFotoos .imageGallery {background-color:transparent;}
.refProductFotoos .imageGallery {cursor: default;list-style: none;}
.refProductFotoos .imageGallery .imageHolder{height:100px;overflow:hidden;float: left;background: #fff;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;position: relative;margin: 3px;text-align:center;}

.spaceProductFotoos { background-color:#ddd;display:block; clear:both; height:10px; width:100%;}

.refPhotoTable{width:100%;}
.refPhotoRow{}
.refPhotoRowCell{}

.mediaStretched td{padding-right:4px;height:16px;}

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

/*
PAGE GALLERY
*/
.pageGalleryHeader{background-color:#AAC3E2}
.pageGallerySearchRow{height:100%;background:#DDDDDD url(../Images/bg/searchRow.png) repeat;}
.pageGalleryTextIndex{color:#1E2843;width:150px;height:300px;float:left;margin:0 0 10px 4px;overflow: auto;overflow-x: hidden;}
.pageGalleryText{color:#1E2843;max-width:780px;margin:0px auto;display:table;padding-left:5px;}

/*
SELECTPERIOD
*/
#pnlBlogItems{padding:0 0 0 0px;max-width:1024px;}
#pnlSelectPeriod {}
#pnlSelectPeriod select{font-size:1.4em;height:24px;}
#pnlSelectPeriod select option{padding:0;}
#pnlSelectPeriod select{font-family:"Muli";font-size:1.4em;color:#555;background:#F5F5F5;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);box-shadow:0px 1px 1px rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7);}
#pnlSelectPeriod select{height:27px;border:1px solid #969696;padding-left:4px;margin:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
#pnlSelectPeriod select:disabled  {color:#A2A2A2;border-color:#ccc;background:#F0F0F0;}
#pnlSelectPeriod select:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}

#rbPeriod td{vertical-align:middle;}
#rbPeriod td input {vertical-align:middle;}
#rbPeriod td label {vertical-align:middle;}

#divSelectPeriod input{font-size:1.4em;border:none;width:24px;height:24px;}
#divSelectPeriod label{font-size:1.4em;border:none;}
#divSelectPeriod a{font-size:1.4em;border:none;}
#divSelectPeriod{float: left; display: block;padding:10px 0 0 5px;}

#divUseKeywords{display:block;float: right;}
.divSearchText{display:block;float:left;padding-right:30px;}
.divAddButton{display:block;float:left;text-align:center;background-color:#C0C0C0;color:#fff;font-weight:bold;}
#divSetDate{float: left; display: block;padding:0px 0px 0 5px;}
#divSetDate{font-size:1.4em;border:none;}

#txtSelectDate {font-family:"Muli",Arial;font-size:1.6em;color:#555;background:#F5F5F5;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);box-shadow:0px 1px 1px rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7);}
#txtSelectDate {border:1px solid #969696;padding-left:4px;margin:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
#txtSelectDate:disabled  {color:#A2A2A2;border-color:#ccc;background:#F0F0F0;}
#txtSelectDate:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}

.txtPublicNormal {font-family:"Muli",Arial;font-size:12px;color:#555;background:#F5F5F5;margin:0;padding:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);box-shadow:0px 1px 1px rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7);}
.txtPublicNormal {border:1px solid #969696;padding-left:4px;margin:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.txtPublicNormal:disabled  {color:#A2A2A2;border-color:#ccc;background:#F0F0F0;}
.txtPublicNormal:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}

.ddlNormal {}
.ddlNormal {font-size:12px;}
.ddlNormal option{padding:0;}
.ddlNormal {font-family:Arial;font-size:12px;color:#555;background:#F5F5F5;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*.ddlNormal {text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);*/
.ddlNormal {box-shadow:0px 1px 1px rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7);}
.ddlNormal {border:1px solid #969696;padding-left:4px;margin:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.ddlNormal:disabled  {color:#A2A2A2;border-color:#ccc;background:#F0F0F0;}
.ddlNormal:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}

.ddlLarge {font-family: Arial;font-weight:normal;}
.ddlLarge {height:30px;font-size:16px;color:#1e2843;}
.ddlLarge option{padding:0;}
.ddlLarge {background:#F5F5F5;margin:0;padding-left:4px;}
.ddlLarge {border:1px solid #969696;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.ddlLarge {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
           /*text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);*/
           /*box-shadow:2px 2px 2px rgba(136,136,136,0.7);-webkit-box-shadow:2px 2px 2px rgba(136,136,136,0.7);-moz-box-shadow:2px 2px 2px rgba(136,136,136,0.7);*/
.ddlLarge:disabled  {color:#A2A2A2;border-color:#ccc;background:#F0F0F0;}
.ddlLarge:focus {background:#fff;outline:0;border:1px solid #A2A2A2;box-shadow:none;}
.ddlLarge img{display:none;}

.largeTextbox input {font-size:14px;color:#555;background:#F5F5F5;margin:0;padding:0;
                     box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
                     text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);
                     box-shadow:0px 1px 1px rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7);}
.largeTextbox input {width:100%;border:1px solid #969696;padding-left:0px;margin:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.largeTextbox input:disabled  {color:#A2A2A2;border-color:#ff0000;background:#F0F0F0;opacity:0.4;}
.largeTextbox input:focus {background:#fff;outline:0;border:1px solid #0193CF;box-shadow:none;}


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

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

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

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

.tboxIntro
{
    float:left;
    background-color: rgba(255, 255, 255, 0.9) ;
    border: 2px solid #fff;
    /*border-radius: 4px 4px 4px 4px;*/
    /*box-shadow: 2px 2px 8px #888;*/
    color: #1E2843;
    margin:4px 20px 4px 0px;
    padding:4px 10px 10px 10px;
    max-width:300px;
    min-height:10px;
    line-height:18px;
}
.tboxIntro p{line-height:20px;}

            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
            {
                background: url(/images/jssor/b21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

            .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(/images/jssor/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }

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

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

.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;}
.tboxSignup 
{
    float:left;
    background-color: rgba(255, 255, 255, 0.9) ;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 6px 6px 5px #888888;
    color: #1E2843;
    margin: 0 auto;
    padding: 8px 0px 8px 8px;
    width:100%;
    max-width:800px;
}

.tboxHomeSmall 
{
    background-color: transparent;
    margin:0;
    padding-left:0px;
    max-width:705px;
}

.tboxIntroBlockSmallL
{
    display:block;
    float:left;
    text-align:justify;
    background-color: rgba(255, 255, 255, 0.9) ;
    border: 2px solid #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 8px #888;
    margin:0px 15px 10px 0px;
    padding-left:5px;
    padding-right:10px;
    width:100%;
    max-width:300px;
    font-size:13px;
}

.tboxIntroBlockSmallR
{
    display:block;
    float:right;
    text-align:left;
    background-color: rgba(255, 255, 255, 0.9) ;
    /*background:rgba(255,255,255,0.2) url(../MyDocs/SysPics/sneeuwbergBg04.jpg);*/
    border: 2px solid #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 8px #888;
    margin:0px 0px 10px 0px;
    padding-left:5px;
    padding-right:10px;
    width:100%;
    max-width:300px;
    font-size:13px;
}
@media screen and (max-width: 330px) {
    .tboxIntroBlockSmallR {float:left;}
}

.tboxMenuBlockSmall
{
    display:block;
    float:right;
    margin-right:30px;
    padding:4px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 8px #888;
    width:100%;
    max-width:310px;
    font-size:14px;
}

.tboxAboutLeft 
{
    float:left;
    display:block;
    background-color: #fff;
    border: 0px solid #e4e4e4;
    border-radius: 4px 4px 4px 4px;
    margin:0;
    padding-left:10px;
    padding-right:10px;
    max-width:640px;
}

.tboxAboutRight 
{
    float:right;
    display:block;
    margin:0;
    padding:0;
    max-width:320px;
    text-align:right;
}
@media screen and (max-width: 900px) {
    .tboxAboutRight {float:left}
}

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

.divAnnounceBlock:hover .roundsubtop{ background:#ff0000;}

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

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

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

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

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

#pnlLocatie {padding-left:20px;}

.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:0;
}
.tboxSelectPeriod div{padding-left:5px;}

.tboxSignup 
{
    float:left;
    background-color: rgba(255, 255, 255, 0.9) ;
    border: 0px solid #AAC3E2;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 6px 6px 5px #888888;
    color: #1E2843;
    margin: 0 auto;
    padding: 8px 0px 8px 8px;
    width:100%;
    max-width:800px;
}

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

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

.tboxShopProductChoice 
{
    float:left;
    background: transparent url(../MyDocs/SysPics/tboxaBg.png);
    border: 0px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: #1e2843;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}

.tboxShopBookDetails {
    float: left;
    display: block;
    background: transparent url(../MyDocs/SysPics/tboxaBg.png);
    border: 0px solid #AAC3E2;
    /*border-radius: 4px 4px 4px 4px;*/
    color: #1E2843;
    margin-bottom: 0px;
    padding: 10px 5px 0px 0px;
    max-width: 700px;
}
#lblExtraArtikelPrijsInfo{display: block;width:250px;}

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

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

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

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

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

.tboxa 
{
    background: transparent url(../MyDocs/SysPics/tboxaBg.png);
    /*background-color: #f2f2f2;*/
    border: 1px solid #808080;
    border-radius: 8px 8px 8px 8px;
    color: #1E2843;
    margin-bottom: 5px;
    padding: 8px 0px 8px 8px;
    width: 440px;
}

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

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

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

.scroll {width: 410px;overflow: auto;padding-bottom: 20px;margin-bottom:10px;overflow-y: hidden;}
.scroll table{margin:0 auto;}

.scrollRefs {width: 410px;overflow: auto;padding-bottom: 20px;margin-bottom:10px;overflow-y: hidden;}
.scrollRefs table{margin:0 auto;}

.scrollBoxRefs { margin-left: 5px;margin-right: -5px;overflow-x: hidden;overflow-y: auto; width: 410px; max-height:240px;}
.scrollBoxFl { padding:0px 0px 0px 0px; margin-left: 5px;margin-right: -5px; overflow-x: hidden;overflow-y: auto; width: 100%; max-height:220px;}

/* MENU*/
.h1HeaderTitle{display:none;margin-right:60px;}
.h1HeaderTitle2{display:inline-block;margin:0 auto;padding-left:20px;}
@media screen and (max-width: 1180px) {
    .h1HeaderTitle{display:block;}
    .h1HeaderTitle2{display:none;}
}

#topMenu{float: left; display: block; }
.menuTable {display:block;}
.menuTableButtons {display:block;}
.menuBarSelect {display:none;}

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

.menuTable h3{color:#808080;}

.menuTableHolder {width:100%;text-align: center;}
.menuTable{
    height:40px;
    line-height: 40px;
    padding-top:0px;
    margin: 0px auto; 
    text-align: center; 
    width:100%;
    max-width: 1200px;
    background-color: #fff;
    border: none;
}
/*.menuTable a {color: #0026BA;text-decoration: none;}    blue*/
.menuTable a {color: #007EA9;text-decoration: none;}
.menuTable a:hover {text-decoration: none;}
.menuTableButtons{text-align: center; display: inline-block;}

.menuTable ul {
  list-style:none;
  padding-left:0;
  margin: 0;
}

.menuTable ul li {
    width:180px;
    height:40px;
    font-size: 16px;
    line-height: 40px;
    /*color: #0026BA;*/
    color: #007EA9;
    display: table-cell;
    float:left;
    vertical-align:middle;
    position: relative;
    border-right:1px solid #888;
    background-color:#fff;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menuTable ul li h2 {font-size:16px;}
.menuTable ul li h2 div{
    height: 20px;
}

.menuTable ul li h2 {font-family: 'Arial';font-size:20px;line-height:40px;position: relative;top: 0; left: 0;}
.menuTable ul li h3 {font-family: 'Arial';font-size:18px;}

.menuTable #start{
    border-left:1px solid #888;
    border-right:1px solid #888;
}

.menuTable ul li:hover {
    /*color: #fff;
    background-color:#707070;*/ 
    background-color:#EDEDED;
}
.menuTable ul li:hover a{
    /*color: #fff;*/
    text-decoration: none;}

.menuTable ul li ul {
  margin-left:-1px;
  background-color:#707070;
  background-color:#fff;
  padding: 10px 0 0 0;
  position: absolute;
  top: 40px;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.menuTable ul li ul li { 
  background-color:#707070;
  background-color:#fff;
    color:#007EA9;
    border:none;
    height:30px;
    line-height: 30px;
    width: 250px;
    text-align: left;
    padding-left:10px;
    display: block; 
    /*text-shadow: 0 -1px 0 #000;*/
}

.menuTable ul li ul li:hover { background-color:#ddd;color: #007EA9;}
.menuTable ul li ul li:hover a{ color: #007EA9;}
.menuTable ul li:hover ul {
  z-index:999;
  display: block;
  opacity: 1;
  visibility: visible;
}

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

.brand {
  position: absolute;
  padding-left: 0px;
  float: left;
  line-height: 60px;
  font-size: 18px;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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


/* ------------------------ */
/*   TABS HOOYBERG          */
/* ------------------------ */
#tabs {border: 0px solid #aaa;}
.divTabs .tab-content {border-top:1px solid rgba(216, 216, 216, 1);margin-top:-1px;}
.divTabs .tab-content {background-color: #fff;}
/*.divTabs .tab-content  {-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;-moz-border-radius-topright:12px;}
.divTabs input[type="text"] {padding-left:10px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.divTabs select{border:1px solid #BFBDBD;padding-left:10px;margin:0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}*/

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

.divTabs .ui-widget{font-family:Arial;font-weight:normal;font-size: 13px;}
.divTabs .ui-widget{line-height: normal;border: 1px solid #aaa;}
.divTabs .ui-widget-content{color:#404040;background: #fff;border: 0px solid #aaa;}

.divTabs .ui-widget-header {background: none repeat scroll 0 0 rgba(255, 255, 255, 1);border-bottom: 1px solid #ccc;}
.divTabs .ui-widget-header {background-color: rgba(222, 234, 244, 1);height:46px;}

.divTabs .ui-widget-content{background-color: transparent;}
.divTabs .ui-widget-header {background-color: transparent;}

.divTabs .ui-widget button, .ui-widget select, .ui-widget textarea {font-family:Arial;font-weight:normal;font-size: 13px;}
.divTabs .ui-widget .ddlLarge {font-family:'omnes-regular', sans-serif, Arial;font-weight:bold;font-size: 12px;color:#888;}
.divTabs .ui-widget .ddlLarge:hover {color:#1c2527;}

.divTabs .ui-tabs { position: relative; padding:0; zoom: 1; } 
.divTabs .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.divTabs .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 4px; margin: 4px 8px 4px 0px; padding: 0;}
.divTabs .ui-tabs .ui-tabs-nav li {background-color: #fff;}

.divTabs .ui-tabs .ui-tabs-nav li a { float: left; padding: 6px 14px 6px 14px; text-decoration: none; font-family:'omnes-regular', sans-serif, Arial;font-weight:bold;color:#c0c0c0;font-size:20px;}

.divTabs .ui-tabs .ui-tabs-nav li a  {background-color: transparent;}
.divTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 4px 8px 4px 0px; padding: 0; }
.divTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;font-weight:bold;color:#682F3F; }
.divTabs .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.divTabs .ui-tabs .ui-tabs-nav li a:hover {font-weight:bold;color:#682F3F;} 
.divTabs .ui-tabs .ui-tabs-panel { display: block; padding:20px 10px 0px 10px; background: none; }
.divTabs .ui-tabs .ui-tabs-hide { display: none !important; }

@media screen and (max-width: 680px) {
    .divTabs .ui-tabs .ui-tabs-nav li a {font-size:16px;padding: 4px 4px 2px 4px;top: 0px;margin: 4px 2px 0px 0px; }
    .divTabs .tab-content {margin-top:-3px;}
    .divTabs .ui-widget-header {height:36px;}
}
@media screen and (max-width: 400px) {
    .divTabs .ui-tabs .ui-tabs-nav li a {font-size:14px;padding: 4px 4px 2px 4px;top: 0px;margin: 4px 2px 0px 0px; }
    .divTabs .tab-content {margin-top:-3px;}
    .divTabs .ui-widget-header {height:36px;}
}

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

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

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

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

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

/* ------------------------ */
/*   END TABS HOOYBERG      */
/* ------------------------ */

/*----- Accordion -----*/
.accordion, .accordion * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.accordion {overflow:hidden;border-radius:3px;background:#fff;} /*box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/
/*----- Section Titles -----*/
.accordion-section-title {width:100%;padding:2px;line-height:30px;display:inline-block;border-bottom:1px solid #21007f;background:#fff;transition:all linear 0.15s;font-size:14px;}
.accordion-section-title {padding-left:40px;background:#fff url(../MyDocs/SysPics/knopPlus.png) left center no-repeat;}
.accordion-section-title.active, .accordion-section-title:hover {text-decoration:none;}
.accordion-section-title.active {padding-left:40px;background:#F7F7F7 url(../MyDocs/SysPics/knopMin.png) left center no-repeat;}
.accordion-section-title:hover {padding-left:40px;background:#F5F5F5 url(../MyDocs/SysPics/knopMin.png) left center no-repeat;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
/*----- Section Content -----*/
.accordion-section-content {padding:15px;display:none;}