/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 0px;
  padding-bottom: 20px;
  font-family: 'Lato', serif;
}

.select {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance:none;
    background-color: red!important;
}

/*for IE10*/
.noselect::-ms-expand {
    display: none;
}

.navbar-default .navbar-toggle .icon-bar {
    color: black;
}  	

.navbar-brand444 {
width: 50%;
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;	
margin-top: 4px;  
margin-left: 4px;
color: #5e5e5e;
background-color: #eee;
font-size: 18px;
line-height: 20px;
}

.nav-justified > li > a {
margin-bottom: 0px;
text-align: center;

}	

p.picttext {margin:0px; font-size:14px; font-style: italic; font-weight:bold; padding: 5px 5px 5px 0px;}	
p.align_right { text-align: right; margin:0 }	

#containerlogo
{
    height:400px;
    width:400px;
    position:relative;
}

#imagelogo
{    
    position:absolute;
    left:0;
    top:0;
}
#textlogo
{
    z-index:100;
    position:absolute;    
    color:white;
  margin: 0.67em 0;
  font-size: 3em;
  padding: 5px 5px 5px 30px;
    font-weight:bold;
}
	

#textlogobase
{
    z-index:100;
    position:absolute;    
    color:white;
    font-weight:bold;
  margin: 0.67em 0;
  font-size: 1.5em;
  padding: 0px 5px 5px 50px;
}	



/********************************************
-----------       NAVIGATIE       -----------
*********************************************/

header .navbar{    
    box-shadow:none;
    border:none;
    margin:0;
}

header .navbar .container{
    position:relative;
    min-height:112px;
}
    
header .navbar a.navbar-brand{
    position:absolute;
    padding:0;
}

.navbar>.container .navbar-brand {
	margin-left: 0px;
}
.navbar-collapse nav{
    position:absolute;
    right:15px;   
}


/* ----------- 
	nav top 
--------------*/
nav.top{
    top:0;
    right:15px;
	z-index:10;
}

nav.top a.vacatures{
	width:250px;
	line-height:40px;
    display:block;
	text-align:center;
	text-transform:uppercase;
	
	background:#0075be;
	color:#fff;
	
	margin-right:25px;	
	float:left;
}
nav.top a.vacatures:hover{background:#2581c4;}

/* ----------- 
	taalmenu 
--------------*/
nav.top .taalmenu{
    /*padding-top:13px;*/
    float:left;
}
nav.top .taalmenu li {
	float:left;	
	margin-right:2px;
}
nav.top .taalmenu li a{
	/*display:block;
    padding:3px 6px;
	
	width:40px;
	line-height:40px;
    border-radius:2px;*/
	
	width: 40px;
	height: 40px;
	color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	background-color: #b9b8b4;
}	



/********************************************
-----------       JUMBOTRON       -----------
*********************************************/
.jumbotron{padding:0!important; margin:0;}

.jumbotron .caption{
    position:absolute;
    top:100px;
    right:8%;
    z-index:5;
}



#pagin-control {
    overflow: hidden;
    margin: 0px 0px;
    background: #ededef;
    padding: 3px 10px;
    font-size:12px;
    display: block;
    color:#000;
}

#pagin-sorting {
    padding: 5px 0;
    float: left;
}

#pagin-paging {
    margin: 0;
    float: right;
    padding: 5px 0;
}

#pagin-results {
    margin: 0;
    float: right;
    padding: 5px 0px 0 10px;
}

#pagin-paging a {
    padding: 4px 7px;
    margin: 0;
    font-weight: normal;
}

#pagin-paging a.currentpage {
    color: #fff;
    background: #132461;
    font-weight: bold;
}

#pagin-paging a.otherpage:hover {
    color: #fff;
    background: #132461;
    font-weight: normal;
}