@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: Georgia, "Times New Roman", Times, serif;color:#292929;}
#Form{height:100%;}
a{outline:0;border:0;}
a:link, a:visited, a:active{color: #292929; text-decoration:underline;}
a:hover{color: #c20012;}

p, ul, ol{margin:0;padding: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{font-family:american_captainregular;font-size:49px; color:#c20012; margin-bottom:15px;}
h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:22px; font-variant:small-caps; font-weight:bold;}
h3{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;}

#Header{width:100%;position:relative; z-index:10;background-color: #fff;}
#Header #HeaderRood{width:100%;height:157px;margin:auto;background:#fff;}
/*#LogoHeader{display:none; visibility:hidden;}
#LogoHeaderLink span{display:none; visibility:hidden;}*/

#LogoHeader{display: block; position:absolute; height:195px; width:100%; visibility: visible; background:url(Images/logo_pagelayout_klein.png) no-repeat center top;min-width:240px !important; margin-top:8px;}
#LogoHeaderLink{display: block; height:150px; width:166px;margin:auto;}
#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:-160px;margin-left: -65px;position: absolute;}
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;background: url(/Portals/10/Afbeeldingen/graan.jpg) no-repeat left top; background-size:cover;}

#BannerPaneHouder{width:100%;height:520px; overflow:hidden;}
#dnn_BannerPane{clear: both; }

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

.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%; max-width: 1400px;margin: auto; padding-top:25px;}
#VoeterPane{float:left;width:66%;}
#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:50%;padding-top:2px; padding-bottom:2px;}
#VoeterMenu ul li a{ color:#fff; text-decoration:none;}
#CopyrightPane .SkinObject,
#CopyrightPane a.Inloggen{color:#fff; 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;min-height:500px;border: solid 1px #000; background: transparent url(Images/bg_content.png) repeat; box-shadow: 3px 3px 12px 3px #000; padding: 0px 20px 20px;}
.home .DnnModule{min-height:250px;}
.Splashpage .DnnModule{border: none; background: none; padding: 0;padding-top:2em; margin-left:2em}
.DnnModule ul, ol{ padding: 0 0 24px 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,.Normals,.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*/
.home .ucBeheerPaneel { position:absolute; z-index:9999}
.standaard .ucBeheerPaneel { position:absolute; z-index:9999;margin-top:-100px;}
.UMGSection{ margin-top:100px;position:absolute;}

.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:44px;}
.TB_Wrapper .Slide div p{font-family:Georgia, "Times New Roman", Times, serif;color:#fff;text-shadow: none;font-size:32px; line-height:26px;}
.TB_Wrapper .Slide div .rood{color:#c20012;}
.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 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;}
/* 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:Georgia, "Times New Roman", Times, serif;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%;box-shadow: 3px 3px 12px 3px #000;}
.artikellijst .artikelthumb{ background: url(Images/bier_placeholder.jpg) no-repeat; background-size:cover; height:145px; overflow:hidden !important;}
.artikellijst .artikelthumb img{ margin-top:-100px;}
.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*/
.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:Georgia, "Times New Roman", Times, serif;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;

}
/*Einde Formulieren*/


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

}
@media only screen and (max-width: 1009px) {
#Header #HeaderWit{/*margin-top:30px;*/min-width:240px !important;}
#Header #HeaderRood{/*margin-top:-30px;*/min-width:240px !important;}
#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;}
}
@media only screen and (max-width: 800px) {
#ContentPaneHouderFloat{width: 100%; float:right; margin-bottom:20px;}
.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;}
.artikellijst .artikelhouder{}
h1{font-size:34px;}
.ContactformulierForm .NormalTextBox{width: 95%;}
.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%;}
#dnn_ContentPane{margin-top:-510px;}
}
@media only screen and (max-width: 480px) {









.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) {

}


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