/*
De Online Backup
=================================================================*/

/* Hoofdlayout
=================================================================*/
* {
	margin:0;
	padding:0;
	}
img {
	border:0;
	display:block;
 }
body {
	font-family:arial;
	line-height:150%;
	background-color:#a8e36e;
	font-size:75%;
	}
.noshow {
	position:absolute;
	left:-9000px;
	}
#hide_1,
#hide_2{
 display:none;
}
.clearlaag {
	clear:both;
	line-height:1px;
	font-size:1px;
	}
#achtergrond {
	background:transparent url(../gfx/achtergrondbg.gif) repeat-y 50% 0%;
	}
#wrapitall {
	position:relative;
	width:780px;
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	}
#footer {
	position:relative;
	width:780px;
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;
	padding:60px 0px 10px 0px;
	color:#578926;
	background:transparent url(../gfx/footerbg.gif) no-repeat left top;
	}
#midden {
	position:relative;
	width:780px;
	background:transparent url(../gfx/middenhoekje.gif) no-repeat right top;
	overflow:hidden;
	}
#topbar {
	position:relative;
	width:780px;
	height:150px;
	background:transparent url(../gfx/topbarhondje.gif) no-repeat 550px bottom;
	}
#logo {
	position:absolute;
	top:23px;
	left:15px;
	}
#topbar blockquote {
	position:absolute;
	top:30px;
	left:145px;
	width:310px;
	height:71px;
	padding:20px 85px 0px 20px;
	background:transparent url(../gfx/blockquotebg.gif) no-repeat left top;
	}
#rechterkant {
	float:left;
	width:245px;
	padding:15px 15px 0px 0px;
	}


/* Content
=================================================================*/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	font-size:1em;
	}
a:link {
	color:#369;
	}
a:hover {
	color:#69c;
	}
a:visited {
	color:#636;
	}
a:visited:hover {
	color:#969;
	}
#content {
	float:left;
	width:505px;
	padding:15px 15px 15px 0px;
	}
#content h1,
#content h2,
#content ul,
#content p {
	padding:0px 15px;
	width:475px;
	}
#content h1,
#content p {
	margin-bottom:15px;
	}
#content h1 {
	font-size:1.6em;
	color:#116194;
	}
#content h2 {
	font-size:1.4em;
	color:#00b5ed;
	}
.contentlist {
	margin-bottom:15px;
	}
.contentlist li {
	padding:0px 0px 0px 22px;
	list-style:none;
	background:url('../gfx/contentlistarrow.gif') no-repeat 6px 7px;
	}
.contentlist li ul li {
	padding:0px 0px 0px 22px;
	list-style:none;
	background:url('../gfx/contentlistarrow2.gif') no-repeat 6px 7px;
	}
.fotolinks {
	position:relative;
	float:left;
	margin:3px 20px 6px 0px;
	width:220px;
	}
.fotorechts {
	position:relative;
	float:right;
	margin:3px 0px 6px 20px;
	width:220px;
	}
.fotolinks span,
.fotorechts span {
	display:block;
	width;190px;
	padding:2px 0px;
	font-size:0.8em;
	border-bottom:1px solid #ddd;
	}
.vergroot {
	position:absolute;
	right:0px;
	top:0px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	}
#kruimelpad {
	padding:0px 10px 10px 15px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	width:480px;
	}
#rechterkant blockquote {
	background:transparent url(../gfx/blockquotevoor.gif) no-repeat left top;
	padding:10px 0px 15px 0px;
	border-bottom:1px solid #ddd;
	margin:0px 0px 15px 0px;
	}
#rechterkant blockquote .quote {
	background:transparent url(../gfx/blockquotena.gif) no-repeat right bottom;
	padding:0px 0px 10px 0px;
	text-indent:32px;
	}
#rechterkant blockquote cite {
	display:block;
	text-align:right;
	padding:0px 15px;
	}
.blok {
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
	}
.blok h1 {
	color:#ea008d;
	font-size:1.2em;
	}
.homeblok {
	background:transparent url(../gfx/homeblokbg.gif) no-repeat left bottom;
	}
.homeblok h1 {
	background:transparent url(../gfx/homeblokkopbg.gif) no-repeat left top;
	color:#fff;
	padding:15px 15px 0px 15px;
	font-size:1.4em;
	height:90px;
	}
.homeblok ul {
	font-weight:bold;
	padding:10px 15px 15px 15px;
	}
.homeblok ul li {
	list-style:none;
	background:transparent url(../gfx/homelistbg.gif) no-repeat 0px 5px;
	padding-left:24px;
	}


/* Zoekformulier
=================================================================*/
.zoekformulier {
	background-color:#eee;
	margin-bottom:15px;
	background:transparent url(../gfx/homeblokbg.gif) no-repeat left bottom;
	}
