@import url(menu.css);

.nvk{}


/* Hide Search dropdown*/
ul.searchSkinObjectPreview, .searchInputContainer a.dnnSearchBoxClearText{z-index:10000; display:none !important;} 

html, body, form#Form 
{
    height: 100%;
    background-color: #ffffff;
    width: 100%;
}

* 
{
	text-align: left;
}

body
{
    font-size: 12px;
    line-height: 170%;
	font-family: Arial, helvetica, sans-serif;
    color: #444444;
    background-color: #F7F6F3;
	height: 100%;
}
body#Body
{
    margin-bottom: 1px;
}

.ControlPanel
{
    background-color: #ffffff;
    width: 965px;
    margin: 0 auto;
}

/* clearing */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.main
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #dcdcdc;
    width: auto;
	min-height: 100%;
	background-color: #ffffff;
    min-width: 980px; /* ipad and small browser screen hack */
}

.maincontentwrapper, .headerwrapper, .footerwrapper, .breadcrumbrow
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    background-color: #ffffff;
}
.wbase {
    border: 0px solid #f7f6f3; 
    border-bottom: 0px;
    border-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 978px;
}

.headerwrapper .wbase {
    background-color: #ffffff;
    border: 0px solid #ffffff; 
    border-bottom: 0px;
    border-top: 0px;
}


/* dnn 7 

div.issuuembed{max-width:300px !important; height:auto!important}
.CP0 .DNNModuleContent p img, .CP0 .DNNModuleContent img, .CP1 .DNNModuleContent p img, .CP1 .DNNModuleContent img {margin: 0 20px 20px 0;}


.dnnCPHeader li{line-height:normal;}
#dnnCPWrap .dnnCPHNav, #dnnCPWrap .dnnCPHMode{height:30px;}
#RibbonBar_adminMenus > ul > li > a, #dnn_cp_RibbonBar_adminMenus > ul > li > a {padding: 10px 16px;}
.dnnCPHMessage{line-height:35px;}
#RibbonBar_adminMenus .dnnadminmega .megaborder, #dnn_cp_RibbonBar_adminMenus .dnnadminmega .megaborder {top: 35px;}
.LoginPanel{width:auto;}

*/
.dnnEditState .DnnModule {opacity: 1.0;} 

.dnnCPHeader li{line-height:normal;}

.Head {
    border-width: 0px;
}
form .actionMenu ul{z-index:auto !important;}




.logowrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: auto;
    width: auto;
    min-height: 100px;
    border-bottom: solid 7px #A9CCDE;
    background-color: #ffffff;
}
.logowrapper .wbase  {
    background: #ffffff url(images/header_background.jpg) no-repeat top right scroll;
}


.logo
{
    padding: 0px 0px 8px 0px; 
    margin: 0px; border: solid 0px #dcdcdc;
    height: auto;
    width: auto;
    float: left;
}

.bannerpane .contmain{
    background-color: transparent;
}


.topmenu
{
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    border: solid 0px #dcdcdc;
    height: auto;
    width: auto;
    background-color: #ffffff;
    clear: both;
}

.breadcrumbrow
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: auto;
    width: auto;
    border-bottom: solid 1px #A9CCDE;
    background-color: #ffffff;
    /*background: red url(images/breadcrumbrow-bg.jpg) repeat-x scroll top left;*/
}
.breadcrumbwrapper {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}
.breadcrumb
{
    float: left;
    width: auto;
    padding: 3px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    max-width: 490px;
}
.breadcrumb a.breadcrumbitem
{
	font-weight: normal;
	text-decoration: none;
}
.breadcrumb a:hover
{
    text-decoration: none;
}
.printbutton {
    float: left;
    padding: 3px 10px 0 0px;
}
.loginwrapper {
    padding: 2px 10px 0px 5px;
    margin: 0px 0px 0px 0px;
    float: right;
    width: auto;
}
.loginwrapper a.loginlink {
    display: inline-block;
    padding-right: 0px;
}
.datepane {
    color: #F08C00;
}

.searchwrapper {
    float: right;
    width: 230px;
    padding: 0px 5px 5px 5px;
    margin: 0px;
}
.searchwrapper span {
/*    float: right;
	display: block;
	width: 195px; */
}
.searchwrapper input {
    color: #555555!important;
	width: 120px;
}
.searchwrapper span a{
   float: right;
	display: block; 
	width: auto;
	height: 21px;
}



.w11 {
    width: 978px;
}
.w12 {
    width: 480px;
}
.w23 {
    width: 646px;
}
.w13 {
    width: 314px;
}
.w16 {
    width: 148px;
}
.w56 {
    width: 812px;
}

