@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,900italic,900,700italic,700,400italic,300italic,300&subset=latin,latin-ext);

@font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("application/font-woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

html, head {
    margin: 0px;
    padding: 0px;}

body{
    padding: 1px 0px 0px 0px;
    clear: both;
	/*
	text-align: center;
    font-family: "Open Sans", "Frutiger", sans-serif;
    font-size: 0.875rem;
    color: #000;
    background: none;
    background-color: #f6f6f6 !important;
    */

}

.default_background_color{
background-color: #1caecc;
}

fieldset{
    border:0;
    margin:0;
    padding:0;
}
select[multiple]{
    height: auto;
}

#main-content p, #main-content ul li{
    /* font-size:0.875rem; */
}
/*
#secondaryNav{
    background-color: #efefef;
    padding:0;
    border-right: 1px solid #eee;
}
#secondaryNav .header{
    border-bottom: 4px solid #d7d7d7;
    float:right;
}
#secondaryNav .links{
    float:right;
}
#secondaryNav .header * { display:none; }
#secondaryNav ul{
    float: none !important;
}
#secondaryNav ul,#secondaryNav li, #secondaryNav .header ul,#secondaryNav .header li{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
#secondaryNav .header a,#secondaryNav .header li{ display:none; }
#secondaryNav .header a.selected,#secondaryNav .header li.selected{
    display:block;
    margin: 0;
    padding: 30px 0 20px;
    font-size: 26px;
    box-sizing:border-box;
    font-weight: 300;
    line-height: 24px ;
}
#secondaryNav a, #secondaryNav li{
    display:block;
    line-height: 24px;
    font-size: 16px;
    box-sizing:border-box;
    margin:0;
    padding:12px 20px;
    cursor: pointer;
    border-bottom: 1px solid #d7d7d7;
    font-weight: bold;
}
#secondaryNav a:hover, #secondaryNav li:hover{
    color: #666;
}
#secondaryNav .links a.selected,#secondaryNav .links li.selected{ display:none; }
*/
/* BEGIN: question secondary nav */

/*
#secondaryNav ul li
{
	cursor:pointer;
	border-bottom: 1px solid #d7d7d7;
	line-height: 20px;
	height: auto;
	padding: 5px 5px 5px 20px !important;
	font-weight: normal;
	font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
	font-size: 19px;
}
*/

.mainContent{
    margin:0;
    padding:0 0px 10px 0px;
    background: #f4f4f4;
}
#title {
    text-align:left;
    background-color:#fff;
}
#title >div.row{
    padding:20px 0px;
    /*max-height:109px;*/

}
#title h1{
color: #1caecc;
font-size: 16px;
font-weight: 100;
font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
line-height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
}
#title h2{
    color: #333;
    font-size: 12px;
    font-weight: 100;
    font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    line-height: 24px;
    display:none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#banner img{
    width:100%;
}
#banner h1{
    display:block;
	background-color: #1caecc;
	color: #ffffff;
	padding: 12px 28px 11px;
	position:relative;
	bottom:0;
	font-weight:100;
	text-align: left;
	font-size:24px;
	margin: 0px 0px 0px;
	line-height: inherit;
	font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
	opacity: 0.7;
	box-shadow: -2px -2px 10px 0px #fff;
}

/* banner big text is hard to get properly responsive */
.bannerBigText{
    margin-top: -205px;
    text-align: left;
    color: #fff;
    font-size: 50px;
    font-weight: 100;
    line-height: 52px;
}
@media only screen and (min-width: 74.063em) and (max-width: 84.063em){
    /* largeish screen, but not the max size */
    .bannerBigText{
        font-size: 35px;
        margin-top: -214px;
    }
    .bannerBigText span{
        margin-left: 140px;
        max-width: 600px;
        display: block;
        line-height: 40px;
    }
}
@media only screen and (min-width: 64.063em) and (max-width: 74.063em){
    /* smallish screen, but bigger than standard tablet */
    .bannerBigText{
        font-size: 30px;
        margin-top: -214px;
    }
    .bannerBigText span{
        margin-left: 140px;
        max-width: 400px;
        display: block;
        line-height: 35px;
    }
}
@media only screen and (min-width: 40em) and (max-width: 64.063em){
    /* standard tablet */
    .bannerBigText{
        font-size: 28px;
        margin-top: -72px;
        line-height: 30px;
    }
}

.sitePageIntro{
    padding: 0px 30px 20px;
    font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align:left;
}

span.hamburger{
    margin:0px 20px 0 0;
    background-color: #efefef;
    padding:24px 24px 22px;
    cursor: pointer;
    display:none;
}


span.hamburger::before{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    color: #000;
    line-height: 62px;
    font-size:18px;
    padding:0px;
    content: "\e7c9";
}
span.hamburger.min::before{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    color: #000;
    line-height: 62px;
    font-size:18px;
    padding:0px;
    content: "\e7c8";
}

#content{
    /* background-color:#eee; */
    /* max-width:1600px; */
}

#content>div.row{
    padding:0px 0px 0px 0px;
    text-align:left;
}

#content>div.row>div.row{
    text-align:left;
}

#menu-block-1 a,#menu-block-small a{
	color: #ffffff;
	line-height: 56px;
	font-size: 16px;
	height: 55px;
	padding: 10px 20px 10px 20px;
	font-weight:normal;
	font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
}
#menu-block-small a{
    line-height: 20px;
    font-size: 16px;
    height: auto;
    padding: 5px 5px 5px 20px;
    font-weight:normal;
    font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
    display:block;
}
/* BEGIN: left side menu */
.menu-block-small a{
    line-height: 20px;
    font-size: 16px;
    height: auto;
    padding: 5px 5px 5px 20px;
    font-weight:normal;
    font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
    display:block;
}
.menu-block-small a.mainlink{
    font-size: 19px;
}