.zoekformulier fieldset {
	border:0px;
	margin:0px;
	background:transparent url(../gfx/zoekformbg.gif) no-repeat left top;
	}
.zoekformulier div {
	padding:10px 10px 0px 10px;
	}
.zoekformulier span {
	display:block;
	padding:0px 10px 10px 10px;
	}
#zoekveld {
	width:176px;
	}
#zoekbutton {
	width:40px;
	cursor:pointer;
	background-color:#80cb37;
	color:#fff;
	font-weight:bold;
	}



/* Cases
=================================================================*/
.klantcases {
	overflow:hidden;
	padding:0px 0px 15px 0px;
	width:520px;
	}
.klantcases li {
	width:104px;
	height:104px;
	float:left;
	list-style:none;
	}
.klantcases a:link,
.klantcases a:visited,
.klantcases a:hover,
.klantcases a:visited:hover {
	display:block;
	width:74px;
	height:74px;
	padding:14px;
	float:left;
	}
.klantcases a:link,
.klantcases a:visited {
	border:1px solid #fff;
	}
.klantcases a:hover,
.klantcases a:visited:hover {
	border:1px solid #ccc;
	}

/* Contentopties
=================================================================*/
.contentopties {
	margin-bottom:30px;
	}
.contentopties li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 0px;
	}
.printen {
	background:transparent url(../gfx/printknop.gif) no-repeat left 2px;
	padding:0px 0px 0px 20px;
	}
.mailen {
	background:transparent url(../gfx/mailknop.gif) no-repeat left 2px;
	padding:0px 0px 0px 20px;
	}

/* Service Menu
=================================================================*/
#servicemenu {
	float:right;
	position:relative;
	top:25px;
	right:20px;
	}
#servicemenu li {
	list-style:none;
	margin-bottom:8px;
	}
#servicemenu a:link,
#servicemenu a:visited,
#servicemenu a:hover,
#servicemenu a:visited:hover {
	text-decoration:none;
	}
#servicemenu a:link,
#servicemenu a:visited {
	color:#777;
	}
#servicemenu a:hover,
#servicemenu a:visited:hover,
#servicemenu a.select:link,
#servicemenu a.select:visited {
	color:#000;
	}
#servicemenu a.select:link,
#servicemenu a.select:visited {
	font-weight:bold;
	}

/* Main Menu
=================================================================*/
#mainmenu {
	background:#f00 url(../gfx/mainmenubg.gif) repeat-x left top;
	height:45px;
	}
#mainmenu li {
	float:left;
	height:45px;
	list-style:none;
	}
#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:hover,
#mainmenu a:visited:hover {
	float:left;
	display:block;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	height:45px;
	}
#mainmenu a:link,
#mainmenu a:visited {
	color:#ddd;
	background:transparent url(../gfx/mainmenuknoplinksboven.gif) no-repeat left top;
	}
#mainmenu a.select:link,
#mainmenu a.select:visited {
	color:#fff;
	background:#80cb37 url(../gfx/mainmenuknoplinksboven.gif) no-repeat left top;
	}
#mainmenu a:hover,
#mainmenu a:visited:hover,
#mainmenu a.select:hover,
#mainmenu a.select:visited:hover {
	color:#fff;
	background:#ea008d url(../gfx/mainmenuknoplinksboven.gif) no-repeat left top;
	}
#mainmenu a:link span,
#mainmenu a:visited span,
#mainmenu a:hover span,
#mainmenu a:visited:hover span {
	display:block;
	float:left;
	background:transparent url(../gfx/mainmenuknoprechtsboven.gif) no-repeat right top;
	height:28px;
	padding:12px 15px 0px 15px;
	cursor:pointer;
	}
#mainmenu a.select:link span,
#mainmenu a.select:visited span,
#mainmenu a.select:hover span,
#mainmenu a.select:visited:hover span {
	height:28px;
	border-bottom:5px solid #a8e36e;
	}
#mainmenu a:hover span,
#mainmenu a:visited:hover span {
	border-bottom:5px solid #80cb37;
	}

/* Sub Menu
 =================================================================*/
#submenu {
	background-color:#a8e36e;
	height:40px;
	}
#submenu li {
	float:left;
	display:block;
	height:40px;
	}
#submenu a:link,
#submenu a:visited,
#submenu a:hover,
#submenu a:visited:hover {
	float:left;
	display:block;
	height:29px;
	text-decoration:none;
	font-weight:bold;
	padding:11px 15px 0px 15px;
	}
#submenu a:link,
#submenu a:visited {
	color:#578926;
	background:transparent url(../gfx/submenuknoprechts.gif) repeat-y right top;
	}
