/* 
Theme Name: Senet (original taken from Oulipo)
Theme URI: http://www.senet.nl
Description: A grid-based, orange and white WordPress theme
Version: 1.0.6
Author: G.J. van Ek, thanks to A. mignolo
Author URI: http://www.senet.nl
re-Designed by: G.J. van Ek, official theme Oulipo by A. Mignolo
Tags: white, three-columns, fixed-width, threaded-comments, sticky-post
License: GNU General Public License (GPL) version 3
*/


/* --------------- GENERAL SETTINGS ------------------------- */
/*
various browsers will apply different amounts of margin to the body to give the default gap around the page.
It is important to note that Opera does not use margins for the default body spacing but uses padding instead.
Therefore we must always reset padding and margins to be 100% sure we are starting on an even footing.
*/

* {
	padding:0px;
	margin:0px;
}

/*
#ff9000 = orange
#6f6f6f = light gray
*/

body {
    background-color:#dfdfdf;
    font-family:Tahoma, Verdana, Arial;
    color: #6f6f6f;
    font-size:11px;
}
a img {
	border:0;
}
/* --------------- LAYOUT  ------------------------------------------------------------------ */
/* --------------- LAYOUT  ------------------------------------------------------------------ */
/* --------------- LAYOUT  ------------------------------------------------------------------ */

#extra_wrapper {
    width:986px;
    margin: 0px auto;
    background-color:#FFFFFF;
    background-image:url(./images/kleine_bg.gif); /* 1px witte lijn horizontaal met grijze uiteinden, hele breedte */
    overflow:hidden;
}
#wrapper {
    width: 986px;
    position:relative;
    background-image:url(./images/wrapper_bg.jpg); /* Achtergrond met grijze vlammen onderaan pagina, hele breedte */
    background-repeat:no-repeat;
    background-position:left bottom;
    overflow:hidden;
}
#content {    
    width: 960px;
	margin: 2px 13px 0px 13px;
	background-image:url(./images/mid_content_wrapper.gif);
    background-repeat:repeat-x;
    background-position:top;
	overflow:hidden;
}

/* ---------------------------------------- HEADER --------------------------------------------*/
#header {
    width: 960px;
    height: 360px;
    margin: 0px 13px 0px 13px;
	overflow:hidden;
    position:relative;
    z-index:100;
    display:block;
    background-color:#FFFFFF;
}
#zoeken {
 	position:absolute;
	top: 24px;
	right: 20px;
}
div.zoeken {
	background-image:url(./images/zoeken_bg.jpg);
}
div.zoeken, div.zoeken2 {
 	width:242px;
	height: 29px;
	padding: 7px 0px 0px 15px;
}
div.zoeken2 {
	background:#f6e6cd;
	padding:20px;margin:10px;
}
#submitbutton {
    background:url(./images/zoeken_bttn.jpg);
    height:15px;
    width:15px;
    border:none;
    cursor:pointer;
}
.veld { /* = zoekveld */
    width: 157px;
    height: 15px;
    border: 1px solid #e3d9e3;
    font-size:10px;
}
#headermenu {
    position:absolute;    
    top: 65px;
    right: 30px;
}
#headermenu a{
    color:#663467;
    text-decoration:none;
    font-weight:bold;
}
#franchise {
    width: 87px;
    height: 27px;
    background-image:url(./images/franchise.jpg);
    position:absolute;
    top: 24px;
    right: 285px;
    padding: 10px 0px 0px 15px;
}

#franchise a {
    color: #6f6f6f;
    text-decoration:none;
}