#menu-block-1 a:hover,#menu-block-small a:hover{
	color:  #1caecc;
}

#menu-block-1 a.homeIcon::before{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
	color:  #1caecc;
	line-height: 56px;
	font-size: 16px;
	padding:20px 0 20px 0;
	margin:0;
	content: "\e7c7";
}

#menu-block-1 div.subs{
    position:absolute;
    display:block;
    width: 300px;
    background-color: #fff;
    border: 1px #ddd solid;
    z-index:10000;
}

#menu-block-1 div.subs a{
    display:block;
    color: #000;
    margin:0;
    padding:10px 4px 10px 10px;
    border-bottom:1px #ddd solid;
    line-height:34px;
    height:auto;
}

#menu-block-1 div.midc a:hover{
    padding: 10px 4px 10px 20px;
    background-color: #eee;
}

#menu-block-1 div.subsubs a{
    display:block;
    color: #000;
    margin:0;
    padding: 10px 4px 10px 20px;
    border-bottom:1px #ddd solid;
    font-size:11px;
    line-height: 16px;
    height:auto;
}

#menu-block-1 div.subsubs a:hover{
    padding: 10px 4px 10px 30px;
}

#menu-block-small a.homeIcon::before{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    color: #ffcd00;
    font-size: 16px;
    padding:10px 5px 5px 0px;
    margin:0;
    content: "\e7c7";
}


a{
    color: #000;
    text-decoration: none;
}
a:hover{
    color: #777;
    text-decoration: none;
}

td, th{	padding: 3px; }

ul, ol, li{
    color: #000;
}
ul{
    margin-left:30px;
}

.clearFloat{ clear: both; }

div.gridSidebarColumn{
    padding: 0px;
    box-sizing:border-box;
    float:right;
    width:240px;
    margin:0px 92px 0px 0px;
    text-align:left;
}

div.pageContainer{
    width:100%;
    /** left: 230px; **/
}

div.upperPageContainer{
    width:100%;
}

div#pageHeader{
    font-family: 			"Open Sans",arial, verdana, helveica, "sans serif";
    padding:				0px;
    border-bottom: 1px #eee solid;
    width:100%;
    position: fixed;
    z-index:200;
    background-color: #fff;
}
div.headerLinks{

    text-align:lright;
    margin-top:20px;
    padding-right: 70px;
}
div.headerLinks a{
    font-family: 	"Open Sans", arial, verdana, helveica, "sans serif";
    display:inline;
    text-transform:uppercase;
    font-size:16px;
    padding:5px;
    color:#333;
    font-weight:300;
    font-size: 14px;
    text-decoration: none;
    font-weight: 300;
    padding: 8px;
    text-transform: none;

}
div.headerLinks a:hover{
    text-decoration:none;
    color: #555;
}
div.puurLink a,div.puurLink a:hover{
    font-family: 			"Open Sans",arial, verdana, helveica, "sans serif";
    font-size:12px;
    text-decoration:none;
    color: #333;
}
div#siteLogo{
    float:					left;
    margin:					0px 0px 0px 0px;
    padding:				0px;
    z-index: 10;
}
div#siteLogo img{
    margin-left: 50px;
    /* margin-top: 25px; */
    border: 0px;
    max-height:70px;
}

div.dvdmHeader{
    height:285px;
    width: 958px;
    margin: 9px auto 0px;
}

.dvdmHeader .bannerSlider1{
    height:120px;
}
.dvdmHeader .bannerSlider2{
    height:120px;
}
.dvdmHeader .bannerSteady1{
    height:120px;
    background-color: #B0A691;
}
.dvdmHeader .bannerSteady2{
    height:120px;
    background-color: #B0A691;
}


.dvdmHeader .bannerSlider1 .pb_banner,
.dvdmHeader .bannerSlider2 .pb_banner{
    background-color:#fff;
    padding:0px;
    margin:0px;
    width:958px;
    height:120px;
    background-size:cover;
    z-index:1;
    display:none;
}



div.dvdmHeaderOverlay{
    position:relative;
    background: url(img/banneroverlay.png) transparent no-repeat top left;
    height:286px;
    width: 958px;
    margin: -285px auto 0px;
    z-index:10;
}
div.crumbtrail{
    text-align:				left;
    color: 					#333;
    font-size: 11px;
    margin: 0px 0px 8px;
}
div.crumbtrail a{
    text-align:				left;
    color: 					#333;
}
div#sitePersonal{
    padding-top: 8px;
    font-size: 11px;
    color: #000;
}
div#siteLanguage{
    float:						right;
    padding:				0px 15px 0px 15px;

    text-align:				left;
    font-size: 			14px;
    border-left:			1px #ededed solid;
    clear: 					right;
    line-height:66px;
}
div#siteLanguage a{
    color: #787878;
    font-weight: normal;
}
div#siteLanguage a:hover{
    text-decoration:underline;
}
div#siteLanguage a > span.small{ display: none; }

div#sitePersonal a{
    color: #000;
    font-weight: bold;
}
div#sitePersonal a:hover{
color:  #ffffff;
}

div#siteSearch{
    padding: 6px 0px 0px 9px;
    margin: 0px 0px 4px 0px;
    font-size: 11px;
    text-decoration: none;
    font-family: "Open Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 13px;
    color: #333;
}
#siteSearch #topSearch{
    font-size:11px;
    padding:7px;
    margin:0px 5px;
    display:inline-block;
    border:0;
    color: #777;
    background-color: #eee;
}
#siteSearch #topSearchBtnContainer{
    font-family: "icomoon";
    display:inline-block;
    margin-left:-35px;
}
#siteSearch  a#topSearchBtn::after{
    content: "Z";
    color: silver;
    padding:  5px;
}
#siteSearch  a#topSearchBtn:hover::after{
    color: black;
}