#submenu a.select:link,
#submenu a.select:visited {
	color:#000;
	background:#cdefab url(../gfx/submenuknoprechts.gif) repeat-y right top;
	}
#submenu a:hover,
#submenu a:visited:hover,
#submenu a.select:hover,
#submenu a.select:visited:hover {
	color:#fff;
	background:#ea008d url(../gfx/submenuknoprechts.gif) repeat-y right top;
	}


/* Formulieren
=================================================================*/
input,
select,
textarea {
	font-size:1em;
	font-family:arial;
	}
.formulier {
	margin-bottom:10px;
	background-color:#e5e5e5;
	clear:both;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	}
.formulier legend {
	padding:10px 10px 5px 10px;
	color:#555;
	font-size:1.6em;
	margin-bottom:10px;
	}
#rechterkant .formulier legend {
	padding:10px 10px 0px 10px;
	margin-bottom:0px;
	}
.formulier input,
.formulier select {
	width:180px;
	}
.formulier #postcode {
	width:60px;
	}
.formulier fieldset {
	border:0px;
	padding:3px 0px;
	}
.formulier div {
	padding:4px 0px 6px 0px;
	clear:both;
	border-bottom:1px solid #bbb;
	overflow:hidden;
	margin:0px 20px;
	}
.formulier div div {
	clear:both;
	border-bottom:0px;
	overflow:hidden;
	margin:0px 0px;
	}
.formulier div.errorfield {
	border-top:1px solid #f00;
	border-right:1px solid #f00;
	border-bottom:1px solid #f00;
	border-left:1px solid #f00;
	padding:6px 9px 8px 9px;
	margin:10px 10px 6px 10px;
	background-color:#fff;
	}
.formulier textarea {
	width:320px;
	}
.formulier label {
	float:left;
	display:block;
	padding-top:2px;
	font-weight:bold;
	width:140px;
	}
.formulier big {
	display:block;
	color:#df0024;
	font-weight:bold;
	padding:3px 0px 6px 20px;
	background:url(../gfx/alert.gif) no-repeat 0px 3px;
	}
.formulier big span {
	font-size:0.7em;
	display:block;
	font-weight:normal;
	}
.formulier em {
	color:#f00;
	}
.formulier .buttons {
	clear:both;
	text-align:right;
	border-bottom:0px;
	}
.formulier .buttons input {
	width:84px;
	height:22px;
	color:#fff;
	font-weight:bold;
	font-family:arial;
	border:0px;
	cursor:pointer;
	background-color:#666;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	}
.formulier .buttons input:hover {
	background-color:#888;
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	}
.formulier .stuurcc input {
	width:auto;
	margin-right:6px;
	}
.formulier .stuurcc label {
	width:auto;
	display:inline;
	float:none;
	font-weight:normal;
	}
.formulier div .stuurcc {
	padding:4px 0px 0px 140px;
	}


/* Kleurtabel
=================================================================*/
.kleurtabel {
	width:495px;
	margin:0px 5px 20px 5px;
	border-collapse:collapse;
	font-weight:bold;
	font-size:0.9em;
	
	}
.kleurtabel th,
.kleurtabel td {
	text-align:left;
	border:1px solid #fff;
	padding:1px 5px 1px 10px;
	}
.kleurtabel caption {
	background-color:#766767;
	color:#fff;
	font-weight:bold;
	padding:1px 5px 1px 10px;
	margin-left:5px;
	width:495px;
	}
.kleurtabel thead .celleeg {
	background-color:#fff;
	}
.kleurtabel thead .cel01 {
	background-color:#0e5c8d;
	color:#fff;
	}
.kleurtabel thead .cel02 {
	background-color:#766767;
	color:#fff;
	}
.kleurtabel thead .cel03 {
	background-color:#766767;
	color:#fff;
	}
.kleurtabel thead .cel04 {
	background-color:#4d8318;
	color:#fff;
	}
.kleurtabel tbody .cel01 {
	background-color:#2c90d0;
	color:#fff;
	}
.kleurtabel tbody .cel02,
.kleurtabel tfoot .cel02 {
	background-color:#ddd;
	color:#000;
	}
.kleurtabel tbody .cel03 {
	background-color:#ddd;
	color:#000;
	}
.kleurtabel tbody .cel04 {
	background-color:#80cb37;
	color:#fff;
	}
.labelfake{
 font-weight:bold;
 position:relative;
 } 
.radios div{
 padding:0px;
 padding-left:135px;
 height:20px;
 }
.radios div input{
 margin:0px;
 float:left;
 width:20px;
 }
.radios div label{
 float:left;
 padding:0px;
 width:300px;
 font-weight:normal;
 }