/* ---------THIS IS ALL FOR THE TOP MENU WITH THE TABs --------- */
#menu {
    width: 960px;
    height: 35px;
    margin: 0px 13px 0px auto;
    overflow:hidden;
    z-index:999;
    background-color:#FFFFFF;
}
#menu ul{
    margin: 0px 0px 0px 30px;
    list-style: none;    
}
#menu li.active{
    background-image:url(./images/menu_bg.gif);
}
#menu li.active a{
    color:#ffffff;
}
#menu li{
    float:left;
    background-image:url(./images/menu_bg2.gif);
    width:182px;
    height:35px;
    text-align:center;
    display:block;
    display: inline;
}
#menu li a{
    color: #858585;
    font-weight:bold;
    text-decoration: none;
    line-height:39px;
    width:182px;
    height:35px;
    display:block;
    text-align:center;
}
#menu li a:hover{
    background-image:url(./images/menu_bg3.gif) ;
    color:#fff;
    height:35px;
}
#menu ul li ul {
    position:absolute;
    width: 182px;
    left: -999px;
    margin:0px;
    z-index:999;
}
#menu ul li ul li a, #menu ul li ul li a:hover {
    height:20px;
    line-height:20px;
}
#menu ul li.active ul li a{
    color: #858585;
    
}
#menu ul li ul a:hover{
    color: #858585;
    background-image:none;
}
#menu ul li ul li{
    height:20px;
    padding-bottom:6px;
    background:#fff url(./images/dropdown_bttm_bg.jpg) no-repeat bottom;
    /*border-bottom:1px solid #772b75;*/
    filter:alpha(opacity=90); /* for IE */
    -moz-opacity: 0.9; 
    opacity: 0.9; /* for FireFox */
}
#menu ul li ul li.active, #menu ul li.active ul li.active a{
    background:#663467;
    color:#fff;
}
#menu ul li ul li a:hover, #menu ul li.active ul li a:hover, #menu ul li.active ul li.active a:hover{
    background:#eee;
    padding-bottom:6px;
    color:#858585;
}
#menu li:hover ul, #menu li.sfhover ul {
    left: 758px;
}
/*suckerfish fix*/
#menu li:hover, #menu li.hover { 
	position: static; 
}
/* --------------------------- END MENU ------------------------ */ 
/* ----- FROM HERE THE MENU ON THE LEFT NEXT TO THE FLASH ----- */ 
#left_menu{
    width: 215px;
    height: 194px;
    background-color:#FFFFFF;
    float:left;
}    
#left_menu ul{
    padding: 0px 0px 0px 20px;
}
/* ------------------------- END LEFT_MENU ---------------------- */ 
/* ------------------------- FLASH  ---------------------- */ 
#flashcontent {
	width: 745px;
	height: 194px;
    top: 161px;
    left: 208px;
	float:left;
	margin: 5px auto 5px 0px;
}
/* ------------------------- END FLASH ---------------------- */ 
/* ------------------------------------------------ END HEADER ---------------------------------------------- */ 
/* ------------------------- BEGIN LEFT ---------------------- */ 
#left{
    width: 215px;
    float:left;
    padding: 5px 0px 30px 0px;
}
#left_content_wrapper {
    margin: 5px 0px 130px 0px;
    width: 210px;
    background-color:#FFFFFF;
    overflow:hidden;
    padding: 5px 0px 0px 5px;
}
/* ------------------------- END LEFT ---------------------- */ 
/* ------------------------- BEGIN MIDDLE ---------------------- */ 
#mid{
    width: 537px; /* this is the former 745 minus the right of 208 */
    float:left;
    padding: 5px 0px 0px 0px;
}
#mid_content_wrapper {
    margin-top: 5px;
    width: 527px;
    overflow:hidden;
    line-height:14px;
    float:left;
    padding:5px 0px 30px 10px;
}
/* ------------------------- END MIDDLE  ---------------------- */ 
/* ------------------------- BEGIN RIGHT ---------------------- */ 
#right{
    width: 208px;
    float:left;
    padding: 5px 0px 0px 0px;    
}
#right_content_wrapper {
    margin-top: 5px;
	width: 208px;
    overflow:hidden;
    padding-top:5px;
    margin-bottom:160px;
}
/* ------------------------- END RIGHT ---------------------- */ 
/* ------------------------- BEGIN FOOTER ---------------------- */ 

#footer {
    width:960px;
    height:50px;
    margin:0px auto;
    color:#aeaeae;
}
#footer a{
    color:#aeaeae;
    text-decoration:none;
}
#footer #left1 {
    width:250px;
    padding-left:20px;
    float:left;
}
#footer #links{
    width: 420px;
    overflow:hidden;
    text-align:justify;
}
#footer #right1 {
    width:250px;
    text-align:right;
    padding-right:20px;
    float:right;
}
#links a {
    color:#aeaeae;
    padding: 0px 3px 0px 3px;
    line-height:14px;
}
/* ------------------------- END FOOTER ---------------------- */ 

