/* {{{ General */
/* Main settings */
html{
	height: 100%;
}

body {
	background: #202c66 url(../images/bg.jpg) repeat-x top;	
	height: 100%;
	font: 11px Verdana,Tahoma, "Trebuchet MS", sans-serif;
	color: #1e224f;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

p {
	line-height: 18px;
}
p.error {
	color: red;
}
a {
	color: #1e224f;
	text-decoration: underline;
}
#wrapper #content #main a:hover {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
#wrapper #content #main ul {
	list-style-type: none;
	margin:10px 20px 0 0;
	padding: 0;
	border: none;
	display: block;
}
#wrapper #content #main ol {
	list-style-type: decimal;
	margin: 0;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	border: none;
	color: #666;
}
#wrapper #content #main li {
	margin: 0 0 12px 0;
	padding: 0px;
}

h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align: left;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0.8em;
	text-align: left;
}
h4 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0em;
	text-align: left;
}
td {
	vertical-align: top;
	padding: 0 0 10px 0;	
}
/* header */
#header {
	background: none;	
	height: 107px;
	width: 735px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: block;
}
/* Search box */
	#header #search {
		background:none;
		height: 21px;
		width: auto;
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		float: right;
	}

	#header #search p {}
	#header #search label {
		display: none;
	}
	#header #search form {
		margin: 0;
	}
	#header #search button {
		background:  url(../images/searchBtn-trans.png) no-repeat;
		width: 62px;
		height: 19px;
		padding: 0;
		border-width: 0;
		border-style: none;
		position: absolute;
		right: 186px;
		top: 18px;
		cursor: pointer;
		font-size: 10px;
	}

	#header #search input {
		background: url(../images/searchInput-trans.png) no-repeat;
		width: 173px;
		height: 16px;
		padding: 3px 5px 0 0;
		margin:0;
		border: 0px;
		position: absolute;
		right: 8px;
		top: 18px;
	}
	
/* Menu */
#menu {
	background: none;
	list-style:none;
	width: 959px;
	height: 26px;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
		z-index: 100;
}	
#menu ul {
	background: none;
	left: 137px;
	top: 0;
	width: 799px;
	height: 26px;
	position: absolute;
	display: block;
}	
	#menu ul li {
		background: url(../images/menuBg.jpg) no-repeat top right;
		float:left; 
		display:block; 
		width:auto; 
		height: 22px;
		position:relative;
		z-index:500; 
		padding: 0 16px;
		
	}
	#menu ul li:last-child {
		background: none;
	}
	#menu ul li a { 
		background: none;
		font: 14px Arial,Tahoma, "Trebuchet MS", sans-serif;
		padding:0; 
		height:auto; 
		display: block;
		text-decoration:none; 
		color: #fff; 
		text-align:center;
	}

	#menu ul li:hover a,
	#menu ul li.active a {
		color:#271c53;
		border-bottom: 4px solid #f6a925;
	}

	#menu ul li ul {
		background: url(../images/subMenuTop.png) no-repeat 0 11px;
		position:absolute; 
		left: 0; 
		top: 10px;
		display:none; 
		padding: 12px 0 0 0; 
		margin:0; 
		width: 136px;
		height: auto;
	}
	
	.editMode #menu ul li ul {
        display: block
	}
    
    #menu ul li ul li {
		background: url(../images/subMenu.png) repeat;
		border: 0px;
		width:136px; 
		height: auto;
		display: block;
		text-align: left;
		margin: 0; 
		padding:0; 
		border-bottom: 1px solid #fff;
	}
	#menu ul li ul li:last-child {
		background: url(../images/subMenu.png) repeat;
	}
	/* display block will make the link fill the whole area of LI */
	#menu ul li ul li a {
		background: none;
		display:block;  
		width: 120px;
		height: auto;
		left: 0;
		padding: 9px 0 9px 16px; 
		margin: 0 0 0 0;
		font: 11px Verdana,Tahoma, "Trebuchet MS", sans-serif;
		color:#1e224f;
		text-align: left;
	}
	#menu ul li ul li a:before {
		content: "»";
	}
	#menu ul li.active ul li a, 
	#menu ul li:hover ul li a, 
	#menu ul li ul li a, 
	#menu ul li ul li:hover a {
		text-decoration:none;	
		border: 0px;
	}