.cpleft {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: left;
/*  background-color: green; */
}

.cpright {
    margin: 10px 0px 0px 18px;
    padding: 0px;
    float: left;
/*  background-color: yellow; */    
}

.cpwrapperl, .cpwrapperr {
    float: left;
}
.cpwrapperr {
    margin-left: 18px;
}

.cpflr {
    float: right;
}

/* content panes */

.contentwrapper {
    padding: 0px 0px 10px 0px;
}
.leftpane {
    padding-bottom: 130px;
}


.footerwrapper {

}


.footerwrapper .wbase  {
}

.footerwrapper .contentwrapper {
    background: #ffffff url(images/footer_background.png) no-repeat bottom left scroll;
    min-height: 50px;
    position: relative;
}
.footerwrapper .contentwrapper .picturepane {
    padding: 0 0 0px 0px;
    position: absolute;
    bottom: 40px;
    left: 0px;
	max-width: 150px;
}
.picturepane img {
}

.footerwrapper .contentwrapper .footerlinks {
    position: absolute;
    bottom: 3px;
    text-align: center;
}


.DNNEmptyPane
{
    display: none;
}




/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.DummyClass {}



p
{
    padding: 0 0 5px 0; margin: 0px; 

}
h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{

    padding: 5px 0px 0px 0px; 
    margin: 0px; 
    color:#333333;

    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.2;

}

h1, h1 .Head {
    color: #333333;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.1;
}


h2, h2 .Head
{
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333333;
}

.blueheader h2 .Head {
}


.footerwrapper h2, .footerwrapper h2 .Head {
    color:#333333;

}


h3, a h3, 
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
	text-decoration: none;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.5;
}

h4, .SubHead, h4 a, a h4,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active
{
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
	text-decoration: none;
}
h5, h6
{
    font-size: 12px;
    font-weight: normal;
}

select, option, .Normal, p, td, th, div, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton {
    color: #555555;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.6;
}

.SubHead, .SubSubHead
{
    font-size: 12px;
}

select, option
{
    font-size: 12px;
}


.whitetext .contcontent p,
.whitetext .contcontent div,
.whitetext .contcontent td,
.whitetext .contcontent span,
.whitetext .contcontent h1,
.whitetext .contcontent h2,
.whitetext .contcontent h3,
.whitetext .contcontent h4,
.whitetext .contcontent strong,
.whitetext .contcontent b,
.whitetext h1,
.whitetext h2,
.whitetext h3,
.whitetext h1 .Head,
.whitetext h2 .Head,
.whitetext h3 .Head,
.whitetext .contcontent a.CommandButton:link,
.whitetext .contcontent .SkinObject,
.whitetext .contcontent a,
.toprow.whitetext *,
.footerwrapper.whitetext *
{
    color: #ffffff;
}

.footerwrapper.whitetext h2 .Head {
    color:#333333;
} 

/* actie menu */
.whitetext .contcontent .dnnActionMenuTag *,
.whitetext .contcontent .dnnActionMenuBody * {
    color: #333333!important;
}

a:link, a.CommandButton:link, a.CommandButton {
    color:#093890;
    text-decoration: none; 
}
a:visited 
{
    color:#093890;
}
a:hover 
{
    color:#093890;
    text-decoration: underline;
}

a.arrow {
    background: transparent url(images/arrow-icon.png) no-repeat 0px 3px scroll;
    display: inline-block;
    padding-left: 20px;
}

a.excel, 
a.zip,
a.word, 
a.pdf {
    background: transparent url(images/acrobat-icon.png) no-repeat 0px 3px scroll;
    display: inline-block;
    padding-left: 20px;
}
a.word {
    background: transparent url(images/word-icon.png) no-repeat 0px 3px scroll;
}
a.zip {
    background: transparent url(images/zip-icon.gif) no-repeat 0px 3px scroll;
}
a.excel {
    background: transparent url(images/xls-icon.gif) no-repeat 0px 3px scroll;
}


b, strong, .NormalBold
{
    font-weight: bold;
}

ul {
    list-style-position: inside;
}

.contmain ul, .contmain ol
{
    margin: 0px 0 4px 0px;
    padding-left: 0px;
}

.contmain ul li
{
    margin: 0 0 4px;
    padding-left: 14px;    
}

.contmain ul li li
{
    list-style-type: circle;
    margin: 0px 0 4px 0px;
    padding-left: 5px;    
}

.contmain ul li li li
{
}

ol
{
    margin: 0 0 4px 18px;
    padding-left: 10px;    
}
ol ol
{
    margin: 0 0 4px 15px;
    padding-left: 0px;    
}

