/* ----------------------------------- */
/*                                     */
/* Reset styles                        */
/*                                     */
/* ----------------------------------- */

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,
dl, dt, dd, fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}

.clear{clear:both;}

/* ----------------------------------- */
/*                                     */
/* Default styles                      */
/*                                     */
/* ----------------------------------- */

.flashlink {
	display:none;
}

/* ----------------------------------- */
/*                                     */
/* Main styles                         */
/*                                     */
/* ----------------------------------- */

html {
	height: 100.01%;
}
body {
	height: 100%;
	background-color:#f8fcfe;
	background-image: url(/img/bg/bg_body.gif);
	background-repeat: repeat-y;
	background-position: top center;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #0397d6;
}
a {
	color: #f78f1e;
	text-decoration: none;
}
a:hover {
	color: #f78f1e;
	text-decoration: underline;
}

strong
{
	font-weight: bold;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ----------------------------------- */
/*                                     */
/* Div styles                          */
/*                                     */
/* ----------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #f78f1e;
	margin:0 0 15px 0;
	font-weight:normal;
}
h2 {
	font-size: 14px;
}
#maincontainer {
	margin:0 auto;
	position: relative;
	width: 990px;
	overflow: auto;
	background-image:url(/img/bg/bg_main.gif);
	background-repeat: repeat-y;
}
#topcontainer {
	position: relative;
	width: 770px;
	margin: 0 auto;
	height: 105px;
	background-image: url(/img/bg/bg_top.gif);
	background-repeat: no-repeat;
}
#middlecontainer {
	position: relative;
	width: 770px;
	margin: 0 auto;
	overflow: auto;
}
#logo {
	float: left;
	width: 170px;
	height: 106px;
	background-image: url(/img/bg/bg_logo.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

/* ------------------------ */
/* Menu                     */
/* ------------------------ */

#menu {
	float: left;
	height:40px;
	width: 950px;
	background-color:#e9f6fc;
	margin-left:20px;
	_margin-left:10px;
}
#menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu ul li {
	float: left;
	margin:0;
	padding:0;
}
#menu ul li a {
	display:block;
	text-indent:-1000px;
	height:40px;
}
#menu ul li a#home{
	background-image:url(/img/menu/home.gif);
	width:59px;
}
#menu ul li a#organisatie{
	background-image:url(/img/menu/organisatie.gif);
	width:90px;
}
#menu ul li a#werkzaamheden{
	background-image:url(/img/menu/werkzaamheden.gif);
	width:119px;
}
#menu ul li a#nieuws{
	background-image:url(/img/menu/nieuws.gif);
	width:64px;
}
#menu ul li a#aanbiedingen{
	background-image:url(/img/menu/aanbiedingen.gif);
	width:100px;
}
#menu ul li a#keurmerken{
	background-image:url(/img/menu/keurmerken.gif);
	width:94px;
}
#menu ul li a#vacatures{
	background-image:url(/img/menu/vacatures.gif);
	width:83px;
}
#menu ul li a#contact{
	background-image:url(/img/menu/contact.gif);
	width:67px;
}
#menu ul li a.active,
#menu ul li a:hover,
#menu ul li a.hover {
	background-position:bottom;
}

#sub_home{
	display: none;
}

#sub_organisatie{
	display: none;
}

#sub_werkzaamheden{
	display: none;
}

#sub_nieuws{
	display: none;
}

#sub_aanbiedingen{
	display: none;
}

#sub_keurmerken{
	display: none;
}

#sub_vacatures{
	display: none;
}

#sub_contact{
	display: none;
}



#menu ul li ul {
	position:absolute;
	z-index:100;
	border:#76c6e9 solid 1px;
	width: 200px;

}#menu ul li ul li {
	float: left;
	width: 200px;
	display:block;
	margin: 0;
	padding: 0;
	line-height:normal;
}
#menu ul li ul li a {
	display:block;
	height: 18px;
	padding: 5px 2px 2px 8px;
	background-color:#e9f6fc;
	display:block;
	width: 190px;
	color:#0397D6;
	text-indent: 0;
	text-decoration:none;
	line-height:normal;
}
#menu ul li ul li a:hover{
	width:190px;
	background-color:#76c6e9;
	color:#FFFFFF;
	text-decoration:none;
	line-height:normal;
}

a#aanmelden_nieuwsbrief {
	position: relative;
	float: right;
	width: 145px;
	height: 18px;
	margin: 11px 11px 0 0;
	display: block;
	text-indent: -1000px;
	background-image: url(/img/menu/nieuwsbrief.gif);
	background-repeat: no-repeat;
	background-position: top;
}
a:hover#aanmelden_nieuwsbrief {
	background-position: bottom;
}

/* ------------------ */
/* content styles     */
/* ------------------ */

#content {
	float: left;
	width: 465px;
	padding: 50px;
}
#contentwrap{
	padding-left:20px;
	float:left;
	width:950px;
	overflow:auto;
	margin-top:10px;
	background-image:url(/img/news/bg_wrap.gif);
	background-repeat:repeat-y;
	background-position:right;

}
#left {
	float: left;
	width: 590px;
	padding-left:40px;
	padding-top:40px;
	padding-bottom:40px;
	overflow:auto;
}
#left img{
	float:left;
	margin:0 10px 10px 0;
	border:#F78F1E solid 1px;
}