div#navbar{
    float:					right;
    clear: 					right;
    padding:0px;
    /** background-color: #fff; **/
    width: 780px;
    color: #000;
    text-transform: uppercase;
    font-family: "Open Sans", arial;
    font-weight: bold;
    font-size: 14px;
    margin: -15px 0px 5px 0px;
}
div#navbarMain{
    float: left;
}
div#navbarExtra{
    float: right;
}

div#navbar div.tab{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    /** font-size: 13px; **/
    /** font-family: arial, sans-serif; **/
    cursor: pointer;
    height: 17px;
    overflow: hidden;
    /** border-left: 1px #222 solid; **/
}
div#navbar div.tab div{
    display: block;
    float: left;
    /** font-size: 13px; **/
    /** font-family: arial, sans-serif; **/
    padding: 0px;
}
div#navbar div.tab div.main{
    padding: 0px 15px 0px 15px;
    margin-top: 0px;
    color: #222;
}

div#navbar div.tab div.main a{
    text-decoration: none;
    /** font-family: Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform:lowercase;
    font-size: 13px;
    color: #222; **/
}
div#navbar div.tab.selected,div#navbar div.tab.selected div.main a{
color:  #ffffff;
text-decoration: none;
}
div#navbar div.tab div.main.hover,div#navbar div.tab div.main.hover a{
color: #ffffff;
text-decoration: none;
}
div#navbar div.tab div.main a{
    color: #000;
    text-decoration: none;
}

div#navbar div.tab.selected div.main{
color: #ffffff;
text-decoration: none;
}
div#innerNavbar{
    float: right;
    margin-right: 50px;
}
.navigation-background{
background-color: #1caecc;
}
#menu{
    font-family:			"Open Sans",verdana,arial,helvetica,"sans serif";
    font-size:				11px;
    color:					#222;
    text-align: 			left;
    font-weight: 			normal;
    padding: 				10px 20px 10px 10px;
}
#menu p{
    font-family:			"Open Sans",verdana,arial,helvetica,"sans serif";
    font-size:				18px;
    color:					#222;
    text-align: 			left;
    padding: 				0px 0px 5px 0px;
}
#menu ul, #menu .linkList{
    margin:					0px;
    padding:				0px;
    list-style:				none;
    border-bottom:			1px #ddd solid;
    display:				block;
    width: 100%;
}
#menu .sub ul, #menu .sub .linkList{
    margin:					0px;
    list-style:				none;
    border-bottom:			0px #ddd solid;
    display:				block;
    width: 100%;
}
#menu .sub .sub{
    margin-left: 20px;
    border-left:3px #eee solid;
}
#menu .sub .sub a, #menu .sub .sub li{
    padding-left: 8px;
}
#menu li, #menu a{
    font-size:				11px;
    font-weight:			normal;
    display:				block;
    margin: 				0px 0px 5px 0px;
    padding:				5px 5px 0px 20px;
    text-align:				left;
    cursor:					pointer;
    border-top:				1px #ddd solid;
    color:					#222;
    background:				url(img/bullet.png) no-repeat 0px 3px;
    text-decoration:		none;
}
#menu .sub li, #menu .sub a{
    color: #222;
    text-decoration: none;
    border:0px;
    background: none;
}
#menu li.selected, #menu a.selected{
color: #ffffff;
}
#menu .sub li.selected, #menu .sub a.selected{
color:#ffffff;
background: none;
}
#menu li:hover, #menu li.hover, #menu a:hover{
color:#ffffff;
}
#menu .sub li:hover, #menu .sub li.hover, #menu .sub a:hover{
    background: none;
}
div#pageTitle, .prettyHeader{
    color: #333;
    text-decoration: none;
    font-family: "Open Sans", sans serif;
    text-transform: uppercase;

    margin: 0px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;

    padding-bottom: 24px;color: #000000;
    padding-top: 12px; font-family:"Open Sans", sans-serif;
    text-transform: none;

}
#pageText{
    padding: 0px 0px 0px 0px;
    margin-left: 98px;
    box-sizing:border-box;
    width:877px;
    z-index:1000;
    margin-top:50px;
}
#pageText.grid3Column{
    margin: 0px;
    width: 726px;
}

#innerPageText{
    border-top:				0;
    padding:				0px;
    font-size:				16px;
    font-family: "Open Sans", sans-serif;
    line-height:20px;
    margin-bottom: 20px;
    margin-right: 0px;
    font-weight:300;
}
h1{
    margin:					10px 0px;
    padding:				0px 0px 15px 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;

}
h2{
    margin:					10px 0px;
    padding:				0px;
    font-family: "Open Sans", arial, sans serif;
    font-size: 14px;
}
h3{
    text-transform: uppercase;
    font-weight: bold;
    margin:					10px 0px;
    padding:				0px;
    font-family: "Open Sans", arial, sans serif;
    font-size: 1rem;

}
.tabDiv{
    display:				none;
}



#footer .footer-inner-container{
    max-width: 1600px;
