/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}   
p, label, tabel, td, tr, th, h3,
li {
margin		: 0;
padding		: 0;
font-size	: 11px;
font-weight	: bold;
font-family	: Arial, Arial, Verdana, Tahoma;
line-height	: 140%;
letter-spacing	: 0;
color		: #00A5C7;
}

img {
border	: none;
padding	: 0px;
margin	: 0px;
}                                

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}  
span {
    display: inline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
    height: 100%;
}               

            

body.pic1 {
    background: url('../images/doorgeefluik.jpg') no-repeat center center;
}

body.pic2 {
    background: url('../images/milieuvraagstuk.jpg') no-repeat center center;
}


/* body.pic3 {
    background: url('../images/slooppand.jpg') no-repeat center center;
}  */


body.pic3 {
    background: url('../images/tunnelvisie.jpg') no-repeat center center;
}

body.pic4 {
    background: url('../images/vernielzucht.jpg') no-repeat center center;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}  
  

p {
    margin: 0 0 12px 0;
}
#main{
    position: relative;  
    min-height: 100%;
    height: auto;
}

#logo { 
position: relative;
padding	: 17px 0 0 0;
}

#mainTitle {           
    position: relative;
    padding	: 10px 0 70px 0;
    /* padding  : 0px; */
} 

body.full #mainTitle {
    padding: 0 0 70px 0;
}  

#mainTitleTxt {              
    position: absolute;
    height: 62px;  
    line-height: 62px;   
    padding: 0;            
    background: transparent url(../images/titleBG.png) no-repeat top right;
    color: #00A5C7;
/*     font-size: 26px;
    font-weight: bold; 
    font-style: italic;
    font-family: arial, sans-serif;  */
    /* padding  : 0px; */
}   

#mainTitleTxt h1
{             
    padding: 6px 20px 0 20px;
    color: #00A5C7;     
    font-size: 33px;
    font-weight: bold; 
    font-style: italic;
    font-family: arial, sans-serif;
}
  

#content {
    position: relative;    
    width: 960px;         
    padding: 70px 0 40px 0;
}

#leftCol {            
position: relative;
float	: left;
width	: 334px;
margin	: 0 0 0 15px;
} 

body.content #leftCol
{
    width: 460px;
}   
 
#box1 a,
body.content #box3 a {
    color: #00A5C7;
    text-decoration: underline; 
    font-weight: bold;
}                              

body.content h3 {
    font-size: 16px;
    margin: 0 0 12px 0;
    font-weight: bold; 
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0;
    

}
body.content li {
    margin: 0 0 4px 12px; 
    list-style: square;
    
}
body.content ul,
body.content ol
{
    margin: 0 0 8px 0;
}

body.content p,
body.content li
 {
    font-size: 11px;
    font-weight: normal; 
    letter-spacing: 0;
	line-height:180%;
}

body.full #leftCol {
    width: 670px; 
    float: left;
}

#rightCol {   
    position: relative;
    float	: left;
    width	: 512px;
    margin	: 0 0 0 8px;
}

body.content #rightCol {
    width: 334px;
}
   
#people { 
    position: relative;
    clear: both;
    background: #00A5C7;
    height: 120px;
    width: 670px;  
    margin: 0 0 0px 0;
}    

.person {
    float: left;
    margin: 4px 4px 0 4px;  
}  

.person img {
    float: left;
    margin: 0 0 0 0;
    border: 1px solid #000;
}
  
.pshort {               
    float: left;  
    padding: 0px 0 0 5px;
    position: relative; 
    color: #fff; 
    width: 200px;
   
}   
 
.pshort h3 {
    font-size: 16px;
    font-style: italic;
    color: #fff;
}
.pshort p {
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0;
  font-style: italic;
}

#photo {
    float: left;
    position: relative; 
    margin: 2px 0 0 0 ;
    width: 210px;  
    
}   

#pdescription {
    position: relative; 
    margin: 0 0 0 220px;
}     



#photo div {
}
#photo img {
    border: 2px solid #000;
}
#box1, #box2, #box3 {
    background	: #FFF;
    padding		: 12px;
    margin-bottom:	10px;
}  

#box1 p{
    font-size: 13px;
    font-weight: normal;
}                       


    

#box1,
#box2 {
/*     width: 336px;
    z-index: 200;   */
}
        
#box3 div.inner {     
    position: relative;
    padding: 0 20px 10px 0;
}
body.content #box3 { 
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
/*     width: 460px;   */
/*     background: transparent url(../images/contentBG.png) no-repeat bottom left;   */
}                 