/* -------------------- */
/* rechter balk         */
/* -------------------- */
#right {
	float: right;
	width: 310px;
	overflow:auto;
}

.new_title{
	color:#F78F1E;
}
#newswrap{
	width:310px;
	background-color:#e9f6fc;
	float:right;
	padding:10px 0;
}
.news{
	cursor:pointer;
	background-image:url(/img/news/border_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px 20px;
}
.news:hover{
	background-color:#d6eff9;
}
#meer_nieuws{
	padding-top:10px;
	padding-right:20px;
	float:right;
	text-decoration:none;
}
#meer_nieuws:hover {
	color: #0397d6;
}
#blocks{
	overflow:auto;
	padding-top:10px;
	width:950px;
	height:100px;
	float:left;
	background-color:#FFFFFF;
}
.block {
	position: relative;
	float:left;
	width:260px;
	height:80px;
	background-color:#e9f6fc;
	padding:20px 30px 0px 20px;
	margin: 0 0 0 10px;
	cursor: pointer;
}
.block.first {
	margin: 0;
}
.block_wrap {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 133px;
	height: 77px;
	background-position: left top;
	background-repeat: no-repeat;
}
#vacature {
	background-image: url(/img/blocks/vacatures.gif);
}
#aanbieding {
	background-image: url(/img/blocks/aanbiedingen.gif);
}
#keurmerk {
	background-image:url(/img/blocks/keurmerken.gif);
}
.block_div { /* lees meer */
	float: right;
	color:#F78F1E;
}
.block_div a {
	color: #f78f1e;
}
.block_div a:hover {
	color: #0397d6;
	text-decoration: none;
}
.block_tekst{
	height:55px;
}
#aanbiedingwrap{
	width:310px;
	background-color:#e9f6fc;
	float:right;
	padding:10px 0;
}
#aanbieding_ul{
	margin:0;
	padding:0;
	list-style:none;
}
#aanbieding_ul a{
	padding-top:5px;
	padding-left:20px;
	height:25px;
	text-decoration:none;
	display:block;
	background-image:url(/img/news/border_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#aanbieding_ul a:hover{
	background-color:#d6eff9;
}
#left .verzendlink img{
	margin-left:250px;
	border:none;
}

/* -------------------- */
/* footer               */
/* -------------------- */

#stats {
	display: none;
}

#footer {
	position: relative;
	width: 990px;
	margin: 0 auto;
	height: 40px;
	background-color: #f8fcfe;
	font-size: 0px;
	line-height: 0px;
}
#footer_content{
	width:980px;
	margin:0 auto;
	height:25px;
	background-image:url(/img/bg/bg_main_bottom.gif);
	text-align:right;
	padding-top:15px;
	color:#aedef2;
	font-size: 9px;
	padding-right:10px;
}
#footer_content a {
	color:#aedef2;
}
#footer_content a:hover {
	color:#7ac1df;
	text-decoration: none;
}

/*
CONTACT FORM
*/

#contactform label {
	float:left;
	display:block;
	width:150px;
}

#contactform p {
	margin:0;
	padding:5px 0;
}

#contactform a {
	text-decoration:none;
}

#contactform .melding {
	color:#ff0000;
	margin:0 0 10px 0;
}

#contactform input, #contactform textarea {
	border:1px solid #0397D6;
	color:#0397D6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width:300px;
	padding:0 4px;
}

#contactform input {
	height:18px;
}

#contactform textarea {
	overflow:auto;
	height:150px;
}

/* -------------------- */
/* flash styles         */
/* -------------------- */

#flashheader{
	z-index:0;
	float:left;
	width:950px;
	height:150px;
	padding:10px 0 0 20px;
}

.sub_active{
	background-color:#76C6E9 !important;
	color: #fff !important;
}

.aanbieding_active{
	background-color: #D6EFF9;
}

#navigatie{
	margin-top: 5px;
	height: 25px;
	width: 310px;
	font-weight: bold;
	text-align: center;
	color: #F78F1E;
}



/* -------------------- */
/* nieuwsbrief styles   */
/* -------------------- */


#inschrijven_nieuwsbrief {
	float:right;
	margin-top:12px;
	margin-right:20px;
}

#inschrijven_nieuwsbrief .invoer {
	border:1px solid #76c6e9;
	color:#76c6e9;
}

#inschrijven_nieuwsbrief .verzend {
	border:1px solid #76c6e9;
	background:#76c6e9;
	color:#fff;
}

#aanmelden_error {
	position:absolute;
	top:80px;
	left:50%;
	width:300px;
	height:20px;
	margin:0 0 0 -150px;
	background:#e9f6fc;
	border:2px solid #f00;
	padding:20px;
	text-align:center;
}

#aanmelden_oke {
	position:absolute;
	top:80px;
	left:50%;
	width:300px;
	height:20px;
	margin:0 0 0 -150px;
	background:#e9f6fc;
	border:2px solid #f78f1e;
	padding:20px;
	text-align:center;
}

#banners{
	background-color:#FFFFFF;
	padding-top:10px;
	float:left;
}