@import url(text.css);
/* En dan (standaard) kleuren laden */
/* Deze worden hoogst wwrschijnljik overschreven met een andere kleur.css */
@import url(blauw.css); 

@media screen {
  .clear {
    clear:both;
  }
  body {
    margin:0px;
    background-color:#fff;
    background-image:url(/images/bg.jpg);
    background-position:top;
    background-repeat:repeat-x;
    line-height:13px;
    overflow-y:scroll; /* Roelof: om verticale scrollbar te forceren. Dan verspringt de site tenminste niet bij klikken van kleine naar grote pagina's */
  }
  #container {
    width:960px;
    margin:0 auto;
    background-color:#fff;
  }
  
  #header {
    background-color:#fff;
    position:absolute;
    width:960px;
    height:467px;
    top:0px;
  }
  #sitemenu {
    font-family:'MetaPlusBook-Roman',arial,helvetica,sans-serif; /* 'trebuchet ms',*/
    font-family:arial,helvetica,sans-serif; /* 'trebuchet ms',*/
    font-size:13px; /* 12px bij trebuchet */ 
    position:absolute;
    width:960px;
    top:467px;
    background-color:#fff;
  }
  ul.tabmenu {
    width:900px;
    height:30px;
    margin:0px;
    margin-left:20px;
    padding:0px;
    padding-left:20px;
    display:block;
    list-style:none;
  }
  ul.tabmenu li.tab {
    list-style:none;
    float:left;
    display:block;
    margin:0px;
    }
  ul.tabmenu li.tab a.label {
    display:inline-block;
    margin:5px 3px 0 0;
    height:20px;
    padding:5px 15px 0 14px;
    background-position:right;
    background-repeat:no-repeat;
    color:#fff;
  }
  ul.tabmenu li.tab:hover a.label,
  ul.tabmenu #active_tab:hover a.label,
  ul.tabmenu li.active a.label,
  ul.tabmenu #active_tab.active a.label {
    color:#fff;
  }
  ul.tabmenu li.tab:hover a.label img,
  ul.tabmenu #active_tab:hover a.label img,
  ul.tabmenu li.active a.label img,
  ul.tabmenu #active_tab.active a.label img{
    background-position:0% 100%!important;
  }
  ul.dropdownmenu {
    display:none;
    margin:0px;
    padding:0;
    background-position:left bottom;
    background-repeat:no-repeat;
    list-style:none;
    min-width:100px;
  }
  ul.tabmenu a {
    text-decoration:none;
  }
  ul.tabmenu li:hover ul.dropdownmenu, 
  ul.tabmenu li.active ul.dropdownmenu {
    display:block;
    margin-right:3px;
    position:absolute;
    z-index:100000000;
    }
  ul.dropdownmenu li {
    margin:0px;
    padding:0 6px 0 0;
    background-image:url(/images/submenu_shade.png);
    background-position:right top;
    background-repeat:repeat-y;
  }
  ul.dropdownmenu li.bottom {
    background-position:right bottom;
    background-repeat:no-repeat;
    height:15px;
    margin-left:23px;
  }
  ul.dropdownmenu li:first-child {
    background-image:url(/images/submenu_shade_rt.png);
  }
  ul.dropdownmenu li a {
    display:block; 
    /*height:17px;*/ /* Nee, want in IE < 7 moeten we een vaste breedte geven en moet regelomslag dus mogelijk zijn */
    padding:5px 15px 5px 14px;
    color:#fff;
    }
  
  #main {
    /*background-color:#eee;*/
    margin-top:497px;
  }
  #content {
    margin-left:20px;
    padding-left:10px;
    width:910px;
 }
  .collumn {
    float:left;
    margin:20px 0 0 10px;
    width:200px;
  }
  .main { /* HT: dit was .collumn.main vervangen door .main ivm ie 6 */
    min-height:200px;
    width:460px;
  }

	.collumn_items { /* HT: breder middenstuk voor weergave items, 93 pixels extra */
	  float:left;
    margin:20px 0 0 10px;
		min-height:200px;
	  width:553px;
	}
	.collumn_overzicht { /* De kolom voor op overzichtpagina's, nieuwsitems etc */
	  width:109px;
		margin:20px 0 10px 10px;
		float:left
	}

  .blok {
    margin-bottom:10px;
    padding:10px;
    padding-bottom:1px;
  }
  #logoslider_wrapper {
    margin:auto;
    width:960px;
  }
  #logoslider {
    position:absolute;
    margin:-302px 40px 0;
  }
  .blok strong {
    display:block;
    width:180px;
    height:20px;
    border-bottom:1px solid #fff;
    margin-bottom:11px;
  }
  .blok strong span {
    display:none;
  }
  .blok a {
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:0 4px;
    padding-left:20px;
  }
  .blok ul {
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:13px;
  }
  .blok ul li {
    list-style:none;
    list-style-image:none;
    margin:0px;
    padding:0px;
  }
  .blok li a {
    display:block;
    font-size:12px;
  }
  .blok a.meer {
    display:inline-block;
    font-size:10px;
    margin:4px 0 12px;
  }
  .blok .video {
    margin-top:-6px;
    padding-bottom:6px;
    border-bottom:1px solid #fff;
  }
  .blok .video a {
    display:block;
    padding:8px 5px 1px 20px;
    background-position:2px 9px;
    line-height:16px;
    color:#878889;
  }
  .blok .video a:hover {
    color:#424343;
  }
  .blok .video a img {
    float:right;
    margin:-3px 0 5px 10px;
    width:57px;
    height:57px;
  }
  .blok .video a strong {
    border:0px;
    font-weight:normal;
    display:inline;
  }
  .blok .video br {
    clear:both;
  }
  .blok .downloads li {
    background-repeat:no-repeat;
    background-position:right top;
    padding-top:3px;
    margin-top:-3px;
		padding-right:17px;
		 /* HT: width toegevoegd zodat de tekst niet tegen het downloadicoon aanloopt */
  }
	
	
 
	.ondertitel { /* HT: ondertitel onder plaatje lees meer nieuwsbericht */
		font-size:10px;
	}
  #logo {
    width:960px;
    height:164px;
    background-image:url(/images/header_bg.png);
    position:relative;
  }
  #txtlogo {
    position:absolute;
    top:0px;
    left:457px;
    background-image:url(/images/wezowaarde.jpg);
    width:488px;
    height:106px;
  }
  #txtlogo strong {
    display:none;
  }
  #subtxtlogo {
    position:absolute;
    top:106px;
    left:403px;
    width:330px;
    height:20px;
  }
  #subtxtlogo strong {
    display:none;
  }
  #logo .txt_clienten {
    background-image:url(/images/txtlogo_clienten.jpg);
  }
  #logo .txt_ondernemers {
    background-image:url(/images/txtlogo_ondernemers.jpg);
  }
  #logo .txt_organisaties {
    background-image:url(/images/txtlogo_organisaties.jpg);
  }
  #ventjetalentje {
    position:absolute;
    top:106px;
    left:808px;
    background-image:url(/images/ventjetalentje.png);
    width:137px;
    height:138px;
  }
  #mainmenu {
    float:left;
    height:294px;
    margin-left:20px;
  }
  #zoeken {
    background-color:#c8ddf1;
    margin-bottom:10px;
    height:31px;
    width:220px;
    background-image:url(/images/zoekbox_deco_up.gif);
    background-repeat:no-repeat;
    background-position:10px 0;
  }
  .home #zoeken {
    padding-top:15px;
    background-position:10px 15px;
  }
  #zoeken .text {
    color:#75aadb;
    background-image:url(/images/zoekbox_bg_up.gif);
    background-repeat:repeat-x;
    border:0px;
    padding:3px 0 0 3px;
    margin:0;
    position:absolute;
    left:51px;
    width:155px;
    height:18px;
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
  }
  #zoeken .image {
    border:0px;
    padding:0;
    margin:0;
    position:absolute;
    left:209px;
    width:21px;
    height:21px;
    background-image:url(/images/zoekbox_button_up.gif);
  }
  #zoeken.active {
    background-image:url(/images/zoekbox_deco_active.gif);
  }
  #zoeken.active .text {
    background-image:url(/images/zoekbox_bg_active.gif);
  }
  #zoeken.active .image {
    background-image:url(/images/zoekbox_button_active.gif);
  }
  #zoeken.active .image:hover {
    background-image:url(/images/zoekbox_button_over.gif);
  }
  .home_button { /* Knop op home die tevoorschijn komt bij moude over de knoppen van een van de subsites */
    margin-top:58px;
    width:220px;
    height:86px;
    color:white;
    display:inline-block;
  }
  .home_button .intro {
    display:block;
    padding:8px 40px 0 50px;
    line-height:18px;
  }
  
  #home_button_wezo {
    background-image:url(/images/home_button_wezo.jpg);
  }
  #home_button_clienten {
    background-image:url(/images/home_button_clienten.jpg);
  }
  #home_button_organisaties {
    background-image:url(/images/home_button_organisaties.jpg);
  }
  #home_button_ondernemers {
    background-image:url(/images/home_button_ondernemers.jpg);
  }
  
  #mainmenu ul {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    width:220px;
    overflow:hidden;
    
  }
  #mainmenu ul li {
    list-style:none;
    display:block;
    margin:5px 0 0 0;
    padding:0px;
    /*min-height:58px;*/
  }
  #mainmenu ul li:first-child {
    margin:0px;
  }
  #mainmenu ul li a {
    display:block;
    min-height:58px;
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    background-position:left top;
    text-decoration:none;
  }
  #mainmenu ul li.wezo a {
    background-image:url(/images/mainbtn_wezo_up.jpg);
  }
  #mainmenu ul li.wezo a:hover {
    background-image:url(/images/mainbtn_wezo_over.jpg);
  }
  #mainmenu ul li.wezo_active a {
    background-image:url(/images/mainbtn_wezo_active.jpg)!important;
  }
  #mainmenu ul li.clienten a {
    background-image:url(/images/mainbtn_clienten_up.jpg);
  }
  #mainmenu ul li.clienten a:hover {
    background-image:url(/images/mainbtn_clienten_over.jpg);
  }
  #mainmenu ul li.clienten_active a {
    background-image:url(/images/mainbtn_clienten_active.jpg);
  }
  #mainmenu ul li.organisaties a {
    background-image:url(/images/mainbtn_organisaties_up.jpg);
  }
  #mainmenu ul li.organisaties a:hover {
    background-image:url(/images/mainbtn_organisaties_over.jpg);
  }
  #mainmenu ul li.organisaties_active a {
    background-image:url(/images/mainbtn_organisaties_active.jpg);
  }
  #mainmenu ul li.ondernemers a {
    background-image:url(/images/mainbtn_ondernemers_up.jpg);
  }
  #mainmenu ul li.ondernemers a:hover {
    background-image:url(/images/mainbtn_ondernemers_over.jpg);
  }
  #mainmenu ul li.ondernemers_active a {
    background-image:url(/images/mainbtn_ondernemers_active.jpg);
  }
  #mainmenu ul li.active {
    margin-top:10px;
  }
  #mainmenu ul li a strong {
    display:none;
  }
  #mainmenu ul li a img {
    margin-bottom:-2px;
  }
  #flashcontent {
    background-color:#fff;
    float:left;
    width:690px;
    margin-top:-57px;
    margin-left:10px;
    height:350px;
  }
  #footer {
    clear:both;
    background-color:#75aadb;
    background-image:url(/images/footer.jpg);
    background-position:right;
    background-repeat:repeat-y;
    height:38px;
    margin-top:22px;
    font-size:10px;
    text-align:center;
  }
  #colofon {
    float:left;
    margin:10px 0 0 20px;
  }
  #colofon, #colofon a {
    color:#3565a9;
  }
  a#credit {
    color:#85a1ca;
    display:inline-block;
    margin:10px 50px 0 0;
  }
  a#footer_logo {
    display:block;
    float:right;
    width:208px;
    height:35px;
    background-image:url(/images/footer_logo.jpg);
    background-repeat:no-repeat;
  }
  a#footer_logo strong {
    display:none;
  }
  #footer a {
    text-decoration:none;
  }
  #footer a:hover {
    text-decoration:underline;
  }
  .headfix {
    width:10px;
    height:164px;
    position:absolute;
    background-repeat:no-repeat;
    top:0px;
  }
  #headfix_left {
    background-image:url(/images/headfix_left.jpg);
    margin-left:-10px;
  }
  #headfix_right {
    background-image:url(/images/headfix_right.jpg);
    margin-left:960px;
  }
  #print_logo {
    display:none;
  }
  
}

