@import url("menu.css");

*{
	margin:0;
	padding:0;
}

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #076a37 url(../images/bg.jpg) repeat-x top left;
	text-align:center;
}

#wrapper{
	margin:0 auto;
	text-align:left;
	width:845px;	
	position:relative;
	background: #fff;
}

#head{
	float:left;
	width:845px;	
	height:165px;
	background: url(../images/head.jpg) no-repeat top left;
}

#menu{
	float:left;
	width:845px;
	padding:127px 0 0 1px;
}

/*Verdere opmaak van het menu staat in menu.css*/

#tijd{
	float:left;
	width:100px;
	padding:127px 0 0 0;
}

#content-left, #contact-left {
	float:left;
	width:565px;
	padding:10px 15px 0 13px;
}

#tekst-top{
	float:left;
	width:565px;
	background: url(../images/tekst_top.jpg) no-repeat top left;
}

#tekst{
	float:left;
	width:530px;
	min-height:226px;
	height:auto !important;
	height:226px;
	padding:10px 20px 15px 15px;
	background: url(../images/tekst_bg.jpg) no-repeat bottom left;
}

#content-right{
	float:left;
	width:145px;
	padding:10px 8px 0 0;
}

#content-right-inhoud-top{
	float:left;
	width:244px;
	height:11px;
	background:#2a8a59 url(../images/content-right-inhoud_top.jpg) no-repeat top left;
}

#content-right-inhoud{
	float:left;
	width:236px;
	padding:0 4px 15px 4px;
	background: #2a8a59 url(../images/content-right-inhoud_bot.jpg) no-repeat bottom left;
}

.nieuws{
	float:left;
	width:230px;
	height:183px;
	padding:0 3px;
	background: #2a8a59 url(../images/nieuws_bg.jpg) no-repeat bottom left;
	text-align:right;
	margin-bottom:10px;
}

#twitter{
	float:left;
	width:230px;
	padding:0 3px;
	background: #cfe3d8 url(../images/nieuws_bg.jpg) no-repeat bottom left;
	text-align:right;
	margin-bottom:10px;
}
h1#twit {
	background: url(../images/vogel.png) 195px 0 no-repeat;
	margin-bottom:4px;
	padding-right:5px;
}
.clear {
	margin:0;
	padding:0;
	height:0;
	width:0;
	overflow:hidden;
	clear:both;
}
.but {
	padding:10px 0 10px 40px;
}
#content-banners{
	float:left;
	width:590px;
	padding:0 0 0 5px;
}

#footer{
	float:left;
	background: url(../images/footer.jpg) no-repeat top left;
	width: 815px;
	height:44px;
	padding:20px 10px 0 20px;
	text-align:right;
}

.gunes{
	float:left;
	text-align:left;
	width:690px;
}

.wingweb{
	float:left;
	text-align:left;
	width:120px;
}

#stappenplan {
width: 700px;
height: auto;
}

#stappenplan .groot1, #stappenplan .groot2, #stappenplan .groot3{
font-family: arial;
font-size: 36px;
font-weight: bold;
color: #076b37;
float: left;
}

#stappenplan .stap1, #stappenplan .stap2, #stappenplan .stap3  {
margin-left: 10px;
margin-top: 20px;
margin-right: 55px;
font-family: arial;
font-size: 13px;
color: #666;
float: left;
}

/* INSCHRIJVEN */

.inputerror { border: 1px solid #ff0000 !important; }

#stap1, #stap2, #stap3 {
width: auto;
height: auto;
float: left;
position: relative;
}

#stap1 h2 {
font-family: arial;
font-size: 18px;
color: #2182c0;
margin-bottom: 8px;
font-weight: normal;
}

#stap1 p, #stap2 p, #stap3 p {
font-family: arial;
font-size: 13px;
color: #6d6656;
margin: 0;
padding: 0;
}

#stap1 .klein, #stap2 .klein, #stap3 .klein {
width: 205px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
}

#stap3 .groot {
width: 205px;
height: 80px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
padding-top: 5px;
}

#stap1 .adres {
width: 129px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
}

#stap1 .huisnr {
width: 63px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
}

#stap1 .postcode {
width: 55px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
}

#stap1 .woonplaats {
width: 139px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
}

#stap1 .geboortedatum {
width: 115px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
padding-left: 5px;
}

#stap3 .upload {
width: 114px;
height: 27px;
background: #FFF;
border: 1px solid #076b37;
margin: 0;
margin-right: 5px;
margin-top: 2px;
float: left;
}

.btn-bladeren {
border: none;
width: 82px;
height: 34px;
Background: URL('../images/btn-bladeren.jpg') no-repeat;
float: left;
}

.btn-nextstep {
border: none;
width: 222px;
height: 34px;
Background: URL('../images/btn-volgendestap.jpg') no-repeat;
}

.btn-inschrijvingversturen {
border: none;
width: 222px;
height: 33px;
Background: URL('../images/btn-inschrijvingversturen.jpg') no-repeat;
}

/* VACATUREPAGINA */

#tabelklein {  }

#tabelklein table {
width: 300px !important;
height: auto;
float: left;
}

#content-right .tablep, #contact-mid .tablep, #contact-right .tablep {
margin: 0;	
}

#content-right .contactpersoon {
margin: 0;
padding: 0;
}

/* STYLED FILE INPUTS */