ol li
{
    margin: 0 0 4px;
    padding-left: 0px;    
}

ol li li
{
    margin: 0 0 4px;
    padding-left: 0px;    
}

/* speciaaltjes */

.contmain .NVKblauw_Top_TabStrip li {
    padding-left: 0px;
}

/* speciaaltjes */
.contmain .XPLunaVarWidth_Top_TabStrip li,
.contmain .NVKblauw_Top_TabStrip li {
    padding-left: 0px;
}

/* menu */

/* links module */
.links li a:link,
.links li a:visited,
.links li a:hover,
.links li a:active
{
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 0;
    border-bottom: solid 1px #008cff;
    font-weight: bold;
}

.links li a:hover {
    text-decoration: underline;
}

.links  ul, .links  ul li {
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}




/* nieuws */



/* twitter */
ul.cs-twitter-list li div.cs-twitter-list-container
{
    background-color: transparent!important;
}

ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text span.cs-twitter-content-hash {
    color: #666666;
}

div.cs-twitter-no-user-pic ul.cs-twitter-list li div.cs-twitter-content {
    padding-left: 0px!important;
}

ul.cs-twitter-list li {
    background-image: none!important;
    margin: 0!important;
    padding-bottom: 0px!important;
}


ul.cs-twitter-list li div.cs-twitter-content {
    padding: 0px 5px 10px 0!important;
}


/* aggregator top level pages */
.Simple_Right_TabPage
{
    margin: 0px;
	float: right;	
	margin-right: 0px;
	width: 180px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background-color: Transparent;
	height: 180px;
	border-left: 0px solid #d8d8d8;
	padding: 0px 4px 0px 4px;
/*	overflow: auto; */
}

    .Simple_Right_TabPage *
    {
        font-size: 11px;
    }
	
	.Simple_Right_TabPage h1
	{
		font-family: Arial;
		font-weight: bold;
		font-size: 12px;
		color: #f08c00;
		margin: 0px;	
		padding: 5px 0px 3px 0px;
	}

.Simple_Right_TabStrip
{

    margin: 0px;
	float: left;
	cursor: pointer;
	border-right: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
	border-left: none;
	border-bottom: none;	
	width: 120px;
}

.Simple_Right_TabStrip .Simple_Right_TabUnselected,
.Simple_Right_TabStrip .Simple_Right_TabSelected
{
	background-color: #e9f2f6;
	border-top:	none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d8d8d8;
	font-family: Arial;
	font-size: 11px;
	color: #858889;
	right: 0px;
}

.Simple_Right_TabStrip .Simple_Right_TabSelected
{
	background-color: #f08c00;
	color: #ffffff;
}
.Simple_Right_TabStrip ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	  
.Simple_Right_TabStrip ul li {
    display:inline;
    margin:0;
    padding:0;
    }

.Simple_Right_TabStrip span {
    float:none;
    margin:0;
    padding:0;
}

.Simple_Right_TabStrip span span {
    padding:5px 5px 4px 5px;
    display: block;
}



/* DMX */
.dmxmetadatalist td
{
    vertical-align: top;
    padding: 2px 5px 2px 0px;
}

.dmxdescription
{
    width: 320px;
    padding: 0px 20px 0px 0px;
}
.dmxmetadata
{
    width: 230px;
    margin: 0 0 0 20px;
    border: solid 1px #ededed;
}
.dmxmetadata td
{
    padding: 2px 5px 2px 10px;
}

.DMX_EditEntry_Title
{
    background-image: none;
}

/* Shortlist */
.FileGrid_Item  
{
    background-color:#FFFFFF;
}
.FileGrid_Container td 
{
    color:#093890;
    height:25px;
    padding:2px 4px 2px 2px;
    vertical-align:top;
}

.FileGrid_Container a, .FileGrid_Container a:link, .FileGrid_Container a:visited 
{
    color:#646464;
    text-decoration:none;
}
.FileGrid_Container a:hover
{
    color:#646464;
    text-decoration: underline;
}




/* mobile */


.mobileButtons {
    display: none;
	float: right;
    padding-top: 10px;
}

.mobileButtons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobileButtons li {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
	display: block;
	float: left;
}

.mobileButtons li a {
	padding: 5px 10px;
	font-size: 14px;
	color: #666666;
	border: 1px solid #DADADA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.searchwrapper span a{
		margin-top: 2px;
	}

    /* verder aanpassen */
}