/* wrapper */
#wrapper {
	background: none;
	height: auto;
	width: 930px;
	padding: 0 36px 0 0;
	margin: 0 auto;
	position: relative;
	display: block;
    overflow: hidden;
}

#wrapper #vacancies {
	background: url(../images/vacatureBg-trans.png) no-repeat;
	top: 271px;
	left: 767px;
	width: 174px;
	height: 220px;
	margin: 0;
	padding: 17px 0 0 17px;
	position: absolute;
	display: block;
	z-index: 50;
}
/* Vacancy form */
#wrapper #vacancies form {
	margin: 0;
	padding: 0;
}	
	#wrapper #vacancies h1 {
		font-size: 14px;
		font-weight: normal;
		padding: 0 0 9px 0;
		margin: 0;
	}
	#wrapper #vacancies legend {
		display: none;	
	}
	
    #wrapper #vacancies input {
		background: #f6a924;
		border:1px solid #fff;
		width:142px;
		height: 20px;
		font-size: 12px;
		padding: 1px 0 3px 6px;
		margin: 0 0 4px 0;
		color: #1e224f;
	}
	.stylish-select ul.newList {left:-9999px;}

ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:3px 0 0 0; padding:0; list-style:none; color:#000; width:140px; background:#fff; position:absolute;  border:1px solid #fff; top:22px; left:10px; overflow:auto; z-index:9999;}
.newListSelected {width:136px; color:#000; height:19px; padding:3px 0 0 6px; margin: 0 0 8px 0; float:left; background:url(../images/select-bg.png) no-repeat;}
.newListSelected span {width:135px; display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:115px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#f6a924!important; color:#fff!important;}
.hiLite a {background:#f6a924!important; color:#fff!important;}
.newListHover {background:#f6a924!important; color:#fff!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

	#wrapper #vacancies button {
		background: #f6a924;
		border:1px solid #fff;
		padding:0;
		margin:0;
		width: 86px;;
		height: 24px;
		font-size: 12px;
		padding: 0;
		color: #1e224f;
	}	
	#wrapper #vacancies label {
		font-size: 10px;
		width: 174px;
		height: 16px;
		overflow: hidden;
		margin: 0;
		padding:0;
		display: block;
	}


#wrapper #login {
	background: url(../images/contentBg-trans.png) no-repeat;	
	width: 724px;
	height: 28px;
	display: block;
	text-align: right;
	margin: 0 0 0 137px;
	padding: 5px 21px 0 0;
}
#wrapper #login img {
	vertical-align: middle;	
}
#wrapper #login a {
	font-size: 10px;
	color: #1e224f;	
}

#wrapper #contact {
	background: none;
	height: auto;
	width: 129px;
	margin: 195px 8px 0 0;
	position: relative;
	display: inline;
	text-align: right;
	float: left;
	color: #f6f6f5;
	font-size: 9px;
}
#wrapper #contact p {
	line-height: 13px;	
	margin-bottom: 16px;
}
#wrapper #contact a {
	color: #f6f6f5;
}
#wrapper #content {
	background: none;
	height: auto;
	width: 735px;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
    overflow: hidden;
}
#wrapper #contact #logos a {
	margin: 0 0 0 5px;
}

#wrapper #contact #logos a img {
    padding:0 0 5px 0;
}

#wrapper #content #headerImg {
	background: #f6f6f6;
	height: 198px;
	width: 734px;
	padding: 0 0 0 1px;
	display: block;
    overflow: hidden;
}

