@font-face {
    font-family: 'american_captainregular';
    src: url('../../Fonts/american_captain-webfont.eot');
    src: url('../../Fonts/american_captain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/american_captain-webfont.woff') format('woff'),
         url('../../Fonts/american_captain-webfont.ttf') format('truetype'),
         url('../../Fonts/american_captain-webfont.svg#american_captainregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
html, button, input, select, textarea {font-family: sans-serif;}
#Body{height:100%;font-family: "open-sans";color:#292929; font-weight: 300;}
#Form{height:100%;}
a{outline:0;border:0;}
a:link, a:visited, a:active{color: #292929; text-decoration:underline;text-underline-offset: 4px;}
a:hover{color: #c20012;}
.btn.btn-outline-dark:hover{background-color: transparent}
p{margin:0;padding:0 0 1em 0;}
ul, ol{margin:0 0 1em 0;}
#meester{width:100%;position:relative;z-index:1;min-height:100%;background-color: #fff;min-width:240px !important;}
#Background{background:#fff url('../../Images/Body-BG.jpg') repeat-x 0 bottom;position:absolute;bottom:0;width:100%;height:240px;z-index:-1;}

h1,.h1{font-family:american_captainregular;font-size:49px; color:#c20012; margin-bottom:15px; font-weight: 500;}
h2,.h2{font-family:american_captainregular;font-size:2.25rem; margin-bottom:10px; font-weight: 500;}
h3,.h3{font-family:american_captainregular;font-size:1.8125rem;font-weight:bold;}

#Header{width:100%;position:relative; z-index:10;background-color: #fff;}
#Header #HeaderRood{width:100%;height:157px;margin:auto;background:url(../../images/hout-boven.jpg) repeat-x center bottom;}
#Header #HeaderRood #HeaderNav{max-width:1400px;position: relative;margin: auto;}
#Header #HeaderRood #HeaderNav a{color:#fff; text-decoration:none; padding:0px 10px 10px 10px; line-height:22px; float:right;}
#LogoHeader{display:none; visibility:hidden;}
#LogoHeaderLink span{display:none; visibility:hidden;}
#Header #HeaderWit{width:100%;/*height:41px;*/margin:auto;background-color: #fff;}
#Header #Nav{width:96%;max-width:1400px; position:relative; display:block;margin:auto;}

a.Home .MenuIcoon{font-size: 0; line-height: 0; width:217px; top:-126px;margin-left: -65px;position: absolute;transition: all 0.5s ease;}
@media only screen and (max-width: 1550px) {
a.Home .MenuIcoon{width:187px; top:-112px; margin-left: -15px;}
}
@media only screen and (max-width: 1180px) {
a.Home .MenuIcoon{width:167px; top:-96px; margin-left: -15px;}
}
a.Home span{ display:none; visibility:hidden;}

#Content{position:relative;clear: left; width:100%; background: url(../../Images/houtbeneden.jpg) repeat center bottom;z-index: 1; padding-bottom:120px;}
#BannerPaneHouderGrijs{position:relative;background-color:#282828; height:520px;}
#BannerPaneHouderMain{position:relative;width:100%;height:520px; max-width: 3400px;margin: auto;}
.standaard #BannerPaneHouderMain,
.admin #BannerPaneHouderMain,
.breed #BannerPaneHouderMain
{background: url(/Portals/2/Afbeeldingen/grijsgroen.jpg) no-repeat left top; background-size:cover;}

#BannerPaneHouder{width:100%;height:520px; overflow:hidden;}
#BannerPaneHouder.eventimg {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;filter: blur(4px);
  -webkit-filter: blur(4px);}
/*#Flesjes{ position: absolute; top: 35px; left: 70px; width: 35%; max-width: 464px;min-width:348px !important; height:100%;max-height: 755px; z-index: 9 !important;}*/
#Flesjes{ position: relative; float:left;width: 42%; max-width: 464px;min-width:348px !important; height:100%;max-height: 755px; z-index: 9 !important;margin-top:-475px; margin-right:-35px;}
/*.home #Flesjes{ position: absolute; top: 35px; left: 0px; width: 35%; max-width: 464px;min-width:348px !important; height:100%;max-height: 755px; z-index: 9 !important;margin-top:0;}*/
#Flesjes img{ max-width: 100%;min-height: 566px !important; min-width:348px !important; }
#Flesjes {background:url(/Portals/2/Skins/Bierbrouwerij/Images/fles-glas.png) no-repeat;background-size:100% auto;}
.L1_Vulcaan #Flesjes {background:url(/Portals/2/Skins/Bierbrouwerij/Images/fles-glas.png) no-repeat;background-size:100% auto;}
.L1_Vulcaan_Lentebock #Flesjes {background:url(/Portals/2/Skins/Bierbrouwerij/Images/fles_lente.png) no-repeat;background-size:100% auto;}
.L1_Vulcaan_Wit #Flesjes {background:url(/Portals/2/Skins/Bierbrouwerij/Images/fles_wit.png) no-repeat;background-size:100% auto;}
.L1_Vulcaan_Herfstbock #Flesjes {background:url(/Portals/2/Skins/Bierbrouwerij/Images/fles_herfst.png) no-repeat;background-size:100% auto;}
.L1_Vulcaan_Mammoet #Flesjes {background:url(/Portals/2/Skins/Bierbrouwerij/Images/fles_mammoet.png) no-repeat;background-size:100% auto;}
.L1_Vulcaan_Quadrant #Flesjes {background:url("/Portals/2/Skins/Bierbrouwerij/Images/fles-Quadrant.png") no-repeat;background-size:100% auto;}
.L1_Vulcaan_Hoogtij #Flesjes {background:url("/Portals/2/Skins/Bierbrouwerij/Images/fles-Hoogtij.png") no-repeat;background-size:100% auto;}
.L1_Vulcaan_1018 #Flesjes {background:url("/Portals/2/Skins/Bierbrouwerij/Images/fles-1018.png") no-repeat;background-size:100% auto;}



#dnn_BannerPane{clear: both; }

#ContentPaneHouder{width:96%;max-width:1400px;margin:auto;}
.home #ContentPaneHouder{width:100%;max-width:1400px;margin:auto;}
#ContentPaneHouderFloat{width: 58%; float:right; margin-bottom:20px; margin-right:0; min-height:200px;}
#dnn_ContentPane{min-height:200px;margin-right:0;}
.standaard #dnn_ContentPane,
.breed #dnn_ContentPane,
.admin #dnn_ContentPane{ margin-top:-475px;}

@media only screen and (max-width: 800px) {
    .standaard #dnn_ContentPane,
    .breed #dnn_ContentPane,
    .admin #dnn_ContentPane{ margin-top:-500px;}
}



.admin #ContentPaneHouderFloat,
.breed #ContentPaneHouderFloat{width: 100%;}

.clearboth{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

#Voeter{width:100%;position:relative;height:175px;background:#4e0104 url(../../Images/houtvoeter.jpg) repeat center bottom;}
#VoeterContent{width:96%;position:relative; max-width: 1400px;margin: auto; padding-top:25px;}
#VoeterPane{float:left;width:66%;font-size:14px;color:#ec6502;}
#VoeterPane a{color:#ec6502;text-decoration:none;}
#VoeterMenu ul li .Facebook{ background:url(../../Images/f_logo_15.png) no-repeat right; padding-right:20px;}
#CopyrightPane{float:right;width:34%;}

#VoeterContent{ font-size:14px;}
#VoeterContent a:hover{ text-decoration:underline;}
#VoeterMenu ul li{list-style:none; float:left;width:33%;padding-top:2px; padding-bottom:2px;}
#VoeterMenu ul li a{ color:#ec6502; text-decoration:none; }
#CopyrightPane .SkinObject,
#CopyrightPane a.Inloggen{color:#ec6502; text-decoration:none; font-weight:normal;font-size:14px;}
#CopyrightPane a.Inloggen:hover{ text-decoration:underline;}

/* Default Over-rides */

#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */

.DnnModule{margin:0 0 2em 0;z-index: 1;position: relative;/* padding-top:2em;*/}
.admin .DnnModule,
.breed .DnnModule,
.standaard .DnnModule{min-height:300px;}

.DnnModule.DnnModule-1204{min-height:100px;}
.DnnModule.DnnModule-6395{margin:2em 0 2em 0;}
.DnnModule.DnnModule-6395,
.standaard #dnn_ContentPane .DnnModule,
.breed #dnn_ContentPane .DnnModule,
.admin #dnn_ContentPane .DnnModule{ /*background: transparent url(../../Images/bg_content.png) repeat;*/background-color: rgba(255,255,255,0.95);/* padding: 10px 20px 20px 20px;*/}
/*.Id547 .breed #dnn_ContentPane .DnnModule { background-image: none!important; background-color: #fff; }*/

.DnnModule ul, ol{padding: 0 0 0 24px;}

.ModuleContent{}
/* Panes - In Layout Mode */

.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

/* Fonts */
.Normal,.Contactformulier,.display_archive{font-size:16px;line-height:24px;}
.SubHead{color:#333;}

/* Language Object */
.language-object { display:inline-block; margin-left: 5px; }

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

/*UMG Homepage*/
.home .ucBeheerPaneel { position:absolute; z-index:9999}
.home #dnn_ctr1227_UltraPhotoGallery_Header_Table1{ position:absolute; z-index:9999;margin-top:-30px !important;}
.standaard .ucBeheerPaneel { position:absolute; z-index:9999;margin-top:-100px;}
/*.UMGSection{ margin-top: 100px; position: absolute; left: -243px; }*/

.TB_Wrapper {/*display:inline-block;*/ width:100%; height:520px;background: #282828 url(/DesktopModules/UltraMediaGallery/Css/Translucent/preloader.gif) center center no-repeat;}
.TB_Wrapper .Slide {width:100%;height:520px;visibility:hidden;background: #EEEEEE url(/DesktopModules/UltraMediaGallery/Css/Translucent/preloader.gif) center center no-repeat;}
.TB_Wrapper .Slide img{ width:100%;}
.TB_Wrapper .icon {background-image: url(/DesktopModules/UltraMediaGallery/Css/Translucent/icons.png);}
.TB_Wrapper .timer_sprite {background-image: url(/DesktopModules/UltraMediaGallery/Css/Translucent/timer-sprite.png);}
.TB_Wrapper .Slide div {width:100% !important;height:470px !important;margin-right:0px !important;left:14% !important;padding-top:45px !important;right:0px !important;top:0px !important;}
.TB_Wrapper .Slide div,
.TB_Wrapper .Slide div h1{font-family:american_captainregular;color:#fff;text-shadow: 1px 1px 1px #333;font-size:56px; line-height:48px; font-weight: 500;}
.TB_Wrapper .Slide div p{font-family:"open-sans";color:#fff;text-shadow: none;font-size:32px; line-height:26px;}
.TB_Wrapper .Slide div .rood{color:#c20012;}
.TB_Wrapper .Slide div a.rood{text-decoration:underline;}
.TB_Wrapper .Slide div .groengrijs{color:#565d55;}
.TB_Wrapper .Slide div .grijs{color:#333333;}
.TB_Wrapper .Slide div .lichtgeel{color:#f8e6b1;}
.TB_Wrapper .Slide div .wit{color:#ffffff;}

.TB_Wrapper .Slide div .blok{ display:block;}
.TB_Wrapper .Slide div .twee{ display:block; margin-left:10%;}
.TB_Wrapper .Slide div .drie{ display:block; margin-left:20%;}

.TB_Wrapper .Slide div div{width:100% !important;}
.TB_Wrapper .Slide div canvas{width:100% !important;}
.TB_Wrapper a:link{color:#fff;text-decoration:none;}
.TB_Wrapper a:visited{color:#fff;}
.TB_Wrapper a:hover{color:#fff;text-decoration:underline;}
.TB_Wrapper a:active{color:#fff;}
.TB_Wrapper .noSelect {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}

.TB_Wrapper .slides {width:100%;height:520px;}
.TB_Wrapper .slides img{ width:100%;object-fit: cover;}
.TB_Wrapper .slides div {width:100% !important;height:470px !important;margin-right:0px !important;left:50% !important;padding-top:45px !important;right:0px !important;top:0px !important;}
.TB_Wrapper .slides div,
.TB_Wrapper .slides div h1{font-family:american_captainregular;color:#fff;text-shadow: 1px 1px 1px #333;font-size:56px; line-height:48px; font-weight: 500;}
.TB_Wrapper .slides div p{font-family:"open-sans";color:#fff;text-shadow: none;font-size:32px; line-height:26px;}
.TB_Wrapper .slides div .rood{color:#c20012;}
.TB_Wrapper .slides div a.rood{text-decoration:underline;}
.TB_Wrapper .slides div .groengrijs{color:#565d55;}
.TB_Wrapper .slides div .grijs{color:#333333;}
.TB_Wrapper .slides div .lichtgeel{color:#f8e6b1;}
.TB_Wrapper .slides div .wit{color:#ffffff;}
.TB_Wrapper .slides div .blok{ display:block;}
.TB_Wrapper .slides div .twee{ display:block; margin-left:10%;}
.TB_Wrapper .slides div .drie{ display:block; margin-left:20%;}
.TB_Wrapper .slides div div{width:100% !important;}
.TB_Wrapper .slides div a {transition: all 0.5s ease-in-out; }
.TB_Wrapper .slides div a:hover .lichtgeel,
.TB_Wrapper .slides div a:hover .rood,
.TB_Wrapper .slides div a:hover {text-decoration: none; color: #c20012!important;}

/*UMG Fotoboek*/
.pp_social .facebook{ width:100px !important;}
/* einde UMG*/

/*News Articles*/
/*.article .articleHeadline h1{margin-bottom:6px;color:#333;font-size:36px; text-decoration:none; line-height:32px;}
.article .articleHeadline h1 a{color:#333;font-size:36px; text-decoration:none; line-height:32px;}
.article .articleHeadline h1 a:hover{text-decoration: underline;}*/

.fb-like{width:120px; overflow-x:hidden; float:right; padding-top:10px !important;padding-bottom:20px !important;}
.articleEntry { display:block;} 
.articleEntry .articleImage{height:100px; width:100px; overflow:hidden !important; border:solid 1px #ccc;}
.articleEntry .articleImage img{margin-top:-30px;margin-left:-30px;}

.articleCategories{float:left;font-family:"open-sans";font-size:12px; font-variant:small-caps; font-weight: normal; padding-top:10px !important;padding-bottom:20px !important;}
.artikelOnder { clear:left;
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px;
} 
.artikellijst{font-size:16px; color:#fff;}
.artikellijst a{color:#fff;}
.artikellijst .artikelhouder{background-color:#565d55; float:left; width:47%; margin-right:3%;margin-bottom:4%;}
.artikellijst .artikelthumb{background: url(../../Images/bier_placeholder.jpg) no-repeat; background-size:cover; height:145px !important;overflow:hidden !important;}
.artikellijst .artikelthumb img{}
.NoImageThumbSpacer{ width:100%;height:100%;}
.artikellijst .artikeltitel{ padding:8px; height:35px;}

.artikellijst_agenda{font-size:16px;}
.artikellijst_agenda .artikelhouder{}
.artikellijst_agenda .artikeldatum{}
.artikellijst_agenda .artikeldatumdag{}
.artikellijst_agenda .artikeldatumtijd{}
.artikellijst_agenda .artikeltitel{}
.stuurdoor{margin-bottom:10px;}
/* einde News Articles*/

/*MailChimp*/
.ArchiveTitle{ visibility:hidden !important; display:none !important;}
table.ArchiveGrid{ width:100% !important;}
/*einde MailChimp*/

/*Formulieren*/
.severity {
    float: left;margin-right:0px;margin-top:15px;
	background: -moz-linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEDF8A', endColorstr='#EEB926');
    border: 1px solid #CC9D1A;
	color: #000;font-family:"open-sans";font-size:16px; font-variant:small-caps; font-weight: normal;line-height: 1;
    padding: 5px 20px;text-align: center;text-decoration: none !important;width: auto;
}
.severity:hover {
  background: #fee59e;
  background: -moz-linear-gradient(top, #fee59e 0%, #eec44e 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fee59e), to(#eec44e));
  border: 1px solid #cc9d1a;
  border-bottom: 1px solid #cc9d1a;
  color: #464444;
}


.Contactformulier {line-height:18px;width: 92%;}
.ContactformulierForm{ width:100%;}
.ContactformulierForm td{ padding-bottom:10px;}
.ContactformulierForm .NormalTextBox{font-family:"Courier New", Courier, monospace;width: 300px;height:20px;font-size: 1.0em;margin-top: 2px;margin-right: 40px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc; font-weight:normal;}
.ContactformulierForm .NormalTextBox:focus{background-color:#f2f2f2; border:solid 1px #666;}
.ContactformulierForm .NormalTextBoxBig{font-family:"Courier New", Courier, monospace;width: 300px;height:90px;font-size: 1.0em;margin-top: 2px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc;}
.ContactformulierForm .NormalTextBoxBig:focus{background-color:#f2f2f2; border:solid 1px #666;}
.ContactformulierForm .NormalTextBoxSelect{width:312px;height:35px;font-size: 1.2em; margin-top: 2px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc;}
.ContactformulierForm .NormalTextBoxSelect option{width:290px;line-height:18px;}
.ContactformulierForm .SubHead{ font-size:14px;}



.ContactformulierForm .severity {
    float: right;margin-right:62px;margin-top:15px;
	background: -moz-linear-gradient(center top , #FEDF8A 0%, #EEB926 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEDF8A', endColorstr='#EEB926');
    border: 1px solid #CC9D1A;
	color: #000;font-family:"open-sans";font-size:16px; font-variant:small-caps; font-weight: normal;line-height: 1;
    padding: 5px 20px;text-align: center;text-decoration: none;width: auto;
}
.ContactformulierForm .severity:hover {
  background: #fee59e;
  background: -moz-linear-gradient(top, #fee59e 0%, #eec44e 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fee59e), to(#eec44e));
  border: 1px solid #cc9d1a;
  border-bottom: 1px solid #cc9d1a;
  color: #464444;
}

.ContactformulierForm div.Normal{margin:-5px;}
.ContactformulierForm div.NormalRed {
	margin:-5px;
	margin-bottom:5px;
	padding:5px;
	height:22px;
	font-size:13px;
	color:#8a0002;
	background: #fceeef;
	border:dashed 1px #8a0002;
}
.ContactformulierForm span.NormalRed {
	margin-left:-35px;

}
.ContactformulierForm.Normal.VerkoopIframe .NormalTextBox{width: 70%;margin-right:20px;}
.VerkoopIframe input.severity {float: none !important;margin-right:0px;}


/*Einde Formulieren*/


.wallpaper{ margin-bottom:10px; display:block; float:left; width:33%;}
.wallpaper img{width:98% !important; height:auto !important; float:none !important; display:block; }
.wallpaper .formaten{ display:block;}


@media only screen and (max-width: 1350px) {
#BannerPaneHouderMain{width:100% !important;}
#ContentPaneHouderFloat{min-height:150px;}
.admin #ContentPaneHouderFloat,
.breed #ContentPaneHouderFloat{width: 100%;}

}
@media only screen and (max-width: 1009px) {
#ContentPaneHouderFloat{min-height:50px;}
#Header #HeaderWit{min-width:240px !important;}
#Header #HeaderRood{margin-top:-30px;min-width:240px !important;}
#Header #HeaderRood #HeaderNav{margin-top:30px;}
#LogoHeader{display: block; position:absolute;height:195px; width:100%; visibility: visible; background:url(../../Images/logo_pagelayout_klein.png) no-repeat center 10px;min-width:240px !important;}
#LogoHeaderLink{display: block; height:150px; width:166px;margin:auto;}
#LogoHeaderLink span{display:none; visibility:hidden;}
#Header #Nav{min-width:240px !important;}
#Voeter{min-width:240px !important;}
#VoeterContent{min-width:240px !important;}
.TB_Wrapper .Slide div h1{font-size:44px; line-height:35px;}
.TB_Wrapper .Slide div p{font-size:22px; line-height:22px;}
.TB_Wrapper .slides div h1{font-size:44px; line-height:35px;}
.TB_Wrapper .slides div p{font-size:22px; line-height:22px;}
}
@media only screen and (max-width: 800px) {
#ContentPaneHouderFloat{width: 100%; float:right; margin-bottom:20px;}
#Flesjes{ display:none; visibility:hidden;}
.L0_Het_Bier #Flesjes{ display:block; visibility:visible; position: relative; float:left;width: 100%; text-align:center; max-width: 464px;min-width:300px !important; height:100%;max-height: 755px; z-index: 1 !important;margin-top:-475px; margin-right:-35px;}
.L0_Het_Bier #Flesjes img{min-width:300px !important; }

.L0_Het_Bier #dnn_ContentPane{ margin-top:-175px;}

.TB_Wrapper .Slide div {height:470px !important;left:4% !important;padding-top:25px !important;}
.TB_Wrapper .Slide div h1{font-size:44px; line-height:35px;}
.TB_Wrapper .Slide div p{font-size:22px; line-height:22px;}
.TB_Wrapper .slides div {height:470px !important;left:4% !important;padding-top:25px !important;}
.TB_Wrapper .slides div h1{font-size:44px; line-height:35px;}
.TB_Wrapper .slides div p{font-size:22px; line-height:22px;}
.artikellijst .artikelhouder{}
h1{font-size:34px;}
.ContactformulierForm .NormalTextBox{width: 95%;}
.ContactformulierForm.Normal.VerkoopIframe .NormalTextBox{width: 70%;}
.ContactformulierForm .NormalTextBoxBig{width: 95%;}
.ContactformulierForm .NormalTextBoxSelect{width: 95%;}
.ContactformulierForm .NormalTextBoxSelect option{width: 90%;}
#VoeterPane{float:left;width:60%;}
#CopyrightPane{float:right;width:40%;}
#VoeterMenu ul li{list-style:none; float:left;width:50%;}
}
@media only screen and (max-width: 480px) {
.wallpaper{ margin-bottom:10px; display:block; float:left; width:100%;}
.wallpaper img{width:98% !important; height:auto !important; float:none !important; display:block; }
.wallpaper .formaten{ border-bottom:dashed 1px #aaa; width:100%; padding-bottom:10px;}

#Header #HeaderRood #HeaderNav{}
.home #BannerPaneHouderGrijs{height:320px;}
.home #BannerPaneHouderMain{height:320px;}
.home #BannerPaneHouder{height:320px;}
.TB_Wrapper {height:320px;}
.TB_Wrapper .Slide {height:320px;}
.TB_Wrapper .Slide div {height:290px !important;left:1% !important;padding-top:15px !important;}
.TB_Wrapper .Slide div h1{font-size:32px; line-height:28px;}
.TB_Wrapper .Slide div p{font-size:16px; line-height:21px;}
.TB_Wrapper .slides {height:320px;}
.TB_Wrapper .slides div {height:290px !important;left:1% !important;padding-top:15px !important;}
.TB_Wrapper .slides div h1{font-size:32px; line-height:28px;}
.TB_Wrapper .slides div p{font-size:16px; line-height:21px;}
.standaard .DnnModule .Normal img{ width:100% !important; height:auto !important; float:none !important; display:block; margin-top:12px !important;margin-bottom:8px;}
.standaard .DnnModule .Normal img.ExternIcoon{ width:10px !important;height:10px !important; display:inline !important; margin:auto !important;}
.standaard .DnnModule .Normal .articleImage{ width:95% !important;height: auto !important; display:block !important; margin:auto !important;}
.standaard .DnnModule .Normal .articleImage img{margin:0 !important;}
.artikellijst .articleText{ float:left;}
.artikellijst .artikelhouder{width:90%;margin-left:1%;margin-right:1%;margin-bottom:4%;}
.articleCategories{width:100%; padding-top:0 !important;padding-bottom:0 !important;}
.fb-like{float:left;width:95%;}
#VoeterPane{float:left;width:100%;}
#CopyrightPane{float:left;width:100%; margin-top:10px;}
#VoeterMenu ul li{list-style:none; float:left;width:50%;}
#VoeterContent .clearboth{ clear:left;}
#VBB .boxname {width: 90% !important;}
#VBB .boxemail{width: 90% !important;}

}
@media only screen and (max-width: 380px) {

}



/*buttons*/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family:american_captainregular;
}
.btn:link {
  text-decoration: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff!important;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;

}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
/*.buttons*/

span.eventitem{visibility: hidden; display: none;}
span.publdatum{visibility: visible; display: block;}
.L0_Evenement span.eventitem{visibility: visible; display: block;}
.L0_Evenement span.publdatum{visibility: hidden; display: none;}


.LiveForm.Default ul.page-break-section{box-shadow:rgba(0, 0, 0, 0) 0px 0px 15px 1px!important; padding:0!important; background-color: transparent!important}
.LiveForm.Default ul.page-break-section li{padding:10px 0px 10px 0px!important;}

.programmaoverzicht .card-img-overlay {
  top: auto;
}
.imghouder {position: relative;}
.Geannuleerd {position: absolute;height: 50%; top:0; right:0;left:0;bottom: 0; background: url(/Portals/2/Skins/Bierbrouwerij/Images/geannuleerd-300x300.png) no-repeat top right;background-size: contain;}
.programmaoverzicht .Geannuleerd {height: 70%;}
.Uitverkocht {position: absolute;height: 50%; top:0; right:0;left:0;bottom: 0; background: url(/Portals/2/Skins/Bierbrouwerij/Images/uitverkocht-300x300.png) no-repeat top right;background-size: contain;}
.programmaoverzicht .Uitverkocht {height: 70%;}
a.kaartlink:hover .imghouder {
    background-color: #fff;
}
a.kaartlink:hover .imghouder img{
    opacity: 0.2;
}
a.kaartlink svg {
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}
a.kaartlink:focus .card-img-overlay,a.kaartlink:hover .card-img-overlay{
    color: #c20012!important;
}
a.kaartlink:focus svg,a.kaartlink:hover svg {
    -webkit-transform: translateX(22%);
    -ms-transform: translateX(22%);
    transform: translateX(22%);
    -webkit-transform: scaleX(1.3);
    -ms-transform: scaleX(1.3);
    transform: scaleX(1.3)
}