background-color:#1caecc;
}
#footer div.scrollToTopBox{
    width:300px;
    float:left;
    padding:0px 10px;
}
#footerLogos{
    text-align:left;
    vertical-align:top;
    width:958px;
    padding:0px 0px 0px 85px;
    margin:0px auto;
    box-sizing: border-box;
}
#footerLogos img{
    border:0;
    text-align:right;
    height:25px;
    margin: 0px 10px 10px 0px;
}
#footerLogos a{
    font-weight: bold;
    color: #000;
}
#footerLogos a:hover{
    font-weight: bold;
    color: #777;
}
#footerLogos p{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.searchMenuButton{
background-color:#1caecc;
cursor: pointer;
height: 37px;
width: 52px;
}
.searchMenuButton i{
    font-size: 20px;
    line-height: 34px;
    margin-left: 6px;
}
.searchMenuButton i.fa-chevron-down{
    font-size: 14px;
    margin-left: 4px;
}
.topSearchLeft, .topSearchRight{
    float: right;
}
input.searchBox{
    width: 270px;
    height:37px;
}
.topSearchRight input{
    border: 0;
    margin-top: 0;
    padding:10px 24px;
    margin-top: 7px;
    margin-left: -28px;
    position: absolute;
    background: url(/themes/responsive_generic/img/vergrootglas.png) transparent no-repeat;
}

.searchMenu{
background: #1caecc;
position: absolute;
margin-top: -2px;
width: 140px;
display: none;
z-index: 10;
}
.searchMenu_option{
    border-top: 1px #fff solid;
    padding: 3px;
    cursor: pointer;
    /* color: #999; */
}
.searchMenu_option:hover{
    background: #fff;
    /* color: #666; */
}
.searchMenu_option_img, .searchMenu_option_txt{
    float: left;
}
.searchMenu_option_img{
    width: 30px;
    font-size: 18px !important;
    line-height: 28px !important;
    margin-left: 4px;
}
.searchMenu_option_txt{
    margin-top: 4px;
    font-weight: bold;
}
.searchMenu_option_chk{
    width: 30px;
    height: 20px;
    float: right;
}
.searchMenu_option_chk.selected{
    background: url(/themes/responsive_generic/img/zoekicoonvink.png) no-repeat 0px 3px;
}

/*
.pButton{
    cursor: pointer;
    border: none;
    margin: 24px 0 0 0;
    padding: 0px 7px 0px 7px;
background-color: #1caecc;
color: #ffffff;
font-size: 12px;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: left;
display: inline-block;
text-decoration: none;
min-height: 36px;
padding-top: 9px;
}


.pButton::after{
    content: "\e7d3";
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 13px 16px;
    margin: -11px -7px 0 16px;
    float: right;
}

.pButton:hover,.pButtonHover{
color: #ffffff;
background-color: #1caecc;
border:none;
}

.pButtonHover::after, a.pButton:hover::after{
color: #1caecc;
background-color:#000;
text-overflow: ellipsis;
white-space: nowrap;
}
*/
.qButton{
    cursor: pointer;
    border: none;
    margin: 24px 0 0 0;
    padding: 11px 7px 9px 0px;
background-color: #1caecc;
color: #ffffff;
font-size: 12px;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: right;
display: inline-block;
text-decoration: none;
}

.qButton::before{
    content: "\e7d2";
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding:13px 16px;
    margin:0 16px 0 0;
}

.qButton:hover,.qButtonHover{
color: #ffffff;
background-color: #1caecc;
border:none;
}

.qButtonHover::before, a.qButton:hover::before{
color: #1caecc;
background-color:#000;
text-overflow: ellipsis;
white-space: nowrap;
}

.pButtonBasic{
    cursor: 			pointer;
    border: none;
    margin: 24px 0 0 0;
    padding: 11px 14px 9px 14px;
background-color: #1caecc;
color: #ffffff;
font-size: 12px;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align:left;
display:inline-block;
text-decoration: 	none;
}

.pButtonBasic::after{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding:13px 16px;
    margin:0 0 0 16px;
}

.pButtonBasic:hover,.pButtonHover{
color: #ffffff;
background-color: #1caecc;
border:none;
}