/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    /* Styles */
    .DNNModuleContent img{margin-left: 0!important; float:left;}

    
    .main
    {
       min-width: 100%; /* ipad and small browser screen hack */
    }

    .cpwrapperr,
    .cpright 
    {
        margin-left: 1%;
    }
    .wbase {
 	    width: 99%;
    }
    /* - 36px */
    .w11 {
        width: 100%;
    }

    .w56 {
        width: 100%;
    }
    .twocolumn .w56 {
        width: 79%;
    }
    .twocolumn .w56 .w56{
        width: 100%;
    }
    .w13 {
        width: 49%;
    }
    .w56 > .w13 {
        width: 39%;
    }
    
    .w23 {
        width: 100%;
    }
    .w56 > .w23 {
        width: 79%;
    }

    .w16 {
        width: 100%;
    }
    .w56 > .w16,
    .twocolumn .w56 + .w16 {
        width: 20%;
    }

    .topmenu {
        float: left;
    }
    .footerwrapper .contentwrapper {
    background: #A9CDDD;
    min-height: 30px;
    position: relative;
}
    .footerwrapper .contentwrapper .picturepane {
        padding: 0 0 0px 8px;
        position: relative;
        bottom: auto;
    }
    .footerwrapper .contentwrapper .picturepane .DnnModule {
        display: none;
    }
	
	    /* tabs home and first level */
    .Simple_Right_TabStrip  {
        width: 120px!important;
    }
    .Simple_Right_TabPage {
        width: 160px!important;
    }

	.searchwrapper span a{
		margin-top: 2px;
	}

    /* verder aanpassen */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
/* Styles */
    .main {min-width: 100%; /* ipad and small browser screen hack */
    }

    .logo a img {
        width: 150px;
    }
    .DNNModuleContent img{
        margin: 0!important; 
        float:none; 
        max-width: 100%!important;
        height:auto !important; 
    }


    .loginwrapper{
        display: none;
    }
    .mobileButtons {
        display: block;
    }
    .searchwrapper {
        padding: 2px 5px 0 0;
}
    .contentwrapper {
        padding-left: 0px;
    }


    .cpwrapperr,
    .cpright, 
    .cpleft {
        margin-left: 0px;
        float:none;
    }
    .wbase {
 	    width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .w11, .w56, .w12, .w23, .w13, .w16 {
        width: 100%;
        clear: both;
    }
    .leftpane {
        padding-bottom: 0px;
    }
    .footerwrapper .contentwrapper {
        background: #A9CDDD;
        min-height: 40px;
        position: relative;
    }
    .footerwrapper .contentwrapper .picturepane {
        padding: 0 0 0px 8px;
        position: relative;
        bottom: auto;
    }
    .footerwrapper .contentwrapper .picturepane .DnnModule {
        display: none;
    }

}


/* action form */
.ModActionFormC .bstrap30 h2, .ModActionFormC .bstrap30 .h2, .ModActionFormC .bstrap30 h3, .ModActionFormC .bstrap30 .h3 {
font-size: 16px;
}

/* dyn forms 
.blockUI.blockMsg.blockPage
{display: none!important;
}
.blockUI.blockOverlay {
display: none!important;
}
*/

/* vacatures */

.main .angrid-details .details-content {
    border: 0px solid #ffffff;
    padding: 0px 0px 15px 0px;
    
    border-bottom: solid 0px #A9CCDE;
}

.vacancydetails .col-sm-12
{
    border-bottom: solid 1px #A9CCDE;
    padding-bottom: 10px; 
    margin-bottom: 10px;
}

.vacancydetails .col-sm-6 .organisationdetails
{
    border: solid 0px #A9CCDE;
    padding: 10px; 
    margin: 0px;
}


.vacancydetails .col-sm-12:last-child {
    border-bottom: solid 0px #A9CCDE;    
}

.main .vacancydetails h1{
    font-size: 16px;
    font-weight: bold;
    color: #f08c00;
	margin-top:5px;
}

.main .vacancydetails h2,
.main .vacancydetails h3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 150%;
    padding-top: 0px;
}

.main .vacancydetails h2 {
    color: #f08c00;

}

.vacancydetails .vacancyheading {
    color: #A9CCDE;
    color: #f08c00;
}

.vacancydetails .vacancydata {
	padding-top: 10px;
}

.vacancydetails .vacancydata .col-sm-4{
    text-align: right;
    padding-bottom: 10px;
}
.vacancydetails .vacancydata .col-sm-8 {
    padding-bottom: 10px;
}



.contmain ul.vacancylist li {
	list-style: none;
	color: #333333;
	padding-left: 0px;
}

.contmain ul.vacancylist li a {
	
	color: #333333;
	font-size: 11px;
}
.vacancyhomepage {

}