body.spotlight #box3 { 
    height: 333px;
    overflow-x: hidden;
    overflow-y: auto;
/*     width: 460px;   */
/*     background: transparent url(../images/contentBG.png) no-repeat bottom left;   */
}                 
        
body.spotlight #rightCol {
    width: 267px;   
    float: left;
}


body.content #box3 span,
body.content #box3 span * {
    display: inline;
    font-size: 11px;
    font-weight: normal;
}          
  
body.content #box3 span a {
    font-weight: bold; 
    padding: 0;
}

#box2 label {
margin		: 0 0 10px 0;
display		: inline-block;
width		: 140px;
font-style	: italic; 
}

#box2 select {
width		: 145px;
}
#box2 button {
border		: none;
text-align	: right;
margin-left	: 170px;
padding		: 0px;
right		: 0;
background	: #FFF;
width		: 129px;
}

#box3 th{
padding	: 3px 0;
}

#box3 .td_01{
width	: 200px;
text-align	: left;
font-style	: italic; 
}
#box3 .td_02{
width	: 170px;
font-style	: italic; 
}
#box3 .td_03{
width	: 100px;
text-align	: left;
font-style	: italic; 
}

#box3 span{
margin		: 10px auto 0 auto;
width		: 100%;
display		: block;
text-align	: center;
}

#box3 span a, #box3 span p{
display		: inline;
padding		: 0 5px;
text-align	: center;
font-size	: 16px;
font-style	: italic; 
letter-spacing	: 1px;
font-weight	: bold;
font-family	: Arial, Arial, Verdana, Tahoma;
color		: #00A5C7;
}

#box3 span a img{
margin-bottom	: -3px;
margin-left		: -2px;
}

#navigation {
clear		: both;
position	: absolute;
bottom		: 10px;
left: 		0;
height		: 33px;
width		: 100%;   
min-width: 960px;
margin		: 0 0 -10px 0;
background	: url('../images/layout_03.jpg');
}

#nav {
    width: 1075px;
    position: relative;
    padding:  0 0 0 10px;
}   

#nav li {
    float: left; 
    list-style: none; 
    margin: 0 0px 0 0;
    border: 2px solid #525252;
    border-width: 0px 2px 0px 0px;
}

#nav li.last {
    border-width: 0px;
}   

#nav li a {
 display: block;
 height: 33px;    
 background-position: left bottom;
 background-repeat: no-repeat;
}  

             

#nav li a span {
    display: none;
}
               

#nav li#navl_1 a {
    width		: 85px;
    background-image   : url('../images/nav/home.jpg');
} 

#nav li#navl_2 a {
    width		: 142px;
     background-image	: url('../images/nav/werkenbij.jpg');
} 

#nav li#navl_3 a {
    width		: 140px;
     background-image	: url('../images/nav/vacatures.jpg');
} 

#nav li#navl_4 a {
    width		: 85px;
     background-image	: url('../images/nav/stage.jpg');
}               
  

#nav li#navl_5 a {
    width		: 220px;
     background-image	: url('../images/nav/over.jpg');
} 

#nav li#navl_6 a {
    width		: 108px;
    background-image	: url('../images/nav/contact.jpg');
} 

#nav li#navl_7 a {
    width		: 281px;
    background-image	: url('../images/nav/arbeidsvoorwaarden.jpg');
}
      

body.home #nav li#navl_1 a,
body.werkenbij #nav li#navl_2 a,
body.banen #nav li#navl_3 a,
body.stage #nav li#navl_4 a,
body.about #nav li#navl_5 a,
body.contact #nav li#navl_6 a, 
body.arbeidsvoorwaarden #nav li#navl_7 a, 
#nav li a:hover {
    background-position: left top;
}   
  
  
  
#mnav2 {
    
} 

#mnav2 li {
    margin: 0 0 5px 0; 
        width: 267px;
    height: 59px; 
    list-style: none;
        background: url(../images/button.png) no-repeat;  
}                     

#mnav2 li a {
    display: block; 
    width: 252px;
    height: 59px;       
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    line-height: 59px;
    padding: 0 0 0 15px;

}




.tdCenter {
text-align	: center;
}
          
#vacatures td {
    font-weight: normal;
}
#vacatures tr.tableOver td {
    background: #00A5C7;
    color: #fff;         
    cursor: pointer;
}  

#vacatures td.link a {
    color: #fff;
    text-decoration: none;   
    padding: 0 2px 0 0;
    
}