#wrapper #content #headerImg .digiself-element-toolbar {
    margin-top: 0 !important;
}

#wrapper #content #main {
	background: #f6f6f6;
	height: auto;
	width: 594px;
	margin: 0;
	padding: 27px 125px 0 16px;
	position: relative;
	display: block;
}
#wrapper #content #mainBottom {
	background: url(../images/contentBottom-trans.png) no-repeat;	
	width: 735px;
	height: 25px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

/* Footer */
#wrapper #content #footer {
	background: none;
	height: auto;
	width: 735px;
	padding: 10px 36px 0 0;
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
}
#wrapper #content #footerContent {
	background: url(../images/footer-trans.png) no-repeat;	
	width: 703px;
	height: auto;
	display: block;
	text-align: left;
	margin: 0 0 0 0;
	padding: 17px 16px 0 16px;
}
#wrapper #content #footerBottom {
	background: url(../images/contentBottom-trans.png) no-repeat;	
	width: 735px;
	height: 25px;
	margin: 0 0 0 0;
	padding: 5px 21px 0 0;
	position: relative;
	display: block;
}
/* vacatures */
ul.vacancies {
	list-style-type: none;
	margin:10px 20px -12px 0 !important;
	padding: 0;
	border: none;
	display: block;
}

ul.vacancies li {
		background: none;
		border: 0px;
		height: 30px;
		display: block;
		text-align: left;
		margin: 0; 
		padding:0; 
}