.pButtonHover::after, a.pButtonBasic:hover::after, .qButtonHover::before{
    color: #ffcd00;
    background-color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.previousstepButton
{
    /*
cursor: pointer;
border: none;
margin: 24px 0 0 0;
padding: 11px 18px 9px 1px;
background-color: <?php echo g('theme|default.color.primary'); ?>;
color: <?php echo g('theme|default.color.primaryfontcolor'); ?>;
font-size: 12px;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: left;
display: inline-block;
text-decoration: none;
*/
}
.previousstepButton:hover
{
    /*
color: <?php echo g('theme|default.color.primaryfontcolor'); ?>;
background-color: <?php echo g('theme|default.color.primary'); ?>;
border:none;
*/
}
.pButton_left_arrow, .pButton.pButton_left_arrow{
	/*
    line-height: 34px;
    padding: 1px 7px 0px 0px;
    */
	padding-right: 10px;
}
.pButton_left_arrow::after, .pButton_left_arrow:hover::after{
    content: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
.pButton_left_arrow::before{
    content: " ";
	background-color: var(--lbp2-font-color);
	-webkit-mask-image: url(/themes/responsive_generic/img/icons/arrow-light.svg);
	mask-image: url(/themes/responsive_generic/img/icons/arrow-light.svg);
	height: 20px;
	padding-right: 16px;
	mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
	margin: 0px;
	display:inline-block;
	transform: rotate(180deg);
	vertical-align: top;
	position: relative;
	left: -4px;
	top: -1px;
}
.pButton_left_arrow:hover::before {
color: #1caecc;
background-color:#000;
text-overflow: ellipsis;
white-space: nowrap;
}


/* Overschrijven van foundation CSS die zegt dat alle knopjes blauw moeten zijn */
/*
button.pButton:focus
{
color: #ffffff;
background-color: #1caecc;
}
*/

.actionErrors{
    padding:6px 10px 6px 20px;
    margin-bottom:10px;
    margin-top:10px;
    color: #9b1c1c;
    border: 1px solid #f8b4b4;
    background-color: #fdf2f2;
    cursor: pointer;
    min-height:50px;
    border-radius: 20px;
}
.actionErrors h1::before{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    color: #9b1c1c;
    content: "\e6f5";
    font-size: 24px;
    padding: 0px 10px 0px 0px;
    top: 2px;
    position: relative;
}
.actionErrors h1{
    font-family:Century Gothic, Arial, Helvetica, "sans serif";
    color: #9b1c1c;
    font-weight:bold;
    margin:0px;
    padding: 0px;
    font-size: 24px;
}

.actionErrors p{
    font-family:Arial, Helvetica, "sans serif";
    font-size: 12px;
    color: #262626;
    margin:0px 0px 5px 0px;
    padding: 0px;
}

.actionAlerts{
    padding:6px 10px 6px 20px;
    color:#fff;
    margin-bottom:10px;
    margin-top:10px;
    color: #1e429f;
    border: 1px solid #a4cafe;
    background-color: #ebf5ff;
    cursor: pointer;
    min-height:50px;
    border-radius: 20px;
}
.actionAlerts h1::before{
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    color: #1e429f;
    content: "\e6f7";
    font-size: 24px;
    padding: 0px 10px 0px 0px;
    top: 2px;
    position: relative;
}

.actionAlerts h1{
    font-weight:bold;
    font-family:Century Gothic, Arial, Helvetica, "sans serif";
    color: #1e429f;
    margin:0px;
    padding: 0px;
    font-size: 24px;
}

.actionAlerts p{
    font-family:Arial, Helvetica, "sans serif";
    font-size: 12px;
    color: #262626;
    margin:0px 0px 5px 0px;
    padding: 0px;
}

/** OWNER IS NOT ME BOX **/
.qOwner{
    font-size: 16px;
    font-weight:bold;
    color: #777;
    font-family: arial, verdana, "sans serif";
    margin-bottom:10px;
    border-bottom: 1px #eee solid;
    padding:5px 0px;
}

.qOwner img{
    margin-top:3px;
    margin-right: 6px;
}

.qOwner span{
    font-size: 11px;
    font-weight:normal;
    font-style:normal;
}

div.box{
    border: 0px;
    background-color: #fff;
    padding: 4px;
    font-family: Verdana, "sans serif";
    font-size: 11px;
}

div.boxHead{
    font-size: 13px;
    color: #222;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 4px 0px;
    font-family: Century Gothic, Verdana, Arial, "sans serif";
}

div.box .innerBox{
    margin: 0px 12px 12px 12px;
    padding: 0px;
    font-family: Verdana, "sans serif";
    font-size: 11px;
}


a.filmLink{
    display: block;
    padding: 4px 5px;
    margin: 0px 0px 5px 0px;
    cursor: pointer;
    text-decoration: none;
}
a.filmLink.unselected{
    color: #777;
}

div.box.special{
    background-color:		#fff;
}

div.box .innerBox p{ padding: 0px 0px 4px 0px; }
div.box .innerBox ul{ padding: 0px 0px 4px 16px; }

div.box .innerBox div.item{
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 5px 0px;
}
span.itemHead{
    font-size: 11px;
    padding:0px;
    margin:0px;
    font-weight: bold;
    display: block;
}

.resultOptions{
    padding: 0px;
    margin:10px 0px;
}

.resultOption{
color: 				#ffffff;
font-weight: 		bold;
border: 			1px #ffffff solid;
background-color: 	#fff;
margin: 			0px 2px 0px 0px;
padding: 			4px;
cursor: 			pointer;
display:			inline-block;
height: 61px;
float:left;
line-height:46px;
font-size:11px;
}

a.resultOption{
    text-decoration: none;
}

a.resultOption:active, .resultOption a:active { text-decoration: none; }
a.resultOption:visited, .resultOption a:visited { text-decoration: none; }

.resultOption.optionPrint{
    background: url(img/icons/printer.png) no-repeat 6px 6px;
    padding: 8px 5px 1px 25px;
}

div.mainContent .resultOption.optionPDF{
    background: url(img/icons/document-pdf.png) no-repeat 6px 20px;
    padding: 8px 5px 1px 25px;
}

.resultOption.optionXLS{
    background: url(img/icons/document-excel.png) no-repeat 6px 20px;
    padding: 8px 5px 1px 25px;
}

.resultOption.optionXLS{
    background: url(img/icons/document-excel.png) no-repeat 6px 20px;
    padding: 8px 5px 1px 25px;
}

.resultOption.optionMail{
    background: url(img/icons/mail.png) no-repeat 6px 20px;
    padding: 4px 5px 4px 25px;
    height: 61px;
    line-height: inherit;
}

.resultOption a{ text-decoration: none; }
.resultOption input{
    width: 180px;
    display: inline;
    margin:0;
}

a.resultOption:hover{
background-color: 	#ffffff;
color:				#fff;
}

a.block, span.block, div.block{
    font-size:				11px;
    font-weight:			normal;
    display:				inline-block;
    padding:				2px 5px 2px 20px;
    margin:					0px;
    cursor:					pointer;
color:					#ffffff;
/*background:				url(img/bullet.png) no-repeat 0px 0px;*/
text-decoration:		none;
}

a.block:active{ text-decoration:none; }
a.block:visited{ text-decoration:none; }
a.block:hover{ text-decoration:none; }

div#scrollToTop{
    display: none;
}

div#msgBox{
    background-color: #B9C4D8;
    color: #000099;
    position: fixed;
    right:0px;
    top: 0px;
    width: 220px;
    padding: 3px 3px 10px 10px;
    display: none;
}
.errormsg{
    color:#D40000;
}