/* -------------------------------------------- END LAYOUT ---------------------------------------------- */ 
/* -------------------------------------------- END LAYOUT ---------------------------------------------- */ 
/* -------------------------------------------- END LAYOUT ---------------------------------------------- */ 


/* -------------------------------------------- TYPOGRAPHY ---------------------------------------------- */ 
/* -------------------------------------------- TYPOGRAPHY ---------------------------------------------- */ 
/* -------------------------------------------- TYPOGRAPHY ---------------------------------------------- */ 

h2, #left_content_wrapper div.h2, #right_content_wrapper .h2 {
	font-size:12px;
	font-weight:bold;
	color:#663467;
	margin:10px 0px 5px 0px;
}
h3 span, #mid_content_wrapper div.h1, #left_content_wrapper div.h3 span, #right_content_wrapper div.h3 span, #referenties_bttm_l div.h3 span, #referenties_bttm_r div.h3 span {
    color:#6f6f6f;
}
#left_content_wrapper h2, #left_content_wrapper div.h2, #referenties_bttm_l h2 {
	margin-left:10px;
}
h1, h3, #mid_content_wrapper div.h1, #left_content_wrapper div.h3, #right_content_wrapper div.h3, #referenties_bttm_l div.h3, #referenties_bttm_r div.h3 {
    color:#ff9000;
    font-size:12px;
    line-height: 22px;
    border-left: 4px solid #ff9000;
    padding: 0px 0px 0px 10px;
}
h1 {
	margin: 0px 0px 7px 0px;
}
#mid_content_wrapper div.h1, #left_content_wrapper div.h3, #right_content_wrapper div.h3, #referenties_bttm_l div.h3, #referenties_bttm_r div.h3 {
    margin: 5px 0px 7px 0px;
}
#mid_content_wrapper div.h1, #left_content_wrapper div.h3, #right_content_wrapper div.h3, #referenties_bttm_l div.h3, #referenties_bttm_r div.h3 {
    text-align:left;
    font-weight:bold;
}
a, #left_content_wrapper div.h3 a, #right_content_wrapper div.h3 a{
    color:#663467;
}
h2 a {
	color:#663467 !important;
}
#vest_name {
    width:200px;
    position:absolute;
    top: 65px; 
    left: 300px;
    font-size:30px;
    color:#663467;
}
#left li, #left_menu li{
    list-style:none;
    font-weight:bold;
    font-size: 12px;
    background-image:url(./images/left_menu_bg1.gif);
    background-repeat:no-repeat;
    background-position:left top;
    padding: 10px 0px 8px 9px;
}
#left li.first, #left_menu li.first{
    background-image:url(./images/left_menu_bg1_first.gif);
}
#left li a, #left_menu li a{
    color: #6f6f6f;
    text-decoration:none;
}
#left li a:hover, #left_menu li a:hover {color:#ff9000;}
#left li a:hover, #left_menu li a:hover, #left__wrapper p a {
    text-decoration:underline;
}

.img_border img{
    border: 1px solid #e5e5e5;
}
.img_border h3, #referenties_bttm_l div.h3, #left_content_wrapper div.h3, #right_content_wrapper div.h4 {margin-left:10px;}
.img_border {
	width:190px;
}
.img_border div{
	text-align:center;
}
#referenties img{
    border:none;
    margin-bottom:20px;
}
#referenties .reftd p {
    margin:0px;
}
.reftd {
    padding:5px 0px 0px 0px;
}
h4, #left_content_wrapper div.h4 {
    color:#ff9000;
    font-size:11px;
    font-weight:bold;
    padding:4px 0px 0px 10px;
    text-align:left;
}
#right_content_wrapper div.h4 {
    color:#ff9000;
    font-size:11px;
    font-weight:bold;
    text-align:left;
}
#left_content_wrapper p a {
    color:#ff9000;
    text-decoration:none;
}
#left_content_wrapper p {
    padding:0px 0px 10px 10px;
    margin-bottom:10px;
    background-image:url(./images/left_content_bg.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}
a.overige, .img_border a {
    color:#ff9000 !important;
    font-weight:none;
    text-decoration:none;
}
a.overige {
    padding-left:15px;
}
.img_border li {
	margin: 0px 0px 0px 15px;
	list-style:none;
}
#mid p{
    margin: 0px 15px 15px 0px;
}
#mid a{
    color:#ff9000;
    text-decoration:none;
}
#mid a:hover {text-decoration:underline}
#mid a.active, #left a.active {color:#663467}

