@charset "UTF-8";
html { overflow-y: scroll; }
body { font-family: Georgia, serif; font-size: 16px; color: #666; }
html,
body,
form { height: 100%; }
/* DNN Body */
#Body { /* CSS3 */
background: #f2f2f2 url(images/bakcircels.png); background-position: center 28px; background-repeat: repeat; min-height: 1px; }
body.iframe { background-color: #f2f2f2; background-image: none !important; }
/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body,
th,
td,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalBold,
.NormalRed,
.NormalTextBox,
.NormalDisabled,
a:link,
a:visited,
a:hover,
input,
.CommandButton { font-family: Georgia, serif; }
.Normal,
.NormalDisabled,
.NormalDeleted { color: #666; font-size: 16px; font-weight: normal; }
em { font-style: italic; letter-spacing: 0; }
strong { color: #333; font-weight: bold; }
small { font-size: 12px; letter-spacing: 0; }
/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1; margin: 0 0 10px 0; }
h1 { font-size: 60px; font-weight: normal; }
h2,
h2 .Head { font-size: 38px; font-weight: normal; }
.home h2,
.home h2 .Head { font-size: 32px; font-weight: normal; }
.home .panel h2 { margin-bottom: 0px; font-size: 28px; }
.home .panel3 h2 { margin-bottom: 10px; }
h3,
h3 .Head { font-size: 24px; font-weight: normal; color: #666; }
h4,
h4 .Head { font-size: 18px; color: #666; }
h5,
h5 .Head { font-size: 16px; color: #666; }
h6,
h6 .Head { font-size: 16px; color: #666; }
/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a,
a:link,
a:visited,
a:active { color: #ec6c00; text-decoration: none; outline: 0; }
a:hover { color: #666; text-decoration: none; outline: 0; }
/* DNN Specific Selectors
-------------------------------------*/
.CommandButton { font-size: 13px; color: #3d3d3d; font-weight: bold; }
.CommandButton:hover { color: #007cae; }
a.CommandButton:link { font-size: 13px; text-decoration: none; color: #3d3d3d; font-weight: bold; }
a.CommandButton:hover { text-decoration: underline; color: #007cae; }
/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p { margin: 0 0 25px 0; }
hr { clear: both; height: 0; border: solid #c0c0c0; border-width: 1px 0 0; margin: 20px 0 20px 0; }
/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img { border: 0; }
/* Image Align Left
-------------------------------------*/
.imgLeft { float: left; margin-right: 30px; margin-bottom: 30px; }
/* Image Align Right
-------------------------------------*/
.imgRight { float: right; margin-left: 30px; margin-bottom: 30px; }
/* Image with border
-------------------------------------*/
.imgBorder { border: solid 3px #fff; }
/* Polaroid Image Style
-------------------------------------*/
.imgPolaroid { color: #a6a6a6; font-size: 12px; text-align: left; padding: 13px 13px 17px 13px; background-color: #fff; box-shadow: 0 1px 2px #ccc; }
.imgPolaroid img { margin-bottom: 12px; }
/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/
/* Ordered List */
ol li { list-style-type: decimal; margin-bottom: 8px; vertical-align: top; }
ol ol { margin-top: 8px; margin-left: 30px; }
ol ol li { list-style-type: lower-roman; }
ol ol ol li { list-style-type: lower-alpha; }
ol ul li { list-style-type: lower-roman; }
/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/
/* Default Table Style */
table.tableDefault { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
table.tableDefault th,
table.tableDefault td { font-size: 12px; padding: 8px; }
table.tableDefault th { font-weight: bold; text-align: left; border-bottom: solid 2px #aaa; background-color: #d7d7d7; }
table.tableDefault td { border-bottom: solid 1px #d9d9d9; }
table.tableDefault tr:nth-child(odd) { background: transparent; }
table.tableDefault tr:nth-child(even) { background: #e3e4e6; }
.tableDefault tbody tr:hover td { color: #111; }
/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
input[type="text"],
select,
textarea,
input[type="email"],
input[type="search"],
input[type="password"] { padding: 9px; margin-bottom: 20px; background: #f3f3f3; border: 1px solid #bfbfbf; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #666; font-size: 13px; }
/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #3B96B6; background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9); background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }
/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #666; background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a); background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }
/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton { display: inline-block; padding: 9px 32px 9px 22px; margin-bottom: 5px; background: #484848 url('images/arrow.png') no-repeat 87% center; background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d); background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffbf00; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }
a.dnnPrimaryAction { color: #efefef; }
a.dnnSecondaryAction { color: #555; }
button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover { cursor: pointer; cursor: hand; background-image: none; background-color: #D00; }
button.altButton:hover,
a.altButton:hover { cursor: pointer; cursor: hand; background: #D00 url('images/arrow.png') no-repeat 87% center; }
/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
.spacingTop { margin-top: 30px; }
.spacingRight { margin-right: 30px; }
.spacingBottom { margin-bottom: 30px; }
.spacingLeft { margin-left: 30px; }
/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
#topBalk { height: 2rem; background-color: #303030; position: absolute; top: 0; left: 0; right: 0; }
#socialTop { position: absolute; top: 0; left: 50%; width: 50%; max-width: 585px; text-align: right; padding-right: 80px; }
/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
#search { float: right; width: 209px; height: 32px; }
#search a.SearchButton:link,
#search a.SearchButton:visited { display: inline-block; float: right; height: 32px; width: 32px; margin: 0; padding: 0; background: #333 url('images/search.png') no-repeat center center; text-indent: -9999px; }
#search a.SearchButton:hover { background: url('images/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */ background: url('images/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: url('images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,45,45,1)), color-stop(100%, rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: url('images/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('images/search.png') no-repeat center center, -o-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: url('images/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* IE10+ */ background: url('images/search.png') no-repeat center center, linear-gradient(to bottom, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* W3C */ }
#dnn_dnnSearch_txtSearch { display: block; float: left; width: 160px; height: 32px; padding: 0 5px 0 10px; margin: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: none; outline: none; border-left: 1px solid #ddd; color: #000; line-height: 32px; font-size: 11px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
#dnn_dnnSearch_txtSearch:active,
#dnn_dnnSearch_txtSearch:focus { background: #ccc; box-shadow: inset 0px 3px 8px #999; }
/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
/*#login {
float: right;
}*/
#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * { display: block; }
#login .registerGroup,
#login .loginGroup { float: right; padding: 0; margin: 0; }
#login .registerGroup li:first-child:hover { border-left: #222; }
/* Register Group Styles */
#login .registerGroup li { float: left; }
#login .registerGroup .buttonGroup { margin-right: 0; }
#login .registerGroup a,
#login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 7px 15px 0 15px; color: #333; font-size: 11px; vertical-align: middle; }
#login .registerGroup a:hover,
#login .loginGroup a:hover { background: rgb(45,45,45); /* Old browsers */ background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45,45,45,1)), color-stop(100%, rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656', GradientType=0 ); /* IE6-9 */
color: #ddd; text-shadow: 0px -1px 0px #333333; }
#login .registerGroup a:active,
#login .loginGroup a:active { color: #fff; text-shadow: 0px -1px 0px #333333; }
#login .registerGroup a:hover,
#login .loginGroup a:hover { text-decoration: none; }
#login .registerGroup a strong,
#login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px; }
#login .userMessages a,
#login .userNotifications a { background-color: #333; }
#login .userMessages strong { height: 100%; background: url('images/icon_message.png') no-repeat center center; }
#login .userNotifications { border-right: 1px solid #CCC; }
#login .userNotifications strong { height: 100%; background: url('images/icon_notification.png') no-repeat center center; }
#login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: rgb(59,150,182); /* Old browsers */ text-align: center; font-size: 11px; color: #fff; text-shadow: 0px 1px 0px #333333; }
#login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none; }
#login .registerGroup a img { height: 32px; width: 32px; background: #333; }
/* Login Group Styles */
#login .loginGroup { border-right: 1px solid #CCC; }
#login .loginGroup a { color: #333; }
/* Number of message next to the message icon*/
#login .userMessages a span,
#login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color: transparent; font-size: 10px; }
#oppermeester { margin-right: auto; margin-left: auto; max-width: 1170px; padding-left: 25px; padding-right: 25px; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.91); -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.91); box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.91); background: #f2f2f2; }
#bovenmeester { height: 100%; margin: 0 auto -175px; }
#siteHeadouter { }
#contentWrapper { }
.contentTopper { }
#siteHeadinner { padding: 36px 0; }
/* Logo */
.brand { max-width: 100%; position: relative !important; margin-top: -38px !important; z-index: 2 !important; margin-left: -20px !important; }
#dnn_rightPane { padding: 5px 15px 15px; }
.home .panel1 { background-image: url('/Portals/24/Afbeeldingen/_Layout/bg_home_Over-de-stal.jpg'); background-size: cover; }
.home .panel1 .TitleH2 { padding: 16px; margin: 0 !important; color: #fff; font-size: 28px; }
.home .panel1 .HomeUitgelicht-Artikel { padding-left: 16px; padding-right: 16px; padding-bottom: 16px; color: #fff; }
.home .panel2 { }
.home .panel4 { background-image: url('/Portals/24/Afbeeldingen/_Layout/bg_home_faciliteiten.jpg'); background-size: cover; }
.home .panel4 .TitleH2 { padding: 16px; margin: 0 !important; color: #fff; font-size: 28px; }
.home .panel4 .HomeUitgelicht-Artikel { padding-left: 16px; padding-right: 16px; padding-bottom: 16px; color: #fff; }
.home .panel5 .HomeUitgelicht-Artikel { padding-left: 16px; padding-right: 16px; padding-bottom: 16px; color: #fff; }
.home .panel5 .TitleH2 { padding: 16px; margin: 0 !important; color: #fff; font-size: 28px; display: block }
.home .panel6 { background-image: url('/Portals/24/Afbeeldingen/_Layout/bg_home_Jacobine.jpg'); background-size: cover; }
.home .panel6 .HomeUitgelicht-Artikel { min-height: 162px; }
#footer,
.push { min-height: 150px; clear: both; }
#footer { position: relative; background-color: #444444; z-index: 1; display: block; margin-left: -25px; margin-right: -25px; margin-top: 55px; clear: both; }
.DNNEmptyPane { width: 0; margin: 0; }
.DNNEmptyPane.rightTwoCol + div { width: 100%; }
/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/
/* for Simple Menu, see Simple menu folder */
.navbar { margin-bottom: 0!important; }
.navbar-inner { border: none!important; box-shadow: none!important; background: none transparent!important; padding-right: 0!important; width: 100%; }
.navbar .brand { padding: 0!important; }
.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777777;text-shadow:0 1px 0 #ffffff;}.navbar .brand:hover,.navbar .brand:focus{text-decoration:none;}
/* Site Navigation */
.nav-collapse { float: left; position: relative; top: 18px; }
#MenuIcons { width: 428px; margin-top: 26px; }
span.navicon { display: block; width: 110px; height: 80px; }
.navicons a { display: block; }
.navicons a span { line-height: 185px; }
.iconPensionstalling { display: inline-block; position: relative; width: 110px; height: 80px; background: url(/Portals/24/Afbeeldingen/_Layout/icon_pensionstalling.png) no-repeat; }
.active .iconPensionstalling { background-position: -110px 0 !important; }
.iconPensionstalling:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/Portals/24/Afbeeldingen/_Layout/icon_pensionstalling.png) no-repeat; background-position: -110px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.iconPensionstalling:hover:after { opacity: 1; }
.iconInstructie { display: inline-block; position: relative; width: 110px; height: 80px; background: url(/Portals/24/Afbeeldingen/_Layout/icon_instructie.png) no-repeat; }
.active .iconInstructie { background-position: -110px 0 !important; }
.iconInstructie:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/Portals/24/Afbeeldingen/_Layout/icon_instructie.png) no-repeat; background-position: -110px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.iconInstructie:hover:after { opacity: 1; }
.iconTraining { display: inline-block; position: relative; width: 110px; height: 80px; background: url(/Portals/24/Afbeeldingen/_Layout/icon_training.png) no-repeat; }
.active .iconTraining { background-position: -110px 0 !important; }
.iconTraining:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/Portals/24/Afbeeldingen/_Layout/icon_training.png) no-repeat; background-position: -110px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.iconTraining:hover:after { opacity: 1; }
.navicons li { position: relative; display: inline-block; list-style: none; margin: 0px 5px 0px 15px; text-align: center; }
#MenuLijst { max-width: 280px; margin-top: 13px; }
.nav li { position: relative; list-style: none; margin: 0; width: 49%; }
.nav > li { float: left; height: 24px; padding-top: 5px; margin-right: 2px; }
.navicons > li > a,
.navicons > li > span,
.nav > li > a,
.nav > li > span { display: block; padding: 0px !important; font-size: 17px; font-weight: normal; color: #222 !important; text-decoration: none; text-shadow: none !important; white-space: nowrap; }
.nav > li > a,
.nav > li > span { font-size: 15px; }
.nav > li:hover > a,
.nav > li.active > a { color: #ec6c00 !important; /* override default bootstrap nav pills styles*/
background-color: transparent!important; box-shadow: none!important; }
.nav > li:hover > a:active { color: #ec6c00; }
.nav > li:hover > span { color: #ec6c00; }
.nav > li > a .caret.hidden-desktop { border: none!important; background-image: url(bootstrap/img/glyphicons-halflings-white.png); background-color: #333; background-position: -305px -110px!important; width: 30px!important; line-height: 30px!important; min-height: 30px!important; height: auto; display: inline-block; margin: 0!important; border-radius: 3px; }
.nav > li > a .caret.hidden-desktop:hover { background: url(bootstrap/img/glyphicons-halflings-white.png) -305px -110px, linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important; }
/* Navigation button on mobile size */
.nav-collapse.in { width: 100%; }
.navbar .btn-navbar { background-color: #333333!important; background-image: linear-gradient(to bottom, #333333, #333333)!important; cursor: pointer; margin-top: 10px!important; }
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active { background: linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { box-shadow: none!important; background-color: transparent!important; outline: none!important; }
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus { background-color: transparent!important; color: #D00!important; outline: none!important; }
.dropdown,
.dropdown a { outline: none!important; }
/*------------------------------------------------*/
/* BREADCRUMBS */
/*------------------------------------------------*/
#Breadcrumb { padding-top: 20px; padding-bottom: 12px; margin-bottom: 25px; border-bottom: solid 1px #c0c0c0; }
#Breadcrumb img { margin-left: 10px; margin-right: 10px; }
#Breadcrumb a.breadcrumbLink:link,
#Breadcrumb a.breadcrumbLink:visited { color: #666; font-size: 12px; font-weight: bold; }
#Breadcrumb a.breadcrumbLink:hover { color: #3B96B6; }
/* Copyright
-------------------------------------*/
#copyright { font-size: 14px; color: #a6a6a6; }
#copyright a:link,
#copyright a:visited { font-size: 14px; color: #a6a6a6; }
#copyright a:hover { color: #D00; }
#copyright .pull-right { text-align: right; padding: 25px; }
#copyright .pull-left { padding: 25px; }
/* Clear-fix for floated elements
-------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; }
.left { float: left; }
.right { float: right; }
/* Footer
-------------------------------------*/
ul.footerlinks { margin: 0; }
.footerlinks li { list-style: none; margin-bottom: 8px; }
.footerlinks li a:link,
.footerlinks li a:visited { color: #808080; }
.footerlinks li a:hover { color: #D00; }
ul.footerConnect { margin: 0px; }
ul.footerConnect li { display: inline-block; list-style-type: none; margin-right: 10px; }
/* Page link -*/
.pagination_wrap { display: inline-block; position: absolute; z-index: 10; bottom: 0; right: 0; width: 128px; height: 40px; opacity: 0.8; background-color: #222; }
.pagination { position: absolute; z-index: 11; bottom: 0; right: 0; padding: 0; margin: 15px 40px; }
.pagination li { float: left; margin: 0 3px; list-style: none; }
.pagination li a { float: left; display: block; width: 9px; height: 0; padding-top: 8px; background-image: url(images/pagination.png); background-position: 0 0; overflow: hidden; }
.pagination li.current a { background-position: 0 -9px; }
/* ****** BOOTSTRAP OVERRIDES ******* */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a { background-image: none!important; outline: none!important; }
/* remove min-height from bootstrap */
.row-fluid [class*='span']:not([class*='dnnSortable']) { min-height: 0 !important; display: table-row; }
.ControlContainer { width: 940px!important; }
.mobilehidden { margin-right: 20px; }
#map_canvas { position: relative; height: 310px; width: 100%; margin-bottom: 25px; font-family: Georgia, serif; font-size: 16px; color: #666; }
#map_canvas ul#overlay_contact_details li { list-style: none; margin: 0 0 5px; padding: 5px 0 5px 5px; line-height: 24px; font-family: Georgia, serif; font-size: 16px; color: #666; }
#map_canvas ul#overlay_contact_details li a { color: #666; text-decoration: underline; }
#map_canvas ul#overlay_contact_details { margin: 0; padding: 10px 20px 10px 32px; }
/* Latest Articles */
/* Standaard-oranje: #ec6c00 */
/* Pensionstalling-groen: #4da327 */
/* Instructie-rood: #b20f1b */
/* Training-roze: #e608aa */
/* blauw: #0093f0 */
.Actueel-Cat a { color: #ec6c00; }
.Actueel-Artikel a:hover { color: #666; }
.GerelateerdActueel-Artikel a:hover { color: #666; }
.Pensionstalling h1 { color: #4da327; }
.Pensionstalling .GerelateerdActueel-Cat a { color: #4da327; }
.Pensionstalling .Actueel-Cat a { color: #4da327; }
.HouderPensionstalling .Actueel-Cat a { color: #4da327; }
.HouderPensionstalling .GerelateerdActueel-Titel a:hover { color: #4da327; }
.HouderPensionstalling .Actueel-Titel a:hover { color: #4da327; }
.Instructie h1 { color: #b20f1b; }
.Instructie .GerelateerdActueel-Cat a { color: #b20f1b; }
.Instructie .Actueel-Cat a { color: #b20f1b; }
.HouderInstructie .Actueel-Cat a { color: #b20f1b; }
.HouderInstructie .GerelateerdActueel-Titel a:hover { color: #b20f1b; }
.HouderInstructie .Actueel-Titel a:hover { color: #b20f1b; }
.Training h1 { color: #e608aa; }
.Training .GerelateerdActueel-Cat a { color: #e608aa; }
.Training .Actueel-Cat a { color: #e608aa; }
.HouderTraining .Actueel-Cat a { color: #e608aa; }
.HouderTraining .GerelateerdActueel-Titel a:hover { color: #e608aa; }
.HouderTraining .Actueel-Titel a:hover { color: #e608aa; }
.Actueel-Social a { text-indent: -9999999px; display: inline-block; float: right }
.GerelateerdActueel-Social a { text-indent: -9999999px; display: inline-block; float: right }
.social-f { width: 16px; height: 20px; background: url(/Portals/24/Skins/StalDijkshoorn/images/bg_social.png) 0px 0px no-repeat; }
.social-f:hover { background-position: 0px -20px; }
.social-t { width: 32px; height: 20px; background: url(/Portals/24/Skins/StalDijkshoorn/images/bg_social.png) -17px 0px no-repeat; }
.social-t:hover { background-position: -17px -20px; }
.social-l { width: 32px; height: 20px; background: url(/Portals/24/Skins/StalDijkshoorn/images/bg_social.png) -49px 0px no-repeat; }
.social-l:hover { background-position: -49px -20px; }
.social-g { width: 20px; height: 20px; background: url(/Portals/24/Skins/StalDijkshoorn/images/bg_social.png) -81px 0px no-repeat; }
.social-g:hover { background-position: -81px -20px; }
.Actueel-Meer a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.Actueel-Meer a:hover { color: #f1f1f1; }
.HomeUitgelichtHouder { position: relative; }
.HomeUitgelicht-Meester { min-height: 370px; }
.home .HomeUitgelicht-Datum { background: url(images/nieuwsdatum_blauw.png) no-repeat; width: 54px; height: 68px; position: absolute; right: 12px; top: -4px; }
.algemeen .HomeUitgelicht-Datum { background: url(images/nieuwsdatum_grijs.png) no-repeat; width: 54px; height: 68px; position: absolute; right: 12px; top: -4px; }
.home .HomeUitgelicht-Datum-Pensionstalling { background: url(images/nieuwsdatum_groen.png) no-repeat; }
.home .HomeUitgelicht-Datum-Instructie { background: url(images/nieuwsdatum_rood.png) no-repeat; }
.home .HomeUitgelicht-Datum-Training { background: url(images/nieuwsdatum_roze.png) no-repeat; }
.HomeUitgelicht-Datum-dag { color: #fff; font-size: 32px; font-weight: bold; text-align: center; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; }
.HomeUitgelicht-Datum-maandjaar { color: #fff; font-size: 11px; width: 54px; text-align: center; }
.HomeUitgelicht-ArtikelHouder { background: url(images/zwart70_1x1.png); position: absolute; left: 0; right: 0; bottom: 20px; }
.panel5 .HomeUitgelicht-ArtikelHouder { background: url(images/zwart80_1x1.png); }
.HomeUitgelicht-Titel a { padding: 16px; color: #fff; display: block; font-size: 28px; line-height: 28px; }
.HomeUitgelicht-Titel a:hover { color: #f1f1f1; }
.HomeUitgelicht-Artikel a { padding-left: 16px; padding-right: 16px; padding-bottom: 16px; color: #fff; display: block; }
.panel6 .HomeUitgelicht-Artikel a { padding-top: 16px; color: #fff; display: block; text-align: right; }
.HomeUitgelicht-Artikel a:hover { color: #f1f1f1; }
.HomeUitgelicht-Meer { background: url(images/meer_oranje.png) no-repeat; width: 115px; height: 28px; margin-bottom: 16px; margin-left: -4px; }
.HomeUitgelicht-Meer a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-left: 20px; display: block; line-height: 24px; }
.HomeUitgelicht-Meer a:hover { color: #f1f1f1; }
.HomeUitgelicht-Meer-Pensionstalling { background: url(images/meer_groen.png) no-repeat; }
.HomeUitgelicht-Meer-Instructie { background: url(images/meer_rood.png) no-repeat; }
.HomeUitgelicht-Meer-Training { background: url(images/meer_roze.png) no-repeat; }
/* Nieuws en uitslagen homepage */
.HomeActueel-Houder { position: relative; }
.HomeActueel-Meester:nth-child(odd) { background: #efefef; }
.HomeActueel-Meester:nth-child(even) { background: #ffffff; }
.HomeActueel-Meester { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
.HomeActueel-ImageHouder { float: left; width: 28%; }
.HomeActueel-Image { margin-right: 10px; }
.HomeActueel-ArtikelHouder { float: right; width: 72%; line-height: 1.2em; font-size: 0.9em; }
.HomeActueel-Titel a { font-weight: bold; color: #333; display: block; }
.HomeActueel-Artikel { }
.HomeActueel-Artikel a { color: #666; display: block; }
.HomeActueel-Cat { font-size: 12px; margin-top: 4px; }
.artikelcategorie { }
/*Partners Homepage*/
#partnergrid { width: 500px; }
#partnergrid div { display: inline-block; width: 30%; margin: 0.5em .4em; padding: 0; vertical-align: top; overflow: hidden; text-align: center; position: relative; height: 100px; }
.fadein img { position: absolute; top: 0; left: 0; z-index: 0; }
.fadein img:first-child { position: absolute; top: 0; left: 0; z-index: 0; }
#partnergrid img { width: 100%; }
.fadeSpot1 { width: 10px; height: 10px; overflow: hidden; background: #000; position: relative; }
.fadeSpot1 img { display: none; position: absolute; top: 0; left: 0; }
/*Gerelateerde Nieuwsberichten*/
.GerelateerdActueel-Houder { }
.GerelateerdActueel-Meesters { position: relative; height: 100%; background: #ffffff; border: solid 1px #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.GerelateerdActueel-Meesters:hover { border: solid 1px #666; }
.algemeen .GerelateerdActueel-Datum { background: url(/Portals/24/Skins/StalDijkshoorn/images/nieuwsdatum_grijs.png) no-repeat; width: 54px; height: 68px; position: absolute; right: 12px; top: -4px; }
.algemeen .GerelateerdActueel-Meester-Uitgelicht .GerelateerdActueel-Datum { background: url(/Portals/24/Skins/StalDijkshoorn/images/nieuwsdatum_blauw.png) no-repeat; }
.GerelateerdActueel-Datum-dag { font-family: Georgia, serif; color: #fff; font-size: 32px; line-height: 38px; font-weight: bold; text-align: center; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }
.GerelateerdActueel-Datum-maandjaar { font-family: Georgia, serif; color: #fff; font-size: 11px; width: 54px; text-align: center; }
.GerelateerdActueel-Uitgelichthouder { }
.GerelateerdActueel-ImageHouder { background-color: #efefef; }
.GerelateerdActueel-Meester .GerelateerdActueel-ImageHouder { height: 50%; overflow: hidden; }
.GerelateerdActueel-Meester .GerelateerdActueel-ImageHouder img { height: auto !important; }
.GerelateerdActueel-Meester-Uitgelicht .GerelateerdActueel-ImageHouder { height: 100%; position: absolute; left: 0px; bottom: 0px; top: 0px; right: 50%; overflow: hidden; display: block; }
.GerelateerdActueel-Meester-Uitgelicht .GerelateerdActueel-Image { }
.GerelateerdActueel-Meester .GerelateerdActueel-ArtikelHouder { min-height: 50%; display: block; padding: 10px; padding-bottom: 70px; }
.GerelateerdActueel-Meester-Uitgelicht .GerelateerdActueel-ArtikelHouder { position: absolute; right: 0px; bottom: 0; top: 50px; left: 50%; display: block; padding: 10px; padding-bottom: 70px; }
.GerelateerdActueel-Cat { display: block; }
.GerelateerdActueel-Titel { min-height: 60px; }
.GerelateerdActueel-Titel a { color: #333; display: block; font-size: 24px; line-height: 28px; }
.GerelateerdActueel-Artikel { line-height: 1.3; }
.GerelateerdActueel-Artikel a { color: #666; display: block; }
.GerelateerdActueel-Meer { background: url(/Portals/24/Skins/StalDijkshoorn/images/meer_oranje.png) no-repeat; width: 115px; height: 28px; position: absolute; bottom: 15px; left: -3px; }
.GerelateerdActueel-Meester-Uitgelicht .GerelateerdActueel-Meer { background: url(/Portals/24/Skins/StalDijkshoorn/images/meer_blauw.png) no-repeat; left: -101%; }
.GerelateerdActueel-Meer a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; padding-left: 15px; display: block; line-height: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.GerelateerdActueel-Meer a:hover { color: #f1f1f1; }
.GerelateerdActueel-Meer-Pensionstalling { background: url(/Portals/24/Skins/StalDijkshoorn/images/meer_groen.png) no-repeat !important; }
.GerelateerdActueel-Meer-Instructie { background: url(/Portals/24/Skins/StalDijkshoorn/images/meer_rood.png) no-repeat !important; }
.GerelateerdActueel-Meer-Training { background: url(/Portals/24/Skins/StalDijkshoorn/images/meer_roze.png) no-repeat !important; }
.GerelateerdActueel-Social { position: absolute; bottom: 15px; right: 15px; margin-top: 20px; padding-top: 20px; }
.GerelateerdActueel-Social a { margin-top: 20px; }
.desaturate img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); opacity: 0.7; }
.desaturate img:hover { opacity: 1; }
.tabel { border: solid 1px #ddd; }
.tabel td { padding: 13px; }
.tabel tr:nth-child(odd) { background-color: #f8f8f8; border-bottom: dashed 1px #eee; }
.tabel tr:nth-child(even) { background-color: #ffffff; border-bottom: dashed 1px #fff; }
@media only screen and (max-width: 400px) {
.Actueel-Meester-Uitgelicht .Actueel-ArtikelHouder { position: relative; right: auto; bottom: auto; left: auto; display: inline-block; margin-left: 50%; }
.Actueel-Meester-Uitgelicht .Actueel-Meer { bottom: 65px; left: -102%; }
}
/*SnelNaar*/
.SnelNaarArchief { font-size: 16px; }
.SnelNaarArchief .chzn-select { font-size: 16px; }
.wrapper-dropdown-5 { /* Size & position */
position: relative; font-size: 14px; float: left; width: 200px; margin: 0 auto; padding: 12px 15px;/*z-index:9998;*/ /* Styles */
background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-dropdown-5:after { /* Little arrow */ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #333 transparent; }
.wrapper-dropdown-5 .dropdown { /* Size & position */
position: absolute; top: 100%; left: 0; right: 0; /* Styles */
background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */
max-height: 0; overflow: hidden; }
.wrapper-dropdown-5 .dropdown li { padding: 0 8px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 8px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; }
.wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
/* Hover state */
.wrapper-dropdown-5 .dropdown li:hover { background: #f2f2f2; }
.wrapper-dropdown-5 .dropdown li:hover a { color: #000; }
/* Active state */
.wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #ccc; }
.wrapper-dropdown-5.active:after { border-color: #aaa transparent; }
.wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 530px; }
/* //Latest Articles */
#spinner { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: #f2f2f2 url(images/bakcircels.png); background-position: center 28px; background-repeat: repeat; }
/* Large desktop */
@media (min-width: 1200px) {
select.status-options { display: none; }
.ControlContainer { width: 1170px!important; }
}
@media (max-width: 1079px) {
#MenuLijst { max-width: 230px;}
#MenuLijst .nav li { }
}
/* Portrait tablet to landscape and smaller */
@media (max-width: 979px) {
.nav-collapse,
.nav { width: 100%; }
.nav li { padding: 0!important; min-height: 30px!important; height: auto; }
.nav-collapse .dropdown-menu { margin: 0 0 0 4%!important; width: 95%!important; }
.nav-collapse .nav > li a,
.nav-collapse .dropdown-menu a { padding: 0 0 0 5px!important; line-height: 30px!important; height: 30px!important; border: 1px solid #eee!important; margin-bottom: 3px; }
.nav-collapse .dropdown.open > a { background-color: #eee!important; }
.nav > li > ul { position: relative!important; width: 100%!important; }
.nav { width: 100%; }
img { max-width: 100%; }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#Body { margin: 0; padding: 0; }
#siteHeadouter > .container,
#contentWrapper > .container { width: 94%; padding-left: 2%; padding-right: 2%; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#Body { margin: 0; padding: 0; }
#siteHeadouter > .container,
#contentWrapper > .container { width: 90%; padding-left: 5%; padding-right: 5%; }
.mobilehidden { visibility: hidden; display: none; }
#MenuIcons { width: 100%; }
#MenuLijst { width: 100%; }
#Gridhouder .panel { min-height: 280px; }
#Gridhouder .panel.panel3 { min-height: auto!important; }
}
@media (max-width: 550px) {
#MenuIcons { width: 350px; overflow: hidden; margin: 0; margin-top: 20px; margin-left: -30px; }
#MenuIcons li { margin: 0!important; }
.navicons { margin: 0!important; min-height:100px; }
.navicons > li > a,
.navicons > li > span { font-size: 15px !important; }
}
/* Landscape phones and down */
@media (max-width: 480px) {
#Body { margin: 0; padding: 0; }
.LoginPanel { width: 90%!important; }
#socialTop { position: absolute; top: 50px; left: auto; right:0; width: 50%; max-width: 85px; text-align: right; padding-right: 5px; }
}
@media (max-width: 350px) {
.iconPensionstalling { width: 100px; height: 80px; }
.active .iconPensionstalling { background-position: -110px 0 !important; }
.iconPensionstalling:after { background-position: -110px 0; }
.iconInstructie { width: 100px; height: 80px; }
.active .iconInstructie { background-position: -110px 0 !important; }
.iconInstructie:after { background-position: -110px 0; }
.iconTraining { width: 100px; height: 80px; }
.active .iconTraining { background-position: -110px 0 !important; }
.iconTraining:after { background-position: -110px 0; }
}
/*Z-INDEX*/
.wrapper-dropdown-5 { z-index: 4; }
.carousel.slide.quotes {padding-bottom: 80px;}
.carousel.slide.quotes .carousel-indicators li { text-align: center; text-indent: 0; display: block; width: 30px; height: 30px; padding: 5px; margin:0 5px 0 0; color: #666; background-color: #ddd;}