div.fileinputs {
	position: relative;
	overflow: hidden;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fakefile img {
	display: inline !important;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity:0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	z-index: 2;
	height: 32px;
	margin-left: 0px;
	right: 30px;
}

#inschrijfcontainer {
	overflow: hidden;
	width: 690px;
	float: left;
	height: 226px;
	position: relative;
}

#link-left {
width: 475px;
height: auto;
float: left;
}

#link-right {
margin-top: 30px;
margin-left: 20px;
width: 475px;
height: auto;
float: left;
}

#link-left a, #link-right a {
font-family: arial;
font-size: 13px;
color: #2182c0;
text-decoration: underline;
}

#link-left a:hover, #link-right a:hover {
font-family: arial;
font-size: 13px;
color: #2182c0;
text-decoration: none;
}

#link-left h2 {
font-family: arial;
font-size: 18px;
color: #2182c0;
margin-bottom: 8px;
font-weight: normal;
}

#link-left p, #link-right p {
font-family: arial;
font-size: 13px;
color: #666666;
}

#link-left .title, #link-right .title {
margin: 0;
font-family: arial;
font-size: 13px;
color: #666666;
}

#content-left p, #content-right p, #contact-mid p, #contact-right p {
font-family: arial;
font-size: 13px;
color: #666666;
margin-bottom: 10px;
}

#content-left .title {
margin: 0;
font-family: arial;
font-size: 13px;
color: #666666;
}

/* TABEL STIJL */

#content-left .tabletitle {
font-weight: bold;
color: #076a37;
margin: 0;
}
#content-left tr.top {
background: #cfe3d8 !important;
}

thead.normal th { background: none !important; border: none !important; padding-top: 0.8em !important; }

#content-left tr.dark {
background: #cfe3d8;
}

#content-left .getal {
width: 30px;	
}

#content-left table {
  width: 757px;
  border-collapse: collapse;
  border: 1px solid #076a37;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: #ffffff;
  }
#content-left caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
#content-left td, th {
  border-top: 1px dashed #076a37;
  padding: .8em;
  color: #333333;
  }
#content-left thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;
  text-align: left;
  background: #38160C;
  color: #F6ECF0;
  padding-top:6px;
  }
#content-left tbody td a {
  background: transparent;
  text-decoration: underline;
  color: #333333;
  }
#content-left tbody td a:hover {
  background: transparent;
  color: #333333;
  text-decoration: none;
  }
#content-left tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
#content-left tbody th a:hover {
  background: transparent;
  color: #333333;
  }
#content-left tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
#content-left tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
#content-left .odd {
  background: #7B2342;
  }
#content-left tbody tr:hover {
  background: #cfe3d8;
  }

.input-klein {
width: 140px;
height: 27px;
background: #FFF;
border: 1px solid #076a37;
margin: 0;
padding-left: 5px;
}

.input-groot {
width: 140px;
height: 72px;
background: #FFF;
border: 1px solid #076a37;
margin: 0;
padding-left: 5px;
padding-top: 5px;
}

.btn-verzend {
margin-top: 5px;
border: none;
width: 82px;
height: 34px;
Background: URL('../images/btn-verzenden.jpg') no-repeat;
}
  
.sterretje {
color: #FF0000;
margin: 0;
padding: 0;
}

.vacancyleft { width: 600px !important; }
.tdmiddle { vertical-align: middle; }
.clear { display: block; clear: both; }
textarea { resize: none; }
#wide { width: 819px; margin: 13px; border: 2px #b6ccc7 solid; clear: both; }
#wide > div { padding: 18px; }
#indicator { margin-left: 30px; background: transparent url('../images/indicator.png') 0 bottom no-repeat; width: 123px; height: 12px; }
#progressbar { background: transparent url('../images/progressbar.png') 0 bottom no-repeat; margin-top: 10px; margin-bottom: 10px; width: 650px; height: 12px; clear: both; }
#social { padding: 15px 15px 25px 15px; border: 1px #c6c6c6 solid; background: #f7f7f7; margin-right: 10px; float: right; width: 245px; }
#social #plusonecontainer { display: block; float: left; margin-right: 9px; }
#social p a { float: left; margin-right: 9px; }
#social p a img { border: none; }
#social h3 { font-weight: bold; color: #076a37; font-size: 15px; padding-bottom: 15px; font-family: Arial; }
#newsletterform { background: white; border: 2px #b6ccc7 solid; margin-left: 13px; float: left; margin-top: 10px; width: 532px; padding: 10px 15px 15px; }
#newsletterform input { float: left; padding-left: 10px; padding-right: 10px; font-size: 12px; font-style: italic; color: #6a6a6a; height: 34px; line-height: 34px; border: none; }
#newslettername { width: 127px; background: transparent url('../images/newsletterinput_name.jpg') 0 0 no-repeat; }
#newsletteremail { width: 237px; background: transparent url('../images/newsletterinput_email.jpg') 0 0 no-repeat; margin-left: 8px; }
#newslettersubmit { display: block; text-indent: -9999px; float: left; width: 112px; height: 34px; margin-left: 8px; background: transparent url('../images/btn-aanmelden.jpg') 0 0 no-repeat; }
#newslettersubmit:hover { background-position: 0 -34px; }
#newslettername:hover, #newslettername:focus, #newsletteremail:hover, #newsletteremail:focus { background-position: 0 -34px; }
.newsletternotice { padding-bottom: 10px; }