.hijackbar{
    background-color: #fff;
    border-bottom: 1px #ddd solid;
    color: maroon;
    padding: 5px;
    line-height: 30px;
}

.hijackbar a{
    float: right;
    line-height: 18px;
}


/* ---------------------------- SEARCHBOX UI TEMPLATE CSS ---------------------------------------------------------*/
.saf_searchbox, .saf_searchbox_container{
    width:300px;
}

.box_active{
    color: #000;
    border:1px solid #777777;
    background-color:#fff;
    padding:2px;
}

.box_blur{
    color:#777777;
    border:1px solid #777777;
    padding:2px;
}

.saf_searchbox_container{
    border-top: 1px dotted #fff;
    border-left: 1px solid #DBDFE6;
    border-right: 1px solid #DBDFE6;
    border-bottom: 1px solid #DBDFE6;
    z-index:200;
    height:400px;
    overflow:auto;
    position:absolute;
    background-color:#fff;
    padding:2px;
    margin-top:0px;

}
.saf_searchbox_container li{
    font-size: 12px;
    padding:2px;
    font-family: Helvetica,Arial,Sans Serif;
    list-style-type:none;
}
.saf_searchbox_container li.hover,
.saf_searchbox_container li:hover{
    background-color: #41BFE6;
    color:#fff;
    cursor:pointer;
}
/* ---------------------------- MILESTONE UI TEMPLATE CSS ---------------------------------------------------------*/
.make_choice, .choice_other,.choice_milestones{
    display:none;
}


.talentSearchForm input[type="submit"]{
    background:url(/themes/responsive_generic/img/vergrootglas.png) transparent no-repeat;
    cursor:pointer;
    padding:8px 12px;
    border:0px;
}

.milestone_container{
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
    border-radius: 20px;
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    /* color: #41BFE6; */
    cursor:pointer;
}
.milestone_container_compact{
    margin-top:4px;
    margin-bottom:4px;
    display:none;
    border-radius:4px;
    padding:2px;
    border: 1px solid #41BFE6;
    background-color: #E5F6FA;
    color: #41BFE6;
    max-width: 240px;
    cursor:pointer;
}

.milestone_container h3{
    margin-top:8px;
}
.milestone_container .openbutton{
    margin-top:8px;
    text-align:center;
}

.milestone_container .form_block{
    display:none;
    /*	min-height:40px; */
}

.milestone_container .message_block{
    padding:4px;
}

table tr td{
    padding-right:4px;
    vertical-align: top;
}

.contactmoment-box{

}

.milestone-box{

}

.milestone_container_compact .completecheck,
.milestone_container .completecheck{
    float:right;
    height:36px;
    width:36px;
    border-radius:4px;
    display:none;
    border: 1px var(--lbp3-border-color) solid;
    /* color: #373737; */
    background: url(../../actions/milestones/themes/default/img/cm.png) #fff no-repeat center center;
}

.completecheck.completed{

    border: 1px #006236 solid;
    background-color: #006236;
    background: url(../../actions/milestones/themes/default/img/cmark.png) #006236 no-repeat center center;
}

.completecheck.disabled{
    border: 1px #CBCBCB solid;
    background-color:green;
    background: url(../../actions/milestones/themes/default/img/cmark.png) #CBCBCB no-repeat center center;
}