#mid_content_wrapper a {font-weight:bold;}
#mid_content_wrapper ul {
    margin-bottom:10px;
}
#mid_content_wrapper ul li{
    margin-left:30px;
    list-style:circle;
}
ul.spacing10 li {margin-bottom:10px;}
ul.spacing20 li {margin-bottom:20px;}
ul.spacing5 li {margin-bottom:5px;}
table {
    
}
td {
    height: 20px;
}
#vacaturestable td.h4 {
    color:#663467;
    font-size:11px;
    font-weight:bold;
    padding:7px 0px 7px 7px;
}
#vacaturestable a {
    color:#ff9000;
    text-decoration:none;
    padding:0px 0px 7px 0px;
}
#vacaturestable td{
    height:20px;
    border-bottom:1px dotted #c9c9c9;
    padding-left:7px;
}

#right_menu, #right_menu_vest{
    width: 208px;
    height: 194px;
    background-image:url(./images/right_menu.jpg);
    background-repeat:no-repeat;
}
#right_menu ul{
    width: 208px;
    height: 194px;
    overflow: hidden;
}
#right_menu_vest ul{
    width: 208px;
}
#right_menu li{
    list-style:none;
    background-image:url(./images/right_menu_liststyle.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding: 15px 0px 15px 25px;
}
#right_menu_vest li{
    list-style:none;
    background-image:url(./images/right_menu_liststyle.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding: 4px 0px 4px 20px;
}
#right_menu li a, #right_menu_vest li a{
    color:#683769;
    font-weight:bold;
    text-decoration:none;
}
.plaats {
    color:#663467;
    font-weight:bold;
    margin: 0px 0px 0px 5px;
}
#right_menu_vest img {
    margin: 3px 0px 0px 0px; 
}
#right_menu li:first-child{
    margin-top: 10px
}
#right_content_wrapper p a {
    color:#ff9000;
    text-decoration:none;
}
#right_content_wrapper p {
    padding:0px 0px 10px 10px;
    margin-bottom:10px;
}
h5{
    color:#ff9000;
    font-size:11px;
    font-weight:bold;
    margin-left:7px;
    padding:0px 0px 2px 10px;
    background-image:url(./images/right_liststyle.gif);
    background-repeat:no-repeat;
    background-position:left;
}
.news_left {
    float:left;
    margin:0px 10px 0px 10px;
    display: inline;
}
#referenties_bttm_l {
    position:absolute;
    left:18px;
    bottom:20px;
}
#referenties_bttm_r {
    position:absolute;
    right:34px;
    bottom:20px;
}
.testimg {
    width:183px;
    height:94px;
    display:block;
    overflow:hidden;
    position:relative;
}
#referenties_bttm_l .testimg{
    margin-left:13px;
}
.testimg a, .testimg a:hover{
    display:block;
    width:183px;
    height:94px;    
}
.testimg a:hover{
    position:absolute;
    margin-left:-183px;
}
#vacature_bttm {
    margin:0px;
}
#vacature_bttm td.tellafriend {width:140px;}
#vacature_bttm td {
    background-color:#fef5e4;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    padding:5px 10px;
    text-align:center;
}
.textarea {
    width:150px;
    height:14px;
    font-size:10px;
}
.dropdown {
    height:17px;
    font-size:10px;
}
.upload {
    width:252px;
}
.submitbutton {
    margin:5px 20px 0px 0px;
    height:20px;
    color:#fff;
    background-color:#650f63;
    border:none;
    font-family:tahoma, verdana, arial;
    font-weight:bold;
    font-size:10px;
    cursor:pointer;
}
.contact td {
    padding:0px 0px 20px 10px;
}
#vest_submenu {
    text-align:center;
    margin-top:10px;
}
#vest_submenu td{
    padding-left:10px;
    background-color:#fef5e4;
}
#vest_submenu td{
    
}
#vesteging_naam {
    font-size:15px;
    font-weight:bold;
    color:#663467;
    padding-left:10px;
}
.catego{
    color:#663467;
}
.zoekresults{
    background:url(./images/zoekresbg.jpg) no-repeat bottom;
    margin:14px 0px 0px 0px;
    padding-bottom:1px;
}
#submenuvest{
    color:#ff9000;
    font-weight:bold;
    margin:10px 0px 0px 0px;
    font-size:12px;
    list-style:none;
}
#submenuvest li {display:inline;margin:0px !important;padding:0px !important;}
#submenuvest a{
    text-decoration:none;
    color:#6f6f6f;
}
#submenuvest a:hover {color:#ff9000;}
ul.zoekresultaten {}
ul.zoekresultaten li{margin:15px 0px;list-style:none !important;}
    
