@font-face {
font-family: LucidaSans;
src: url('/fonts2/LucidaSans.ttf');
}
@font-face {
font-family: LucidaSansRegular;
src: url('/fonts2/lucida-sans-regular.ttf');
}
@font-face {
font-family: CourgetteRegular;
src: url('/fonts2/courgette-regular.ttf');
}
@font-face {
font-family: LatoRegular;
src: url('/fonts2/lato-regular.ttf');
}
@font-face {
font-family: LatoLight;
src: url('/fonts2/lato-light.ttf');
}
@font-face {
font-family: LucidaSansDemiRoman;
src: url('/fonts2/lucida-sans-demi-roman.ttf');
}
body {
margin: 0;
padding: 0;
font-family: LucidaSansRegular;
/*background-image: url(/images/bgimg01.png);
background-repeat: no-repeat;
background-position: left bottom 275px;*/
}
h1 {
margin: 25px 0 20px 0;
padding: 10px 0px 10px 0px;
color: #34afbf;
font-size: 28pt;
font-weight: normal;
font-family: LucidaSansRegular;
border: 0px solid red;
}
h2 {
margin: 0 0 0 0;
display: block;
vertical-align: top;
color: #34afbf;
font-size: 18pt;
font-weight: normal;
font-family: LucidaSansRegular;
border: 0px solid red;
}
h3 {
font-weight: normal;
margin: 0px 0 0px 0px;
padding: 0 0 0 0;
color: #34afbf;
font-size: 20pt;
text-transform: uppercase;
font-weight: normal;
border: 0px solid red;
}
p {
margin: 0px 0px 20px 0px;
padding: 0;
color: #626262;
font-size: 11pt;
text-align: left;
border: 0px solid red;
}
a {
color: #34afbf;
}
a.notselected {
color: #34afbf;
text-decoration: none;
}
a.selected {
color: #34afbf;
text-decoration: none;
}
a:hover {
color: #34afbf;
text-decoration: underline;
}
a.anchor {
display: block;
position: relative;
top: -75px;
visibility: hidden;
}
#H1SubPage {
display:none;
}
.BtnInschrijven {
display: inline-block;
margin: 20px;
padding: 45px 40px 50px 20px;
font-size: 18pt;
background-image: url(/images/aanmeldbtn.png);
background-repeat: no-repeat;
background-size: 175px;
border: 0px solid red;
}
.BtnInschrijven .Span1 {
display: block;
color: #866080;
border: 0px solid red;
}
.BtnInschrijven .Span2 {
display: block;
color: #866080;
margin: 0px 0 0 25px;
border: 0px solid red;
}
#topmenumobilesubHolder {
display:none;
}
#FixTopHolder {
width: 100%;
top: 0;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #fff;
color: #fff;
text-align: right;
z-index: 999;
border: 0px solid red;
}
#TopLine {
width: 100%;
min-height: 0px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #34afbf;
color: #fff;
text-align: right;
border-bottom: 1px solid #fff;
}
#TopLine .CmsBalk {
width: 1228px;
margin: 0 auto 0px auto;
padding:5px 0 5px 0;
border-bottom: 0px solid #fff;
}
#TopLine .CmsBalk a {
color: #fff;
}
#TopLine .CmsBalk:hover a {
color: #fff;
}
#TopLine .CmsBalkLinks {
width: 315px;
margin: 0 0 0px 0;
padding: 5px 10px 0px 15px;
color: #ffffff;
text-align: left;
vertical-align: top;
display: inline-block;
border: 0px solid red;
}
#TopLine .CmsBalkRechts {
width: 875px;
margin: 0 0 0px -5px;
padding: 5px 10px 0px 0;
color: #ffffff;
text-align: right;
vertical-align: top;
display: inline-block;
border: 0px solid red;
}
#TopLine .CmsBalkAnonymous {
width: 1200px;
height: 0px;
margin: 0 0 0px 0px;
border: 0px solid gray;
}
#maincontainertop {
width: 100%;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
background-color: #fff;
border: 0px solid red;
}
#maincontainertop .TopBarr {
width: 100%;
background-color: #fff;
margin: -1px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder {
width: 1230px;
text-align: left;
background-color: #fff;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 1px solid red;
}
#maincontainertop .TopBarr .Holder .Left {
width: 350px;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
border: 1px solid red;
}
#maincontainertop .TopBarr .Holder .Middel {
width: 300px;
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
border: 1px solid red;
}
#maincontainertop .TopBarr .Holder .Middel a {
display:block;
margin: 0px auto 0 auto;
padding: 0px 0 0 0;
width: 200px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Middel a img {
margin: 0px 0 0 0;
padding: 0px 0 0 0;
width: 210px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right {
width: 350px;
display: inline-block;
vertical-align: top;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid red;
}
#maincontainertop .TopBarr .Holder .Right a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 15px 10px 15px 10px;
font-size: 12pt;
font-weight: bold;
color: #626262;
}
#maincontainertop .TopBarr .Holder .Right a:hover {
color: #90b5ac;
}
#maincontainertop .TopBarr .Holder .Right a img {
vertical-align:top;
border:0px solid red;
}
#maincontainertop .TopBarr .Holder .Right .Right2 {
display: block;
vertical-align: top;
text-align: right;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a {
width: 45px;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ddece9;
border: 0px solid #ddece9;
border-radius: 80px;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a:hover {
background-color: rgba(221, 236, 233, 0.80);
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons2 {
background-size:20px;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons4 {
background-size: 25px;
}
.ContactIcons2 {
display: inline-block;
width: 20px;
height: 30px;
margin: 5px 10px 0 5px;
background-image: url(/images/fb-logo-trans.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
border: 0px solid red;
}
.ContactIcons2:hover {
background-image: url(/images/fb-logo-trans.png);
text-decoration: none;
}
.ContactIcons3 {
display: inline-block;
width: 20px;
height: 20px;
margin: 5px 0 0 3px;
/*background-image: url(/images/tw-logo-gray.png);*/
background-image: url(/images/tw-logo-gray.png);
background-repeat: no-repeat;
background-size: 20px;
border: 0px solid red;
}
.ContactIcons3:hover {
/*background-image: url(/images/tw-logo.png);*/
background-image: url(/images/tw-logo.png);
text-decoration: none;
}
.ContactIcons4 {
display: inline-block;
width: 30px;
height: 30px;
margin: 5px 0 0 3px;
background-image: url(/images/insta-logo-trans.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
border: 0px solid red;
}
.ContactIcons4:hover {
background-image: url(/images/insta-logo-trans.png);
text-decoration: none;
}
.FooterHolderTop {
min-height: 265px;
padding: 20px 0 0px 0;
background-color: #34afbf;
border: 0px solid red;
}
.FooterHolderTop .Holder {
width: 1200px;
margin: 10px auto 0 auto;
padding: 20px 0 20px 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder h2 {
margin: 0 0 15px 0;
color: #fff;
font-size: 20pt;
border: 0px solid red;
}
.FooterHolderTop .Holder .TopTxt {
margin: 0 0 20px 0;
color: #fff;
font-size: 14pt;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 {
vertical-align: top;
display: inline-block;
width: 200px;
margin: 0 20px 0 75px;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p {
color:#fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p span {
display:inline-block;
color: #fff;
margin: 0 0px 0px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p img {
vertical-align:top;
float:left;
width:35px;
color: #fff;
margin: 0 5px 0 -10px;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p a {
display: inline-block;
margin: 12px 0 0 0;
color: #fff;
font-size:9pt;
text-decoration:none;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok2 {
vertical-align: top;
display: inline-block;
width: 300px;
margin: 0 50px 0 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok2 p {
line-height:25px;
margin: 0 0px 15px 0;
padding: 0 20px 0 20px;
color:#fff;
border-left: 1px solid #fff;
}
.FooterHolderTop .Holder .Blok2 p a {
color:#fff;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 {
vertical-align: top;
display: inline-block;
margin: 20px 0 0 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 p {
line-height: 25px;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 .Blok3 a {
display: inline-block;
color: #fff;
width: 40px;
height: 40px;
margin: 5px 10px 0 0px;
padding: 0 0 0 0px;
font-size: 12pt;
padding: 0 0 0 0;
border: 3px solid #fff;
border-radius: 40px;
}
.FooterNew {
padding: 10px 0 0px 0;
background-color: #e5f1f5;
border: 0px solid red;
}
.FooterNew .Holder {
text-align: center;
width: 100%;
margin: 10px auto 0px auto;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.FooterNew .Holder p {
display: inline-block;
text-align: center;
color: #34afbf;
font-size:12pt;
border: 0px solid red;
}
.FooterNew .Holder p a {
color: #fff;
vertical-align: top;
margin: 0 0px 0 0px;
padding:0 15px 0 15px;
border-right: 1px solid #fff;
}
.FooterNew .Holder p span {
margin: 0px 0px 0 50px;
border: 0px solid red;
}
.FooterNew .Holder p span a {
margin: 0px 0px 0 5px;
border: 0px solid red;
}
#topmenuholder {
min-height:60px;
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
background-color: #fff;
border: 0px solid red;
}
#topmenuholder #InschrijvenHolderTop {
width: 1200px;
margin: -15px auto 0px auto;
padding: 0px 50px 0px 0px;
font-size: 10pt;
color:red;
border: 0px solid red;
}
#topmenuholder #InschrijvenHolderTop a {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 5px 25px 5px 25px;
font-size: 12pt;
background-color: #9e7ea6;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing:2px;
border-radius: 3px;
}
#topmenuholder #InschrijvenHolderTop a:hover {
background-color: rgba(158, 126, 166, 0.9);
}
/* #topmenuholder.ScrollDown {
width: 100%;
position: fixed;
top: 0;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
border: 0px solid red;
}*/
#topmenu {
width: 1200px;
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align:center;
background-color:#fff;
border: 0px solid red;
}
#topmenu.ScrollDown {
width: 100%;
position: fixed;
top: 0;
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0;
vertical-align: top;
color: red;
border-bottom: 2px solid #ebebeb;
}
#topmenu .Logo {
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 1px solid red;
}
#topmenu .block {
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: right;
border: 0px solid red;
}
#topmenu .block .Left {
display: inline-block;
width:475px;
vertical-align: top;
margin: 50px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align:left;
border: 0px solid red;
}
#topmenu .block .Logo {
width:200px;
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0;
vertical-align: top;
border: 0px solid red;
}
#topmenu .block .Logo img {
width: 200px;
border: 0px solid red;
}
#topmenu .block .Right {
display: inline-block;
width: 475px;
vertical-align: top;
margin: 50px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
border: 0px solid red;
}
#topmenu.ScrollDown .block .Left {
margin: 23px 0 0px 0px;
}
#topmenu.ScrollDown .block .Logo img {
width: 100px;
border: 0px solid red;
}
#topmenu.ScrollDown .block .Right {
margin: 23px 0 0px 0px;
}
#topmenu ul {
display:inline-block;
margin: 0px 0 0 0px;
padding: 0;
list-style-type: none;
border: 0px solid red;
}
#topmenu li {
display: inline;
}
#topmenu li a {
display: inline-block;
margin: 0px 0px 0 0px;
padding: 0px 15px 0px 15px;
font-size: 11pt;
color: #383838;
text-decoration: none;
text-transform: uppercase;
border: 0px solid red;
}
#topmenu li a.notselected {
}
#topmenu li a.selected {
color: #a84541;
font-weight: bold;
text-decoration: underline;
}
#topmenu li a:hover {
}
.topmenuSub {
width: 1200px;
margin: 0px auto 10px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
z-index: -1;
text-align:left;
border: 0px solid red;
}
.topmenuSub .Logo {
display:inline-block;
width: 500px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Logo img {
width: 500px;
}
.topmenuSub .Right {
display: inline-block;
width: 400px;
margin: 0px 0 0px 40px;
padding: 75px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right p {
margin:25px 0 0px 0;
text-align: left;
font-size: 12pt;
line-height:22px;
border: 0px solid red;
}
.topmenuSub .Right2 {
display: inline-block;
float:right;
margin: 0px 20px 0px 0px;
padding: 50px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right2 a:hover {
opacity:0.9;
}
.dropdown {
display: inline-block;
margin: 0px 12px 0 12px;
padding: 0px 0px 0px 0px;
border: 0px solid gray;
color: #000000;
font-size: 100%;
text-decoration: none;
border: 0px solid red;
}
.dropbtn a {
margin: 0 0 0 0;
padding: 5px 8px 10px 8px;
color: #34afbf;
font-size: 10pt;
text-transform: uppercase;
text-decoration:none;
border: 0px solid red;
}
.dropbtn a:hover {
border-bottom: 0px solid #34afbf!important;
}
.Left .dropbtn a {
padding: 5px 14px 10px 14px;
border: 0px solid red;
}
.dropdown.selected {
margin: 0px 5px 0 5px;
background-color: #fff;
color: #34afbf;
}
.dropdown.selected .dropbtn a {
text-decoration: none;
color:#9e7ea6;
border-bottom: 0px solid #34afbf;
}
.dropdown.selected a {
color: #34afbf;
text-decoration: underline;
}
.dropdown a:hover {
border:0px solid red;
}
.dropdown.selected .aanmelden {
text-decoration:none;
font-weight:normal;
color:#fff;
}
.dropdown .aanmelden {
padding: 5px 15px 5px 15px;
background-color: #34afbf;
color: #fff;
border-radius: 8px;
border: 1px solid #34afbf;
box-shadow: 0px 5px 16px #999999;
}
.dropdown .aanmelden:hover {
text-decoration: none;
background-color: rgba(14, 113, 184, 0.8);
}
.dropdown-content {
display: none;
position: absolute;
min-width: 160px;
z-index: 1;
}
.dropdown-content .inner {
margin: 50px 0 0 15px;
padding: 0px 0px 5px 0px;
background-color: #fff;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;*/
border-top: 3px solid #866080;
}
.dropdown-content a {
color: #333333;
padding: 15px 25px 10px 25px !important;
text-decoration: none !important;
text-align: left;
font-size: 10pt;
font-weight: normal;
color:#34afbf;
text-transform: none !important;
display: block;
border-top:1px solid lightgray;
}
.dropdown-content a.selected {
/*background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px;*/
text-decoration: underline!important;
border: 0px solid red;
}
.dropdown-content a:hover {
text-decoration: underline !important;
border-top: 1px solid #9e7ea6;
text-decoration: none !important;
/*background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: left center;*/
}
.dropdown:hover .dropdown-content {
display: block;
}
.BtnAanmelden {
}
#topmenumobile {
display: none;
}
.topmenumobilesub {
display: none;
}
.BannerBlok {
margin:0px 0 50px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok {
width: 1200px;
margin: 0px auto 0px auto;
padding:30px 0 30px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left {
display: inline-block;
vertical-align: top;
width: 700px;
margin: 0 20px 0 50px;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left img {
display: block;
margin: 0 0 5px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left span {
display: block;
color: #34afbf;
font-size: 21pt;
font-weight: bold;
line-height:40px;
margin: 10px 0 0 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right {
display: inline-block;
vertical-align: top;
width: 400px;
margin: 0 0 0 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right .opsomming {
margin: 0 0 25px 0;
padding: 0 0 0 40px;
color: #34afbf;
font-size: 14pt;
font-weight: 700;
background-position:left center;
background-size:25px;
background-repeat:no-repeat;
border: 0px solid red;
}
#breadcrumbnavi {
display:none;
width: 1200px;
margin: 0px auto 0px auto;
padding: 0px 0 0px 0px;
font-size: 13px;
color: #34afbf;
border: 0px solid red;
}
#breadcrumbnavi a {
color: #34afbf;
font-weight: bold;
border: 0px solid red;
}
.BannerBlokSmall {
display:none;
margin: 0px 0 0px 0;
border: 0px solid red;
}
.CoronaMelding {
max-width: 1000px;
border: 5px solid #fff;
background-color: #34afbf;
margin: 0px auto 10px auto;
padding: 30px;
color: #fff;
}
.CoronaMelding p {
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
}
.CoronaMelding p a {
text-decoration: underline;
}
#maincontainer {
border: 0px solid red;
}
#maincontainer .RowClass {
display: block;
border: 0px solid red;
}
#maincontainer .RowClass p {
color: #34afbf;
font-family: LucidaSansRegular;
font-size: 12pt;
line-height: 28px;
border: 0px solid red;
}
#maincontainer .RowClass.Bg {
background-color: #e5f1f5;
}
#maincontainer .RowClass .Holder {
width:1150px;
margin: 0px auto 0px auto;
padding:5px 0 25px 0;
border: 0px solid red;
}
#maincontainer .RowClass .Holder ul {
color: #34afbf;
}
#content {
width: 1200px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome {
margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
#content .MainHome .MenuBtn {
width: 440px;
vertical-align: top;
display: inline-block;
margin: 0 0px 0px 0px;
padding: 10px 50px 10px 95px;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 3px solid #fff;
transition: 0.2s;
}
#content .MainHome .MenuBtn:hover {
border: 3px solid rgba(34, 149, 175, 0.5);
transition: 0.2s;
}
#content .MainHome .MenuBtn.Btn1 {
margin: 0 20px 50px 0px;
padding: 10px 20px 10px 95px;
background-image: url(/images/button1.png);
background-repeat: no-repeat;
background-position:left 20px top 10px;
background-size: 50px;
}
#content .MainHome .MenuBtn.Btn2 {
margin: 0 0px 50px 50px;
padding: 10px 5px 10px 105px;
background-image: url(/images/button2.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 75px;
}
#content .MainHome .MenuBtn.Btn3 {
margin: 0 20px 0px 0px;
padding: 10px 20px 10px 95px;
background-image: url(/images/button3.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 70px;
}
#content .MainHome .MenuBtn.Btn4 {
margin: 0 0px 0px 50px;
padding: 10px 5px 10px 105px;
background-image: url(/images/button4.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 75px;
}
#content .MainHome .MenuBtn div {
min-height: 60px;
margin: 0px 0 0px 0;
display: block;
color: #376d7c;
font-size: 16pt;
border: 0px solid red;
}
#content .MainHome .MenuBtn span {
min-height: 75px;
margin: 0px 0 20px 0;
font-size: 12pt;
color: #3a3030;
display: block;
border: 0px solid red;
}
#content .MainHome .MenuBtn .LeesVerder {
min-height: 10px;
margin: 0px 0 0px 0;
font-size: 12pt;
color: #376d7c;
display: block;
border: 0px solid red;
}
#content .MainHome .Left {
display: inline-block;
vertical-align: top;
width: 830px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Left img {
width: 650px;
border: 0px solid red;
}
#content .MainHome h1 {
margin: 0 0 25px 0;
font-weight: normal;
font-size: 32pt;
text-decoration: none;
text-align: center;
border: 0px solid red;
}
#content .MainHome h1 .span1 {
color: #3a3030;
}
#content .MainHome h1 .span2 {
color: #34afbf;
}
#content .MainHome p {
font-size: 14pt;
text-align: center;
margin: 0px 20px 25px 0;
border: 0px solid red;
}
#content .MainHome .Right {
width:310px;
display: inline-block;
vertical-align: top;
margin: 0 0 0 50px;
padding: 0 0 0 0;
text-align:center;
border: 0px solid red;
}
#content .MainHome .Right h1 {
/*margin-left:35px;*/
font-weight:normal;
font-size:25pt;
}
#content .MainHome .Right p {
margin: 20px 0 25px 0;
padding: 0 0 0 0px;
color: #866080;
font-size: 13pt;
text-align: center;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
border: 0px solid red;
}
#content .MainHome .Right2 {
width: 450px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 50px;
padding: 0 0 0 0;
border: 0px solid red;
}
#content h1 {
margin: 0px 0 20px 0px;
font-size: 22pt;
text-align: left;
border: 0px solid red;
}
.TrainerHolder {
width: 1200px;
margin: 0px auto 100px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align:center;
border: 0px solid red;
}
.Trainer .left img {
width: 180px;
}
.Trainer .right {
width: 450px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer .right span {
display:block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size:20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.Trainer2 {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
margin: -50px 0 0 480px;
}
.Trainer2 .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer2 .left img {
width: 180px;
}
.Trainer2 .right {
width: 450px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer2 .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer2 .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.CursusHolder {
min-height: 500px;
width: 1200px;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.CursusHolder .CursusAanbod {
text-align:center;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 0 5px 0 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.CursusHolder .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.CursusHolder .CursusAanbod .Cursus img {
width:280px;
margin: 0px 0 10px 0;
border:0px solid #fff;
border-radius:8px;
}
.CursusHolder .CursusAanbod .Cursus:hover img {
/*background-color: rgba(14, 113, 184, 0.10);*/
opacity:0.8;
}
.CursusHolder .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow:hidden;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width:250px;
height:60px;
font-size: 14pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width:90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
#content .AanbodInfo {
margin:0 0 50px 0;
border: 0px solid red;
}
#content .AanbodInfo .Left {
display: inline-block;
vertical-align: top;
width: 500px;
border: 0px solid red;
}
#content .AanbodInfo .Left img {
display:block;
width: 500px;
border-radius:8px;
}
#content .AanbodInfo .Left h1 {
text-decoration: none;
margin: 0px 0 25px 0;
padding: 15px 0 15px 0;
font-size: 11pt;
text-align: left;
color:#34afbf;
border-bottom: 1px solid gray;
}
#content .AanbodInfo .Left .LeftInfoRow {
margin: 0 0 10px 0;
padding: 0px 0 0px 0px;
color:gray;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Omsch {
margin: 0 0 0 20px;
padding: 10px 0 10px 40px;
display: inline-block;
vertical-align: top;
width: 225px;
background-image: url(/images/logo-small.png);
background-repeat:no-repeat;
background-position:left center;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Waarde {
display: inline-block;
vertical-align: top;
width: 150px;
padding: 10px 0 10px 0px;
border: 0px solid red;
}
#content .AanbodInfo .Left .DivAanmelden {
display: block;
margin: 75px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodInfo .Left .aanmelden {
display: inline-block;
width: 350px;
margin: 0px 0 0 0;
padding: 5px 15px 5px 15px;
background-color: #fff;
color: #34afbf;
font-size:12pt;
font-weight:bold;
text-align: center;
border-radius: 8px;
border: 1px solid #34afbf;
box-shadow: 0px 5px 16px #999999;
}
#content .AanbodInfo .Left .aanmelden:hover {
text-decoration: none;
color:#fff;
background-color: rgba(14, 113, 184, 0.8);
}
#content .AanbodInfo .Right {
margin:0 0 0 30px;
display: inline-block;
vertical-align: top;
width: 650px;
border: 0px solid red;
}
#content .AanbodInfo .Right h1 {
text-decoration: none;
margin: 0 0 25px 0;
padding: 0 0 15px 0;
font-size: 14pt;
font-style: italic;
text-align: left;
border-bottom: 1px solid gray;
}
#content .AanbodInfo .Right h2 {
text-decoration: none;
margin: 40px 0 10px 0;
padding: 0 0 0px 0;
font-size: 14pt;
color:gray;
font-style:normal;
font-weight:normal;
text-align: left;
}
#content .AanbodInfo .Right p {
margin: 0 0 50px 0;
padding: 0 0 0 0;
text-align:left;
border: 0px solid red;
}
#content .AanbodSelectorBottom {
margin: 50px 0 50px 0;
padding: 0 0 0 0;
text-align:center;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft {
min-height: 100px;
display: inline-block;
vertical-align: top;
width: 150px;
margin: 50px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowleft-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft:hover {
background-image: url(/images/arrowleft.png);
}
#content .AanbodSelectorBottom .Main {
min-height: 100px;
display: inline-block;
vertical-align: top;
width: 750px;
margin: 0px 10px 0px 10px;
padding: 0 0 0 0;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top {
padding: 10px 0px 2px 0;
font-weight:bold;
font-size:11pt;
color: darkgray;
text-align: right;
border-bottom: 2px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top a {
text-decoration: none;
margin: 0 0 0 -4px;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top span {
display: inline-block;
vertical-align: top;
padding: 3px 0px 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top img {
vertical-align: top;
margin: 0px 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Bottom {
margin:25px 0 0 0;
min-height:150px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left {
float:left;
vertical-align: top;
width: 360px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .VorVol {
color: gray;
font-size: 14pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .CurNaam {
margin: 5px 0 0 0;
color: #34afbf;
font-size: 17pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right {
float: right;
vertical-align: top;
width: 360px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .VorVol {
color: gray;
font-size: 14pt;
text-align: right;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .CurNaam {
margin:5px 0 0 0;
text-align: right;
color: #34afbf;
font-size: 17pt;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight {
min-height: 100px;
display: inline-block;
vertical-align: top;
width: 150px;
margin: 50px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowright-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight:hover {
background-image: url(/images/arrowright.png);
}
.OverzichtHor {
min-height: 500px;
width: 1200px;
margin: 50px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 0 5px 0 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.OverzichtHor .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.OverzichtHor .CursusAanbod .Cursus img {
width:280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.OverzichtHor .CursusAanbod .Cursus:hover img {
/*background-color: rgba(14, 113, 184, 0.10);*/
opacity: 0.8;
}
.OverzichtHor .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.AanmeldForm {
margin: 0 0 50px 0;
border: 0px solid red;
}
#contentleft .AanmeldForm h2 {
margin-bottom: 20px;
}
.AanmeldForm .kolom1 {
display: inline-block;
margin: 0 25px 0 10px;
vertical-align: top;
width: 435px;
border: 0px solid red;
}
.AanmeldForm .kolom2 {
display: inline-block;
vertical-align: top;
width: 315px;
border: 0px solid red;
}
.CbRow {
margin: 0 0 25px 0;
border: 0px solid red;
}
.AanmeldForm .CbAanmelden {
padding: 10px;
cursor: pointer;
}
.AanmeldForm .LabelCbAanmelden {
display: inline-block;
vertical-align: top;
width: 275px;
color:gray;
cursor: pointer;
font-size:14pt;
border: 0px solid red;
}
.AanmeldForm .LabelCbAanmelden:hover {
color: #34afbf;
text-decoration: underline;
}
.AanmeldForm .TbxAanmelden {
width: 350px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .TbxAanmeldenSmall {
width: 157px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .Error {
border: 0px solid red;
background-color:rgba(255, 0, 0, 0.1);
}
.AanmeldForm .BtnAanmelden {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 5px 10px 5px 10px;
color: #fff;
font-size: 13pt;
background-color: #34afbf;
cursor:pointer;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmelden.Disabled {
color: #34afbf;
font-size: 13pt;
background-color: #fff;
background-image: url(/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 275px center;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmeldenOpmerking {
min-height:20px;
margin: 100px 0px 0px 0px;
border: 0px solid red;
}
.AanbodOverzicht {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
.AanbodOverzicht .row {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
.scrollToTop {
width: 30px;
height: 20px;
padding: 10px;
text-align: center;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
bottom: 0px;
right: 40px;
display: none;
border-radius: 4px 4px 0 0 ;
background-color: #333;
background-repeat: no-repeat;
background-size: 15px;
background-position: 50% 40%;
background-image: url('images/arrow-up-wit.png');
z-index: 10;
}
.scrollToTop:hover {
text-decoration: none;
background-color: rgba(157,24,191,0.5);
transition:0.2s;
}
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
/* Onderstaande verwijderen als deze niet wordt gebruikt ************************************** */
#TopLine3 {
height: 10px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #34afbf;
border: 0px solid gray;
}
#TopLine4 {
height: 50px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #34afbf;
border: 0px solid gray;
}
#TopBar {
height:40px;
padding: 0 0 0 0px;
vertical-align: top;
text-align: right;
background-color: #b7d8cf;
border: 0px solid red;
}
#TopBar .MediaTop {
width: 1198px;
margin: 0px auto 0px auto;
padding: 0 0 0 0px;
vertical-align: top;
border: 0px solid red;
}
toplogo {
width: 360px;
margin: 0px 0 0 0;
padding: 0 0 0 0px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#toplogoright {
width: 828px;
margin: 0px 0 0 0;
display: inline-block;
vertical-align: top;
text-align: right;
border: 0px solid red;
}
#toplogoright .ContactInfo a {
color: #34afbf;
}
#top {
margin: 0px 0 0 0;
padding: 0 5px 0 0;
font-size: 20pt;
text-align: right;
border: 0px solid gray;
}
#top span {
text-decoration: underline;
}
#BannerBreadCrum {
text-align:center;
margin:125px 0 0 0;
}
#BannerBreadCrum a {
text-align: center;
color: #34afbf;
font-size:14pt;
}
#BannerBreadCrum .KopTxt {
text-align: center;
color: #34afbf;
font-weight:bold;
font-size: 22pt;
}
#topmenumobile {
display: none;
}
.topmenumobilesub {
display: none;
}
#topmenumobile {
display: none;
}
.topmenumobilesub {
display: none;
}
.LogoBlock {
left: 65px;
margin: -40px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
z-index: 20;
}
.LogoBlock img {
border: 0px solid red;
}
.LogoBlock10 {
left: -25px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
z-index: 1;
}
.LogoBlock10 img {
border: 0px solid red;
}
.LogoBlock99 {
left: 175px;
top:10px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
z-index: 100;
}
.LogoBlock99 img {
width: 80px;
border: 0px solid red;
}
#topmenu2 .LogoBlock2 {
margin: 10px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
}
#topmenu2 .LogoBlock2 img {
width:350px;
border: 0px solid red;
}
.WijZoekenVerl {
margin: 20px auto 0px auto;
padding: 50px 0 50px 0;
color: #34afbf;
background-color: rgba(28, 173, 196, 0.10);
text-align:center;
font-size:25pt;
text-decoration:underline;
border: 0px solid red;
}
.WerkGebied {
width: 1200px;
margin: 25px auto 0px auto;
padding: 50px 0 50px 0;
border: 0px solid red;
}
.WerkGebied .Left {
display: inline-block;
vertical-align: top;
width: 600px;
margin: 0px 90px 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Left p {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
color: #3a3030;
font-size: 14pt;
text-align: left;
border: 0px solid red;
}
.WerkGebied .Right {
display: inline-block;
vertical-align: top;
width: 500px;
margin: 75px 0 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Right ul {
margin: 0 0 0 35px;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
width: 210px;
color: #34afbf;
font-size: 18pt;
border: 0px solid red;
}
.WerkGebied .Right ul li {
margin: 0 0 20px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.MainRow {
border: 0px solid red;
}
.MainRow.BgColor {
background-color: #34afbf;
border: 0px solid red;
}
.MainRow .Holder {
width: 1200px;
margin: 0px auto 0px auto;
padding: 20px 0px 30px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
.MainRow .Holder .Vacature {
padding: 10px 0px 10px 0px;
text-align: center;
border: 0px solid red;
}
.MainRow .Holder .Vacature h2 {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
border: 0px solid red;
}
.MainRow .Holder .Vacature h3 {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 20pt;
border: 0px solid red;
}
.MainRow .Holder .Vacature p {
margin: 25px 0 0 0;
text-align: center;
font-size:12pt;
border: 0px solid red;
}
#over-ons h2 {
margin: 25px 0 10px 0;
padding: 10px 0px 10px 0px;
color: #fff;
font-size: 28pt;
text-align: center;
border: 0px solid red;
}
.MainRow .Holder h2 {
margin: 25px 0 20px 0;
padding: 10px 0px 10px 0px;
color: #34afbf;
font-size: 28pt;
text-align:center;
border: 0px solid red;
}
.MainRow .Holder h3 {
margin: 0px 0 -5px 0;
padding: 10px 0px 10px 0px;
color: #34afbf;
font-size: 16pt;
font-weight: normal;
text-transform:none;
border: 0px solid red;
}
.MainRow .Holder p {
margin:0 0 20px 0;
font-size:13pt;
text-align:center;
color:#34afbf;
border: 0px solid red;
}
.MainRow .Left {
display: inline-block;
vertical-align: top;
width: 620px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.MainRow .Left img {
display: block;
width: 550px;
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
box-shadow: -30px 18px 33px 0px rgba(0,0,0,.3);
border: 20px solid #fff;
}
.MainRow .Right {
display: inline-block;
vertical-align: top;
width: 530px;
margin: 0px 0 0px 20px;
padding: 0px 20px 0px 0px;
border: 0px solid red;
}
.MainRow .Right h2 {
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0px;
font-size:16pt;
border: 0px solid red;
}
.MainRow .LeftOpsomming {
display: inline-block;
vertical-align: top;
width: 550px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.MainRow .LeftOpsomming b {
color:#34afbf;
font-size: 14pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 20px 0px;
border: 0px solid red;
}
.MainRow .LeftOpsomming p {
padding: 20px 0 20px 65px;
background-repeat: no-repeat;
background-position: -5px top;
background-size: 60px;
font-size:12pt;
border: 0px solid red;
}
#over-ons strong {
color: #fff;
font-size: 14pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 20px 0px;
border: 0px solid red;
}
#over-ons p {
display: block;
vertical-align: top;
padding: 20px 30px 0px 65px;
background-repeat: no-repeat;
background-position: -5px top;
background-size: 60px;
font-size: 12pt;
color: #fff;
border: 0px solid red;
}
#ons-team {
text-align: center;
border: 0px solid red;
}
#ons-team p {
vertical-align: top;
margin: 20px 10px 25px 10px;
padding: 0 0 0 0;
text-align:left;
border: 0px solid red;
}
#ons-team p img {
vertical-align: top;
padding: 125px 25px 50px 25px;
color: #fff;
background-color: #34afbf;
border: 0px solid red;
box-shadow: -3px 3px 10px 0px rgba(0,0,0,.3);
}
.MainRow .RightOpsomming {
display: inline-block;
vertical-align: top;
width: 550px;
margin: 0px 0 0px 90px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.MainRow .RightOpsomming b {
font-size: 14pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 20px 0px;
border: 0px solid red;
}
.MainRow .RightOpsomming p {
padding: 20px 0 20px 65px;
background-repeat: no-repeat;
background-position: -5px top;
background-size: 60px;
font-size: 12pt;
color: #34afbf;
border: 0px solid red;
}
#PnlCorona {
border: 0px solid red;
}
#PnlCorona .CoronaHolder {
width: 1200px;
margin: 20px auto 20px auto;
padding: 20px 0px 20px 0px;
font-size: 10pt;
line-height: 23px;
text-align:center;
border: 0px solid red;
}
#PnlCorona h2 {
margin: 10px 0 20px 0;
padding: 10px 0px 10px 0px;
text-align: center;
color: #34afbf;
font-size: 24pt;
font-weight: normal;
border: 0px solid red;
}
#PnlCorona p {
display:inline-block;
color: #34afbf;
width:900px;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#PnlCorona p strong {
font-size:14pt;
color: #34afbf;
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: block;
border: 0px solid red;
}
#PnlCorona .Corona {
display: inline-block;
vertical-align: top;
margin: 0px 50px 0 145px;
padding-top: 30px;
width: 90px;
height: 60px;
font-size: 16pt;
text-decoration:none;
text-align: center;
background-color: #9e7ea6;
color: #fff;
border-radius: 50px;
border: 3px solid #34afbf;
}
#PnlCorona .Corona:hover {
background-color: rgba(158, 126, 166, 0.9);
}
#PnlCorona .Left {
display:inline-block;
vertical-align:top;
width:550px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#PnlCorona .Left span {
color: #34afbf;
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: block;
border: 0px solid red;
}
#PnlCorona .Right {
display: inline-block;
vertical-align: top;
width: 550px;
margin: 0px 0 0px 90px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#PnlContact {
border: 0px solid red;
}
#PnlContact .ContactHolder {
width: 1200px;
margin: 50px auto 50px auto;
padding: 20px 0px 50px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#PnlContact .ContactHolder span {
display: block;
margin: 20px 0 3px 0;
font-size:11pt;
color: #626262;
}
#PnlContact .ContactHolder .Tbxcontact {
width: 500px;
color: #90b5ac;
padding: 15px 0 15px 15px;
border: 1px solid #ebebeb;
}
#PnlContact .ContactHolder .BtnContact {
margin: 20px 0 0 0;
padding: 10px 50px 10px 50px;
color: #34afbf;
font-size: 11pt;
cursor: pointer;
background-color: #fff;
text-transform: uppercase;
border: 2px solid #ebebeb;
}
#PnlContact .ContactHolder .BtnContact.AjaxLoader {
background-image: url(/images/ajax-loader-trans.gif);
background-position:right 10px center;
background-repeat:no-repeat;
color:lightgray;
}
#PnlContact .ContactHolder .BtnContact.AjaxLoader:hover {
color: lightgray;
}
#PnlContact .ContactHolder .BtnContact:hover {
border: 2px solid #bad8ce;
}
#PnlContact h2 {
margin: 10px 0 20px 0;
padding: 10px 0px 10px 0px;
text-align: center;
color: #34afbf;
font-size: 24pt;
font-weight: normal;
border: 0px solid red;
}
#PnlContact .Left {
display: inline-block;
vertical-align: top;
width: 550px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#PnlContact .Right {
display: inline-block;
vertical-align: top;
width: 550px;
margin: 0px 0 0px 90px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#KwaliteitDiv {
width:1200px;
margin: 0px auto 0px auto;
padding: 25px 0px 35px 0px;
border: 0px solid red;
}
#KwaliteitDiv a {
display:inline-block;
vertical-align:top;
margin: 0 0px 0 0;
text-align:center;
}
#KwaliteitDiv .imgLogo {
height: 100px;
margin: 0px 0px 10px 0;
}
#KwaliteitDiv .img1 {
height: 45px;
margin: 0px 0px 0 0;
}
#KwaliteitDiv .img10 {
vertical-align:top;
height: 75px;
margin: 0px 10px 0 0;
}
#KwaliteitDiv .img11 {
vertical-align: top;
height: 60px;
margin: 0px 10px 0 0;
}
#KwaliteitDiv a .img2 {
height: 75px;
margin: 0px 0px 0 0px;
}
#KwaliteitDiv .Left {
display: inline-block;
vertical-align: top;
width: 200px;
margin: 0px 0 0 75px;
padding: 0 0 0 0;
text-align: center;
}
#KwaliteitDiv .Midden {
display: inline-block;
vertical-align: top;
width: 585px;
margin: 10px 0px 0 20px;
padding: 0 0 0 0;
text-align: right;
}
#KwaliteitDiv .Midden p {
color: #4d4d4c;
font-size:9pt;
}
#KwaliteitDiv .Right {
display: inline-block;
float:right;
vertical-align: top;
width: 300px;
margin: 0px 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
#Banner {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0 0 0;
background-color: #34afbf;
background-image: url(/images/banner-top-1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#Banner .Content {
width: 1230px;
height: 600px;
margin: 0px auto 0px auto;
padding: 0px 0 0 0;
border: 0px solid #fff;
}
#Banner .Content .CoronaBtnHolder {
margin: 0px 0 0 0;
padding: 50px 25px 25px 0;
text-align: right;
border: 0px solid red;
}
#Banner .Content .CoronaBtnHolder .Corona {
display: inline-block;
vertical-align: top;
margin: 0px 50px 0 0px;
padding-top: 45px;
width: 115px;
height: 70px;
font-size: 18pt;
text-align: center;
background-color: #9e7ea6;
color: #fff;
vertical-align: top;
text-decoration:none;
font-style:italic;
border-radius: 250px;
border: 2px solid #fff;
}
#Banner .Content .CoronaBtnHolder .Corona:hover {
background-color: rgba(158, 126, 166, 0.9);
}
#Banner .Content .MainTxt {
display: inline-block;
vertical-align: top;
width:750px;
margin: 0px 0 0 50px;
padding: 0 0 0 0;
color: #fff;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub1 {
vertical-align: top;
margin: 0px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 26pt;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub2 {
vertical-align: top;
margin: 0px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 22pt;
border: 0px solid red;
font-style: italic;
}
#Banner .Content #InfoPageh1 {
margin: -60px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
text-align:center;
font-size:70pt;
text-transform:uppercase;
font-weight:bold;
letter-spacing:5px;
border: 0px solid red;
}
#Banner .Content .BtnHolder {
display: inline-block;
vertical-align: top;
margin: -50px 0 100px 75px;
padding: 0 0 0 0;
height:350px;
color: #fff;
background-color:#34afbf;
font-size: 32pt;
text-align: center;
border: 2px solid #fff;
}
#Banner .Content .BtnHolder h2 {
margin: 40px 50px 20px 50px;
color: #fff;
font-size: 18pt;
letter-spacing: -2px;
border: 0px solid #fff;
}
#Banner .Content .BtnHolder a {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 15px 25px 15px 25px;
font-size: 18pt;
font-family: LatoLight;
background-color: #9e7ea6;
color: #fff;
text-decoration: none;
letter-spacing: -1px;
border-radius: 5px;
}
#Banner .Content .BtnHolder a:hover {
background-color: rgba(158, 126, 166, 0.8);
}
#Banner .Content .BtnHolder .Sub1 {
margin: 40px 25px 10px 25px;
padding: 0 0 10px 0;
color: #fff;
font-size: 24pt;
letter-spacing: -1px;
font-family: LatoRegular;
border-bottom: 1px solid #fff;
}
#Banner .Content .BtnHolder .Sub2 {
margin: 0px 0 0px 0;
padding: 0 0 10px 0;
color: #fff;
font-size: 18pt;
font-family: LatoLight;
letter-spacing: -1px;
border: 0px solid #fff;
}
#BannerBottom {
width: 100%;
height: 500px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
background-color: #34afbf;
background-image: url(/images/banner-bottom-52.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#BannerBottom .Content {
width: 1230px;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
color:#fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt {
width:475px;
margin: 60px 0 0px 100px;
padding: 0px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt span {
display:block;
font-size: 20pt;
margin: 0px 0 0px 0px;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt i {
display: block;
font-size: 18pt;
margin: 0px 0 20px 0px;
border: 0px solid red;
}
#BannerBottom .Content .BtnHolder a {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 5px 30px 5px 30px;
font-size: 16pt;
background-color: #9e7ea6;
color: #fff;
text-decoration: none;
text-transform: uppercase;
border: 3px solid #34afbf;
border-radius: 5px;
}
#BannerBottom .Content .BtnHolder a:hover {
background-color: rgba(158, 126, 166, 0.8);
}
#MainButtons {
width: 1198px;
margin: 50px auto 50px auto;
padding: 0 0px 0 0px;
background-color: #fff;
text-align: center;
border: 0px solid #445157;
}
#MainButtons .blok {
display: inline-block;
vertical-align:top;
width: 500px;
height: 100px;
margin: 0px 20px 20px 20px;
padding: 20px;
background-color: #34afbf;
color:#fff;
text-align: center;
border: 5px solid #9bc189;
}
#MainButtons .blok:hover {
text-decoration: none;
background-color: #9bc189;
border: 5px solid #34afbf;
}
#MainButtons .blok h6 {
color:#fff;
font-size:24pt;
font-weight:normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#MainButtons .blok p {
color: #fff;
font-size:12pt;
margin: 10px 30px 0 30px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Templ1DivLeft {
width:700px;
display:inline-block;
vertical-align:top;
border: 0px solid red;
}
.Templ1DivRight {
width: 480px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
.Templ1DivRight p {
margin: 0 0 20px 0;
padding: 10px 0 10px 40px;
color: #26328c;
font-size: 12pt;
font-weight:bold;
background-repeat:no-repeat;
background-size:30px;
background-position:5px center;
border: 0px solid red;
}
#content ul {
margin: 10px 0 30px 80px;
padding: 0;
list-style: none;
color: #9d9d9d;
font-size: 17px;
}
#content li:before {
content: "• ";
color: #34afbf;
}
#contentleft {
min-height:350px;
margin: 0 0 0px 0px;
padding: 0px 0px 0 0px;
display: inline-block;
vertical-align: top;
text-align:left;
border: 0px solid red;
}
#contentleft .AanmeldenMobile {
display: none;
}
#contentleft h1 {
margin: 40px 0 40px 0px;
padding: 0;
color: #34afbf;
font-size: 28pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft h2 {
margin: 40px 0 10px 0px;
padding: 0;
color: #34afbf;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft p {
margin: 0px 0px 30px 0px;
padding: 0;
color: gray;
font-size: 16px;
text-align:left;
border: 0px solid gray;
}
#contentleft a {
color: #34afbf;
text-decoration: underline;
font-size: 16px;
}
#contentleft a.notselected {
text-decoration: underline;
}
#contentleft a.selected {
text-decoration: underline;
}
#contentleft a:hover {
text-decoration: none;
}
#contentleft ul {
margin: 0 0 30px 10px;
padding: 0 0 0 0;
color: #34afbf;
border: 0px solid gray;
list-style: none;
}
#contentleft li {
margin: 0px 0 0px 0;
padding: 0 0 0 0;
}
#contentleft li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
content: "• ";
}
#contentleft img {
float:right;
max-width:350px;
margin: 0px 0 0 0;
padding: 0 0 20px 20px;
}
#contentleft a img {
float: none;
max-width: 350px;
margin: 0px 0 0 0;
padding: 5px 5px 0px 0px;
}
#contentright {
display:none;
width: 350px;
margin: 0 0 0 0px;
padding: 0px 0px 0 0;
/*display: inline-block;*/
vertical-align: top;
text-align:left;
border: 0px solid red;
}
#contentright p {
margin: 0 0 10px 10px;
padding: 0 0 0 0;
text-align:left;
border: 0px solid gray;
}
#contentright h1 {
margin: 40px 0 20px 10px;
padding: 0;
color: #34afbf;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-decoration:none;
text-align:left;
}
#contentright h2 {
margin: 20px 0 0px 0px;
padding: 0;
color: #fff;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
}
#contentright h3 {
margin: 55px 0 10px 50px;
padding: 15px 0 10px 45px;
padding: 0;
color: #34afbf;
font-size: 18pt;
font-weight: bold;
text-transform: none;
border: 0px solid red;
}
#contentright h3 a {
color: #34afbf;
font-size: 18pt;
font-weight: bold;
text-transform: none;
border: 0px solid red;
}
#contentright h3.selected {
margin: 40px 0 0px 25px;
padding: 15px 0 10px 45px;
text-decoration: underline;
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 30px;
text-decoration: underline;
color: #34afbf;
border: 0px solid red;
}
#contentright a {
color: #34afbf;
margin: 0px 0 50px -25px;
padding: 15px 0 10px 45px;
text-decoration: none;
font-size: 14pt;
border: 0px solid red;
}
#contentright a.notselected {
text-decoration: none;
}
#contentright a.selected {
text-decoration: underline;
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px;
text-decoration: underline;
border: 0px solid red;
}
#contentright a:hover {
text-decoration: underline;
}
#contentright .TbxCssMailInput {
width: 316px;
height: 25px;
margin: 0 0 10px 10px;
padding: 2px 0px 2px 10px;
font-size: 12pt;
color: #34afbf;
border: 2px solid #009fe3;
}
#contentright .BtnAlgemeen {
margin: 0px 0px 0px 10px;
padding: 4px 15px 4px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #009fe3;
border-radius: 3px;
border: 1px solid #009ee0;
}
#contentright ul {
margin: 0 0 50px 0px;
padding: 0 0px 0 0;
font-size: 17px;
border: 0px solid gray;
}
#contentright li {
margin: 0 0 0 0;
padding: 10px 0 5px 60px;
border: 0px solid gray;
text-indent: -11px;
list-style: none;
}
#contentright li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
content: "";
}
.Hplinschrijven {
display: block;
width: 265px;
text-align: center;
margin: 100px 0 20px 0!important;
border: 0px solid gray!important;
}
.btninschrijven {
width: 250px;
margin: 0 0 0px 0px;
padding: 10px 5px 8px 5px;
color: #34afbf;
font-size: 12pt;
text-align: center;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
border: 2px solid #34afbf;
border-radius: 10px;
}
.btninschrijvensubtxt {
width: 285px;
font-size: 9pt;
margin: 5px 0 0 -10px;
font-weight: bold;
color: #34afbf;
border: 0px solid gray;
}
.VerlInfoInsch {
width:1198px;
margin: 0 auto 100px auto;
text-align: center;
border: 0px solid red;
}
#MainVerlInfo {
display: block;
vertical-align: top;
text-align: center;
border: 0px solid red;
}
#MainVerlInfo h2 {
border: 0px solid red;
}
#MainVerlInfo .VerlTop {
margin: 20px 0 20px 0;
border: 0px solid red;
}
#MainVerlInfo .VerlLogoLeft {
display: inline-block;
margin: 5px 0 0 0;
vertical-align: top;
width: 400px;
text-align: left;
border: 0px solid red;
}
#MainVerlInfo .VerlLogoLeft img {
margin: 10px 0 0 0px;
width: 400px;
border: 0px solid red;
}
#MainVerlInfo .VerlTxtright {
margin: 0px 75px 0 0px;
padding: 20px 0 0 0px;
display: inline-block;
vertical-align: top;
width: 650px;
text-align: left;
border: 0px solid red;
}
#MainVerlInfo .VerlTxtright p {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
color: #3a3030;
font-size: 14pt;
text-align: left;
border: 0px solid red;
}
#MainVerlInfo .VerlTxtright p a {
text-decoration:underline;
}
#MainVerlInfo .VerlBottom {
margin: 0px auto 0px auto;
font-weight: bold;
border: 0px solid red;
}
#MainVerlInfo .VerlBottom p {
font-size: 11pt;
}
#InschrijvenMain {
display: inline-block;
vertical-align: top;
width: 400px;
text-align: left;
margin: 0px auto 0px 75px;
padding: 0 20px 0 0;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft {
text-align:left;
color: #34afbf;
margin: 0px 0px 20px 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft h2 {
margin: 50px 0px 20px 0px;
text-align: left;
color: #34afbf;
text-decoration: none;
font-style: normal;
font-size: 24pt;
font-weight: bold;
}
#InschrijvenMain .MainHplinschrijvenLeft p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
font-size: 11pt;
color: #767676
}
#InschrijvenMain .MainHplinschrijvenBottom {
margin:0 0 0 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijven {
display: inline-block;
width: 350px;
text-align: center;
color: #34afbf;
margin: 0px 0 0px 0px;
border: 0px solid red;
}
#InschrijvenMain .Mainbtninschrijven {
display: block;
margin: 0 0 0px 0px;
padding: 10px 5px 8px 5px;
color: #fff;
background-color: #34afbf;
font-size: 18pt;
text-align: center;
border: 2px solid #34afbf;
border-radius: 10px;
}
#InschrijvenMain .Mainbtninschrijvensubtxt {
display: block;
font-size: 10pt;
font-weight:bold;
margin: 5px 0 0 0px;
color: #34afbf;
}
.BtnInschrijvenTopMenu {
color: #fff !important;
font-size:12pt!important;
margin: 0 0px 0 0 !important;
padding: 5px 15px 5px 15px !important;
background-color: #34afbf;
border-radius: 3px;
text-transform:none!important;
border: 2px solid #34afbf !important;
}
.BtnInschrijvenTopMenu:hover {
background-color: rgba(34, 149, 175, 0.9);
border: 2px solid #34afbf !important;
}
.BtnInschrijvenTopMenu2 {
display:none!important;
color: #fff !important;
font-size: 12pt !important;
margin: 0 0px 0 0 !important;
padding: 5px 15px 5px 15px !important;
background-color: #34afbf;
border-radius: 3px;
text-transform: none !important;
border: 2px solid #34afbf !important;
}
.BtnInschrijvenTopMenu2:hover {
background-color: rgba(34, 149, 175, 0.9);
border: 2px solid #34afbf !important;
}
.notselectedinschrijven {
color: #fff !important;
background-color: #34afbf !important;
border: 10px solid #34afbf !important;
}
#map {
width: 100%;
height: 450px;
background-color: grey;
border-top: 2px solid #34afbf;
border-bottom: 2px solid #34afbf;
/*z-index:-99;*/
}
.Footer {
margin: 0px auto 0px auto;
padding: 10px 0 50px 0;
background-color: #817b80;
color: #f2f0eb;
border: 0px solid red;
}
.FooterContent2 {
width: 1198px;
margin: 30px auto 0px auto;
padding: 0px 0px 0 0px;
text-align: center;
color: #34afbf;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 {
width: 250px;
min-height: 200px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0 0px;
padding: 0px 30px 0 0px;
text-align: left;
border: 1px solid yellow;
}
.FooterContent2 .Footerblok2 .kop {
padding: 15px 0px 20px 5px;
font-weight: bold;
color: #34afbf;
border-bottom: 0px solid #fff;
}
.FooterContent2 .Footerblok2 .content {
font-size:14px;
padding: 0px 0px 0px 15px;
}
.FooterContent2 .Footerblok2 a {
color: #34afbf;
}
.FooterContent2 .Footerblok2 .RightTop {
width:275px;
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .left {
display:inline-block;
vertical-align:top;
width: 40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right {
display: inline-block;
vertical-align: top;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:10pt;
font-weight:normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right p {
display: inline-block;
vertical-align: top;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#fff;
font-size: 16px;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom {
width: 275px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-size:14pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom .kop {
width: 100%;
margin: 15px 0px 5px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom a {
color: #34afbf;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
border: 0px solid red;
}
.FooterSub {
background-color: rgba(53, 39, 131, 0.80);
text-align: center;
color: #fff;
padding: 10px 0 10px 0;
font-size: 10pt;
}
.FooterContent {
width: 1198px;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
color: #fff;
border: 10px solid red;
}
.FooterContent p {
margin: 50px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align:left;
color:#fff;
border: 0px solid red;
}
.FooterContent a {
color: #fff;
}
.FooterContent h3 {
margin: 20px 0 10px 0;
padding:20px 0 0 0;
color: #fff;
font-size: 16pt;
text-transform: none;
border: 0px solid red;
}
.FooterContent .h3kwaliteit {
}
.FooterContent .Footerblok1 {
border: none;
width: 500px;
margin: 50px 0 0 0;
min-height: 350px;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0 30px;
border: 0px solid red;
}
.FooterContent .Footerblok1 .FooterLogo {
display: block;
text-decoration: none;
border: 0px solid red;
}
.FooterContent .Footerblok1 .FooterLogo .FooterLogoTxtSpan {
display: inline-block;
font-size:22pt;
text-decoration: none;
border: 0px solid red;
}
.FooterContent .Footerblok2 {
width: 300px;
min-height: 350px;
display: inline-block;
vertical-align: top;
margin: 50px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok2 p {
margin: 5px 0 0 0;
padding: 0 0 0 0;
color: #bad8ce;
font-size: 10pt;
text-align: left;
border: 0px solid gray;
}
.FooterContent .Footerblok2 ul {
margin: 30px 0 75px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li {
list-style: none;
padding: 10px 0 5px 0;
font-size: 12pt;
text-align: left;
color:#fff;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li a {
color: #fff;
font-size: 11pt;
}
.FooterContent .Footerblok {
width: 350px;
min-height: 350px;
display: inline-block;
vertical-align: top;
margin: 50px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok h3 {
margin: 20px 0 40px 0;
padding: 20px 0 0 0;
border: 0px solid red;
}
.FooterContent .Footerblok p {
margin: 0px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: left;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok ul {
margin: 15px 0 75px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li {
list-style: none;
padding: 0 0 5px 0;
color: #bad8ce;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li a {
color: #bad8ce;
font-size: 14pt;
}
.FooterContent .Footerblok .LinkOndInsch {
margin:0 0 0 25px;
border: 0px solid #fff;
}
.FooterContent .Footerblok a {
color: #fff;
text-decoration:underline;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons {
display: inline-block;
margin: 0 0 5px 0;
color: #fff;
font-size: 12pt;
border: 0px solid red;
}
.FooterContent .Footerblok a.ContactIcons:hover {
text-decoration: none;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons div {
display: inline-block;
vertical-align: top;
margin: 10px 0 0 10px;
color: #fff;
font-size: 13pt;
border: 0px solid #fff;
}
.FooterKwaliteit {
width: 1200px;
margin: 0px auto 20px auto;
padding: 20px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
.FooterKwaliteit a {
display: inline-block;
vertical-align: middle;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
#Banner.bannerbgimginfo {
margin-bottom: 50px;
background-image: url(/images/banner-top-1.jpg);
height: 350px;
background-color: #000000;
}
#Banner.bannerbgimginfo .MainTxt {
margin:100px 0 0 0;
font-size:42pt;
border:0px solid red;
}
#contentleftcms {
width: 350px;
margin: 0 0 0 0;
padding: 40px 0 0 0px;
display: inline-block;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
border: 0px solid red;
}
#contentleftcms h1 {
margin: 40px 0 5px 80px;
padding: 0;
color: #34afbf;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentleftcms h2 {
margin: 20px 0 20px 0px;
padding: 0;
color: #34afbf;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
text-decoration: underline;
border: 0px solid red;
}
#contentleftcms a {
color: #34afbf;
text-decoration: none;
font-size: 16px;
}
#contentleftcms a.notselected {
color: #34afbf;
text-decoration: none;
}
#contentleftcms a.selected {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms a:hover {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms ul {
margin: 0 0 0 0px;
padding: 0 0 0 0;
list-style: none;
color: #9b80a1;
font-size: 16px;
}
#contentleftcms li {
margin: 10px 0 20px 0;
padding: 0 0 0 0;
}
#contentleftcms li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
content: "";
}
#contentrightcms {
width: 781px;
margin: 50px 0 0 -5px;
padding: 0 0 0 0;
display: inline-block;
background-color: rgba(255, 255, 255, 0.5);
vertical-align: top;
border: 0px solid red;
}
#contentrightcms h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #34afbf;
font-size: 22pt;
font-weight: normal;
letter-spacing: -1px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}
#contentrightcms h2 {
margin: 20px 0 10px 0px;
padding: 0;
color: #34afbf;
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
}
#contentrightcms a {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.notselected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.selected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a:hover {
color: #009ee0;
text-decoration: none;
}
#contentrightcms ul {
margin: 0 0 30px 20px;
padding: 0 80px 0 0;
border: 0px solid gray;
font-size: 17px;
}
#contentrightcms li {
margin: 0 0 0 0;
padding: 0 0 5px 11px;
border: 0px solid gray;
text-indent: -11px;
}
#contentrightcms li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentrightcms p {
margin: 0 0 30px 0px;
padding: 0 0px 0 0;
color: #000;
text-align: left;
font-size: 17px;
border: 0px solid red;
}
/* Intranet ************************************************************************************************************ */
/* Intranet ************************************************************************************************************ */
/* Intranet ************************************************************************************************************ */
#contentrightcms .AgendaItemTop {
margin: 0 0 0 0px;
padding: 2px 0 2px 0;
cursor: pointer;
border-bottom: 1px solid gray;
}
#contentrightcms .AgendaItemTop .RowLeft {
margin: 0 0 0 0;
padding: 2px 0 2px 0;
border: 0px solid gray;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .AgendaItemTop .RowLeft h2 {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentrightcms .AgendaItemTop .RowRight {
width: 48px;
height: 20px;
margin: 0 0 0px -5px;
padding: 0px 0 0px 0;
border: 0px solid gray;
display: inline-block;
float: right;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .AgendaItemContent {
display: none;
border: 0px solid gray;
margin: 2px 0 0 0;
padding: 5px 0 25px 0px;
border: 0px solid red;
}
#contentrightcms .ScholingItemTop {
margin: 0 0 0 0px;
padding: 2px 0 2px 0;
cursor: pointer;
border-bottom: 1px solid gray;
}
#contentrightcms .ScholingItemTop .RowLeft {
margin: 0 0 0 0;
padding: 2px 0 2px 0;
border: 0px solid gray;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .ScholingItemTop .RowLeft h2 {
border: 0px solid gray;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentrightcms .ScholingItemTop .RowRight {
width: 48px;
height: 20px;
margin: 0 0 0px -5px;
padding: 0px 0 0px 0;
border: 0px solid gray;
display: inline-block;
float:right;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .ScholingItemContent {
display: none;
border: 0px solid gray;
margin: 2px 0 0 0;
padding: 5px 0 25px 0px;
border: 0px solid red;
}
#contentrightcms .WerkOverlegItemTop {
height: 18px;
margin: 0 0 5px 0px;
padding: 2px 0px 5px 0;
border-bottom: 1px solid gray;
vertical-align: top;
overflow: hidden;
}
#contentrightcms .WerkOverlegItemTop .RowLeft {
height: 18px;
margin: 0 0 5px -5px;
padding: 4px 0 2px 0;
border-bottom: 1px solid gray;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
padding: 2px 0 2px 0;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .WerkOverlegItemTop .RowLeft h2 {
border: 0px solid gray;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentrightcms .WerkOverlegItemTop .RowRight {
width: 48px;
height: 20px;
margin: 0 0 0px -5px;
padding: 0px 0 0px 0;
border: 0px solid gray;
display: inline-block;
float: right;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .NieuwsItemTop {
border-bottom: 1px solid gray;
margin: 0 0 0 0px;
padding: 2px 0 2px 0;
}
#contentrightcms .NieuwsItemTop .RowLeft {
height: 18px;
margin: 0 0 5px -5px;
padding: 4px 0 2px 0;
border-bottom: 1px solid gray;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
padding: 2px 0 2px 0;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .NieuwsItemTop .RowLeft h2 {
border: 0px solid gray;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentrightcms .NieuwsItemTop .RowRight {
width: 48px;
height: 20px;
margin: 0 0 0px -5px;
padding: 0px 0 0px 0;
border: 0px solid gray;
display: inline-block;
float: right;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .NieuwsItemContent {
display: none;
border: 0px solid gray;
margin: 2px 0 0 0;
padding: 5px 0 25px 0px;
border: 0px solid red;
}
#contentrightcms .DivDocProt {
border: 0px solid red;
}
#contentrightcms .DivDocProt h2 {
cursor: pointer;
padding: 5px;
border: 1px solid #009ab2;
}
#contentrightcms .DivDocProt .RowLeft {
display: inline-block;
text-align: left;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .RowRight {
padding:1px 0 1px 0;
display: inline-block;
vertical-align: top;
float:right;
border: 0px solid red;
}
#contentrightcms .DivDocProt .RowRight span {
font-size: 12px;
text-transform: lowercase;
border-bottom: 1px solid #009ab2;
}
#contentrightcms .DivDocProt .UserInhoud {
margin: 0 0 0px 0px;
display: none;
border-right: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
border-left: 1px solid #34afbf;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 10px;
vertical-align: top;
border: 0px solid #34afbf;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivLeft {
display: inline-block;
padding: 2px 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivRight {
margin:0 10px 0 0;
display: inline-block;
float:right;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivRightAjaxLoader {
display: inline-block;
width: 25px;
padding: 3px 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivDownloadDocProLink {
display: inline-block;
width: 625px;
padding: 2px 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro:hover {
background-color: #34afbf;
color: #fff;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DownloadDocProLink {
color: #34afbf !important;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro:hover .DownloadDocProLink {
color: #fff !important;
}
#contentrightcms .DivDocProt .UserKop {
margin: 10px 0 0 0;
cursor: pointer;
padding: 5px;
border: 1px solid #34afbf;
}
.BtnVerwDocPro {
margin: 0px 0px 0px 0px;
padding: 3px 10px 3px 10px;
vertical-align: top;
font-size: 8pt;
color: #ffffff;
background-color: #34afbf;
cursor: pointer;
border-radius: 2px;
border: 1px solid #fff;
}
#contentrightcms .Dec {
margin: 0 0px 0px 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid gray;
}
#contentrightcms .Dec .DecNaam {
display: inline-block;
height: 20px;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .Dec .DecNaam1 {
float: right;
display: inline-block;
height: 20px;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .Dec .DecNaam2 {
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
/* Intranet ************************************************************************************************************ */
/* Intranet ************************************************************************************************************ */
/* Intranet ************************************************************************************************************ */
.CmsHolderMenuButtonMobile {
display:none;
}
/* @media 320 px breed ************************************************************************************************************ */
@media (min-width: 320px) and (max-width: 760px) {
.BtnVerwDocPro {
display:none;
}
#Banner .Content .CoronaBtnHolder {
display: none;
border: 0px solid red;
}
#maincontainer .RowClass .Holder {
width: 90%;
margin: 0px auto 0px auto;
padding: 5px 0 25px 0;
border: 0px solid red;
}
#Banner .Content #InfoPageh1 {
margin: 60px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
text-align: center;
font-size: 30pt;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 5px;
border: 0px solid red;
}
#Banner.bannerbgimginfo {
margin-bottom: 0px;
height: 200px;
background-color: #000000;
}
#BannerBottom {
width: 100%;
height: 250px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
background-color: #34afbf;
background-image: url(/images/banner-bottom-52.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#BannerBottom .Content {
width: 300px;
margin: 0px auto 0px 20px;
padding: 20px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt {
width: 175px;
margin: 0px 0 0px 0px;
padding: 0px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt span {
display: block;
font-size: 12pt;
margin: 0px 0 0px 0px;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt i {
display: block;
font-size: 10pt;
margin: 0px 0 10px 0px;
border: 0px solid red;
}
#BannerBottom .Content .BtnHolder a {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 5px 15px 5px 15px;
font-size: 10pt;
background-color: #9e7ea6;
color: #fff;
text-decoration: none;
text-transform: uppercase;
border: 3px solid #34afbf;
border-radius: 5px;
}
#BannerBottom .Content .BtnHolder a:hover {
background-color: rgba(158, 126, 166, 0.8);
}
#PnlContact .ContactHolder .Tbxcontact {
width: 250px;
color: #90b5ac;
padding: 15px 0 15px 15px;
border: 1px solid #ebebeb;
}
#maincontainertop .TopBarr {
display: none;
border: 0px solid red;
}
.MainRow .Holder {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0px 10px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
.MainRow .Holder h2 {
margin: 25px 0 20px 0;
padding: 10px 0px 10px 0px;
color: #34afbf;
font-size: 24pt;
font-weight: normal;
line-height: 40px;
border: 0px solid red;
}
#PnlCorona .CoronaHolder {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#PnlCorona .Corona {
display: inline-block;
vertical-align: top;
margin: 0px 0px 25px 0px;
padding-top: 30px;
width: 90px;
height: 60px;
font-size: 16pt;
text-align: center;
background-color: #9e7ea6;
color: #fff;
border-radius: 50px;
border: 3px solid #34afbf;
}
#PnlCorona h2 {
margin: 10px 0 20px 0;
padding: 10px 0px 10px 0px;
text-align: center;
color: #34afbf;
font-size: 24pt;
font-weight: normal;
border: 0px solid red;
}
#PnlCorona p {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 30px 25px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#PnlCorona p b {
color: #34afbf;
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: block;
border: 0px solid red;
}
#Banner .Content {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
border: 0px solid red;
}
#Banner .Content {
height:550px;
border: 0px solid red;
}
#Banner .Content .MainTxt {
display: block;
vertical-align: top;
width: 90%;
margin: 20px auto 0 auto;
padding: 0 0 0 0;
color: #fff;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub1 {
vertical-align: top;
padding: 0 0 0 0;
color: #fff;
font-size: 24pt;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub2 {
vertical-align: top;
margin: 10px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 14pt;
border: 0px solid red;
font-style: italic;
}
#Banner .Content .BtnHolder {
width:75%;
height:auto;
display: block;
vertical-align: top;
margin: 30px auto 0 auto;
padding: 0 0px 20px 0;
color: #fff;
font-size: 32pt;
text-align: center;
border: 2px solid #fff;
}
#Banner .Content .BtnHolder h2 {
margin: 20px 0 20px 0;
padding: 0 0px 0 0;
width:100%;
border: 0px solid #fff;
}
#Banner .Content .Corona {
display: block;
vertical-align: top;
margin: -120px 50px 0 5px;
padding-top: 30px;
width: 90px;
height: 60px;
font-size: 16pt;
text-align: center;
background-color: #34afbf;
color: #fff;
border-radius: 50px;
border: 3px solid #34afbf;
}
#KwaliteitDiv .Left {
display: block;
vertical-align: top;
width: 100%;
margin: 0px auto 0 auto;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
#KwaliteitDiv .Midden {
display: inline-block;
vertical-align: top;
width: 95%;
margin: 20px 0px 0 0px;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
#KwaliteitDiv .Midden p {
text-align: center;
}
#KwaliteitDiv .Right {
display: block;
vertical-align: top;
width: 100%;
margin: 0px auto 0 auto;
padding: 0 0 0 0;
text-align: center;
float: none;
border: 0px solid red;
}
#PnlContact .ContactHolder {
width: 95%;
margin: 50px auto 50px auto;
padding: 20px 0px 50px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#onze-kracht strong {
display: block;
color: #34afbf;
font-size: 14pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 0px 0 0px 60px;
border: 0px solid red;
}
#onze-kracht p {
display: block;
width: 100%;
vertical-align: top;
padding: 20px 0px 20px 0px;
background-repeat: no-repeat;
background-position: -5px top;
background-size: 60px;
font-size: 12pt;
border: 0px solid red;
}
#topmenu {
width: 100%;
margin: 20px auto 20px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.dropbtn a {
margin: 0 0 0 0;
padding: 15px 5px 15px 5px;
color: #626262;
font-size: 13pt;
text-transform: uppercase;
text-decoration: none;
border: 0px solid red;
}
.MainRow .Left {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 0 50px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.MainRow .Left img {
display: block;
width: 250px;
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
box-shadow: -30px 18px 33px 0px rgba(0,0,0,.3);
border: 20px solid #fff;
}
.MainRow .Right {
display: block;
vertical-align: top;
width: 95%;
margin: 0px 0 0px 0px;
padding: 0px 20px 0px 0px;
border: 0px solid red;
}
.WijZoekenVerl {
margin: 20px auto 0px auto;
padding: 50px 20px 50px 20px;
color: #34afbf;
background-color: rgba(28, 173, 196, 0.10);
text-align: center;
font-size: 18pt;
text-decoration: underline;
line-height:40px;
border: 0px solid red;
}
#topmenumobilesubHolder {
display: block;
}
#topmenumobilesub {
display: none;
margin: 0px 0 10px 0;
padding: 0 0px 0 0px;
vertical-align: top;
background-color: #fff;
overflow: auto;
border-top: 1px solid rgba(83, 197, 241, 0.2);
}
#topmenumobilesub ul {
margin: 0px 0 0px 0;
padding: 0 0px 0 0px;
vertical-align: top;
list-style: none;
border: 0px solid red;
}
#topmenumobilesub li {
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-weight: bold;
text-align: left;
border-bottom: 1px solid rgba(83, 197, 241, 0.2);
}
#topmenumobilesub li:before {
content: "";
}
#topmenumobilesub li a {
display: block;
font-size: 14pt;
color: #34afbf;
margin: 0 0 0 0px;
padding: 25px 30px 25px 60px;
text-decoration: none;
border: 0px solid red;
}
#topmenumobilesub li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 35px;
background-position: 10px center;
color: #53c5f1;
background-color: rgba(83, 197, 241, 0.05);
border: 0px solid red;
}
.BtnInschrijvenTopMenu {
width: 250px;
color: #fff !important;
font-size: 12pt !important;
margin: 20px auto 20px auto !important;
padding: 5px 15px 5px 15px !important;
background-color: #34afbf;
border-radius: 3px;
text-transform: none !important;
text-align: center;
border: 2px solid #34afbf !important;
}
.BtnInschrijvenTopMenu:hover {
background-color: rgba(34, 149, 175, 0.9);
border: 2px solid #34afbf !important;
}
#topmenumobilesub ul .submenu {
display: none;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li {
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-weight: normal;
border-bottom: 1px solid rgba(83, 197, 241, 0.2);
}
#topmenumobilesub ul .submenu li a {
display: block;
font-size: 12pt;
color: #34afbf;
margin: 0 0 0 0px;
padding: 15px 30px 15px 20px;
text-decoration: none;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: 55px center;
color: #53c5f1;
background-color: rgba(83, 197, 241, 0.05);
border: 0px solid red;
}
.DownSubMenu {
cursor: default;
float: right;
padding: 10px 15px 10px 15px;
background-color: rgba(255, 255, 255, 0);
background-image: url(/images/arrow-down-gray.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
border: 0px solid red;
}
.DownSubMenuOpen {
cursor: default;
float: right;
padding: 10px 15px 10px 15px;
background-color: rgba(255, 255, 255, 0);
background-image: url(/images/arrow-up-gray.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
border: 0px solid red;
}
.WerkGebied {
width: 90%;
margin: 0px auto 0px auto;
padding: 50px 0px 0px 0px;
border: 0px solid red;
}
.WerkGebied .Left {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 50px 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Left p {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
color: #3a3030;
font-size: 14pt;
text-align: left;
border: 0px solid red;
}
.WerkGebied .Right {
display: block;
width:100%;
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Right ul {
margin: 0 0 0 35px;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
width: 120px;
color: #34afbf;
font-size: 14pt;
border: 0px solid red;
}
.WerkGebied .Right ul li {
margin: 0 0 20px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.FooterHolderTop {
min-height: 100px;
padding: 20px 0 0px 0;
background-color: #34afbf;
border: 0px solid red;
}
.FooterHolderTop .Holder {
width: 100%;
margin: 10px auto 0 auto;
padding: 20px 0 20px 0;
border: 0px solid red;
}
.FooterHolderTop .Holder .TopTxt {
margin: 0 0 20px 0;
color: #fff;
font-size: 14pt;
text-decoration:underline;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 {
vertical-align: top;
display: block;
width: 80%;
margin: 0 auto 50px auto;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p {
color: #fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p span {
display: inline-block;
color: #fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p img {
vertical-align: top;
float: left;
width: 35px;
color: #fff;
margin: 0 5px 0 -10px;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p a {
display: inline-block;
margin: 12px 0 0 0;
color: #fff;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok2 {
vertical-align: top;
display: block;
width: 80%;
margin: 0 auto 50px auto;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 {
vertical-align: top;
display: block;
width: 80%;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 p {
vertical-align: top;
display: inline-block;
width: 100%;
color: #626262;
font-size: 11pt;
margin: 0px 0 20px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 a {
display: inline-block;
color: #fff;
margin: 5px 0 0 0;
font-size: 12pt;
padding: 0 0 0 0;
}
#maincontainertop .TopBarr .Holder {
width:100%;
height: 75px;
text-align: left;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Left {
width: 340px;
display: none;
vertical-align: top;
text-align: left;
margin: 5px 0 0 5px;
padding: 3px 0px 2px 5px;
font-size: 11pt;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right {
width: 100%;
display: block;
vertical-align: top;
text-align: center;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right a {
display: inline-block;
vertical-align: top;
margin: 3px 0px 5px 0px;
padding: 5px 10px 5px 10px;
font-size: 10pt;
font-weight: bold;
color: #fff;
text-decoration:underline;
border-left: 0px solid lightgray;
}
#maincontainertop .TopBarr .Holder .Right .Right2 {
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #fff;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a {
margin: 0px 0px 0px 0px;
padding: 3px 10px 2px 10px;
border-left: 1px solid lightgray;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons2 {
background-size: 10px;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons4 {
background-size: 18px;
border-right: 1px solid lightgray;
}
#contentleft h2 {
margin: 40px 0 10px 0px;
padding: 0;
font-weight: normal;
color: #34afbf;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
.menuknop {
display: none;
position: fixed;
z-index: 999;
right: 95px;
bottom: -10px;
/*border: solid 2px white;*/
background-color: #34afbf;
color: white;
font-size: 10px;
text-align: center;
line-height: 38px;
width: 50px;
height: 50px;
border-radius: 3px;
cursor: pointer;
/*box-shadow: 0px 0px 6px #5f5f5f;*/
}
.menuknop:hover {
color: #fff;
background-color: rgba(157,24,191,1);
}
.AanmeldForm {
margin: 0 0 50px 0;
text-align: center;
border: 0px solid red;
}
#contentleft .AanmeldForm h2 {
margin-bottom: 20px;
text-align: center;
border: 0px solid red;
}
.AanmeldForm .kolom1 {
width: 300px;
display: inline-block;
margin: 0 0px 0 0px;
vertical-align: top;
border: 0px solid red;
}
.AanmeldForm .kolom2 {
display: inline-block;
vertical-align: top;
width: 300px;
border: 0px solid red;
}
.CbRow {
margin: 0 0 25px 0;
border: 0px solid red;
}
.AanmeldForm .CbAanmelden {
padding: 10px;
cursor: pointer;
}
.AanmeldForm .LabelCbAanmelden {
display: inline-block;
vertical-align: top;
width: 275px;
color: gray;
text-align: left;
cursor: pointer;
font-size: 14pt;
border: 0px solid red;
}
.AanmeldForm .LabelCbAanmelden:hover {
color: #34afbf;
text-decoration: underline;
}
.AanmeldForm .TbxAanmelden {
width: 250px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .TbxAanmeldenSmall {
width: 250px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .Error {
border: 0px solid red;
background-color: rgba(255, 0, 0, 0.1);
}
.AanmeldForm .BtnAanmelden {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 5px 10px 5px 10px;
color: #fff;
font-size: 13pt;
background-color: #34afbf;
cursor: pointer;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmelden.Disabled {
color: #34afbf;
font-size: 13pt;
background-color: #fff;
background-image: url(/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 275px center;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmeldenOpmerking {
min-height: 20px;
margin: 100px 0px 0px 0px;
border: 0px solid red;
}
.AanbodOverzicht {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
.AanbodOverzicht .row {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
#content {
min-height: 10px;
margin: 0px auto 20px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome {
width: 90%;
text-align: center;
margin: 20px auto 0 auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .MenuBtn {
width: 60%;
vertical-align: top;
display: block;
margin: 0 0px 0px 0px;
padding: 10px 20px 10px 75px;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 3px solid rgba(34, 149, 175, 0.5);
transition: 0.2s;
}
#content .MainHome .MenuBtn:hover {
border: 3px solid rgba(34, 149, 175, 0.5);
transition: 0.2s;
}
#content .MainHome .MenuBtn.Btn1 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 75px;
background-image: url(/images/button1.png);
background-repeat: no-repeat;
background-position: left 20px top 10px;
background-size: 30px;
}
#content .MainHome .MenuBtn.Btn2 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 75px;
background-image: url(/images/button2.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 55px;
}
#content .MainHome .MenuBtn.Btn3 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 75px;
background-image: url(/images/button3.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 50px;
}
#content .MainHome .MenuBtn.Btn4 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 75px;
background-image: url(/images/button4.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 55px;
}
#content .MainHome .MenuBtn div {
min-height: 60px;
margin: 0px 0 0px 0;
display: block;
color: #376d7c;
font-size: 12pt;
border: 0px solid red;
}
#content .MainHome .MenuBtn span {
margin: 0px 0 20px 0;
font-size: 10pt;
color: #3a3030;
display: block;
border: 0px solid red;
}
#content .MainHome .MenuBtn .LeesVerder {
min-height: 10px;
margin: 0px 0 0px 0;
font-size: 8pt;
color: #376d7c;
display: block;
border: 0px solid red;
}
#content .MainHome .Left {
display: block;
vertical-align: top;
width: 700px;
margin: 0 auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Left img {
width: 80%;
border: 0px solid red;
}
#content .MainHome h1 {
margin: 0 0 25px 0;
font-weight: normal;
font-size: 28pt;
text-decoration: none;
text-align: center;
border: 0px solid red;
}
#content .MainHome p {
width: 100%;
text-align: center;
font-size: 14pt;
margin: 0px 0px 25px 0;
border: 0px solid red;
}
#content .MainHome .Right {
width: 550px;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0px;
text-align: center;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Right h1 {
font-weight: normal;
font-size: 25pt;
}
#content .MainHome .Right p {
width: 550px;
margin: 0 0 25px 0;
padding: 0 0 0 0px;
color: #866080;
font-size: 13pt;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
text-align: center;
border: 0px solid red;
}
#content .MainHome .Right2 {
width: 600px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom {
margin: 50px 0 50px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft {
min-height: 115px;
display: inline-block;
vertical-align: top;
width: 75px;
margin: 50px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowleft-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft:hover {
background-image: url(/images/arrowleft.png);
}
#content .AanbodSelectorBottom .Main {
min-height: 100px;
display: inline-block;
vertical-align: top;
width: 200px;
margin: 0px 10px 0px 10px;
padding: 0 0 0 0;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top {
padding: 10px 0px 2px 0;
font-weight: bold;
font-size: 11pt;
color: darkgray;
text-align: right;
border-bottom: 2px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top a {
text-decoration: none;
margin: 0 0 0 -4px;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top span {
display: inline-block;
vertical-align: top;
padding: 3px 0px 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top img {
vertical-align: top;
margin: 0px 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Bottom {
margin: 25px 0 0 0;
min-height: 150px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left {
float: left;
vertical-align: top;
width: 300px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .VorVol {
color: gray;
font-size: 14pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .CurNaam {
height: 80px;
overflow: hidden;
margin: 5px 0 0 0;
color: #34afbf;
font-size: 17pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right {
margin: 50px 0 0 0;
float: right;
vertical-align: top;
width: 300px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .VorVol {
color: gray;
font-size: 14pt;
text-align: right;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .CurNaam {
height: 80px;
overflow: hidden;
margin: 5px 0 0 0;
text-align: right;
color: #34afbf;
font-size: 17pt;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight {
min-height: 115px;
display: inline-block;
vertical-align: top;
width: 75px;
margin: 210px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowright-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight:hover {
background-image: url(/images/arrowright.png);
}
#content .AanbodInfo {
margin: 0 0 50px 0;
text-align: center;
border: 0px solid red;
}
#content .AanbodInfo .Left {
margin: 0 0 40px 0;
text-align: center;
display: inline-block;
vertical-align: top;
width: 100%;
border: 0px solid red;
}
#content .AanbodInfo .Left img {
text-align: center;
display: inline-block;
width: 300px;
border-radius: 8px;
}
#content .AanbodInfo .Left h1 {
text-decoration: none;
margin: 0px 0 25px 0;
padding: 15px 0 15px 0;
font-size: 11pt;
text-align: center;
color: #34afbf;
border-bottom: 0px solid gray;
}
#content .AanbodInfo .Left .LeftInfoRow {
margin: 0 0 10px 0;
padding: 0px 0 0px 0px;
color: gray;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Omsch {
margin: 0 15px 0 20px;
padding: 10px 0 10px 40px;
display: inline-block;
vertical-align: top;
width: 135px;
text-align: right;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Waarde {
display: inline-block;
vertical-align: top;
width: 150px;
text-align: left;
padding: 10px 0 10px 0px;
border: 0px solid red;
}
#content .AanbodInfo .Left .DivAanmelden {
display: block;
margin: 25px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodInfo .Left .aanmelden {
display: inline-block;
width: 300px;
margin: 0px 0 0 0;
padding: 10px 15px 10px 15px;
background-color: #fff;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-radius: 8px;
border: 1px solid #34afbf;
box-shadow: 0px 5px 16px #999999;
}
#content .AanbodInfo .Left .aanmelden:hover {
text-decoration: none;
color: #fff;
background-color: rgba(14, 113, 184, 0.8);
}
#content .AanbodInfo .Right {
margin: 0 0 0 0px;
display: inline-block;
vertical-align: top;
width: 90%;
border: 0px solid red;
}
#content .AanbodInfo .Right h1 {
text-decoration: none;
margin: 25px 0 25px 0;
padding: 0 0 15px 0;
font-size: 14pt;
font-style: italic;
text-align: center;
border-bottom: 1px solid gray;
}
#content .AanbodInfo .Right h2 {
text-decoration: none;
margin: 40px 0 10px 0;
padding: 0 0 0px 0;
font-size: 14pt;
color: gray;
font-style: normal;
font-weight: normal;
text-align: left;
}
#content .AanbodInfo .Right p {
margin: 0 0 50px 0;
padding: 0 0 0 0;
text-align: left;
border: 0px solid red;
}
.OverzichtHor {
min-height: 500px;
width: 100%;
margin: 50px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 0px 5px 10px 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.OverzichtHor .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.OverzichtHor .CursusAanbod .Cursus img {
width: 280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.OverzichtHor .CursusAanbod .Cursus:hover img {
/*background-color: rgba(14, 113, 184, 0.10);*/
opacity: 0.8;
}
.OverzichtHor .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.BannerBlok {
margin: 250px 0 -180px 0;
background-color: rgba(14, 113, 184, 0.3);
text-align: center;
border: 0px solid red;
}
.BannerBlok .MainBlok {
width: 100%;
margin: 0px auto 0px auto;
padding: 30px 0 30px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left {
display: inline-block;
vertical-align: top;
width: 95%;
text-align: left;
margin: 0 0px 40px 0px;
padding: 0 0px 0 0px;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left img {
display: block;
margin: 0 0 5px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left span {
display: block;
color: #34afbf;
font-size: 21pt;
font-weight: bold;
line-height: 40px;
margin: 10px 0 0 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right {
margin: 0 auto 0 auto;
display: block;
vertical-align: top;
width: 95%;
text-align: left;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right .opsomming {
margin: 0 0 25px 0;
padding: 0 0 0 40px;
color: #34afbf;
font-size: 15pt;
font-weight: 700;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
border: 0px solid red;
}
.TrainerHolder {
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0 !important;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer .left img {
width: 180px;
}
.Trainer .right {
width: 350px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.Trainer2 {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
margin: 20px 0 0 0px;
}
.Trainer2 .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer2 .left img {
width: 180px;
}
.Trainer2 .right {
width: 350px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer2 .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer2 .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.CursusHolder {
min-height: 500px;
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.CursusHolder .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 10px 5px 0 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.CursusHolder .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.CursusHolder .CursusAanbod .Cursus img {
width: 280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.CursusHolder .CursusAanbod .Cursus:hover img {
/*background-color: rgba(14, 113, 184, 0.10);*/
opacity: 0.8;
}
.CursusHolder .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.FooterContent {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
color: #fff;
text-align: center;
border: 0px solid red;
}
.FooterContent p {
margin: 50px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent a {
color: #fff;
}
.FooterContent h3 {
margin: 20px 0 10px 0;
padding: 20px 0 0 0;
color: #fff;
font-size: 16pt;
text-transform: none;
border: 0px solid red;
}
.FooterContent .h3kwaliteit {
}
.FooterContent .Footerblok1 {
border: none;
width: 300px;
margin: 20px 0 0 0;
min-height: 50px;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 {
width: 320px;
min-height: 50px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok2 p {
margin: 5px 0 0 0;
padding: 0 0 0 0;
color: #bad8ce;
font-size: 10pt;
text-align: left;
border: 0px solid gray;
}
.FooterContent .Footerblok2 ul {
margin: 30px 0 30px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li {
list-style: none;
padding: 10px 0 5px 0;
font-size: 12pt;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li a {
color: #fff;
font-size: 11pt;
}
.FooterContent .Footerblok {
width: 300px;
min-height: 50px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok h3 {
margin: 20px 0 40px 0;
padding: 20px 0 0 0;
border: 0px solid red;
}
.FooterContent .Footerblok p {
margin: 0px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: left;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok ul {
margin: 15px 0 75px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li {
list-style: none;
padding: 0 0 5px 0;
color: #bad8ce;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li a {
color: #bad8ce;
font-size: 14pt;
}
.FooterContent .Footerblok .LinkOndInsch {
margin: 0 0 0 25px;
border: 0px solid #fff;
}
.FooterContent .Footerblok a {
color: #fff;
text-decoration: underline;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons {
display: inline-block;
margin: 0 0 5px 0;
color: #fff;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons:hover {
text-decoration: none;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons div {
display: inline-block;
vertical-align: top;
margin: 10px 0 0 10px;
color: #fff;
font-size: 13pt;
border: 0px solid #fff;
}
#topmenu {
display: none !important;
width: 1200px;
margin: 50px auto 20px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
z-index: -1;
border: 0px solid red;
}
#topmenu .Logo {
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
}
#topmenu .block {
display: inline-block;
vertical-align: top;
width: 850px;
margin: 86px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
}
#topmenu ul {
margin: 0px 0 0 0;
padding: 0;
list-style-type: none;
border: 0px solid red;
}
#topmenu li {
display: inline;
}
#topmenu li a {
display: inline-block;
margin: 0px 0px 0 0px;
padding: 0px 25px 0px 25px;
font-size: 14pt;
color: gray;
text-decoration: none;
text-transform: uppercase;
border: 0px solid red;
}
#topmenu li a.notselected {
}
#topmenu li a.selected {
color: #34afbf;
font-weight: bold;
text-decoration: underline;
}
#topmenu li a:hover {
}
h2 {
font-size: 18pt;
margin: 0 0 0 0;
display: block;
vertical-align: top;
color: #1cadc4;
border: 0px solid red;
}
.CmsBalk {
width: 100%;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
background-color: #34afbf;
border: 0px solid gray;
display: block;
}
.CmsBalk a {
color: #fff;
font-size: 10pt;
}
.CmsBalk:hover a {
color: #fff;
}
.CmsBalkLinks {
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #34afbf;
text-align: center;
border: 0px solid gray;
display: block;
}
.CmsBalkRechts {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #34afbf;
text-align: center;
border: 0px solid gray;
display: block;
}
.FooterContent2 {
width: 100%;
margin: 30px auto 0px auto;
padding: 0px 0px 0 0px;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 {
width: 200px;
min-height: 200px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 30px 0 0px;
text-align: left;
border: 0px solid yellow;
}
.FooterContent2 .Footerblok2 .kop {
padding: 15px 0px 20px 5px;
font-weight: bold;
}
.FooterContent2 .Footerblok2 .content {
font-size: 12pt;
padding: 0px 0px 0px 5px;
}
.FooterContent2 .Footerblok2 a {
color: #34afbf;
font-size: 10pt;
}
.FooterContent2 .Footerblok2 .RightTop {
width: 225px;
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
border: 0px solid #fff;
}
.FooterContent2 .Footerblok2 .RightTop .left {
display: none;
vertical-align: top;
width: 40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right {
display: inline-block;
vertical-align: top;
color: #34afbf;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right p {
display: inline-block;
vertical-align: top;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 16px;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-size: 14pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom .kop {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom a {
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
#TopBar {
width: 100%;
margin: 0px 0 0px 0;
padding: 0 0 0 0px;
text-align: right;
border: 0px solid gray;
display: block;
}
#TopBar .MediaTop {
width: 100%;
margin: 0px 0px 0px 0;
padding: 0 0 0 0px;
border: 0px solid gray;
display: block;
}
#toplogo {
width: 100%;
margin: 0px 0 0 0;
padding: 0 0 0 0px;
border: 0px solid gray;
display: block;
}
#toplogoright {
width: 100%;
margin: 0px 0 0 0;
text-align: right;
border: 0px solid gray;
display: block;
}
#toplogoright .ContactInfo a {
color: #34afbf;
}
#top {
margin: 0px 0 0 0;
padding: 0 5px 0 0;
font-size: 12pt;
text-align: right;
border: 1px solid gray;
display: block;
}
#top span {
text-decoration: underline;
}
.bannerbgimginfo {
height: 300px;
overflow: hidden;
margin: 0px auto 0px auto;
padding: 0px 0 0 0;
text-align: right;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#bannerbgimg .Txt {
width: 600px;
margin: 180px auto 0 auto;
text-align: right !important;
border: 0px solid red;
}
#bannerbgimg .Txt .Kop {
margin: 20px 0 0 0px;
width: 325px;
font-size: 28pt;
color: #fff;
text-align: right;
font-weight: bold;
border: 0px solid red;
}
#bannerbgimg .Txt .SubKop {
margin: 0px 0 0 0px;
width: 325px;
font-size: 22pt;
color: #fff;
text-align: right;
border: 0px solid red;
}
.LogoBlock {
left: 65px;
width: 210px;
margin: -40px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 20;
border: 0px solid red;
}
.LogoBlock img {
width: 200px;
border: 0px solid red;
}
.LogoBlock10 {
left: -10px;
top: 60px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 1;
border: 0px solid red;
}
.LogoBlock10 img {
width: 350px;
border: 0px solid red;
}
.LogoBlock99 {
display: none;
left: 130px;
top: 10px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 100;
border: 0px solid red;
}
.LogoBlock99 img {
border: 0px solid red;
}
#bannerbgimg {
width: 100%;
height: 300px;
margin: 80px 0 0 0;
padding: 0 0 0 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#bannerbgimgTextTop {
width: 650px;
margin: 0px auto 0px auto;
padding: 30px 0px 0 0px;
font-size: 50pt;
text-align: right;
color: #fff;
border: 0px solid red;
text-shadow: -1px 0 #34afbf, 0 1px #34afbf, 1px 0 #34afbf, 0 -1px #34afbf;
}
#bannerbgimgTextBottom {
width: 650px;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
font-size: 35pt;
text-align: right;
color: #fff;
border: 0px solid red;
text-shadow: -1px 0 #34afbf, 0 1px #34afbf, 1px 0 #34afbf, 0 -1px #34afbf;
}
#bannerbg999 {
width: 100%;
height: 10px;
background-color: #c6daa1;
margin: 0px auto 0 auto;
border: 0px solid gray;
}
#KwaliteitDiv {
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0px 0 0px;
text-align: center;
display: block;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#KwaliteitDiv img {
margin: 20px auto 20px auto !important;
display: block;
border:0px solid red;
}
#KwaliteitDiv a {
margin: 20px 0 20px 0px !important;
vertical-align: top;
display: inline-block;
}
.VerlInfoInsch {
width: 100%;
margin: 0 auto 50px auto;
text-align: center;
border: 0px solid red;
}
#MainVerlInfo {
width: 100%;
margin: 0 auto 0 auto;
padding: 0px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlTop {
display: block;
width: 90%;
margin: 20px auto 50px auto;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlLogoLeft {
width: 100%;
display: block;
vertical-align: top;
text-align: center;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlLogoLeft img {
width: 250px;
}
#MainVerlInfo .VerlTxtright {
display: block;
width: 100%;
vertical-align: top;
text-align: center;
margin: 0 0 0 0;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlTxtright p {
display: block;
margin: 20px 0 20px 0;
text-align: center;
padding: 0 0 0 0;
font-size: 14pt;
}
#MainVerlInfo .VerlBottom {
margin: 0px auto 0px auto;
font-weight: bold;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlBottom p {
font-size: 11pt;
}
#KwaliteitDiv .img1 {
display: inline-block;
height: 60px;
margin: 0px 0px 0 0 !important;
}
#KwaliteitDiv a .img2 {
height: 100px;
display: inline-block;
margin: 10px 0px 0 0px!important;
}
#KwaliteitDiv a .img3 {
height: 100px;
margin: 10px 0px 0 50px;
}
#MainButtons {
width: 100%;
margin: 50px auto 20px auto;
padding: 0 0px 0 0px;
background-color: #fff;
text-align: center;
border: 0px solid red;
}
#MainButtons .blok {
display: inline-block;
vertical-align: top;
width: 275px;
min-height: 175px;
margin: 0px 20px 20px 20px;
padding: 20px;
background-color: #34afbf;
color: #fff;
text-align: center;
border: 5px solid #9bc189;
}
#MainButtons .blok:hover {
text-decoration: none;
background-color: #9bc189;
border: 5px solid #34afbf;
}
#MainButtons .blok h6 {
color: #fff;
font-size: 24pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#MainButtons .blok p {
color: #fff;
font-size: 12pt;
margin: 10px 30px 0 30px;
padding: 0 0 0 0;
border: 0px solid red;
}
#topmenumobile {
position: relative;
margin: 0px auto 0px auto;
padding: 0px 0px 10px 0;
display: block;
text-align: center;
z-index: 10;
background-color: #fff;
border-bottom: 1px solid #34afbf;
}
#topmenumobile .Logo {
display: block;
margin: -75px 0 10px 0;
border: 0px solid red;
}
#topmenumobile .Logo img {
width: 200px;
}
#topmenumobile .Logo .ToSmall {
width: 150px;
}
#topmenumobile img {
vertical-align: top;
width: 50px;
border: 0px solid red;
}
.bannerbgimg {
height: 500px;
overflow: hidden;
margin: 5px auto 0px auto;
padding: 0px 0 0 0;
text-align: right;
/*background-size: 936px 411px;*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.HolderMenuButtonMobile {
margin: 20px 10px 0px 0;
text-align:right;
}
#MenuButtonMobile {
margin: 0px 0 40px 0;
padding: 5px 10px 5px 10px;
background-color: #fff;
background-repeat: no-repeat;
border: 1px solid #34afbf;
cursor:pointer;
border-radius: 5px;
}
#MenuButtonMobile img {
width: 30px;
}
.topmenumobilesub {
display: none;
margin: -12px 0 10px 0;
padding: 0 15px 0 25px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
.topmenumobilesubto {
display: block;
height: 400px;
overflow-y: auto;
margin: -12px 0 0px 0;
padding: 0 15px 0 25px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
#topmenumobilesub ul {
margin: 15px 0 15px 0;
padding: 0 0px 0 0px;
vertical-align: top;
border: 0px solid gray;
list-style: none;
}
#topmenumobilesub li {
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-weight: bold;
}
#topmenumobilesub li:before {
content: "";
color: #34afbf;
border: 0px solid gray;
}
#topmenumobilesub ul .submenu {
margin: 0px 0 0px 0;
padding: 0 25px 0 25px;
vertical-align: top;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li {
margin: 0px 0 0px 0;
padding: 5px 0px 5px 0px;
vertical-align: top;
font-weight: normal;
border: 0px solid gray;
}
#topmenumobilesub li a {
padding: 15px 30px 15px 30px;
font-weight:lighter;
border: 0px solid red;
}
#topmenumobilesub li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: left center;
text-decoration: none;
color:#9e7ea6;
border: 0px solid red;
}
#maincontainer {
display: block;
margin: 0px auto 0px auto;
padding: 0 0px 0 0px;
border: 0px solid red;
}
#content {
width: 90%;
margin: 0px auto 0px auto;
padding: 0 0px 0 0px;
text-align: center;
border: 0px solid red;
}
.Templ1DivRight {
width: 400px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
.Templ1DivRight p {
margin: 0 0 20px 0;
padding: 10px 0 10px 40px;
color: #26328c;
text-align: left;
font-size: 11pt;
font-weight: bold;
background-repeat: no-repeat;
background-size: 25px;
background-position: 5px center;
border: 0px solid red !important;
}
#content h1 {
margin: 0px 0 20px 0px;
font-size: 2.2em;
font-weight: bold;
border: 0px solid gray;
}
#content p {
margin: 0px 20px 20px 20px;
border: 0px solid gray;
}
#content ul {
margin: 10px 0 30px 80px;
padding: 0;
list-style: none;
color: #9d9d9d;
font-size: 17px;
}
#content li:before {
content: "• ";
color: #34afbf;
}
#breadcrumbnavi {
width: 100%;
margin: 0 0 0px 0px;
padding: 5px 0 5px 0px;
font-size: 13px;
color: #bbbdbc;
text-align: center;
border: 0px solid red;
}
#breadcrumbnavi a {
color: #34afbf;
border: 0px solid gray;
}
#contentleft {
width: 100%;
min-height: 500px;
margin: 0 20px 20px 0px;
padding: 0 0px 0 0px;
display: block;
vertical-align: top;
border: 0px solid red;
}
#contentleft .AanmeldenMobile {
width: 100%;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentleft h1 {
margin: 40px 0 20px 0px;
padding: 0;
color: #1cadc4;
font-size: 28pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft p {
margin: 0px 10px 30px 0px;
padding: 0;
color: gray;
text-align: left;
font-size: 12pt;
border: 0px solid gray;
}
#contentleft a {
color: #34afbf;
text-decoration: underline;
font-size: 16px;
}
#contentleft a.notselected {
text-decoration: underline;
}
#contentleft a.selected {
text-decoration: underline;
}
#contentleft a:hover {
text-decoration: none;
}
#contentleft ul {
margin: 0 20px 20px 20px;
padding: 0 0 0 0;
color: #34afbf;
list-style: none;
border: 0px solid gray;
}
#contentleft li {
margin: 0px 0 0px 0;
padding: 0 0 0 0;
}
#contentleft li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
content: "• ";
}
#contentleft img {
float: none;
display: block;
width: 50%;
text-align: center;
margin: 0 auto 20px auto;
padding: 0 0 0 0px;
}
#contentright {
width: 95%;
margin: 0px 0 0 0px;
padding: 0px 0px 0 0px;
vertical-align: top;
text-align: center;
border: 0px solid red;
}
#contentright p {
margin: 0 0 10px 10px;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentright h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #fff;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentright h2 {
margin: 20px 0 0px 0px;
padding: 0;
color: #fff;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
}
#contentright h3 {
display: none;
margin: 40px 0 10px 8px;
padding: 0;
color: #34afbf;
font-size: 20pt;
font-weight: bold;
text-transform: uppercase;
border: 0px solid gray;
}
#contentright a {
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #34afbf;
text-decoration: none;
font-size: 18px;
font-weight: normal;
border: 0px solid red;
}
#contentright a.notselected {
text-decoration: none;
}
#contentright a.selected {
text-decoration: underline;
}
#contentright a:hover {
text-decoration: underline;
}
#contentright .TbxCssMailInput {
width: 316px;
height: 25px;
margin: 0 0 10px 10px;
padding: 2px 0px 2px 10px;
font-size: 12pt;
color: #34afbf;
border: 2px solid #009fe3;
}
#contentright .BtnAlgemeen {
margin: 0px 0px 0px 10px;
padding: 4px 15px 4px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #009fe3;
border-radius: 3px;
border: 1px solid #009ee0;
}
#contentright ul {
display: none;
margin: 0 0 0px 10px;
padding: 0 80px 0 0;
font-size: 17px;
border: 0px solid gray;
}
#contentright li {
margin: 0 0 0 0;
padding: 10px 0 5px 20px;
border: 0px solid gray;
text-indent: -11px;
list-style: none;
}
#contentright li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
content: "";
}
.Hplinschrijven {
width: 270px;
margin: 30px auto 0 auto !important;
border: 0px solid red;
}
.btninschrijven {
width: 250px;
margin: 0 0 0 0px;
padding: 10px 5px 8px 5px;
color: #34afbf;
font-size: 12pt;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border: 2px solid #34afbf;
border-radius: 10px;
}
.btninschrijvensubtxt {
width: 265px;
font-size: 9pt;
margin: 5px 0 0 0;
border: 0px solid gray;
}
#InschrijvenMain {
display: block;
width: 100%;
text-align: center;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenBottom {
margin: 0 0 0 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft {
display: block;
width: 100%;
color: #34afbf;
text-align: center;
margin: 20px 0px 0px 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft h2 {
margin: 50px 0px 20px 0px;
color: #34afbf;
text-decoration: none;
font-style: normal;
text-align: center;
font-size: 24pt;
font-weight: bold;
}
#InschrijvenMain .MainHplinschrijvenLeft p {
text-align: center;
color: #34afbf;
margin: 0 20px 20px 20px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijven {
display: inline-block;
width: 300px;
text-align: center;
color: #34afbf;
margin: 0px 0 30px 0;
border: 0px solid red;
}
#InschrijvenMain .Mainbtninschrijven {
display: block;
width: 275px;
margin: 0 0 0px 5px;
padding: 10px 5px 8px 5px;
color: #fff;
background-color: #34afbf;
font-size: 16pt;
text-align: center;
font-style: italic;
font-weight: bold;
border: 2px solid #34afbf;
border-radius: 10px;
}
#InschrijvenMain .Mainbtninschrijvensubtxt {
display: block;
font-size: 10pt;
font-weight: bold;
margin: 5px 0 0 0px;
color: #34afbf;
}
.FooterKwaliteit {
width: 750px;
margin: 0px auto 0px auto;
padding: 20px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
.FooterKwaliteit a {
display: inline-block;
vertical-align: middle;
margin: 0px 10px 25px 10px;
padding: 0px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
#map {
width: 100%;
height: 350px;
background-color: grey;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
#topmenuholder {
min-height:0;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
text-align: center;
border: 0px solid red;
}
.topmenuSub {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0;
vertical-align: top;
z-index: -1;
text-align: left;
text-align: center;
background-color: #fff;
border: 0px solid red;
box-shadow: 0px 5px 30px #d0d0d0;
}
.topmenuSub .Logo {
display: inline-block;
width: 300px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Logo img {
width: 300px;
border: 0px solid red;
}
.topmenuSub .Right {
display: inline-block;
width: 250px;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right p {
margin: 25px 0 0px 0;
text-align: left;
font-size: 12pt;
line-height: 22px;
border: 0px solid red;
}
.topmenuSub .Right2 {
width: 80px;
float: none;
display: inline-block;
margin: 15px 20px 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right2 a:hover {
opacity: 0.9;
}
.CmsHolderMenuButtonMobile {
display:block;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:right;
border: 0px solid red;
}
#CmsMenuButtonMobile {
margin: 0px 0 0px 0;
padding: 5px 10px 5px 10px;
background-color: #fff;
background-repeat: no-repeat;
border: 1px solid #34afbf;
cursor: pointer;
border-radius: 5px;
}
#CmsMenuButtonMobile img {
width: 30px;
}
.CmsMenuholder {
display:none;
border: 0px solid red;
}
#contentleftcms {
width: 100%;
margin: 0 0 0 0;
padding: 20px 0 0 0px;
display: block;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
text-align: center;
border: 0px solid red;
}
#contentleftcms h1 {
margin: 40px 0 5px 80px;
padding: 0;
color: #34afbf;
font-size: 20pt;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentleftcms h2 {
margin: 20px 0 20px 0px;
padding: 0;
color: #34afbf;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
text-decoration: underline;
border: 0px solid red;
}
#contentleftcms a {
color: #34afbf;
text-decoration: none;
font-size: 18px;
}
#contentleftcms a.notselected {
color: #34afbf;
text-decoration: none;
}
#contentleftcms a.selected {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms a:hover {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms ul {
margin: 0 0 0 0px !important;
padding: 0 0 0 0;
list-style: none !important;
color: #9b80a1;
font-size: 16px;
}
#contentleftcms li {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
list-style: none !important;
}
#contentleftcms li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none !important;
content: "";
}
#contentrightcms {
width: 100%;
margin: 40px 0 100px 0px;
padding: 0 0 0 0;
display: block;
background-color: rgba(255, 255, 255, 0.5);
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#contentrightcms h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #34afbf;
font-size: 22pt;
font-weight: normal;
letter-spacing: -1px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}
#contentrightcms h2 {
margin: 20px 0 0px 20px;
padding: 0;
color: #34afbf;
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
}
#contentrightcms a {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.notselected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.selected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a:hover {
color: #009ee0;
text-decoration: none;
}
#contentrightcms ul {
margin: 0 0 30px 20px;
padding: 0 80px 0 0;
border: 0px solid gray;
font-size: 17px;
}
#contentrightcms li {
margin: 0 0 0 0;
padding: 0 0 5px 11px;
border: 0px solid gray;
text-indent: -11px;
}
#contentrightcms li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentrightcms p {
margin: 0 0 30px 0px;
padding: 0 0px 0 0;
color: #000;
text-align: left;
font-size: 17px;
border: 0px solid red;
}
#TopLine {
width: 100%;
min-height: 0px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #647879;
color: #fff;
text-align: right;
border-bottom: 1px solid #fff;
}
#TopLine .CmsBalk {
width: 100%;
margin: 0 auto 0px auto;
padding: 5px 0 5px 0;
border: 0px solid red;
}
#TopLine .CmsBalk a {
color: #fff;
}
#TopLine .CmsBalk:hover a {
color: #fff;
}
#TopLine .CmsBalkLinks {
color: #ffffff;
width: 100%;
margin: 0 0 5px 0px;
padding: 0 0 0px 0px;
text-align: center;
vertical-align: top;
border: 0px solid red;
}
#TopLine .CmsBalkRechts {
text-align: center;
width: 100%;
margin: 0 0 0px 0px;
padding: 0 0 0px 0px;
color: #ffffff;
text-align: center;
vertical-align: top;
border: 0px solid red;
}
#TopLine .CmsBalkAnonymous {
width: 100%;
height: 0px;
margin: 0 0 0px 0px;
border: 0px solid red;
}
#contentrightcms .DivDocProt {
border: 0px solid red;
}
#contentrightcms .DivDocProt h2 {
cursor: pointer;
padding: 5px;
border: 1px solid #009ab2;
}
#contentrightcms .DivDocProt .RowLeft {
display: inline-block;
text-align: left;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .RowRight {
padding: 1px 0 1px 0;
display: inline-block;
vertical-align: top;
float: right;
border: 0px solid red;
}
#contentrightcms .DivDocProt .RowRight span {
font-size: 12px;
text-transform: lowercase;
border-bottom: 1px solid #009ab2;
}
#contentrightcms .DivDocProt .UserInhoud {
margin: 0 0 0px 0px;
display: none;
border-right: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
border-left: 1px solid #34afbf;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 10px;
vertical-align: top;
font-size:16pt;
border: 0px solid #34afbf;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivLeft {
display: inline-block;
padding: 2px 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivRight {
margin: 0 10px 0 0;
display: inline-block;
float: right;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivRightAjaxLoader {
display: inline-block;
width: 25px;
padding: 3px 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DivDownloadDocProLink {
display: inline-block;
width: 625px;
padding: 2px 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro:hover {
background-color: #34afbf;
color: #fff;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro .DownloadDocProLink {
color: #34afbf !important;
}
#contentrightcms .DivDocProt .UserInhoud .DownloadDocPro:hover .DownloadDocProLink {
color: #fff !important;
}
#contentrightcms .DivDocProt .UserKop {
padding: 15px 10px 15px 10px;
margin: 10px 0 0 0;
cursor: pointer;
border: 1px solid #34afbf;
}
#topmenuholder #InschrijvenHolderTop {
display: none;
}
}
/* @media 760 px breed ************************************************************************************************************ */
@media (min-width: 760px) and (max-width: 1023px) {
#topmenuholder #InschrijvenHolderTop {
display:none;
}
#maincontainertop .TopBarr {
display:none;
border: 0px solid red;
}
.MainRow .Holder {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0px 10px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
.MainRow .Holder h2 {
margin: 25px 0 20px 0;
padding: 10px 0px 10px 0px;
color: #34afbf;
font-size: 28pt;
font-weight: normal;
line-height:40px;
border: 0px solid red;
}
#PnlCorona .CoronaHolder {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#PnlCorona .Corona {
display: block;
vertical-align: top;
margin: 0px auto 25px auto;
padding-top: 30px;
width: 90px;
height: 60px;
font-size: 16pt;
text-align: center;
background-color: #9e7ea6;
color: #fff;
border-radius: 50px;
border: 3px solid #34afbf;
}
#PnlCorona .Corona:hover {
background-color: rgba(158, 126, 166, 0.9);
}
#PnlCorona h2 {
margin: 10px 0 20px 0;
padding: 10px 0px 10px 0px;
text-align: center;
color: #34afbf;
font-size: 24pt;
font-weight: normal;
border: 0px solid red;
}
#PnlCorona p {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 30px 25px 0;
padding: 0px 0px 0px 0px;
text-align: center;
border: 0px solid red;
}
#PnlCorona p b {
color: #34afbf;
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: block;
border: 0px solid red;
}
#Banner .Content {
width: 100%;
height:500px;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
border: 0px solid red;
}
#Banner .Content #InfoPageh1 {
margin: 90px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
text-align: center;
font-size: 60pt;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 5px;
border: 0px solid red;
}
#maincontainer .RowClass .Holder {
width: 700px;
margin: 0px auto 0px auto;
padding: 5px 0 25px 0;
border: 0px solid red;
}
#Banner .Content .Corona {
display: block;
vertical-align: top;
margin: -125px 50px 0 50px;
padding-top: 30px;
width: 90px;
height: 60px;
font-size: 16pt;
text-align: center;
background-color: #34afbf;
color: #fff;
border-radius: 50px;
border: 3px solid #34afbf;
}
#Banner .Content .CoronaBtnHolder {
display:none;
border: 0px solid red;
}
#Banner .Content .BtnHolder {
margin: 50px 0 0 50px;
}
#Banner .Content .MainTxt {
display: inline-block;
vertical-align: top;
width: 300px;
margin: 125px 0 0 50px;
padding: 0 0 0 0;
color: #fff;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub1 {
vertical-align: top;
margin: 0px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 20pt;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub2 {
vertical-align: top;
margin: 25px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 18pt;
border: 0px solid red;
font-style: italic;
}
#BannerBottom {
width: 100%;
height: 300px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
background-color: #34afbf;
background-image: url(/images/banner-bottom-52.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#BannerBottom .Content {
width: 730px;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt {
width: 275px;
margin: 25px 0 0px 0px;
padding: 0px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt span {
display: block;
font-size: 18pt;
margin: 0px 0 0px 0px;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt i {
display: block;
font-size: 14pt;
margin: 0px 0 20px 0px;
border: 0px solid red;
}
#BannerBottom .Content .BtnHolder a {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 5px 30px 5px 30px;
font-size: 16pt;
background-color: #9e7ea6;
color: #fff;
text-decoration: none;
text-transform: uppercase;
border: 3px solid #34afbf;
border-radius: 5px;
}
#BannerBottom .Content .BtnHolder a:hover {
background-color: rgba(158, 126, 166, 0.8);
}
#KwaliteitDiv .Left {
display: inline-block;
vertical-align: top;
width: 275px;
margin: 0px auto 0 auto;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
#KwaliteitDiv .Left img {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#KwaliteitDiv .Midden {
display: inline-block;
vertical-align: top;
width: 425px;
margin: 20px 0px 0 10px;
padding: 0 0 0 0;
text-align: right;
border: 0px solid red;
}
#KwaliteitDiv .Midden p {
color: #4d4d4c;
font-size: 10pt;
}
#KwaliteitDiv .Right {
display: block;
vertical-align: top;
width: 100%;
margin: 0px auto 0 auto;
padding: 0 0 0 0;
text-align: center;
float:none;
border: 0px solid red;
}
#PnlContact .ContactHolder {
width: 95%;
margin: 50px auto 50px auto;
padding: 20px 0px 50px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#onze-kracht strong {
color: #34afbf;
font-size: 14pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 20px 0px;
border: 0px solid red;
}
#onze-kracht p {
display: inline-block;
width: 90%;
vertical-align: top;
padding: 20px 30px 20px 65px;
background-repeat: no-repeat;
background-position: -5px top;
background-size: 60px;
font-size: 12pt;
border: 0px solid red;
}
#topmenu {
width: 100%;
margin: 20px auto 20px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.dropbtn a {
margin: 0 0 0 0;
padding: 15px 5px 15px 5px;
color: #626262;
font-size: 13pt;
text-transform: uppercase;
text-decoration: none;
border: 0px solid red;
}
.MainRow .Left {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 0 50px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.MainRow .Left img {
display: block;
width: 550px;
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
box-shadow: -30px 18px 33px 0px rgba(0,0,0,.3);
border: 20px solid #fff;
}
.MainRow .Right {
display: block;
vertical-align: top;
width: 95%;
margin: 0px 0 0px 0px;
padding: 0px 20px 0px 0px;
border: 0px solid red;
}
#topmenumobilesubHolder {
display: block;
}
#topmenumobilesub {
display: none;
margin: 0px 0 10px 0;
padding: 0 0px 0 0px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid rgba(83, 197, 241, 0.2);
}
#topmenumobilesub ul {
margin: 0px 0 0px 0;
padding: 0 0px 0 0px;
vertical-align: top;
list-style: none;
border: 0px solid red;
}
#topmenumobilesub li {
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-weight: bold;
text-align:left;
border-bottom: 1px solid rgba(83, 197, 241, 0.2);
}
#topmenumobilesub li:before {
content: "";
}
#topmenumobilesub li a {
display: block;
font-size: 14pt;
color: #34afbf;
margin: 0 0 0 0px;
padding: 25px 30px 25px 60px;
text-decoration: none;
border: 0px solid red;
}
#topmenumobilesub li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 35px;
background-position: 10px center;
background-color: rgba(83, 197, 241, 0.05);
text-decoration:none;
color:#9e7ea6;
border: 0px solid red;
}
.BtnInschrijvenTopMenu {
width:250px;
color: #fff !important;
font-size: 12pt !important;
margin: 20px auto 20px auto !important;
padding: 5px 15px 5px 15px !important;
background-color: #34afbf;
border-radius: 3px;
text-transform: none !important;
text-align:center;
border: 2px solid #34afbf !important;
}
.BtnInschrijvenTopMenu:hover {
background-color: rgba(34, 149, 175, 0.9);
border: 2px solid #34afbf !important;
}
#topmenumobilesub ul .submenu {
display: none;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
vertical-align: top;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li {
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-weight: normal;
border-bottom: 1px solid rgba(83, 197, 241, 0.2);
}
#topmenumobilesub ul .submenu li a {
display: block;
font-size: 12pt;
color: #34afbf;
margin: 0 0 0 0px;
padding: 15px 30px 15px 100px;
text-decoration: none;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: 55px center;
color: #53c5f1;
background-color: rgba(83, 197, 241, 0.05);
border: 0px solid red;
}
.DownSubMenu {
cursor: default;
float: right;
padding: 10px 15px 10px 15px;
background-color: rgba(255, 255, 255, 0);
background-image: url(/images/arrow-down-gray.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
border: 0px solid red;
}
.DownSubMenuOpen {
cursor: default;
float: right;
padding: 10px 15px 10px 15px;
background-color: rgba(255, 255, 255, 0);
background-image: url(/images/arrow-up-gray.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
border: 0px solid red;
}
.WerkGebied {
width: 700px;
margin: 25px auto 0px auto;
padding: 50px 0 50px 20px;
border: 0px solid red;
}
.WerkGebied .Left {
display: inline-block;
vertical-align: top;
width: 400px;
margin: 0px 50px 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Left p {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
color: #3a3030;
font-size: 14pt;
text-align: left;
border: 0px solid red;
}
.WerkGebied .Right {
display: inline-block;
vertical-align: top;
width: 200px;
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Right ul {
margin: 0 0 0 35px;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
width: 150px;
color: #34afbf;
font-size: 16pt;
border: 0px solid red;
}
.WerkGebied .Right ul li {
margin: 0 0 20px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.FooterHolderTop {
min-height: 300px;
padding: 20px 0 0px 0;
border: 0px solid red;
}
.FooterHolderTop .Holder {
width: 700px;
margin: 10px auto 0 auto;
padding: 20px 0 20px 0;
border: 0px solid red;
}
.FooterHolderTop .Holder .TopTxt {
margin: 0 0 20px 0;
color: #fff;
font-size: 14pt;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 {
vertical-align: top;
display: inline-block;
width: 200px;
margin: 0 10px 0 0px;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p {
color: #fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p span {
display: inline-block;
color: #fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p img {
vertical-align: top;
float: left;
width: 35px;
color: #fff;
margin: 0 5px 0 -10px;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p a {
display: inline-block;
margin: 12px 0 0 0;
color: #fff;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok2 {
vertical-align: top;
display: inline-block;
width: 250px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 {
vertical-align: top;
display: inline-block;
width: 210px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 p {
vertical-align: top;
display: inline-block;
width: 100%;
color: #626262;
font-size: 11pt;
margin: 0px 0 20px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 a {
display: inline-block;
color: #fff;
margin: 5px 0 0 0;
font-size: 12pt;
padding: 0 0 0 0;
}
#topmenumobile {
position: relative;
margin: 0px auto 0px auto;
padding: 0px 0px 10px 0;
display: block;
text-align: center;
z-index: 10;
background-color: #fff;
border: 0px solid #34afbf;
}
#topmenumobile .Logo {
display: block;
margin: -75px 0 10px 0;
border: 0px solid red;
}
#topmenumobile .Logo img {
width: 200px;
}
#topmenumobile .Logo .ToSmall {
width: 150px;
}
#topmenumobile img {
vertical-align: top;
width: 50px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder {
width: 700px;
height: 35px;
text-align: left;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Left {
width: 340px;
display: none;
vertical-align: top;
text-align: left;
margin: 5px 0 0 5px;
padding: 3px 0px 2px 5px;
font-size: 11pt;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right {
width: 100%;
display: block;
vertical-align: top;
text-align: center;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right a {
display: inline-block;
vertical-align: top;
margin: 3px 0px 0px 0px;
padding: 5px 10px 5px 10px;
font-size: 10pt;
font-weight: bold;
color: #fff;
border-left: 1px solid lightgray;
}
#maincontainertop .TopBarr .Holder .Right .Right2 {
display: inline-block;
vertical-align: top;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #fff;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a {
margin: 0px 0px 0px 0px;
padding: 3px 10px 2px 10px;
border-left: 1px solid lightgray;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons2 {
background-size: 10px;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons4 {
background-size: 18px;
border-right: 1px solid lightgray;
}
#topmenu {
display:none;
width: 750px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
background-color: #fff;
border: 0px solid red;
}
#topmenuholder {
width: 750px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
border: 0px solid red;
}
#topmenu .block {
width: 550px;
display: inline-block;
vertical-align: top;
margin: 75px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
border: 0px solid red;
}
.dropdown {
display: inline-block;
margin: 75px 5px 15px 0px;
padding: 0px 12px 0px 12px;
border: 0px solid gray;
color: #000000;
font-size: 100%;
text-decoration: none;
border: 0px solid red;
}
.menuknop {
display: none;
position: fixed;
z-index: 999;
right: 95px;
bottom: -10px;
/*border: solid 2px white;*/
background-color: #34afbf;
color: white;
font-size: 10px;
text-align: center;
line-height: 38px;
width: 50px;
height: 50px;
border-radius: 3px;
cursor: pointer;
/*box-shadow: 0px 0px 6px #5f5f5f;*/
}
.menuknop:hover {
color: #fff;
background-color: rgba(157,24,191,0.5);
}
.AanmeldForm {
margin: 0 0 50px 0;
text-align: center;
border: 0px solid red;
}
#contentleft .AanmeldForm h2 {
margin-bottom: 20px;
text-align: center;
border: 0px solid red;
}
.AanmeldForm .kolom1 {
width: 300px;
display: inline-block;
margin: 0 0px 0 0px;
vertical-align: top;
border: 0px solid red;
}
.AanmeldForm .kolom2 {
display: inline-block;
vertical-align: top;
width: 300px;
border: 0px solid red;
}
.CbRow {
margin: 0 0 25px 0;
border: 0px solid red;
}
.AanmeldForm .CbAanmelden {
padding: 10px;
cursor: pointer;
}
.AanmeldForm .LabelCbAanmelden {
display: inline-block;
vertical-align: top;
width: 275px;
color: gray;
text-align: left;
cursor: pointer;
font-size: 14pt;
border: 0px solid red;
}
.AanmeldForm .LabelCbAanmelden:hover {
color: #34afbf;
text-decoration: underline;
}
.AanmeldForm .TbxAanmelden {
width: 250px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .TbxAanmeldenSmall {
width: 250px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .Error {
border: 0px solid red;
background-color: rgba(255, 0, 0, 0.1);
}
.AanmeldForm .BtnAanmelden {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 5px 10px 5px 10px;
color: #fff;
font-size: 13pt;
background-color: #34afbf;
cursor: pointer;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmelden.Disabled {
color: #34afbf;
font-size: 13pt;
background-color: #fff;
background-image: url(/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 275px center;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmeldenOpmerking {
min-height: 20px;
margin: 100px 0px 0px 0px;
border: 0px solid red;
}
.AanbodOverzicht {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
.AanbodOverzicht .row {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
#content {
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome {
width: 90%;
text-align: center;
margin: 0px auto 0 auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .MenuBtn {
width: 440px;
vertical-align: top;
display: inline-block;
margin: 0 0px 0px 0px;
padding: 10px 50px 10px 95px;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 3px solid #fff;
transition: 0.2s;
}
#content .MainHome .MenuBtn:hover {
border: 3px solid rgba(34, 149, 175, 0.5);
transition: 0.2s;
}
#content .MainHome .MenuBtn.Btn1 {
display:block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 95px;
background-image: url(/images/button1.png);
background-repeat: no-repeat;
background-position: left 20px top 10px;
background-size: 50px;
}
#content .MainHome .MenuBtn.Btn2 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 95px;
background-image: url(/images/button2.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 75px;
}
#content .MainHome .MenuBtn.Btn3 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 95px;
background-image: url(/images/button3.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 70px;
}
#content .MainHome .MenuBtn.Btn4 {
display: block;
margin: 0 auto 20px auto;
padding: 10px 20px 10px 95px;
background-image: url(/images/button4.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 75px;
}
#content .MainHome .MenuBtn div {
min-height: 60px;
margin: 0px 0 0px 0;
display: block;
color: #376d7c;
font-size: 16pt;
border: 0px solid red;
}
#content .MainHome .MenuBtn span {
min-height: 75px;
margin: 0px 0 20px 0;
font-size: 12pt;
color: #3a3030;
display: block;
border: 0px solid red;
}
#content .MainHome .MenuBtn .LeesVerder {
min-height: 10px;
margin: 0px 0 0px 0;
font-size: 12pt;
color: #376d7c;
display: block;
border: 0px solid red;
}
#content .MainHome .Left {
display: block;
vertical-align: top;
width: 700px;
margin: 0 auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Left img {
width: 80%;
border: 0px solid red;
}
#content .MainHome h1 {
margin: 0 0 25px 0;
font-weight: normal;
font-size: 28pt;
text-decoration: none;
text-align: center;
border: 0px solid red;
}
#content .MainHome p {
width: 100%;
text-align: center;
font-size: 14pt;
margin: 0px 0px 25px 0;
border: 0px solid red;
}
#content .MainHome .Right {
width: 550px;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0px;
text-align: center;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Right h1 {
font-weight: normal;
font-size: 25pt;
}
#content .MainHome .Right p {
width: 550px;
margin: 0 0 25px 0;
padding: 0 0 0 0px;
color: #866080;
font-size: 13pt;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
text-align: center;
border: 0px solid red;
}
#content .MainHome .Right2 {
width: 600px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom {
margin: 50px 0 50px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft {
min-height: 115px;
display: inline-block;
vertical-align: top;
width: 75px;
margin: 50px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowleft-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft:hover {
background-image: url(/images/arrowleft.png);
}
#content .AanbodSelectorBottom .Main {
min-height: 100px;
display: inline-block;
vertical-align: top;
width: 200px;
margin: 0px 10px 0px 10px;
padding: 0 0 0 0;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top {
padding: 10px 0px 2px 0;
font-weight: bold;
font-size: 11pt;
color: darkgray;
text-align: right;
border-bottom: 2px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top a {
text-decoration: none;
margin: 0 0 0 -4px;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top span {
display: inline-block;
vertical-align: top;
padding: 3px 0px 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top img {
vertical-align: top;
margin: 0px 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Bottom {
margin: 25px 0 0 0;
min-height: 150px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left {
float: left;
vertical-align: top;
width: 300px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .VorVol {
color: gray;
font-size: 14pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .CurNaam {
height: 80px;
overflow: hidden;
margin: 5px 0 0 0;
color: #34afbf;
font-size: 17pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right {
margin: 50px 0 0 0;
float: right;
vertical-align: top;
width: 300px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .VorVol {
color: gray;
font-size: 14pt;
text-align: right;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .CurNaam {
height: 80px;
overflow: hidden;
margin: 5px 0 0 0;
text-align: right;
color: #34afbf;
font-size: 17pt;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight {
min-height: 115px;
display: inline-block;
vertical-align: top;
width: 75px;
margin: 210px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowright-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight:hover {
background-image: url(/images/arrowright.png);
}
#content .AanbodInfo {
margin: 0 0 50px 0;
text-align: center;
border: 0px solid red;
}
#content .AanbodInfo .Left {
margin: 0 0 40px 0;
text-align: center;
display: inline-block;
vertical-align: top;
width: 100%;
border: 0px solid red;
}
#content .AanbodInfo .Left img {
text-align: center;
display: inline-block;
width: 300px;
border-radius: 8px;
}
#content .AanbodInfo .Left h1 {
text-decoration: none;
margin: 0px 0 25px 0;
padding: 15px 0 15px 0;
font-size: 11pt;
text-align: center;
color: #34afbf;
border-bottom: 0px solid gray;
}
#content .AanbodInfo .Left .LeftInfoRow {
margin: 0 0 10px 0;
padding: 0px 0 0px 0px;
color: gray;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Omsch {
margin: 0 15px 0 20px;
padding: 10px 0 10px 40px;
display: inline-block;
vertical-align: top;
width: 135px;
text-align: right;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Waarde {
display: inline-block;
vertical-align: top;
width: 150px;
text-align: left;
padding: 10px 0 10px 0px;
border: 0px solid red;
}
#content .AanbodInfo .Left .DivAanmelden {
display: block;
margin: 25px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodInfo .Left .aanmelden {
display: inline-block;
width: 300px;
margin: 0px 0 0 0;
padding: 10px 15px 10px 15px;
background-color: #fff;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-radius: 8px;
border: 1px solid #34afbf;
box-shadow: 0px 5px 16px #999999;
}
#content .AanbodInfo .Left .aanmelden:hover {
text-decoration: none;
color: #fff;
background-color: rgba(14, 113, 184, 0.8);
}
#content .AanbodInfo .Right {
margin: 0 0 0 0px;
display: inline-block;
vertical-align: top;
width: 90%;
border: 0px solid red;
}
#content .AanbodInfo .Right h1 {
text-decoration: none;
margin: 25px 0 25px 0;
padding: 0 0 15px 0;
font-size: 14pt;
font-style: italic;
text-align: center;
border-bottom: 1px solid gray;
}
#content .AanbodInfo .Right h2 {
text-decoration: none;
margin: 40px 0 10px 0;
padding: 0 0 0px 0;
font-size: 14pt;
color: gray;
font-style: normal;
font-weight: normal;
text-align: left;
}
#content .AanbodInfo .Right p {
margin: 0 0 50px 0;
padding: 0 0 0 0;
text-align: left;
border: 0px solid red;
}
.OverzichtHor {
min-height: 500px;
width: 100%;
margin: 50px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 0px 5px 10px 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.OverzichtHor .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.OverzichtHor .CursusAanbod .Cursus img {
width: 280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.OverzichtHor .CursusAanbod .Cursus:hover img {
opacity: 0.8;
}
.OverzichtHor .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.BannerBlok {
margin: 0px 0 0px 0;
background-color: rgba(14, 113, 184, 0.3);
text-align: center;
border: 0px solid red;
}
.BannerBlok .MainBlok {
width: 100%;
margin: 0px auto 0px auto;
padding: 30px 0 30px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left {
display: inline-block;
vertical-align: top;
width: 95%;
text-align: left;
margin: 0 0px 40px 0px;
padding: 0 0px 0 0px;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left img {
display: block;
margin: 0 0 5px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left span {
display: block;
color: #34afbf;
font-size: 21pt;
font-weight: bold;
line-height: 40px;
margin: 10px 0 0 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right {
margin: 0 auto 0 auto;
display: block;
vertical-align: top;
width: 95%;
text-align: left;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right .opsomming {
margin: 0 0 25px 0;
padding: 0 0 0 40px;
color: #34afbf;
font-size: 15pt;
font-weight: 700;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
border: 0px solid red;
}
.TrainerHolder {
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0 !important;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer .left img {
width: 180px;
}
.Trainer .right {
width: 350px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.Trainer2 {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
margin: 20px 0 0 0px;
}
.Trainer2 .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer2 .left img {
width: 180px;
}
.Trainer2 .right {
width: 350px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer2 .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer2 .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.CursusHolder {
min-height: 500px;
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.CursusHolder .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 10px 5px 0 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.CursusHolder .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.CursusHolder .CursusAanbod .Cursus img {
width: 280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.CursusHolder .CursusAanbod .Cursus:hover img {
opacity: 0.8;
}
.CursusHolder .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.FooterContent {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
color: #fff;
text-align: center;
border: 0px solid red;
}
.FooterContent p {
margin: 50px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent a {
color: #fff;
}
.FooterContent h3 {
margin: 20px 0 10px 0;
padding: 20px 0 0 0;
color: #fff;
font-size: 16pt;
text-transform: none;
border: 0px solid red;
}
.FooterContent .h3kwaliteit {
}
.FooterContent .Footerblok1 {
border: none;
width: 300px;
margin: 20px 0 0 0;
min-height: 50px;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 {
width: 320px;
min-height: 50px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok2 p {
margin: 5px 0 0 0;
padding: 0 0 0 0;
color: #bad8ce;
font-size: 10pt;
text-align: left;
border: 0px solid gray;
}
.FooterContent .Footerblok2 ul {
margin: 30px 0 30px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li {
list-style: none;
padding: 10px 0 5px 0;
font-size: 12pt;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li a {
color: #fff;
font-size: 11pt;
}
.FooterContent .Footerblok {
width: 300px;
min-height: 50px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok h3 {
margin: 20px 0 40px 0;
padding: 20px 0 0 0;
border: 0px solid red;
}
.FooterContent .Footerblok p {
margin: 0px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: left;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok ul {
margin: 15px 0 75px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li {
list-style: none;
padding: 0 0 5px 0;
color: #bad8ce;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li a {
color: #bad8ce;
font-size: 14pt;
}
.FooterContent .Footerblok .LinkOndInsch {
margin: 0 0 0 25px;
border: 0px solid #fff;
}
.FooterContent .Footerblok a {
color: #fff;
text-decoration: underline;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons {
display: inline-block;
margin: 0 0 5px 0;
color: #fff;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons:hover {
text-decoration: none;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons div {
display: inline-block;
vertical-align: top;
margin: 10px 0 0 10px;
color: #fff;
font-size: 13pt;
border: 0px solid #fff;
}
.CmsBalk {
width: 100%;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
background-color: #34afbf;
border: 0px solid gray;
display: block;
}
.CmsBalk a {
color: #fff;
font-size: 10pt;
}
.CmsBalk:hover a {
color: #fff;
}
.CmsBalkLinks {
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #34afbf;
text-align: center;
border: 0px solid gray;
display: block;
}
.CmsBalkRechts {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #34afbf;
text-align: center;
border: 0px solid gray;
display: block;
}
.FooterContent2 {
width: 100%;
margin: 30px auto 0px auto;
padding: 0px 0px 0 0px;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 {
width: 200px;
min-height: 200px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 30px 0 0px;
text-align: left;
border: 0px solid yellow;
}
.FooterContent2 .Footerblok2 .kop {
padding: 15px 0px 20px 5px;
font-weight: bold;
}
.FooterContent2 .Footerblok2 .content {
font-size: 12pt;
padding: 0px 0px 0px 5px;
}
.FooterContent2 .Footerblok2 a {
color: #34afbf;
font-size: 10pt;
}
.FooterContent2 .Footerblok2 .RightTop {
width: 225px;
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
border: 0px solid #fff;
}
.FooterContent2 .Footerblok2 .RightTop .left {
display: none;
vertical-align: top;
width: 40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right {
display: inline-block;
vertical-align: top;
color: #34afbf;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right p {
display: inline-block;
vertical-align: top;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 16px;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-size: 14pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom .kop {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom a {
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
#TopBar {
width: 100%;
margin: 0px 0 0px 0;
padding: 0 0 0 0px;
text-align: right;
border: 0px solid gray;
display: block;
}
#TopBar .MediaTop {
width: 100%;
margin: 0px 0px 0px 0;
padding: 0 0 0 0px;
border: 0px solid gray;
display: block;
}
#toplogo {
width: 100%;
margin: 0px 0 0 0;
padding: 0 0 0 0px;
border: 0px solid gray;
display: block;
}
#toplogoright {
width: 100%;
margin: 0px 0 0 0;
text-align: right;
border: 0px solid gray;
display: block;
}
#toplogoright .ContactInfo a {
color: #34afbf;
}
#top {
margin: 0px 0 0 0;
padding: 0 5px 0 0;
font-size: 12pt;
text-align: right;
border: 1px solid gray;
display: block;
}
#top span {
text-decoration: underline;
}
.bannerbgimginfo {
height: 300px;
overflow: hidden;
margin: 0px auto 0px auto;
padding: 0px 0 0 0;
text-align: right;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#bannerbgimg .Txt {
width: 600px;
margin: 180px auto 0 auto;
text-align: right !important;
border: 0px solid red;
}
#bannerbgimg .Txt .Kop {
margin: 20px 0 0 0px;
width: 325px;
font-size: 28pt;
color: #fff;
text-align: right;
font-weight: bold;
border: 0px solid red;
}
#bannerbgimg .Txt .SubKop {
margin: 0px 0 0 0px;
width: 325px;
font-size: 22pt;
color: #fff;
text-align: right;
border: 0px solid red;
}
.LogoBlock {
left: 65px;
width: 210px;
margin: -40px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 20;
border: 0px solid red;
}
.LogoBlock img {
width: 200px;
border: 0px solid red;
}
.LogoBlock10 {
left: -10px;
top: 60px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 1;
border: 0px solid red;
}
.LogoBlock10 img {
width: 350px;
border: 0px solid red;
}
.LogoBlock99 {
display: none;
left: 130px;
top: 10px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 100;
border: 0px solid red;
}
.LogoBlock99 img {
border: 0px solid red;
}
#bannerbgimg {
width: 100%;
height: 300px;
margin: 80px 0 0 0;
padding: 0 0 0 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#bannerbgimgTextTop {
width: 650px;
margin: 0px auto 0px auto;
padding: 30px 0px 0 0px;
font-size: 50pt;
text-align: right;
color: #fff;
border: 0px solid red;
text-shadow: -1px 0 #34afbf, 0 1px #34afbf, 1px 0 #34afbf, 0 -1px #34afbf;
}
#bannerbgimgTextBottom {
width: 650px;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
font-size: 35pt;
text-align: right;
color: #fff;
border: 0px solid red;
text-shadow: -1px 0 #34afbf, 0 1px #34afbf, 1px 0 #34afbf, 0 -1px #34afbf;
}
#bannerbg999 {
width: 100%;
height: 10px;
background-color: #c6daa1;
margin: 0px auto 0 auto;
border: 0px solid gray;
}
#KwaliteitDiv {
width: 100%;
margin: 0px auto 0px auto;
padding: 0 0px 0 0px;
text-align: center;
display: block;
border-bottom: 3px solid #34afbf;
}
#KwaliteitDiv img {
margin: 20px auto 20px auto !important;
display: block;
}
#KwaliteitDiv a {
margin: 0px 0 20px 0px !important;
vertical-align: top;
display: inline-block;
}
.VerlInfoInsch {
width: 100%;
margin: 0 auto 50px auto;
text-align: center;
border: 0px solid red;
}
#MainVerlInfo {
width: 90%;
margin: 0 auto 0 auto;
padding: 0px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlTop {
display: block;
width: 100%;
margin: 20px auto 50px auto;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlLogoLeft {
margin: 0 auto 0 auto;
display: block;
vertical-align: top;
text-align: center;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlLogoLeft img {
width: 250px;
}
#MainVerlInfo .VerlTxtright {
display: block;
width: 100%;
vertical-align: top;
text-align: center;
margin: 0 0 0 0;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlTxtright p {
display: block;
margin: 20px 0 20px 0;
text-align: center;
padding: 0 0 0 0;
font-size: 14pt;
}
#MainVerlInfo .VerlBottom {
margin: 0px auto 0px auto;
font-weight: bold;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlBottom p {
font-size: 11pt;
}
#KwaliteitDiv .img1 {
display: inline-block;
height: 60px;
margin: 20px 0px 20px 0 !important;
}
#KwaliteitDiv a .img2 {
height: 100px;
display: inline-block;
margin: 10px 0px 0 0px;
}
#KwaliteitDiv a .img3 {
height: 100px;
margin: 10px 0px 0 50px;
}
#MainButtons {
width: 100%;
margin: 50px auto 20px auto;
padding: 0 0px 0 0px;
background-color: #fff;
text-align: center;
border: 0px solid red;
}
#MainButtons .blok {
display: inline-block;
vertical-align: top;
width: 275px;
min-height: 175px;
margin: 0px 20px 20px 20px;
padding: 20px;
background-color: #34afbf;
color: #fff;
text-align: center;
border: 5px solid #9bc189;
}
#MainButtons .blok:hover {
text-decoration: none;
background-color: #9bc189;
border: 5px solid #34afbf;
}
#MainButtons .blok h6 {
color: #fff;
font-size: 24pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#MainButtons .blok p {
color: #fff;
font-size: 12pt;
margin: 10px 30px 0 30px;
padding: 0 0 0 0;
border: 0px solid red;
}
.bannerbgimg {
height: 500px;
overflow: hidden;
margin: 5px auto 0px auto;
padding: 0px 0 0 0;
text-align: right;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.HolderMenuButtonMobile {
margin: 20px 10px 0px 0;
text-align: right;
}
#MenuButtonMobile {
margin: 0px 0 40px 0;
padding: 5px 10px 5px 10px;
background-color: #fff;
background-repeat: no-repeat;
border: 1px solid #34afbf;
cursor: pointer;
border-radius: 5px;
}
#MenuButtonMobile img {
width: 30px;
}
/*
.topmenumobilesub {
margin: -12px 0 10px 0;
padding: 0 15px 0 25px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
.topmenumobilesubto {
display: block;
height: 500px;
overflow-y: auto;
margin: -12px 0 0px 0;
padding: 0 15px 0 25px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
#topmenumobilesub ul {
margin: 15px 0 15px 0;
padding: 0 20px 0 20px;
vertical-align: top;
border: 0px solid gray;
list-style: none;
}
#topmenumobilesub li {
margin: 0px 0 0px 0;
padding: 10px 0px 10px 0px;
vertical-align: top;
font-weight: bold;
border: 0px solid gray;
}
#topmenumobilesub li:before {
content: "";
color: #34afbf;
border: 0px solid gray;
}
#topmenumobilesub ul .submenu {
margin: 0px 0 0px 0;
padding: 0 25px 0 25px;
vertical-align: top;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li {
margin: 0px 0 0px 0;
padding: 5px 0px 5px 0px;
vertical-align: top;
font-weight: normal;
border: 0px solid gray;
}
#topmenumobilesub li a {
padding: 10px 30px 10px 30px;
border: 0px solid red;
}
#topmenumobilesub li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: left center;
text-decoration: underline;
border: 0px solid red;
}
*/
#maincontainer {
display: block;
margin: 0px auto 0px auto;
padding: 0 0px 0 0px;
border: 0px solid red;
}
#content {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0 0px 0 0px;
text-align: center;
border: 0px solid red;
}
.Templ1DivRight {
width: 400px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
.Templ1DivRight p {
margin: 0 0 20px 0;
padding: 10px 0 10px 40px;
color: #26328c;
text-align: left;
font-size: 11pt;
font-weight: bold;
background-repeat: no-repeat;
background-size: 25px;
background-position: 5px center;
border: 0px solid red !important;
}
#content h1 {
margin: 0px 0 20px 0px;
font-size: 2.2em;
font-weight: bold;
border: 0px solid gray;
}
#content p {
margin: 0px 20px 20px 20px;
border: 0px solid gray;
}
#content ul {
margin: 10px 0 30px 80px;
padding: 0;
list-style: none;
color: #9d9d9d;
font-size: 17px;
}
#content li:before {
content: "• ";
color: #34afbf;
}
#breadcrumbnavi {
display: none;
width: 100%;
margin: 0 0 0px 0px;
padding: 5px 0 5px 0px;
font-size: 13px;
color: #bbbdbc;
text-align: center;
border: 0px solid red;
}
#breadcrumbnavi a {
color: #34afbf;
border: 0px solid gray;
}
#contentleft {
width: 600px;
min-height: 500px;
margin: 0 20px 20px 20px;
padding: 0 0px 0 0px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#contentleft .AanmeldenMobile {
width: 100%;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentleft h1 {
margin: 40px 0 40px 0px;
padding: 0;
color: #1cadc4;
font-size: 28pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft p {
margin: 0px 0px 30px 0px;
padding: 0;
color: gray;
text-align: left;
font-size: 12pt;
border: 0px solid gray;
}
#contentleft h2 {
margin: 40px 0 10px 0px;
padding: 0;
font-weight: normal;
color: #34afbf;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft a {
color: #34afbf;
text-decoration: underline;
font-size: 16px;
}
#contentleft a.notselected {
text-decoration: underline;
}
#contentleft a.selected {
text-decoration: underline;
}
#contentleft a:hover {
text-decoration: none;
}
#contentleft ul {
margin: 0 20px 20px 20px;
padding: 0 0 0 0;
color: #34afbf;
border: 0px solid gray;
list-style: none;
}
#contentleft li {
margin: 0px 0 0px 0;
padding: 0 0 0 0;
}
#contentleft li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
content: "• ";
}
#contentleft img {
float: right;
display: block;
max-width: 200px;
text-align: center;
margin: 0 auto 20px 15px;
padding: 0 0 0 0px;
}
#contentright {
display: none;
width: 310px;
margin: 0px 0 0 0px;
padding: 0px 0px 0 0px;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#contentright p {
margin: 0 0 10px 10px;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentright h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #fff;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentright h2 {
margin: 20px 0 0px 0px;
padding: 0;
color: #fff;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
}
#contentright h3 {
margin: 55px 0 10px 20px;
padding: 15px 0 10px 45px;
padding: 0;
color: #34afbf;
font-size: 14pt;
font-weight: bold;
text-transform: uppercase;
border: 0px solid red;
}
#contentright h3.selected {
margin: 40px 0 0px 0px;
padding: 15px 0 10px 45px;
text-decoration: underline;
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 40px;
text-decoration: underline;
border: 0px solid red;
}
#contentright a {
color: #866080;
margin: 0px 0 50px -25px;
padding: 15px 0 10px 45px;
text-decoration: none;
font-size: 14pt;
border: 0px solid red;
}
#contentright a.notselected {
text-decoration: none;
}
#contentright a.selected {
text-decoration: underline;
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 40px;
text-decoration: underline;
border: 0px solid red;
}
#contentright .TbxCssMailInput {
width: 316px;
height: 25px;
margin: 0 0 10px 10px;
padding: 2px 0px 2px 10px;
font-size: 12pt;
color: #34afbf;
border: 2px solid #009fe3;
}
#contentright .BtnAlgemeen {
margin: 0px 0px 0px 10px;
padding: 4px 15px 4px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #009fe3;
border-radius: 3px;
border: 1px solid #009ee0;
}
#contentright ul {
display: block;
margin: 0 0 0px 10px;
padding: 0 80px 0 0;
font-size: 17px;
border: 0px solid gray;
}
#contentright li {
margin: 0 0 0 0;
padding: 10px 0 5px 20px;
border: 0px solid gray;
text-indent: -11px;
list-style: none;
}
#contentright li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
content: "";
}
.Hplinschrijven {
width: 270px;
margin: 30px auto 0 -30px !important;
border: 0px solid red;
}
.btninschrijven {
width: 250px;
margin: 0 0 0 0px;
padding: 10px 5px 8px 5px;
color: #866080;
font-size: 12pt;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border: 2px solid #866080;
border-radius: 10px;
}
.btninschrijvensubtxt {
width: 265px;
font-size: 9pt;
margin: 5px 0 0 0;
border: 0px solid gray;
}
#InschrijvenMain {
display: block;
width: 100%;
text-align: center;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenBottom {
margin: 0 0 0 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft {
display: block;
width: 100%;
color: #34afbf;
text-align: center;
margin: 20px 0px 0px 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft h2 {
margin: 50px 0px 20px 0px;
color: #34afbf;
text-decoration: none;
font-style: normal;
text-align: center;
font-size: 24pt;
font-weight: bold;
}
#InschrijvenMain .MainHplinschrijvenLeft p {
text-align: center;
color: #34afbf;
margin: 0 20px 20px 20px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijven {
display: inline-block;
width: 300px;
text-align: center;
color: #34afbf;
margin: 0px 0 30px 0;
border: 0px solid red;
}
#InschrijvenMain .Mainbtninschrijven {
display: block;
width: 275px;
margin: 0 0 0px 5px;
padding: 10px 5px 8px 5px;
color: #fff;
background-color: #34afbf;
font-size: 16pt;
text-align: center;
font-style: italic;
font-weight: bold;
border: 2px solid #34afbf;
border-radius: 10px;
}
#InschrijvenMain .Mainbtninschrijvensubtxt {
display: block;
font-size: 10pt;
font-weight: bold;
margin: 5px 0 0 0px;
color: #34afbf;
}
.FooterKwaliteit {
width: 750px;
margin: 0px auto 0px auto;
padding: 20px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
.FooterKwaliteit a {
display: inline-block;
vertical-align: middle;
margin: 0px 10px 25px 10px;
padding: 0px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
#map {
width: 100%;
height: 350px;
background-color: grey;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
#topmenuholder {
width: 100%;
min-height:0;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.topmenuSub {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0;
vertical-align: top;
z-index: -1;
text-align: left;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.topmenuSub .Logo {
display: inline-block;
width: 300px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Logo img {
width: 300px;
border: 0px solid red;
}
.topmenuSub .Right {
display: inline-block;
width: 250px;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right p {
margin: 25px 0 0px 0;
text-align: left;
font-size: 12pt;
line-height: 22px;
border: 0px solid red;
}
.topmenuSub .Right2 {
width: 80px;
float: none;
display: inline-block;
margin: 15px 20px 0px -90px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right2 a:hover {
opacity: 0.9;
}
#topmenuholder {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
text-align: center;
background-color: #fff;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
.topmenuSub {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0;
vertical-align: top;
z-index: -1;
text-align: left;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.topmenuSub .Logo {
display: inline-block;
width: 300px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Logo img {
width: 300px;
border: 0px solid red;
}
.topmenuSub .Right {
display: inline-block;
width: 250px;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right p {
margin: 25px 0 0px 0;
text-align: left;
font-size: 12pt;
line-height: 22px;
border: 0px solid red;
}
.topmenuSub .Right2 {
width: 80px;
float: none;
display: inline-block;
margin: 15px 20px 0px -90px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right2 a:hover {
opacity: 0.9;
}
#contentleftcms {
width: 200px;
margin: 0 0 0 0;
padding: 40px 0 0 0px;
display: inline-block;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
text-align: left;
border: 0px solid red;
}
#contentleftcms h1 {
margin: 40px 0 5px 80px;
padding: 0;
color: #34afbf;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentleftcms h2 {
margin: 20px 0 20px 0px;
padding: 0;
color: #34afbf;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
text-decoration: underline;
border: 0px solid red;
}
#contentleftcms a {
color: #34afbf;
text-decoration: none;
font-size: 16px;
}
#contentleftcms a.notselected {
color: #34afbf;
text-decoration: none;
}
#contentleftcms a.selected {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms a:hover {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms ul {
margin: 0 0 0 0px !important;
padding: 0 0 0 0;
list-style: none !important;
color: #9b80a1;
font-size: 16px;
}
#contentleftcms li {
margin: 10px 0 20px 0;
padding: 0 0 0 0;
list-style: none !important;
}
#contentleftcms li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none !important;
content: "";
}
#contentrightcms {
width: 500px;
margin: 40px 0 0 -5px;
padding: 0 0 0 0;
display: inline-block;
background-color: rgba(255, 255, 255, 0.5);
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#contentrightcms h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #34afbf;
font-size: 22pt;
font-weight: normal;
letter-spacing: -1px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}
#contentrightcms h2 {
margin: 20px 0 0px 20px;
padding: 0;
color: #34afbf;
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
}
#contentrightcms a {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.notselected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.selected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a:hover {
color: #009ee0;
text-decoration: none;
}
#contentrightcms ul {
margin: 0 0 30px 20px;
padding: 0 80px 0 0;
border: 0px solid gray;
font-size: 17px;
}
#contentrightcms li {
margin: 0 0 0 0;
padding: 0 0 5px 11px;
border: 0px solid gray;
text-indent: -11px;
}
#contentrightcms li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentrightcms p {
margin: 0 0 30px 0px;
padding: 0 0px 0 0;
color: #000;
text-align: left;
font-size: 17px;
border: 0px solid red;
}
#TopLine {
width: 100%;
min-height: 0px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #647879;
color: #fff;
text-align: right;
border-bottom: 1px solid #fff;
}
#TopLine .CmsBalk {
width: 100%;
margin: 0 auto 0px auto;
padding: 5px 0 5px 0;
border: 0px solid red;
}
#TopLine .CmsBalk a {
color: #fff;
}
#TopLine .CmsBalk:hover a {
color: #fff;
}
#TopLine .CmsBalkLinks {
width: 250px;
margin: 0 0 0px 0;
padding: 5px 10px 0px 15px;
color: #ffffff;
text-align: left;
vertical-align: top;
display: inline-block;
border: 0px solid red;
}
#TopLine .CmsBalkRechts {
width: 450px;
margin: 0 0 0px -5px;
padding: 5px 10px 0px 0;
color: #ffffff;
text-align: right;
vertical-align: top;
display: inline-block;
border: 0px solid red;
}
#TopLine .CmsBalkAnonymous {
width: 100%;
height: 0px;
margin: 0 0 0px 0px;
border: 0px solid red;
}
}
/* @media 1024 px breed *********************************************************************************************************** */
@media (min-width: 1023px) and (max-width: 1250px) {
body {
background-position: left bottom 280px;
}
#KwaliteitDiv .Right {
display: block;
vertical-align: top;
width: 1000px;
margin: 0px 0 0 0;
padding: 0 0 0 0;
text-align: center;
float: none;
border: 0px solid red;
}
.dropdown {
margin: 0px 5px 0 5px;
border: 0px solid red;
}
#topmenu .block .Left {
display: inline-block;
width: 375px;
vertical-align: top;
margin: 50px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#topmenu .block .Logo {
width: 175px;
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0;
vertical-align: top;
border: 0px solid red;
}
#topmenu .block .Logo img {
width: 175px;
border: 0px solid red;
}
#topmenu .block .Right {
display: inline-block;
width: 375px;
vertical-align: top;
margin: 50px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
border: 0px solid red;
}
#topmenuholder #InschrijvenHolderTop {
width: 100%;
margin: -35px auto 20px auto;
padding: 0px 0px 0px 0px;
font-size: 10pt;
color: red;
text-align:right;
border: 0px solid red;
}
#topmenuholder #InschrijvenHolderTop a {
margin: 0px 50px 0px 0px;
}
#maincontainer .RowClass .Holder {
width: 950px;
margin: 0px auto 0px auto;
padding: 5px 0 25px 0;
border: 0px solid red;
}
#BannerBottom .Content {
width: 1000px;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt {
width: 400px;
margin: 60px 0 0px 100px;
padding: 0px 0 0 0;
color: #fff;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt span {
width: 400px;
display: block;
font-size: 20pt;
margin: 0px 0 0px 0px;
border: 0px solid red;
}
#BannerBottom .Content .InfoTxt i {
width:400px;
display: block;
font-size: 18pt;
margin: 0px 0 20px 0px;
border: 0px solid red;
}
#TopLine {
width: 100%;
min-height: 0px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
background-color: #647879;
color: #fff;
text-align: right;
border-bottom: 1px solid #fff;
}
#TopLine .CmsBalk {
width: 100%;
margin: 0 auto 0px auto;
padding: 5px 0 5px 0;
border: 0px solid red;
}
#TopLine .CmsBalk a {
color: #fff;
}
#TopLine .CmsBalk:hover a {
color: #fff;
}
#TopLine .CmsBalkLinks {
width: 250px;
margin: 0 0 0px 0;
padding: 5px 10px 0px 15px;
color: #ffffff;
text-align: left;
vertical-align: top;
display: inline-block;
border: 0px solid red;
}
#TopLine .CmsBalkRechts {
width: 725px;
margin: 0 0 0px -5px;
padding: 5px 10px 0px 0;
color: #ffffff;
text-align: right;
vertical-align: top;
display: inline-block;
border: 0px solid red;
}
#TopLine .CmsBalkAnonymous {
width: 100%;
height: 0px;
margin: 0 0 0px 0px;
border: 0px solid red;
}
.MainRow .Holder {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0px 10px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#PnlCorona .CoronaHolder {
width: 95%;
margin: 20px auto 0px auto;
padding: 20px 0px 50px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#PnlCorona h2 {
margin: 10px 0 20px 0;
padding: 10px 0px 10px 0px;
text-align: center;
color: #34afbf;
font-size: 24pt;
font-weight: normal;
border: 0px solid red;
}
#PnlCorona p {
display: inline-block;
vertical-align: top;
width: 750px;
margin: 0px 30px 0px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#PnlCorona p b {
color: #34afbf;
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: block;
border: 0px solid red;
}
#Banner .Content {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
border: 0px solid red;
}
#PnlContact .ContactHolder {
width: 95%;
margin: 50px auto 50px auto;
padding: 20px 0px 50px 0px;
font-size: 10pt;
line-height: 23px;
border: 0px solid red;
}
#onze-kracht strong {
color: #34afbf;
font-size: 14pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 20px 0 20px 0px;
border: 0px solid red;
}
#onze-kracht p {
display: inline-block;
width: 90%;
vertical-align: top;
padding: 20px 30px 20px 65px;
background-repeat: no-repeat;
background-position: -5px top;
background-size: 60px;
font-size: 12pt;
border: 0px solid red;
}
#topmenu {
width: 100%;
margin: 20px auto 20px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.dropbtn a {
margin: 0 0 0 0;
padding: 5px 3px 10px 3px;
color: #34afbf;
font-size: 10pt;
text-transform: uppercase;
text-decoration: none;
border: 0px solid red;
}
.dropbtn a:hover {
border-bottom: 1px solid #34afbf !important;
}
.Left .dropbtn a {
padding: 5px 7px 10px 7px;
border: 0px solid red;
}
.MainRow .Left {
display: block;
vertical-align: top;
width: 100%;
margin: 0px 0 50px 0;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.MainRow .Left img {
display: block;
width: 550px;
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
box-shadow: -30px 18px 33px 0px rgba(0,0,0,.3);
border: 20px solid #fff;
}
.MainRow .Right {
display: block;
vertical-align: top;
width: 95%;
margin: 0px 0 0px 0px;
padding: 0px 20px 0px 0px;
border: 0px solid red;
}
.WerkGebied {
width: 980px;
margin: 25px auto 0px auto;
padding: 50px 0 50px 20px;
border: 0px solid red;
}
.WerkGebied .Left {
display: inline-block;
vertical-align: top;
width: 500px;
margin: 0px 50px 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Left p {
margin: 20px 0 20px 0;
padding: 0 0 0 0;
color: #3a3030;
font-size: 14pt;
text-align: left;
border: 0px solid red;
}
.WerkGebied .Right {
display: inline-block;
vertical-align: top;
width: 400px;
margin: 75px 0 0px 0;
padding: 0px 0 0px 0;
border: 0px solid red;
}
.WerkGebied .Right ul {
margin: 0 0 0 35px;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
width: 150px;
color: #34afbf;
font-size: 16pt;
border: 0px solid red;
}
.WerkGebied .Right ul li {
margin: 0 0 20px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.FooterHolderTop .Holder {
width: 1000px;
margin: 10px auto 0 auto;
padding: 20px 0 20px 0;
border: 0px solid red;
}
.FooterHolderTop .Holder .TopTxt {
margin: 0 0 20px 0;
color: #fff;
font-size: 14pt;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 {
vertical-align: top;
display: inline-block;
width: 225px;
margin: 0 25px 0 25px;
padding: 0 0 0 0;
border: 0px solid red;
}
.FooterHolderTop .Holder .Blok1 p {
color: #fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p span {
display: inline-block;
color: #fff;
margin: 0 0px 15px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p img {
vertical-align: top;
float: left;
width: 35px;
color: #fff;
margin: 0 5px 0 -10px;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok1 p a {
display: inline-block;
margin: 12px 0 0 0;
color: #fff;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok2 {
vertical-align: top;
display: inline-block;
width: 300px;
margin: 0 25px 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
.FooterHolderTop .Holder .Blok3 {
vertical-align: top;
display: inline-block;
width: 350px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
.FooterHolderTop .Holder .Blok3 p {
vertical-align: top;
display: inline-block;
width: 100%;
color: #626262;
font-size: 11pt;
margin: 0px 0 20px 0;
padding: 0 0 0 0;
border: 0px solid #fff;
}
.FooterHolderTop .Holder .Blok3 a {
display: inline-block;
color: #fff;
width: 40px;
height: 40px;
margin: 5px 10px 0 0px;
padding: 0 0 0 0px;
font-size: 12pt;
padding: 0 0 0 0;
border: 3px solid #fff;
border-radius: 40px;
}
#Banner {
width: 100%;
/*height: 200px;*/
margin: 0px auto 0px auto;
padding: 0 0 0 0;
background-color: #34afbf;
/*background-image: url(/images/banner.jpg);*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#Banner .Content {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0 0 0;
border: 0px solid red;
}
#Banner .Content .MainTxt {
display: inline-block;
vertical-align: top;
width: 500px;
margin: 0px 0 0 50px;
padding: 0 0 0 0;
color: #fff;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub1 {
vertical-align: top;
margin: 0px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 26pt;
border: 0px solid red;
}
#Banner .Content .MainTxt .Sub2 {
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0 0 0 0;
color: #fff;
font-size: 18pt;
border: 0px solid red;
font-style: italic;
}
#maincontainertop .TopBarr .Holder {
width: 1020px;
text-align: center;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Left {
width: 350px;
display: inline-block;
vertical-align: top;
text-align: left;
margin:5px 0 0 5px;
padding: 3px 0px 2px 5px;
font-size:11pt;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Middel {
width: 250px;
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Middel a {
display: block;
margin: 0px auto 0 auto;
padding: 0px 0 0 0;
width: 200px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Middel a img {
margin: 0px 0 0 0;
padding: 0px 0 0 0;
width: 210px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right {
width: 350px;
display: inline-block;
vertical-align: top;
text-align: right;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 15px 10px 15px 10px;
font-size: 12pt;
font-weight: bold;
color: #626262;
}
#maincontainertop .TopBarr .Holder .Right a:hover {
color: #90b5ac;
}
#maincontainertop .TopBarr .Holder .Right a img {
vertical-align: top;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right .Right2 {
display: block;
vertical-align: top;
text-align: right;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a {
width: 45px;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ddece9;
border: 0px solid #ddece9;
border-radius: 80px;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a:hover {
background-color: rgba(221, 236, 233, 0.80);
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons2 {
background-size: 20px;
}
#maincontainertop .TopBarr .Holder .Right .Right2 a.ContactIcons4 {
background-size: 25px;
}
.BtnInschrijvenTopMenu {
display: none !important;
}
.BtnInschrijvenTopMenu2 {
display: inline-block !important;
color: #fff !important;
font-size: 12pt !important;
margin: 0 0px 0 15px !important;
padding: 5px 15px 5px 15px !important;
background-color: #34afbf;
border-radius: 3px;
text-transform: none !important;
border: 2px solid #34afbf !important;
}
.BtnInschrijvenTopMenu2:hover {
background-color: rgba(34, 149, 175, 0.9);
border: 2px solid #34afbf !important;
}
.menuknop {
display: none !important;
position: fixed;
z-index: 999;
right: 80px;
bottom: 35px;
border: solid 2px white;
background-color: #34afbf;
color: white;
font-size: 16px;
text-align: center;
line-height: 48px;
width: 50px;
height: 50px;
border-radius: 50px;
cursor: pointer;
box-shadow: 0px 0px 6px #5f5f5f;
}
.menuknop:hover {
color: #fff;
}
.AanmeldForm {
margin: 0 0 50px 0;
text-align: center;
border: 0px solid red;
}
#contentleft .AanmeldForm h2 {
margin-bottom: 20px;
text-align: center;
border: 0px solid red;
}
.AanmeldForm .kolom1 {
width: 300px;
display: inline-block;
margin: 0 0px 0 0px;
vertical-align: top;
border: 0px solid red;
}
.AanmeldForm .kolom2 {
display: inline-block;
vertical-align: top;
width: 300px;
border: 0px solid red;
}
.CbRow {
margin: 0 0 25px 0;
border: 0px solid red;
}
.AanmeldForm .CbAanmelden {
padding: 10px;
cursor: pointer;
}
.AanmeldForm .LabelCbAanmelden {
display: inline-block;
vertical-align: top;
width: 275px;
color: gray;
text-align: left;
cursor: pointer;
font-size: 14pt;
border: 0px solid red;
}
.AanmeldForm .LabelCbAanmelden:hover {
color: #34afbf;
text-decoration: underline;
}
.AanmeldForm .TbxAanmelden {
width: 250px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .TbxAanmeldenSmall {
width: 250px;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
border: 1px solid rgba(14, 113, 184, 0.7)
}
.AanmeldForm .Error {
border: 0px solid red;
background-color: rgba(255, 0, 0, 0.1);
}
.AanmeldForm .BtnAanmelden {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 5px 10px 5px 10px;
color: #fff;
font-size: 13pt;
background-color: #34afbf;
cursor: pointer;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmelden.Disabled {
color: #34afbf;
font-size: 13pt;
background-color: #fff;
background-image: url(/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 275px center;
border: 1px solid rgba(14, 113, 184, 0.7);
}
.AanmeldForm .BtnAanmeldenOpmerking {
min-height: 20px;
margin: 100px 0px 0px 0px;
border: 0px solid red;
}
.AanbodOverzicht {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
.AanbodOverzicht .row {
margin: 50px 0px 50px 0px;
border: 0px solid red;
}
#content {
margin: 0px auto 20px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome {
width: 100%;
text-align: center;
margin: 0px 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .MenuBtn {
width: 300px;
vertical-align: top;
display: inline-block;
margin: 0 0px 0px 0px;
padding: 10px 50px 10px 95px;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 3px solid #fff;
transition: 0.2s;
}
#content .MainHome .MenuBtn:hover {
border: 3px solid rgba(34, 149, 175, 0.5);
transition: 0.2s;
}
#content .MainHome .MenuBtn.Btn1 {
margin: 0 20px 50px 0px;
padding: 10px 20px 10px 95px;
background-image: url(/images/button1.png);
background-repeat: no-repeat;
background-position: left 20px top 10px;
background-size: 50px;
}
#content .MainHome .MenuBtn.Btn2 {
margin: 0 0px 50px 50px;
padding: 10px 5px 10px 105px;
background-image: url(/images/button2.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 75px;
}
#content .MainHome .MenuBtn.Btn3 {
margin: 0 20px 0px 0px;
padding: 10px 20px 10px 95px;
background-image: url(/images/button3.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 70px;
}
#content .MainHome .MenuBtn.Btn4 {
margin: 0 0px 0px 50px;
padding: 10px 5px 10px 105px;
background-image: url(/images/button4.png);
background-repeat: no-repeat;
background-position: left 10px top 10px;
background-size: 75px;
}
#content .MainHome .MenuBtn div {
min-height: 60px;
margin: 0px 0 0px 0;
display: block;
color: #376d7c;
font-size: 16pt;
border: 0px solid red;
}
#content .MainHome .MenuBtn span {
min-height: 75px;
margin: 0px 0 20px 0;
font-size: 12pt;
color: #3a3030;
display: block;
border: 0px solid red;
}
#content .MainHome .MenuBtn .LeesVerder {
min-height: 10px;
margin: 0px 0 0px 0;
font-size: 12pt;
color: #376d7c;
display: block;
border: 0px solid red;
}
#content .MainHome .Left {
display: block;
vertical-align: top;
width: 700px;
margin: 0 auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Left img {
width: 80%;
border: 0px solid red;
}
#content .MainHome h1 {
margin: 0 0 25px 0;
font-weight: normal;
font-size: 28pt;
text-decoration: none;
text-align: center;
border: 0px solid red;
}
#content .MainHome p {
width: 90%;
text-align: center;
font-size: 14pt;
margin: 0px auto 25px auto;
border: 0px solid red;
}
#content .MainHome .Right {
width: 550px;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0px;
text-align: center;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .MainHome .Right h1 {
font-weight: normal;
font-size: 25pt;
}
#content .MainHome .Right p {
width: 550px;
margin: 0 0 25px 0;
padding: 0 0 0 0px;
color: #866080;
font-size: 13pt;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
text-align: center;
border: 0px solid red;
}
#content .MainHome .Right2 {
width: 600px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom {
margin: 50px 0 50px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft {
min-height: 115px;
display: inline-block;
vertical-align: top;
width: 75px;
margin: 50px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowleft-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowLeft:hover {
background-image: url(/images/arrowleft.png);
}
#content .AanbodSelectorBottom .Main {
min-height: 100px;
display: inline-block;
vertical-align: top;
width: 200px;
margin: 0px 10px 0px 10px;
padding: 0 0 0 0;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top {
padding: 10px 0px 2px 0;
font-weight: bold;
font-size: 11pt;
color: darkgray;
text-align: right;
border-bottom: 2px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Top a {
text-decoration: none;
margin: 0 0 0 -4px;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top span {
display: inline-block;
vertical-align: top;
padding: 3px 0px 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Top img {
vertical-align: top;
margin: 0px 0 0 0;
border: 0px solid red;
}
#content .AanbodSelectorBottom .Main .Bottom {
margin: 25px 0 0 0;
min-height: 150px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left {
float: left;
vertical-align: top;
width: 300px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .VorVol {
color: gray;
font-size: 14pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Left .CurNaam {
height: 80px;
overflow: hidden;
margin: 5px 0 0 0;
color: #34afbf;
font-size: 17pt;
text-align: left;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right {
margin: 50px 0 0 0;
float: right;
vertical-align: top;
width: 300px;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .VorVol {
color: gray;
font-size: 14pt;
text-align: right;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .Main .Bottom .Right .CurNaam {
height: 80px;
overflow: hidden;
margin: 5px 0 0 0;
text-align: right;
color: #34afbf;
font-size: 17pt;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight {
min-height: 115px;
display: inline-block;
vertical-align: top;
width: 75px;
margin: 210px 0 0px 0;
padding: 0 0 0 0;
background-image: url(/images/arrowright-to.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-decoration: none;
border: 0px solid #34afbf;
}
#content .AanbodSelectorBottom .ArrowRight:hover {
background-image: url(/images/arrowright.png);
}
#content .AanbodInfo {
margin: 0 0 50px 0;
text-align: center;
border: 0px solid red;
}
#content .AanbodInfo .Left {
margin: 0 0 40px 0;
text-align: center;
display: inline-block;
vertical-align: top;
width: 100%;
border: 0px solid red;
}
#content .AanbodInfo .Left img {
text-align: center;
display: inline-block;
width: 300px;
border-radius: 8px;
}
#content .AanbodInfo .Left h1 {
text-decoration: none;
margin: 0px 0 25px 0;
padding: 15px 0 15px 0;
font-size: 11pt;
text-align: center;
color: #34afbf;
border-bottom: 0px solid gray;
}
#content .AanbodInfo .Left .LeftInfoRow {
margin: 0 0 10px 0;
padding: 0px 0 0px 0px;
color: gray;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Omsch {
margin: 0 15px 0 20px;
padding: 10px 0 10px 40px;
display: inline-block;
vertical-align: top;
width: 135px;
text-align: right;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
border: 0px solid red;
}
#content .AanbodInfo .Left .LeftInfoRow .Waarde {
display: inline-block;
vertical-align: top;
width: 150px;
text-align: left;
padding: 10px 0 10px 0px;
border: 0px solid red;
}
#content .AanbodInfo .Left .DivAanmelden {
display: block;
margin: 25px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#content .AanbodInfo .Left .aanmelden {
display: inline-block;
width: 300px;
margin: 0px 0 0 0;
padding: 10px 15px 10px 15px;
background-color: #fff;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
text-align: center;
border-radius: 8px;
border: 1px solid #34afbf;
box-shadow: 0px 5px 16px #999999;
}
#content .AanbodInfo .Left .aanmelden:hover {
text-decoration: none;
color: #fff;
background-color: rgba(14, 113, 184, 0.8);
}
#content .AanbodInfo .Right {
margin: 0 0 0 0px;
display: inline-block;
vertical-align: top;
width: 90%;
border: 0px solid red;
}
#content .AanbodInfo .Right h1 {
text-decoration: none;
margin: 25px 0 25px 0;
padding: 0 0 15px 0;
font-size: 14pt;
font-style: italic;
text-align: center;
border-bottom: 1px solid gray;
}
#content .AanbodInfo .Right h2 {
text-decoration: none;
margin: 40px 0 10px 0;
padding: 0 0 0px 0;
font-size: 14pt;
color: gray;
font-style: normal;
font-weight: normal;
text-align: left;
}
#content .AanbodInfo .Right p {
margin: 0 0 50px 0;
padding: 0 0 0 0;
text-align: left;
border: 0px solid red;
}
.OverzichtHor {
min-height: 500px;
width: 100%;
margin: 50px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 0px 5px 10px 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.OverzichtHor .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.OverzichtHor .CursusAanbod .Cursus img {
width: 280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.OverzichtHor .CursusAanbod .Cursus:hover img {
opacity: 0.8;
}
.OverzichtHor .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.OverzichtHor .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.BannerBlok {
margin: 0px 0 0px 0;
background-color: rgba(14, 113, 184, 0.3);
text-align: center;
border: 0px solid red;
}
.BannerBlok .MainBlok {
width: 100%;
margin: 0px auto 0px auto;
padding: 30px 0 30px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left {
display: inline-block;
vertical-align: top;
width: 95%;
text-align: left;
margin: 0 0px 40px 0px;
padding: 0 0px 0 0px;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left img {
display: block;
margin: 0 0 5px 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Left span {
display: block;
color: #34afbf;
font-size: 21pt;
font-weight: bold;
line-height: 40px;
margin: 10px 0 0 0;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right {
margin: 0 auto 0 auto;
display: block;
vertical-align: top;
width: 95%;
text-align: left;
border: 0px solid red;
}
.BannerBlok .MainBlok .Right .opsomming {
margin: 0 0 25px 0;
padding: 0 0 0 40px;
color: #34afbf;
font-size: 15pt;
font-weight: 700;
background-position: left center;
background-size: 25px;
background-repeat: no-repeat;
border: 0px solid red;
}
.TrainerHolder {
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0 !important;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer .left img {
width: 180px;
}
.Trainer .right {
width: 350px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.Trainer2 {
min-height: 10px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
margin: 20px 0 0 0px;
}
.Trainer2 .left {
width: 250px;
display: inline-block;
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align: center;
border: 0px solid red;
}
.Trainer2 .left img {
width: 180px;
}
.Trainer2 .right {
width: 350px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0px 0px;
padding: 0 0 0 0;
border: 0px solid red;
}
.Trainer2 .right p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}
.Trainer2 .right span {
display: block;
margin: 0px 0 10px 0px;
padding: 0 0 0 0;
font-size: 20pt;
font-style: italic;
font-weight: 700;
color: #34afbf;
border: 0px solid red;
}
.CursusHolder {
min-height: 500px;
width: 100%;
margin: 0px auto 50px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
.CursusHolder .CursusAanbod {
text-align: center;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus {
text-align: left;
display: inline-block;
height: 400px;
margin: 10px 5px 0 5px;
vertical-align: top;
background-color: #fff;
border-radius: 10px;
border: 2px solid gray;
}
.CursusHolder .CursusAanbod .Cursus:hover {
border: 2px solid #34afbf;
}
.CursusHolder .CursusAanbod .Cursus img {
width: 280px;
margin: 0px 0 10px 0;
border: 0px solid #fff;
border-radius: 8px;
}
.CursusHolder .CursusAanbod .Cursus:hover img {
opacity: 0.8;
}
.CursusHolder .CursusAanbod .Cursus .Top1 {
margin: 50px 10px 10px 15px;
color: #34afbf;
width: 250px;
height: 17px;
font-size: 10pt;
font-weight: bold;
overflow: hidden;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .Top2 {
margin: 0px 10px 10px 15px;
color: gray;
width: 250px;
height: 60px;
font-size: 14pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder {
margin: 0px 10px 10px 15px;
color: gray;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Left {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.CursusHolder .CursusAanbod .Cursus .BottomHolder .Right {
display: inline-block;
vertical-align: top;
width: 90px;
margin: 0px 0 10px 0px;
padding: 5px 5px 5px 30px;
background-image: url(/images/logo-small.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 10pt;
border: 0px solid red;
}
.FooterContent {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
color: #fff;
text-align: center;
border: 0px solid red;
}
.FooterContent p {
margin: 50px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent a {
color: #fff;
}
.FooterContent h3 {
margin: 20px 0 10px 0;
padding: 20px 0 0 0;
color: #fff;
font-size: 16pt;
text-transform: none;
border: 0px solid red;
}
.FooterContent .h3kwaliteit {
}
.FooterContent .Footerblok1 {
border: none;
width: 300px;
margin: 20px 0 0 0;
min-height: 50px;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 {
width: 320px;
min-height: 50px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok2 h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok2 p {
margin: 5px 0 0 0;
padding: 0 0 0 0;
color: #bad8ce;
font-size: 10pt;
text-align: left;
border: 0px solid gray;
}
.FooterContent .Footerblok2 ul {
margin: 30px 0 30px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li {
list-style: none;
padding: 10px 0 5px 0;
font-size: 12pt;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok2 ul li a {
color: #fff;
font-size: 11pt;
}
.FooterContent .Footerblok {
width: 300px;
min-height: 50px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 0px 0 0px;
border: 0px solid red;
}
.FooterContent .Footerblok h2 {
margin: 15px 0 0 0;
padding: 0 0 0 0;
text-transform: none;
color: #bad8ce;
font-size: 11pt;
}
.FooterContent .Footerblok h3 {
margin: 20px 0 40px 0;
padding: 20px 0 0 0;
border: 0px solid red;
}
.FooterContent .Footerblok p {
margin: 0px 0 20px 0;
padding: 0 0 0 0;
width: 100%;
text-align: left;
color: #fff;
border: 0px solid red;
}
.FooterContent .Footerblok ul {
margin: 15px 0 75px 0;
padding: 0 0 0 0;
color: #fff;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li {
list-style: none;
padding: 0 0 5px 0;
color: #bad8ce;
font-size: 12pt;
text-align: left;
border: 0px solid red;
}
.FooterContent .Footerblok ul li a {
color: #bad8ce;
font-size: 14pt;
}
.FooterContent .Footerblok .LinkOndInsch {
margin: 0 0 0 25px;
border: 0px solid #fff;
}
.FooterContent .Footerblok a {
color: #fff;
text-decoration: underline;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons {
display: inline-block;
margin: 0 0 5px 0;
color: #fff;
font-size: 12pt;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons:hover {
text-decoration: none;
border: 0px solid #fff;
}
.FooterContent .Footerblok a.ContactIcons div {
display: inline-block;
vertical-align: top;
margin: 10px 0 0 10px;
color: #fff;
font-size: 13pt;
border: 0px solid #fff;
}
.CmsBalk {
width: 100%;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
background-color: #34afbf;
border: 0px solid gray;
display: block;
}
.CmsBalk a {
color: #fff;
font-size: 10pt;
}
.CmsBalk:hover a {
color: #fff;
}
.CmsBalkLinks {
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #34afbf;
text-align: center;
border: 0px solid gray;
display: block;
}
.CmsBalkRechts {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #ffffff;
background-color: #34afbf;
text-align: center;
border: 0px solid gray;
display: block;
}
.FooterContent2 {
width: 100%;
margin: 30px auto 0px auto;
padding: 0px 0px 0 0px;
text-align: center;
color: #fff;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 {
width: 200px;
min-height: 200px;
display: inline-block;
vertical-align: top;
margin: 20px 0 0 0px;
padding: 0px 30px 0 0px;
text-align: left;
border: 0px solid yellow;
}
.FooterContent2 .Footerblok2 .kop {
padding: 15px 0px 20px 5px;
font-weight: bold;
}
.FooterContent2 .Footerblok2 .content {
font-size: 12pt;
padding: 0px 0px 0px 5px;
}
.FooterContent2 .Footerblok2 a {
color: #34afbf;
font-size: 10pt;
}
.FooterContent2 .Footerblok2 .RightTop {
width: 225px;
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
border: 0px solid #fff;
}
.FooterContent2 .Footerblok2 .RightTop .left {
display: none;
vertical-align: top;
width: 40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right {
display: inline-block;
vertical-align: top;
color: #34afbf;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightTop .right p {
display: inline-block;
vertical-align: top;
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 16px;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-size: 14pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom .kop {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 12pt;
font-weight: bold;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
.FooterContent2 .Footerblok2 .RightBottom a {
color: #34afbf;
font-size: 10pt;
font-weight: normal;
border: 0px solid red;
}
#TopBar {
width: 100%;
margin: 0px 0 0px 0;
padding: 0 0 0 0px;
text-align: right;
border: 0px solid gray;
display: block;
}
#TopBar .MediaTop {
width: 100%;
margin: 0px 0px 0px 0;
padding: 0 0 0 0px;
border: 0px solid gray;
display: block;
}
#toplogo {
width: 100%;
margin: 0px 0 0 0;
padding: 0 0 0 0px;
border: 0px solid gray;
display: block;
}
#toplogoright {
width: 100%;
margin: 0px 0 0 0;
text-align: right;
border: 0px solid gray;
display: block;
}
#toplogoright .ContactInfo a {
color: #34afbf;
}
#top {
margin: 0px 0 0 0;
padding: 0 5px 0 0;
font-size: 12pt;
text-align: right;
border: 1px solid gray;
display: block;
}
#top span {
text-decoration: underline;
}
.bannerbgimginfo {
height: 300px;
overflow: hidden;
margin: 0px auto 0px auto;
padding: 0px 0 0 0;
text-align: right;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#bannerbgimg .Txt {
width: 600px;
margin: 180px auto 0 auto;
text-align: right !important;
border: 0px solid red;
}
#bannerbgimg .Txt .Kop {
margin: 20px 0 0 0px;
width: 325px;
font-size: 28pt;
color: #fff;
text-align: right;
font-weight: bold;
border: 0px solid red;
}
#bannerbgimg .Txt .SubKop {
margin: 0px 0 0 0px;
width: 325px;
font-size: 22pt;
color: #fff;
text-align: right;
border: 0px solid red;
}
.LogoBlock {
left: 65px;
width: 210px;
margin: -40px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 20;
border: 0px solid red;
}
.LogoBlock img {
width: 200px;
border: 0px solid red;
}
.LogoBlock10 {
left: -10px;
top: 60px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 1;
border: 0px solid red;
}
.LogoBlock10 img {
width: 350px;
border: 0px solid red;
}
.LogoBlock99 {
display: none;
left: 130px;
top: 10px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: center;
z-index: 100;
border: 0px solid red;
}
.LogoBlock99 img {
border: 0px solid red;
}
#bannerbgimg {
width: 100%;
height: 300px;
margin: 80px 0 0 0;
padding: 0 0 0 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
#bannerbgimgTextTop {
width: 650px;
margin: 0px auto 0px auto;
padding: 30px 0px 0 0px;
font-size: 50pt;
text-align: right;
color: #fff;
border: 0px solid red;
text-shadow: -1px 0 #34afbf, 0 1px #34afbf, 1px 0 #34afbf, 0 -1px #34afbf;
}
#bannerbgimgTextBottom {
width: 650px;
margin: 0px auto 0px auto;
padding: 0px 0px 0 0px;
font-size: 35pt;
text-align: right;
color: #fff;
border: 0px solid red;
text-shadow: -1px 0 #34afbf, 0 1px #34afbf, 1px 0 #34afbf, 0 -1px #34afbf;
}
#bannerbg999 {
width: 100%;
height: 10px;
background-color: #c6daa1;
margin: 0px auto 0 auto;
border: 0px solid gray;
}
.VerlInfoInsch {
width: 100%;
margin: 0 auto 50px auto;
text-align: center;
border: 0px solid red;
}
#MainVerlInfo {
width: 100%;
margin: 0 auto 0 auto;
padding: 0px 0 0 0;
text-align: center;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlTop {
display: block;
width: 100%;
margin: 20px auto 50px auto;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlLogoLeft {
margin: 0 auto 0 auto;
display: block;
vertical-align: top;
text-align: center;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlLogoLeft img {
width: 250px;
}
#MainVerlInfo .VerlTxtright {
display: block;
width: 100%;
vertical-align: top;
text-align: center;
margin: 0 0 0 0;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlTxtright p {
width:90%;
display: block;
margin: 20px auto 20px auto;
text-align: center;
padding: 0 0 0 0;
font-size: 14pt;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlBottom {
margin: 0px auto 0px auto;
font-weight: bold;
border: 0px solid #34afbf;
}
#MainVerlInfo .VerlBottom p {
font-size: 11pt;
}
#MainButtons {
width: 100%;
margin: 50px auto 20px auto;
padding: 0 0px 0 0px;
background-color: #fff;
text-align: center;
border: 0px solid red;
}
#MainButtons .blok {
display: inline-block;
vertical-align: top;
width: 275px;
min-height: 175px;
margin: 0px 20px 20px 20px;
padding: 20px;
background-color: #34afbf;
color: #fff;
text-align: center;
border: 5px solid #9bc189;
}
#MainButtons .blok:hover {
text-decoration: none;
background-color: #9bc189;
border: 5px solid #34afbf;
}
#MainButtons .blok h6 {
color: #fff;
font-size: 24pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#MainButtons .blok p {
color: #fff;
font-size: 12pt;
margin: 10px 30px 0 30px;
padding: 0 0 0 0;
border: 0px solid red;
}
.bannerbgimg {
height: 500px;
overflow: hidden;
margin: 5px auto 0px auto;
padding: 0px 0 0 0;
text-align: right;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#MenuButtonMobile {
width: 150px;
background-color: rgba(255, 255, 0, 0.00) !important;
background-repeat: no-repeat;
border: 0px solid gray !important;
}
.topmenumobilesub {
margin: -12px 0 10px 0;
padding: 0 15px 0 25px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
.topmenumobilesubto {
display: block;
height: 500px;
overflow-y: auto;
margin: -12px 0 0px 0;
padding: 0 15px 0 25px;
vertical-align: top;
background-color: #fff;
border-top: 1px solid #34afbf;
border-bottom: 1px solid #34afbf;
}
#topmenumobilesub ul {
margin: 15px 0 15px 0;
padding: 0 20px 0 20px;
vertical-align: top;
border: 0px solid gray;
list-style: none;
}
#topmenumobilesub li {
margin: 0px 0 0px 0;
padding: 10px 0px 10px 0px;
vertical-align: top;
font-weight: bold;
border: 0px solid gray;
}
#topmenumobilesub li:before {
content: "";
color: #34afbf;
border: 0px solid gray;
}
#topmenumobilesub ul .submenu {
margin: 0px 0 0px 0;
padding: 0 25px 0 25px;
vertical-align: top;
border: 0px solid red;
}
#topmenumobilesub ul .submenu li {
margin: 0px 0 0px 0;
padding: 5px 0px 5px 0px;
vertical-align: top;
font-weight: normal;
border: 0px solid gray;
}
#topmenumobilesub li a {
padding: 10px 30px 10px 30px;
border: 0px solid red;
}
#topmenumobilesub li a.selected {
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: left center;
text-decoration: underline;
border: 0px solid red;
}
#maincontainer {
width:100%;
display: block;
margin: 0px auto 0px auto;
padding: 0 0px 0 0px;
border: 0px solid red;
}
#content {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0 0px 0 0px;
text-align: center;
border: 0px solid red;
}
.Templ1DivRight {
width: 400px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
.Templ1DivRight p {
margin: 0 0 20px 0;
padding: 10px 0 10px 40px;
color: #26328c;
text-align: left;
font-size: 11pt;
font-weight: bold;
background-repeat: no-repeat;
background-size: 25px;
background-position: 5px center;
border: 0px solid red !important;
}
#content h1 {
margin: 0px 0 20px 0px;
font-size: 2.2em;
font-weight: bold;
border: 0px solid gray;
}
#content p {
margin: 0px 20px 20px 20px;
border: 0px solid gray;
}
#content ul {
margin: 10px 0 30px 80px;
padding: 0;
list-style: none;
color: #9d9d9d;
font-size: 17px;
}
#content li:before {
content: "• ";
color: #34afbf;
}
#breadcrumbnavi {
display: none;
width: 100%;
margin: 0 0 0px 0px;
padding: 5px 0 5px 0px;
font-size: 13px;
color: #bbbdbc;
text-align: center;
border: 0px solid red;
}
#breadcrumbnavi a {
color: #34afbf;
border: 0px solid gray;
}
#contentleft {
width: 90%;
min-height: 500px;
margin: 0 20px 20px 20px;
padding: 0 0px 0 0px;
display: inline-block;
vertical-align: top;
border: 0px solid red;
}
#contentleft .AanmeldenMobile {
width: 100%;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid red;
}
#contentleft h1 {
margin: 40px 0 40px 0px;
padding: 0;
color: #1cadc4;
font-size: 28pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft p {
margin: 0px 0px 30px 0px;
padding: 0;
color: gray;
text-align: left;
font-size: 12pt;
border: 0px solid gray;
}
#contentleft h2 {
margin: 40px 0 10px 0px;
padding: 0;
font-weight: normal;
color: #34afbf;
font-size: 18pt;
text-align: left;
text-decoration: none;
border: 0px solid red;
}
#contentleft a {
color: #34afbf;
text-decoration: underline;
font-size: 16px;
}
#contentleft a.notselected {
text-decoration: underline;
}
#contentleft a.selected {
text-decoration: underline;
}
#contentleft a:hover {
text-decoration: none;
}
#contentleft ul {
margin: 0 20px 20px 20px;
padding: 0 0 0 0;
color: #34afbf;
border: 0px solid gray;
list-style: none;
}
#contentleft li {
margin: 0px 0 0px 0;
padding: 0 0 0 0;
}
#contentleft li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
content: "• ";
}
#contentleft img {
float: right;
display: block;
max-width:200px;
text-align: center;
margin: 0 auto 20px 15px;
padding: 0 0 0 0px;
}
#contentright {
display:none;
width: 350px;
margin: 0px 0 0 0px;
padding: 0px 0px 0 0px;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#contentright p {
margin: 0 0 10px 10px;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentright h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #fff;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentright h2 {
margin: 20px 0 0px 0px;
padding: 0;
color: #fff;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
}
#contentright h3 {
display:block;
margin: 55px 0 10px 50px;
padding: 15px 0 10px 45px;
padding: 0;
color: #34afbf;
font-size: 14pt;
font-weight: bold;
text-transform: uppercase;
border: 0px solid red;
}
#contentright h3.selected {
margin: 40px 0 0px 25px;
padding: 15px 0 10px 45px;
text-decoration: underline;
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 30px;
text-decoration: underline;
text-transform:none;
font-size:18pt;
color: #34afbf;
border: 0px solid red;
}
#contentright a {
color: #34afbf;
margin: 0px 0 50px -25px;
padding: 15px 0 10px 45px;
text-decoration: none;
font-size: 14pt;
border: 0px solid red;
}
#contentright a.notselected {
text-decoration: none;
}
#contentright a.selected {
text-decoration: underline;
background-image: url(/images/menu-img.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 30px;
text-decoration: underline;
border: 0px solid red;
}
#contentright a:hover {
text-decoration: underline;
}
#contentright .TbxCssMailInput {
width: 316px;
height: 25px;
margin: 0 0 10px 10px;
padding: 2px 0px 2px 10px;
font-size: 12pt;
color: #34afbf;
border: 2px solid #009fe3;
}
#contentright .BtnAlgemeen {
margin: 0px 0px 0px 10px;
padding: 4px 15px 4px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #009fe3;
border-radius: 3px;
border: 1px solid #009ee0;
}
#contentright ul {
display: block;
margin: 0 0 50px 0px;
padding: 0 0px 0 0;
font-size: 17px;
border: 0px solid gray;
}
#contentright li {
margin: 0 0 0 0;
padding: 10px 0 5px 60px;
border: 0px solid gray;
text-indent: -11px;
list-style: none;
}
#contentright li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
content: "";
}
.Hplinschrijven {
width: 270px;
margin: 30px auto 0 auto !important;
border: 0px solid red;
}
.btninschrijven {
width: 250px;
margin: 0 0 0 0px;
padding: 10px 5px 8px 5px;
color: #34afbf;
font-size: 12pt;
text-align: center;
text-transform: uppercase;
font-weight: bold;
border: 2px solid #34afbf;
border-radius: 10px;
}
.btninschrijvensubtxt {
width: 265px;
font-size: 9pt;
margin: 5px 0 0 0;
border: 0px solid gray;
}
#InschrijvenMain {
display: block;
width: 100%;
text-align: center;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenBottom {
margin: 0 0 0 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft {
display: block;
width: 100%;
color: #34afbf;
text-align: center;
margin: 20px 0px 0px 0px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijvenLeft h2 {
margin: 50px 0px 20px 0px;
color: #34afbf;
text-decoration: none;
font-style: normal;
text-align: center;
font-size: 24pt;
font-weight: bold;
}
#InschrijvenMain .MainHplinschrijvenLeft p {
text-align: center;
color: #34afbf;
margin: 0 20px 20px 20px;
border: 0px solid red;
}
#InschrijvenMain .MainHplinschrijven {
display: inline-block;
width: 300px;
text-align: center;
color: #34afbf;
margin: 0px 0 30px 0;
border: 0px solid red;
}
#InschrijvenMain .Mainbtninschrijven {
display: block;
width: 275px;
margin: 0 0 0px 5px;
padding: 10px 5px 8px 5px;
color: #fff;
background-color: #34afbf;
font-size: 16pt;
text-align: center;
font-style: italic;
font-weight: bold;
border: 2px solid #34afbf;
border-radius: 10px;
}
#InschrijvenMain .Mainbtninschrijvensubtxt {
display: block;
font-size: 10pt;
font-weight: bold;
margin: 5px 0 0 0px;
color: #34afbf;
}
.FooterKwaliteit {
width: 750px;
margin: 0px auto 0px auto;
padding: 20px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
.FooterKwaliteit a {
display: inline-block;
vertical-align: middle;
margin: 0px 10px 25px 10px;
padding: 0px 0px 0 0px;
text-align: center;
border: 0px solid gray;
}
#map {
width: 100%;
height: 350px;
background-color: grey;
border-top: 3px solid #34afbf;
border-bottom: 3px solid #34afbf;
}
#topmenuholder {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0;
vertical-align: top;
color: red;
text-align: center;
background-color: #fff;
border-top: 0px solid #34afbf;
border-bottom: 0px solid #34afbf;
}
.topmenuSub {
width: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0;
vertical-align: top;
z-index: -1;
text-align: left;
text-align: center;
background-color: #fff;
border: 0px solid red;
}
.topmenuSub .Logo {
display: inline-block;
width: 300px;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Logo img {
width: 300px;
border: 0px solid red;
}
.topmenuSub .Right {
display: inline-block;
width: 250px;
margin: 0px 0 0px 0px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right p {
margin: 25px 0 0px 0;
text-align: left;
font-size: 12pt;
line-height: 22px;
border: 0px solid red;
}
.topmenuSub .Right2 {
width: 80px;
float: none;
display: inline-block;
margin: 15px 20px 0px -90px;
padding: 0px 0px 0px 0;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
.topmenuSub .Right2 a:hover {
opacity: 0.9;
}
#contentleftcms {
width: 300px;
margin: 0 0 0 0;
padding: 40px 0 0 0px;
display: inline-block;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
text-align:left;
border: 0px solid red;
}
#contentleftcms h1 {
margin: 40px 0 5px 80px;
padding: 0;
color: #34afbf;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
#contentleftcms h2 {
margin: 20px 0 20px 0px;
padding: 0;
color: #34afbf;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
text-decoration: underline;
border: 0px solid red;
}
#contentleftcms a {
color: #34afbf;
text-decoration: none;
font-size: 16px;
}
#contentleftcms a.notselected {
color: #34afbf;
text-decoration: none;
}
#contentleftcms a.selected {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms a:hover {
color: #34afbf;
text-decoration: underline;
}
#contentleftcms ul {
margin: 0 0 0 0px !important;
padding: 0 0 0 0;
list-style: none !important;
color: #9b80a1;
font-size: 16px;
}
#contentleftcms li {
margin: 10px 0 20px 0;
padding: 0 0 0 0;
list-style: none !important;
}
#contentleftcms li:before {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none !important;
content: "";
}
#contentrightcms {
width: 700px;
margin: 40px 0 0 -5px;
padding: 0 0 0 0;
display: inline-block;
background-color: rgba(255, 255, 255, 0.5);
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#contentrightcms h1 {
margin: 40px 0 5px 0px;
padding: 0;
color: #34afbf;
font-size: 22pt;
font-weight: normal;
letter-spacing: -1px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}
#contentrightcms h2 {
margin: 20px 0 0px 20px;
padding: 0;
color: #34afbf;
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
}
#contentrightcms a {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.notselected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a.selected {
color: #009ee0;
text-decoration: none;
}
#contentrightcms a:hover {
color: #009ee0;
text-decoration: none;
}
#contentrightcms ul {
margin: 0 0 30px 20px;
padding: 0 80px 0 0;
border: 0px solid gray;
font-size: 17px;
}
#contentrightcms li {
margin: 0 0 0 0;
padding: 0 0 5px 11px;
border: 0px solid gray;
text-indent: -11px;
}
#contentrightcms li:before {
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
}
#contentrightcms p {
margin: 0 0 30px 0px;
padding: 0 0px 0 0;
color: #000;
text-align: left;
font-size: 17px;
border: 0px solid red;
}
/* .AgendaItemTop {
border-bottom: 1px solid red;
margin: 0 0 0 20px;
padding: 2px 0 2px 0;
cursor: pointer;
}*/
}
/* @media 1250 px breed *********************************************************************************************************** */
@media (min-width: 1250px) {
.menuknop {
display: none !important;
}
}
/* @media 1500 px breed *********************************************************************************************************** */
@media (min-width: 1500px) {
#BannerBottom {
width: 100%;
height: 500px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
background-color: #34afbf;
background-image: url(/images/banner-bottom-52.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
}
table {
color: #9d9d9d;
font-size: 17px;
}
td {
vertical-align: top;
}
.BtnAlgemeen {
margin: 0px 0px 0px 0;
padding: 8px 15px 8px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #009fe3;
border-radius: 3px;
border: 1px solid #009ee0;
}
.BtnAlgemeen:hover {
text-decoration: underline;
cursor: pointer;
}
.BtnAlgemeenWit {
margin: 0px 0px 0px 0;
padding: 8px 15px 8px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #009fe3;
background-color: #fff;
border-radius: 3px;
border: 1px solid #009ee0;
}
.BtnAlgemeenWit:hover {
text-decoration: underline;
cursor: pointer;
}
.btnnormal {
margin: 0;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
/*.btnalgemeen { margin:5px 0 0 242px; padding:2px 15px 2px 15px; background-color:#8ecac8; border:1px solid #8ecac8; color:#ffffff; }*/
.btnwwvergeten {
margin: 5px 0 0 322px;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.btnnewww {
margin: 5px 0 0 232px;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.btnupload {
margin: 5px 0 0 310px;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.btntoevoegeninline {
margin: 5px 0 0 0;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.btnnewuser {
margin: 5px 0 0 255px;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.BtnLogin {
margin: 10px 0px 0px 232px;
padding: 4px 15px 4px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: #34afbf;
border-radius: 3px;
border: 1px solid #34afbf;
}
.btntoevoegen {
margin: 5px 0 0 0;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.btnannuleren {
margin: 5px 0 0 0;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.CmsBtnVerwijderen {
border: 0px solid gray;
display: inline-block;
vertical-align: top;
}
.CmsBtnUploadImg {
margin: 5px 0 0 0px;
padding: 2px 15px 2px 15px;
background-color: #34afbf;
border: 1px solid #34afbf;
color: #ffffff;
}
.CmsLblCss {
width: 200px;
min-height: 20px;
margin: 0 0 0 10px;
padding: 0 0 0 0;
color: gray;
display: inline-block;
vertical-align: top;
text-align: left;
border: 0px solid red;
}
#TopBar .JqPrijsOverzichtTop {
width: 280px;
height: 35px;
display: inline-block;
display: none;
position: relative;
background-color: #009fe3;
background-repeat: no-repeat;
background-position: 245px 13px;
background-image: url('../images/shopslider/arrow-down-gray.png');
background-size: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
color: #fff;
font-size: 14pt;
border-top: 0px solid gray;
border-right: 0px solid gray;
border-bottom-right-radius: 8px;
border-bottom: 0px solid gray;
border-left: 0px solid gray;
border-bottom-left-radius: 8px;
}
#TopBar .JqPrijsOverzichtTopBig {
width: 280px;
height: 140px;
display: inline-block;
background-color: #009fe3;
background-color: #009fe3;
background-repeat: no-repeat;
background-position: 245px 13px;
background-image: url('../images/shopslider/arrow-up-gray.png');
background-size: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
color: #fff;
font-size: 14pt;
border-top: 0px solid gray;
border-right: 0px solid gray;
border-bottom-right-radius: 8px;
border-bottom: 0px solid gray;
border-left: 0px solid gray;
border-bottom-left-radius: 8px;
}
#TopBar .JqPrijsOverzichtTop .JqPrijsOverzichtTopdiv1 {
width: 235px;
height: 22px;
margin: 0 0px 0 0px;
padding: 10px 46px 0 0;
font-size: 11pt;
cursor: pointer;
border: 0px solid gray;
}
#TopBar .JqPrijsOverzichtTop .div1to2holder {
margin: 0px 0 0 0;
padding: 0 40px 0 0;
display: none;
border: 0px solid gray;
}
#TopBar .JqPrijsOverzichtTop .div1to2holder2 {
margin: 0px 0 0 0;
padding: 0 40px 0 0;
display: block;
border: 0px solid gray;
}
#TopBar .JqPrijsOverzichtTop .div2 {
height: 50px;
margin: 12px 0 0 0;
padding: 0 0 0 0;
font-size: 14pt;
text-align: right;
font-weight: bold;
border: 0px solid gray;
}
#TopBar .JqPrijsOverzichtTop .div3 {
height: 30px;
margin: 15px 0 0 0;
padding: 0 0 0 0;
font-size: 12pt;
border: 0px solid gray;
}
#TopBar .JqPrijsOverzichtTop .BtnAlgemeenWit {
margin: 0px 0px 0px 0;
padding: 8px 15px 8px 15px;
vertical-align: top;
font-size: 16px;
font-weight: bold;
color: #009fe3;
background-color: #fff;
border-radius: 3px;
border: 1px solid #009ee0;
}
#TopBar .JqPrijsOverzichtTop .BtnAlgemeenWit:hover {
text-decoration: underline;
cursor: pointer;
}
#socialmedia {
margin: 0px 0 0px 0;
padding: 0 0 0 0;
height: 50px;
text-align: left;
border: 0px solid gray;
}
#BannerContent {
width: 1198px;
margin: 0 auto 0px auto;
padding: 0px 0px 0 0px;
border: 0px solid gray;
}
/*#Banner {
width: 100%;
height:675px;
margin: -40px auto 0px auto;
padding: 0 0 0 0;
background-color:#445157;
background-image:url(images/banner/bannerbg999.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:1600px;
border: 0px solid #fff;
}*/
#BannerContent {
width: 1198px;
margin: 0 auto 0px auto;
padding: 0px 0px 0 0px;
border: 0px solid gray;
}
#BannerContent .KopTxt {
display: inline-block;
margin: 100px 0 0 60px;
padding: 5px 20px 5px 20px;
color: #fff;
font-size: 25pt;
font-weight: bold;
background-color: #009fe3;
border: 0px solid gray;
}
#BannerContent .ParagraphTxt {
width: 550px;
margin: 20px 0 0 60px;
padding: 0 0 0 0;
color: #fff;
font-size: 14pt;
border: 0px solid gray;
}
#BannerContent .Buttons {
width: 550px;
margin: 20px 0 0 60px;
padding: 0 0 0 0;
color: #fff;
font-size: 14pt;
border: 0px solid gray;
}
#footerDivider {
height: 0px;
margin: 0px auto 0px auto;
padding: 0 0 0 0;
background-color: #fff;
border: 5px solid #34afbf;
}
.MapsDiv {
margin: 0 0 10px 0;
border: 0px solid gray;
}
.MapsDiv1 {
width: 250px;
vertical-align: top;
display: inline-block;
border: 0px solid gray;
}
.MapsDiv2 {
width: 170px;
text-align: right;
vertical-align: top;
display: inline-block;
border: 0px solid gray;
}
.FooterImgKwaliteit {
height: 60px;
}
.FooterImgKwaliteit2 {
height: 35px;
}
.FooterImgLink {
vertical-align: top;
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 0px;
border: 0px solid gray;
}
#Footer2 {
width: 100%;
margin: 5px auto 10px auto;
padding: 0 0 0 0;
background-color: #fff;
border: 0px solid gray;
display: none;
}
#FooterContent2Left {
width: 760px;
display: inline-block;
vertical-align: top;
margin: 0 auto 0px auto;
padding: 0px 0px 0 0px;
border: 0px solid gray;
}
#FooterContent2Left img {
margin: 0 0 0 10px;
}
#FooterContent2Right {
width: 400px;
display: inline-block;
vertical-align: top;
margin: 0 auto 0px auto;
padding: 10px 0px 0 0px;
text-align: right;
border: 0px solid gray;
}
#Footer3 {
height: 25px;
margin: 0px auto 10px auto;
padding: 0 0 0 0;
background-color: #009fe3;
border: 0px solid gray;
display: none;
}
#footermenu a {
color: #34afbf !important;
text-decoration: none;
font-size: 12pt;
font-weight: normal;
border: 1px solid gray;
}
#footermenu a.notselected {
padding: 0 0 0 20px;
text-decoration: none;
border: 0px solid gray;
}
#footermenu a.selected {
text-decoration: underline;
border: 0px solid gray;
}
#footermenu a:hover {
text-decoration: underline;
border: 0px solid gray;
}
#contentcms {
width: 100%;
min-height: 350px;
border: 0px solid gray;
}
#contentcms ul {
margin: 10px 0 30px 80px;
padding: 0;
list-style: none;
color: #9d9d9d;
font-size: 18px;
}
#contentcms li:before {
content: "• ";
color: #009ee0;
}
.HomeLinkBtn {
padding: 20px 0 10px 0;
display: inline-block;
width: 294px;
vertical-align: top;
text-align: center;
border: 0px solid gray;
}
.HomeLinkBtn:hover {
opacity: 0.7;
}
.HomeLinkBtn .kop {
padding: 10px 0 10px 0;
display: block;
font-size: 24px;
color: #f7a08d;
text-transform: uppercase;
border: 0px solid gray;
}
.HomeLinkBtn hr {
height: 2px;
margin: 0 22px 0 22px;
background-color: #8ecac8;
border: 0px;
}
.HomeLinkBtn p {
width: 250px;
margin: 10px 0 0 20px;
padding: 0;
border: 0px solid gray;
font-size: 15px;
}
#footermenu {
margin: 0px 0 0px 0;
min-height: 200px;
padding: 0px 0 0 0;
border: 0px solid gray;
}
#footermenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12pt;
border: 0px solid gray;
}
#footermenu li {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid gray;
text-align: left;
}
#footermenu li a {
margin: 0 0 0 0px;
padding: 0px 0 0 0;
border: 0px solid gray;
color: #fff;
text-decoration: none;
}
#footermenu li a:hover {
text-decoration: underline;
}
#footermenu .SubMenu {
margin: 0 0 0 15px;
padding: 0px 0 0 0;
border: 0px solid gray;
color: #fff;
text-decoration: none;
}
/*
#footerlogo1 { margin:6px 4px 0 0; display:inline-block; vertical-align:top; border:0px solid gray;}
#footerlogo2 { margin:8px 3px 0 0; display:inline-block; vertical-align:top; border:0px solid gray;}
#footerlogo3 { margin:6px 0px 0 0; display:inline-block; vertical-align:top; border:0px solid gray;}
#footerlogo4 { margin:0 0 0 0; display:inline-block; vertical-align:top; border:0px solid gray;}*/
#copyright {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
font-size: 14px;
color: #677277;
font-weight: normal;
border: 0px solid gray;
}
#copyright a {
color: #677277;
font-weight: normal;
border: 0px solid gray;
}
#mobiledesktop {
margin: 0 0 0 0px;
padding: 0 0 0 5px;
border: 0px solid gray;
color: #8ecac8;
}
#mobiledesktop a {
color: #8ecac8;
text-decoration: underline;
}
.lblinschrijven {
width: 300px;
margin: 0 0 5px 0;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
border: 0px solid gray;
}
.tbxlinschrijven {
width: 300px;
margin: 0 0 5px 0;
padding: 0 50px 0 0;
display: inline-block;
vertical-align: top;
border: 0px solid gray;
}
.ddllinschrijven {
width: 304px;
margin: 0 0 5px 0;
padding: 0 0 0 0;
}
.lbllogin {
width: 150px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px solid gray;
display: inline-block;
}
.TbxCss {
height: 20px;
width: 638px;
margin: 0;
padding: 3px 0 3px 10px;
font-size: 14px;
}
.WatermarkCss {
height: 20px;
width: 638px;
margin: 0;
padding: 3px 0 3px 10px;
font-size: 10px;
color: #34afbf;
}
.CmsTbxCss {
height: 20px;
width: 400px;
margin: 0;
padding: 3px 0 3px 10px;
font-size: 14px;
display: inline-block;
}
.CmsTbxCss2 {
height: 20px;
width: 400px;
margin: 0;
padding: 3px 0 3px 10px;
font-size: 14px;
display: inline-block;
}
.marker {
color: #8ecac8;
}
.btn247ass {
width: 200px;
margin: -6px 0 0 0;
padding: 0px 10px 0px 10px;
color: #fff;
font-size: 13pt;
text-align: center;
background-color: #34afbf;
border: 2px solid #fff;
border-radius: 12px;
}
.NieuwsItemContent table {
border: 0px solid gray;
margin: 0 0 0 80px;
}
.FooterContent .Footerblok .KopTxt {
margin: 0 0 20px 0;
padding: 0 0 0 0;
text-align: left;
color: #fff;
border: 0px solid gray;
}
.FooterContent .FooterContentAdres {
margin: 30px 0 0 0;
padding: 0px 0px 0 0px;
text-align: center;
color: #fff;
font-size: 14pt;
border: 0px solid gray;
}
.FooterContent .FooterContentAdres span {
margin: 0 20px 0 20px;
padding: 0 0 0 0;
border: 0px solid gray;
}
.NieuwsItemContent table {
border: 0px solid gray;
margin: 0 0 0 80px;
}
.h2Opmerking {
font-size: 12px;
text-transform: lowercase;
border-bottom: 1px solid #34afbf;
}
.Disabled {
background-color: lightgray;
cursor: default;
border: 1px solid lightgray;
}