.milestone-cloneblock, .milestone-block{
    display:none;
    float:left !important;

    /* width:296px; */
    min-height:46px;
    /*
    color: #DDDDDD;
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    */
    /* margin:2px; */
    padding:4px;
    margin-top: 6px;
    /*
    background-color: #E6F7FC;
    border: 1px solid #41BFE6;
    color: #41BFE6;
    */
}
.milestone-cloneblock .inner-milestone-block,
.milestone-block  .inner-milestone-block{
    min-height: 60px;
    cursor: pointer;
    padding: 6px 12px;
    background-color: #fff;
    border: 2px solid var(--lbp3-border-color);
    /* color: #41BFE6; */
    border-radius: 20px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.milestone_container_compact .milestone-block{
    /* width:222px; */
    padding:2px;
}


.contact-cloneblock, .contact-block{
    float:left !important;
    display:none;
    padding:3px !important;

}
.contact-cloneblock .inner-contact-block,
.contact-block .inner-contact-block{
    min-height:60px;
    color: #DDDDDD;
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    padding:8px 10px !important;
    cursor: pointer;
}

.label_container{
    float:left;
    /* width: 249px;*/
}
.milestone_container_compact .label_container{
    /* width:180px; */
    padding:2px;
}

.milestone_container_compact .active .inner-contact-block,
.milestone_container .active .inner-contact-block{
	/*
    background-color: #E6F7FC;
    border: 1px solid #41BFE6;
    color: #41BFE6;
    */
	background: #fff;
	border: 2px solid var(--lbp3-border-color);
}

.milestone_container_compact .inactive .inner-contact-block,
.milestone_container .inactive .inner-contact-block,
.milestone-block.inactive  .inner-milestone-block{
    background-color: #EEEEEE;
    border: 1px solid #777777;
    color: #777777;
}

.milestone_container_compact .selected,
.milestone_container .selected .inner-contact-block{
    background-color: var(--lbp3-border-color);
    border: 1px solid var(--lbp3-border-color);
    color: var(--lbp3-font-color);
}
.milestone_container_compact .selected div.label,
.milestone_container .selected .inner-contact-block div.label{
	color: var(--lbp3-font-color);
}

.milestone-block.selected .inner-milestone-block{
    background-color: var(--lbp3-border-color);
    border: 2px solid var(--lbp3-border-color);
    color: var(--lbp3-font-color);
}
.milestone-block.selected .inner-milestone-block div.label{
	color: var(--lbp3-font-color);
}

.milestone_container_compact .label,
.milestone_container .label{
    /* font-weight: bold; */
    min-height:14px;
    line-height: 16px;
}

.milestone_container_compact .msg,
.milestone_container .msg{
    font-style: italic;
	font-size: 0.8rem;
}

.completecheck{}

.contactmoment_cell label, .milestone_cell label{
    display:block;
    margin-bottom:2px;
}


.biggridcontainer{
    height:420px;
}
.biggrid{
    padding-top:40px;
    background-color:#eeeeee;
    background-image:url("http://loopbaanportaal.nl/themes/default/img/achtergrondzon.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    width:380px;
    height:380px;
    display:none;
}

.smallgrid td{
    width:100px;
    height:50px;
    overflow:hidden;
}
.smallgridcontainer{
    height:280px;
}
.smallgrid{
    padding-top:20px;
    background-color:#eeeeee;
    background-image:url("http://loopbaanportaal.nl/themes/default/img/achtergrondzon.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    width:340px;
    height:380px;
}

.biggrid td{
    width:100px;
    height:60px;
    overflow:hidden;
}
.centraal{
    color:#ff0000;
    display:none;
    text-align:center;
    font-weight:bold;
    font-size:36px;
    width:100%;
}
.centraalsmall{
    color:#ff0000;
    text-align:center;
    font-weight:bold;
    font-size:24px;
    width:100%;
}

.site_intro{
    font-size:14px;
    font-weight:bold;
    margin:10px 0px;
}


.cms_widget_type{
    float: right;
    background-color: #eee;
    color:#777;
    border-left: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    border-radius:0px 7px 0px 7px;
    width:120px;
    padding: 4px 10px 6px;
    text-align:right;
}

.cms_widget_tabs{
    float: left;
    display:inline-block;
    padding: 0px;
    border-radius: 7px 0px 7px 0px;
    overflow: hidden;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    font-size:0px;
    margin-left:-1px;
}

a.cms_widget_tab{
    padding: 3px 6px;
    border-left: 1px #eee solid;
    display:inline-block;
    margin:0px;
    font-size: 11px;
}

a.cms_widget_tab:hover{
    background-color:#eee;
    text-decoration:none;
}


a.cms_widget_tab.selected{
    background-color:#154273;
    color: #fff;
}

.cms_widget_tabDiv{ display:none; }
.cms_widget_tabDiv.selected{ display:block; }

.widget{
    float:left;
    margin:0px 0px 10px 0px;
    display:inline-block;
    padding:0px;
    overflow:auto;
}
.widget p, .widget ul li{
    /* font-size: 0.875rem; */
}

.widget.pos_1col{
    float: left;
    width: 208px;
    clear:none;
}

.widget.pos_2col{
    float: left;
    width: 436px;
    clear:none;
}

.widget.pos_3col{
    float: left;
    width: 664px;
    clear:none;
}

.widget.wg_normaal{
    min-height:0px;
}

.widget img.whiteframe{
    padding:10px;
    background-color:#fff;
    border:1px #ddd solid;
    box-shadow: 4px 4px 8px #333;
}
.widget img.blackframe{
    padding:10px;
    background-color:#222;
    border:1px #000 solid;
    box-shadow: 4px 4px 8px #000;
}
.widget img.thinframe{
    padding:0px;
    border:1px #333 solid;
    box-shadow: 4px 4px 8px #333;
}


.headerIntroContainer{
    width:958px;
    margin:0 auto;
    margin-top: -40px;
    padding-left:84px;
    box-sizing:border-box;
    min-height: 135px;
    position:relative;
    z-index:200;
}
.headerIntro{
    float:left;
    width:520px;
    text-align:left;
}
.headerPersonal{
    margin-bottom: 48px;
    text-align:left;
}
.headerPersonal input[type=text],.headerPersonal input[type=password]{
    box-sizing:border-box;
    width:100%;
    font-size: 11px;
    padding: 2px;
    border: 1px #777 solid;
    color: #333;
    font-family: "Open Sans";
}

.sessionLinks a{
    display: inline-block;
    width:95px;
    font-weight: normal;
    padding:2px 2px 2px 14px;
    font-size: 11px;
    font-family: "Open Sans";
    background: url(img/linkarrow-yellow.png) transparent no-repeat 0px 4px;
}

.pageBlock{
    float:left;
    width:877px;
}
#innerPageText fieldset input[type=text],
#innerPageText fieldset input[type=radio],
#innerPageText fieldset input[type=email],
#innerPageText fieldset textarea,
#innerPageText fieldset select{
    background:#F5F1EE;
    padding: 5px;
    margin-top: 10px;
    font-size:13px;
    border: 1px #B8A690 solid;
    box-sizing: border-box;
    color: #333;
    width:300px;
    float: left;
    clear: right;
}
#innerPageText fieldset label{

    font-weight: 300;
    font-family: "Open Sans", arial, sans serif;
    display: block;
    box-sizing:border-box;
    margin-top: 10px;
    margin-right: 10px;
    color:  #333;
    width:120px;
    float:left;
    clear:left;

}
#innerPageText fieldset ul li label{
    font-weight: normal;
    display: inline-block;
    margin-top: 0px;
    margin-left: 5px;
    width: 240px;
    float: none;
}

#twitter_container{
    padding:10px;
    background-color: #f6f5f1;
}

#twitter_container .pButton{
    background-color: #b0a691;
    border-color: #b0a691;
    color: #fff;
    text-transform:uppercase;
    font-weight: 300;
}