@media all {
	.licht {
    margin-bottom:4px;
  }
  .overzicht /*toegevoegd door Hugo, top marge bij nieuwsitems pagina */ {
		padding-top:30px;
	
	}
  .overzicht .item {
    margin-bottom:13px;
    /*height:100px;*/
    max-width:553px; /* HT:93px extra voor nieuwsitems */
	
	}
  .overzicht .item img {
    margin-right:10px;
    float:left;
    }
  .overzicht .item img.thumb {
    border:1px solid #fff;
    width:80px;
    height:80px;
  }
	.overzicht .item a.pdf { /* HT: veranderd in href element (was img) vanwege benodigde float */ 
    width:34px;	
    height:34px;
    margin:0 0px 0px 48px; 
		float:left;
	
  }

	.overzicht a.thumb_overzicht { /* HT */
		display:block;
		width:80px;
		height:80px;
		float:left;
		border:1px solid #fff;
	}
	.button { /* HT */
		width:16px;
		float:left;
		height:1px;
	}
	
	.blok_actueel_meer img {
		border:1px solid #FFF;
	}
	
	.introtext { /* HT */
		height:68px;
		width:460px;
		float:left;
		margin-left:9px;
	}
  
	.introtext_pdf { /* HT */
		float:left;
		margin-left:9px;
		width:460px;
		margin-bottom:13px;
		}	
		
  .overzicht h2 {
    font-family:'MetaPlusBook-Roman',arial,helvetica,sans-serif; /*  'trebuchet ms',*/
    font-size:15px;
    line-height:20px;
  }
  .overzicht .item h2 {
    border-top:1px solid #fff;
    margin-left:0px; /* HT: margin weggehaald, wordt door introtext div gepositioneerd */
  }
  .overzicht .item h2 div {
    padding:10px 0 2px; /* HT: 2px toegevoegd */
  }
	
  .overzicht .item h2.vacature {
    margin-left:0px;
  }
  .overzicht .item h2.casetitle {
    font-size:16px;
  }
  .datum {
    color:#737373;
    background-color:#fff;
    height:15px;
    float:left;
    padding:0 2px;
    font-size:10px;
    line-height:16px;
    margin-right:7px;
    margin-top:1px;
  }
  .overzicht .item a.meer {
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:0 4px;
    font-size:11px;
    padding-top:1px;
    padding-left:20px;
		margin-left:10px;
		}
	.overzicht .item a.pdflink {
    margin-left:0px;
	}

	.introtext_faq { /* Roelof*/
		width:460px;
		float:left;
		border-top:1px solid #FFF;
    padding:10px 0;
	}
 .item .introtext_faq a.meer {
		margin-left:0px;
  }
  
  .navigatie {
    border-top:1px solid #fff;
    height:16px;
    padding:6px 0;
    margin-top:20px;
  }
  .navigatie a {
    background-repeat:no-repeat;
    background-position:right top;
    float:left;
    height:16px;
    width:16px;
  }
  .navigatie a.terug {
    margin:0 147px 0 148px;
    width:133px;
  }
  
  .navigatie a span {
    display:none;
  }
  
  .overzicht .navigatie {
    margin-left:90px;
  }
  .vacatures .navigatie, .faq .navigatie {
    margin-left:0px;
  }
  
  .collumn .vacatures {
    margin-left:-10px;
  }
  
  .navigatie .pages {
    margin:0 7px 0 8px;
    width:413px;
    text-align:center;
    float:left;
  }
  .navigatie .pages a {
    float:none;
    display:inline;
    padding:0 3px;
  }
  
  .foto {
    border:1px solid #fff;
  }
  .bijschrift {
    font-size:10px;
    line-height:15px;
    width:200px;
  }
  .btn_solliciteren {
    width:107px;
    height:21px;
    display:block;
  }
  .btn_solliciteren strong {
    display:none;
  }
  .btn_contactformulier {
    width:140px;
    height:21px;
    display:block;
  }
  .btn_contactformulier strong {
    display:none;
  }
  form .label {
    width:98px;
    float:left;
    padding:3px 0 8px;
    height:15px;
  }
  form br {
    clear:both;
  }
  input.small, input.small_active, input.large, input.large_active, textarea {
    border:0px;
    padding:3px 6px;
    margin:0;
    margin-bottom:5px;
    font-family:arial, sans-serif;
    font-size:11px;
    color:#737373;
    background-repeat:no-repeat;
  }
  input.small, input.small_active, input[type=file] {
    width:196px;
    height:15px;
  }
  input.large, input.large_active {
    width:348px;
    height:15px;
  }
  input[type=file] {
    
    height:21px;
    border:0px;
    padding:0;
    margin:0;
    font-family:arial, sans-serif;
    font-size:11px;
    position: relative;
    
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    
    z-index: 2;
    text-align:right;
    cursor:pointer;
  }
  .bladeren {
    width:98px;
    height:21px;
    cursor:pointer;
    float:left;
    margin-left:8px;
  }
  
  label {
    cursor:pointer;
  }
  
  div.fileinputs {
    position: relative;
    cursor:pointer;
    margin-top:10px;
    width:320px;
    text-align:right;
  }

  div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .fakefile input {
    float:left;
  }
  
  
  
  textarea {
    width:448px;
    height:78px;
    resize: none;
  }
  input.versturen {
    width:98px;
    height:21px;
    border:0;
    padding:0;
    margin:0;
    cursor:pointer;
  }
  img.route {
    margin:2px 7px 0 -2px;
    float:left;
  }
  
  /* Remove the focus in Safari and Chrome */
  *:focus { outline: none; }
  
  /* Sitemap */
  #sitemap a {
    display:block;
    width:146px;
    height:22px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    padding:3px 0 0 10px;
  }
  #sitemap a:hover {
    text-decoration:underline;
  }
  #sitemap div {
    background-image:url(/images/sitemap_line.gif);
    background-repeat:repeat-y;
    padding-top:5px;
    xborder:1px solid red;
  }
  #sitemap div.item, #sitemap div.page {
    background-image:url(/images/sitemap_item.gif);
    background-position:0 -10px;
    background-repeat:repeat-y;
    margin-left:40px;
    padding-left:40px;
  }
  #sitemap div.item {
    padding-top:0px;
    background-position:0 -15px;
    margin-left:0px;
  }
  #sitemap div.last {
    background-image:url(/images/sitemap_item_last.gif);
    background-position:0 -10px;
    background-repeat:no-repeat;
  }
  #sitemap div.item.last {
    background-position:0 -15px;
  }  
}


@media print {
  .blok, #footer, #header, #sitemenu {
    display:none;
  }
  #print_logo {
    position:absolute;
    top:0px;
    right:0px;
  }
  
	
}