form.formulier label{width:150px;display:block;float:left;cursor:pointer;display: inline;}
form.formulier label.span {}
form.formulier div {margin:10px 0px 10px 0px;clear:both;overflow:auto}
form.formulier a {margin-left:160px;} /*150 + margin of 10 */
form.formulier select, form.formulier input.textfield, form.formulier input.selectfield ,form.formulier input.sub {float:left;display:block;}
form.formulier select {width:60px;margin-right:10px;height:26px;padding:2px;}
form.formulier input.textfield {width:298px;height:18px;margin:0px;padding:2px;color:#666;}
form.formulier textarea.textarea {font-family:Tahoma, Verdana, Arial;font-size:1.2em;padding:2px;width:300px;height:80px;display:block;color:#666;}
form.formulier input.textfield:focus, form.formulier input.selectfield:focus, form.formulier textarea:focus, form.formulier input.sub:focus {border:1px solid #ff9933;padding:2px;margin:0px;color:#000;background:#f6e6cd} /*paars=663467 lichtpaars=ebd9e9*/
form.formulier textarea.textarea:focus {height:81px;width:301px;padding-top:3px;padding-left:3px;}
form.formulier input.textfield:focus {height:19px;width:299px;padding-top:3px;padding-left:3px;}
form.formulier input.sub {width:226px;float:left;display: inline;}
form.formulier input.sub:focus {width:227px;}
form.formulier fieldset {border:0;padding: 0px 0px 0px 10px}
form.formulier input.file {width:308px;height:24px;}
form.formulier legend {    color:#ff9000;font-size:12px;font-weight:bold;line-height: 22px;border-left: 4px solid #ff9000;padding: 0px 0px 0px 10px;}
form.formulier .selectfield {width:308px;height:26px;margin:0px;padding:2px;color:#666;}
span.error {color:#f00;display:block;margin:5px 0px}
span.terug {margin:10px 20px 0px 0px;}
label.required {background:url(./images/required.gif) no-repeat 95% top;height:22px;}
span.required {color:red;}
input.hconv {margin-top:10px;}
ol li {margin-left:40px;padding-left:10px;padding-bottom:10px;}
a.button, input.button {background: url(./images/buttons.jpg) 0px -60px no-repeat; height:30px;line-height:29px;width:200px;display:block;border:none;cursor:pointer;color:#fff;font-weight:bold;font-size:1em;}
a.hconv:hover, input.hconv:hover {background-position:0px -90px;display:block;width:200px;height:30px;color:#FFE6FF}
a.sconv, input.sconv {}
a.label,input.label,span.label {margin-left:160px;}
.inline {display:inline;}
.floatleft {float:left;display: inline;}
.floatright{float:right;display: inline;}
.clear{clear:both;}
span.highlight_word{font-weight:bold;}
#mid_content_wrapper ul.vestigingen {margin:0px;padding:0px;list-style:none;}
#mid_content_wrapper ul.vestigingen li {list-style:none;padding:5px 0px;float:left;width:200px;display: inline;}
#mid_content_wrapper ul.vestigingen li a.vestiging {font-size:1.2em;font-weight:bold;}
#mid_content_wrapper ul.vestigingen li ul li {border:0px;list-style:circle}
#mid_content_wrapper ul.vestigingen li ul li a {color:#666666}
#mid_content_wrapper ul.vestigingen li.clear {clear:both;}
ul.referenties {height:1%;overflow:auto;}
ul.referenties, ul.referenties li {margin:0px !important;padding:0px;}
ul.referenties li {float:left;padding:5px;list-style:none !important;display: inline;}
ul.referenties li, ul.referenties li img {width:160px;}
.highlight { background-color: yellow }