.bodyContainer{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.contrast0, .widget.wg_contrast1{

background-color: #1caecc;
color:#ffffff;
}
.mainlink{
    border-bottom: 1px solid #d7d7d7;
}
.row{
    max-width: 79.5rem;
}
.row .row{
    margin:0px;
}

.personal.right{
    margin-top: 7px;
    font-size: 0.75rem;
}
#siteSearch form{
    padding: 0px;
    width: 288px;
    float: right;
}
#siteSearch #topSearch{
    width: 250px;
}

#header{
    border-bottom: 1px #efefef solid;
    background-color: #fff;
    margin-top: -4px;
}
.mobileTitle{
    display: none;
}

.footer_logo .inline-list{
    line-height: 75px;
}


/* header roleswitch */
.roleSwitchContainer{
    width: 100%;
    margin-left: 0px;
}
.roleSwitchInnerContainer{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.roleSwitchInnerContainer .row{
    margin: 0px;
    max-width:inherit;
}
.roleSwitchInnerContainer .columns{
    text-align: right;
    margin-top: -43px;
}
.roleSwitchInnerContainer select{
    width: auto;
    height: auto;
    padding: 2px;
}


/* ---------------------------- SEARCHBOX UI TEMPLATE CSS ---------------------------------------------------------*/
.saf_searchbox, .saf_searchbox_container{
    width:100%;
}

.box_active{
    color: #000;
    border:1px solid #777777;
    background-color:#fff;
    padding:2px;
}

.box_blur{
    color:#777777;
    border:1px solid #777777;
    padding:2px;
}

.saf_searchbox_container{
    border-top: 1px dotted #fff;
    border-left: 1px solid #DBDFE6;
    border-right: 1px solid #DBDFE6;
    border-bottom: 1px solid #DBDFE6;
    z-index:200;
    height:200px;
    overflow:auto;
    position:absolute;
    background-color:#fff;
    padding:4px;
    margin-top:-16px;
    margin-left:-6px;
}

.saf_searchbox_container li{
    font-size: 12px;
    padding:2px;
    font-family: Helvetica,Arial,Sans Serif;
    list-style-type:none;
}
.saf_searchbox_container li.hover,
.saf_searchbox_container li:hover{
    background-color: #41BFE6;
    color:#fff;
    cursor:pointer;
}


/********CUSTOM FONTS**************/
.circleObject_title{
color: #ffffff;
}
.footerCenterTitle{
color: #ffffff;
}
.footer-inner a{
color: #ffffff;
}

.fa-arrow-circle-right,.fa-arrow-circle-down, .fa-file-text-o, .fa-video-camera{
color: #1caecc;
}
.ThemaBlock.site .bookshelf .pb_index span.selected{
color: #1caecc;
}

/********************************/
/* Specefieke opmaak voor role blokken */
.personeel-type
{
    width:100%;
    height:300px;
background-color:#1caecc;
padding-top: 137px;
text-align: center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 8px 8px 18px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    8px 8px 18px 0px rgba(0, 0, 0, 0.75);
box-shadow:         8px 8px 18px 0px rgba(0, 0, 0, 0.75);
}
.personeel-type:active{
    margin-left:3px;
    margin-top:3px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

/********CUSTOM BORDERRS**************/
.ThemaBlock.site div.textContainerToggle_intro{
border-top: 1px #1caecc solid;
border-bottom: 1px #1caecc; solid;
}
/************************************/

/********CUSTOM BACKGROUNDS**************/
.ThemaBlock.site .ThemaBlockDetails h1{
background-color: #1caecc;
}

#navigation-small{
background-color:#1caecc;
}

.campus4workBanner{
background-color:#1caecc;
}
/*
.overviewtests th{
background-color:#1caecc;
}
*/
div.maincontent .pb-sub-banner-link h2 a{
background-color:#1caecc;
}
.pb-sub-banner-link, .pb-banner, .pb_banner_text{
background-color:#1caecc;
}
.bannerBackground{
background-color:#1caecc;
}
.sitePageIntro{
background-color:#1caecc;
}
/***************************************/
/********OVERRITE module block settings**************/
.moduleblock>.ReadMore
{
background-color:#1caecc; !important;
}
/***************************************/


.welcomePopupContainer{
    background-color:rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.welcomePopup{
    padding: 5px 10px 5px 10px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    max-width: 500px;
	max-height: 70%;
    overflow: auto;
}
.welcomePopupText{
    padding: 5px 10px 25px 10px;
}
.closeWelcomePopupContainer{
    text-align: right;
}
.shadowBoxCMSLink
{
color: #ffffff; !important;
}


/* for informationbox */
div.informationbox
{
    max-width:300px;
    padding: 4px;
    margin: 0px;
    border: 1px solid #666666;
    background-color: white;
    position: absolute;
    z-index: 200;
}

/*
.siteThemaBlock .row.siteThemaTopRow {
border: 1px solid #1caecc;
}

.siteThemaBlock .siteThemaTopHeader {
background: #1caecc;
}
*/

.pButtonNoAfter::after{
    content: none !important;
    padding: 0px !important;
}
.pButton.pButtonSmall, .pButton:active.pButtonSmall{
    margin-top: 3px;
    padding: 1px 3px;
    min-height: 20px;
}

#votingContainer {

    color: #ddd;
    text-align: right;
}
#votingContainer i.fa {
    border: 1px #ddd solid;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
    color: #333;
    margin: 5px;
    font-size: 18px;
    opacity: 0.7;
    cursor: pointer;
}
#votingContainer i.fa:hover {
    background-color: #eee;
}
#votingContainer i.fa.voted {
color: #1caecc;
border: 1px #1caecc; solid;
}
#votingContainer span span {
    margin: 0px 4px;
}