ul.vacancies li a {
	text-decoration: underline;	
	margin: 0;
	padding: 0;
}
ul.vacancies li span {
	display: inline;
	width: 260px;
	float: left;
}
/*Contact form */
form .contact { margin: 30px 0px 30px 0px; width: 570px; }
.formLine {
	display: block;
	padding: 0 0 30px 0;	
}
.formLine.long {
	display: block;
	padding: 0 0 40px 0;	
}
.contact form fieldset { border: 0px; }
.contact legend{ font-size: 14px; font-weight: bold; color: #002A5F; background: none; margin: 0 0 10px 0;}

.contact textarea{ background: #fff; float: left; overflow: auto; width: 267px; height: 151px; padding: 3px 0px 1px 5px; margin: 0 0 10px 0; border: 1px solid #CFCFCF;}
.contact input { background: #fff; float: left; width: 267px; height: 20px; color: #002A5F; margin: 0px 0px 10px 0px; padding: 3px 0px 1px 5px; border: 1px solid #CFCFCF; outline: 0; }
.contact label { display: block; float: left; width: 240px; margin: 0 0 0 0; padding: 0px 10px 0px 0px; text-align:left; }

.contact .checkbox, .contact .radio{ background: none; background-color: transparent; border: none; width: 12px; height: 12px; padding: 0px 0px 0px 0px; margin: 5px 4px 0px 0px; outline: 0; }
.contact select { background: #fff; float: left; width: 274px; height: 20px; color: #002A5F; margin: 0px 0px 10px 0px; border: 1px solid #CFCFCF; outline: 0; }

.contact input:focus, .contact textarea:focus{ background: #eee; }
.contact input.error { border: 1px solid #cc0000;}
.contact .small{ width:40px; margin:0px 10px 0px 0px; }

.contact .small_right{ width:40px; margin:0px 0px 0px 10px; }

.contact .middle{ width:153px; }

.contact .half1 { width:125px;margin:0px 10px 0px 0px; }
.contact .half2 { width:125px;}

.contact .between1{ width: 140px; margin: 0px 10px 0px 0px;}

.contact .between2{ width: 170px; }

.contact .zipcode{ width: 60px; margin: 0px 10px 0px 0px;}

.contact .city{ width: 190px; }

.contact .button_send{ float:left; width: auto; height: 23px; }

.contact .button_send a{ background: transparent url('/nl/welkom/data/sprite.asp') no-repeat -250px -286px; display: block; width: 272px; height: 21px; border:1px solid #8CD600; }

.contact .button_send a:hover{ background-color: transparent; border: 1px solid #002A5F; }
#geslacht{ float:left; overflow:hidden; width:195px; margin:0px 0px 0px 0px; display:inline; }

#geslacht label{ float: right; width: auto; margin: 0px 0px 0px 10px; display: inline; padding: 0px; }

#tellafriend {
    display: none;
}

#opentellafriend {
    width: 100%;
    text-align: right;
}

#tellafriendbutton:hover {
    cursor: pointer;
}

h2.vacature {
    float: left;
}

h2.tellafriend {
    margin-bottom: 15px;
}

/* }}} */

/* {{{ Tuinbouw template */

body.tuinbouw{
	background:url(../images/bg-tuinbouw.jpg) top center no-repeat #254292;	
}

#tuinbouwContainer{
    width:100%;
    height:100%;
	background:url(../images/bg-tuinbouw.jpg) top center no-repeat #254292;	
}

#tuinbouwContainer #wrapper #content #main{
    width:719px;
    padding:0 8px;
}

#tuinbouwContainer #wrapper #vacancies {
    top:37px;
}

.round-lt{
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:6px;
    background:url(../images/round-lt.png) top left no-repeat;
    z-index:10;
}

.round-lb{
    position:absolute;
    bottom:0;
    left:0;
    width:6px;
    height:6px;
    background:url(../images/round-lb.png) bottom left no-repeat;
    z-index:10;
}

.round-rt{
    position:absolute;
    top:0;
    right:0;
    width:6px;
    height:6px;
    background:url(../images/round-rt.png) top right no-repeat;
    z-index:10;
}

.round-rb{
    position:absolute;
    bottom:0;
    right:0;
    width:6px;
    height:6px;
    background:url(../images/round-rb.png) bottom right no-repeat;
    z-index:10;
}

.titlebar{
    position:absolute;
    bottom:0;
    width:100%;
    height:38px;
    background:url(../images/tuinbouw-titlebar.png);
    z-index:1;
}

.titlebar a{
    display:block;
    color:white;
    text-decoration:none;
    font-size:16px;
    line-height:18px;
    margin:10px;
    font-family: "Helvetica", Arial, Verdana, sans-serif;
}

.titlebar a:hover {
    text-decoration:none !important;
    color:#72a0c9;
}


#tuinbouwTop{
    position:relative;
    height:196px;
    margin:0 0 12px 0;
}

#tuinbouwBottom{
    height:312px;
    overflow:hidden;
}

#tuinbouwBottom .col{
    width:171px;
    height:312px;
    margin:0 2px 0 0;
    float:left;
}

#tuinbouwBottom .col2{
    width:200px;
    height:312px;
    margin:0;
    float:left;
}

#tuinbouwBottom .row{
    position:relative;
    overflow:hidden;
}


#tuinbouwBottom .col .row{
    height:154px;
}

#tuinbouwBottom .col2 .row{
    height:103px;
}

#tuinbouwBottom #r1,
#tuinbouwBottom #r3,
#tuinbouwBottom #r5{
    margin:0 0 3px 0;
}

#tuinbouwBottom #r7,
#tuinbouwBottom #r8{
    margin:0 0 1px 0;
}

#tuinbouwTop,
#r2,
#r3,
#r6,
#r7,
#r9{
    background:#00529b;
}

#r1,
#r4,
#r5,
#r8{
    background:#faa635;
}



/* }}} */


/* {{{ Food template */

body.food{
	background:url(../images/bg-food.jpg) top center no-repeat #254292;	
}

#foodContainer{
    width:100%;
    height:100%;
	background:url(../images/bg-food.jpg) top center no-repeat #254292;	
}

#foodContainer #wrapper #content #main{
    width:719px;
    padding:0 8px;
}

#foodContainer #wrapper #vacancies {
    top:37px;
}



/* }}} */