html, body {width: 100%; height: 100%; margin: 0; padding: 0;} 
body			{	vertical-align: top; margin: 0px; padding: 8px; font-family: Verdana; font-size: 11px; color: #000000; text-align: left;	}
body.site		{	height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: Verdana; font-size: 11px; color: #000000; background-color:#edf0f2;  	}
a img { border: 0px; }
td, div { font-family: Verdana; }


a.none            { text-decoration: none; }
a.none:hover            { text-decoration: none; }

div.ballon        { position: absolute; top: 130px; left: 600px; width: 160px; height: 63px; vertical-align: middle; z-index: 100; background-repeat: no-repeat; padding: 10px 10px 22px 10px; color:#fff; font-size: 14px; text-transform: uppercase; font-weight: bold; }
div.sitecontainer { position: absolute; top: 0px; left: 50%; margin-left: -397px; width: 794px; z-index: 80; }
div.siteheader    { position: relative; top: 0px; left: 0px; width: 794px; height: 252px;  }
div.siteheaderhome    { position: relative; top: 0px; left: 0px; width: 794px; height: 289px;  }
div.homefoto      { position: absolute; left: 0px; top: 100px; width: 794px; height: 189px; }
div.schaduw_l        { position: absolute; top: 101px; left: 50%; width: 12px;  margin-left: -409px; background-image: url(../images/schaduw_links.gif); background-position: top left; background-repeat: repeat-y;  overflow: hidden; z-index: 41; }
div.schaduw_r        { position: absolute; top: 101px; left: 50%; width: 12px;  margin-left: 397px; background-image: url(../images/schaduw_rechts.gif); background-position: top left; background-repeat: repeat-y;  overflow: hidden; z-index: 41; }
div.grad_r        { position: absolute; top: 252px; left: 50%; width: 121px;  margin-left: 397px; background-image: url(../images/vlakrechts_bg.png); background-position: bottom left; background-repeat: no-repeat;  overflow: hidden; z-index: 42; }
div.bottomgradient  { position: absolute; left: 0px; top: 150px; width: 100%; height: 400px; background-position: bottom; background-image: url(../images/bottomgradient.png); background-repeat: repeat-x; z-index: 55; border: 0px solid red; }
div.middenback_r  { position: absolute; top: 252px; right: 0px; width: 50%; min-height: 200px;  z-index: 40; }
div.bigbottom     { position: absolute; top: 0px; left: 0px; width: 100%; min-height: 400px; background-image: url(../images/body_bg.gif); background-position: bottom left; background-repeat: repeat-x; }
div.topbar        { position: absolute; top: 112px; left: 0px; width: 50%; height: 37px; background-color: #fff; border-top: 1px solid #000; }
div.topper        { position: absolute; top: 100px; left: 0px; width: 794px; height: 152px; background-color:#fff; }
div.toptekst      { position: absolute; top: 36px; right: 0px; color: #073044; font-size: 11px; width: 400px; height: 20px; text-align: right;}
div.toptekst a    { color: #073044; font-size: 11px; text-decoration: none; }
div.toptekst a:hover    { color: #073044; font-size: 11px; text-decoration: underline; }
div.fotolinks     { position: absolute; top: 100px; width: 177px; height: 152px; left: 0px; }
div.fotorechts     { position: absolute; top: 100px; width: 609px; height: 152px; left: 185px; }
div.logo          { position: absolute; top: 5px; left: 0px; width: 164px; height: 89px; }
div.5spacer       { width: 794px; height: 5px; background-color: #fff; }
div.middenvlak    { width: 794px; min-height: 440px; background-color:#fff; z-index: 100; background-image: url(../images/tekst_bg.gif); background-position: bottom right; background-repeat: no-repeat; }
div.middenvlakhome    { width: 794px; min-height: 440px; background-color:#fff; z-index: 100; background-image: url(../images/homegradient.jpg); background-position: top left; background-repeat: repeat-x; }
div.middencontainer { width: 794px; min-height: 440px;  background-image: url(../images/boog.png); background-position: bottom right; background-repeat: no-repeat; }
div.middentop     { position: relative; top: 2px; left: 0px; width: 950px; height: 297px; }

div.crumblebar    { width: 725px; height: 25px; padding-left: 225px; line-height: 25px; color: #898989; font-size: 10px; }
div.crumblebar a  { color: #898989; font-size: 10px; text-decoration: none; }
div.crumblebar a:hover  { color: #898989; font-size: 10px; text-decoration: underline; }

div.topbloklinks  { float: left; width: 177px; height: 46px; margin-top: 5px; }
div.topblokrechts { float: left; width: 609px; height: 46px; margin-top: 5px; margin-left: 8px; background-color: #8400ff;}
div.topblokrechts h1  { color:#fff; font-size: 20px; text-transform: uppercase; font-weight: normal; line-height: 46px; padding: 0px; margin: 0px; padding-left: 6px; }

div.bloklinks     { width: 177px; margin-top: 5px; float: left; min-height: 50px; background-color: #8400ff; background-image: url(../images/gradient.png); background-position: bottom; background-repeat: repeat-x; }
div.blokrechts   { width: 609px; margin-top: 5px; float: left; min-height: 50px; margin-left: 8px; color:#fff; }
div.bloklinks .tekst  { padding: 36px 0px 25px 12px; font-size: 12px; line-height: 18px; color:#fff; }
div.blokrechts .tekst  { padding: 60px 15px 15px 12px; font-size: 11px; line-height: 18px; color:#073044; }
div.clear         { clear: both; }

ul.submenu        { padding: 0px; margin: 0px; margin-left: 18px;  }
ul.submenu li     { padding: 0px; padding-left: 6px; }
ul.submenu a      { text-transform: none; color: #fff; font-size: 11px; text-decoration: none; }
ul.submenu a:hover      { text-transform: none; color: #fff; font-size: 11px; text-decoration: none; }

div.slideshow     { width: 400px; height: 300px; margin-top: 25px; margin-bottom: 25px; }

h1                { font-size: 16px; font-weight: bold; color: #000; padding: 0px; margin: 0px; }

h1.kop            { width: 725px; height: 25px; background-image: url(../images/h1_bg.jpg); background-repeat: no-repeat; padding: 0px; padding-left: 50px; text-transform: uppercase; color: #000; font-size: 14px; font-weight: bold; margin: 0; line-height: 25px; }

div.crumbles      { font-size: 11px; color: #000; margin-bottom: 40px; }
div.crumbles a    { font-size: 11px; color: #000; text-decoration: none; }
div.crumbles a:hover    { font-size: 11px; color: #000; text-decoration: none; }

div.bottom        { position: relative; width: 794px; height: 80px; background-color: #073044;  }
div.bottom-l      { position: absolute; left: 0px; line-height: 50px; width: 750px; height: 50px; color: #fff; font-size: 10px; }
div.bottom-r      { position: absolute; right: 0px; line-height: 50px; font-size: 10px; vertical-align: middle; width: 185px; text-align: right; height: 50px; color: #fff; }
div.bottom-l a, div.bottom-r  a { font-size: 10px; color: #fff; text-decoration: none; }
div.bottom-r  a:hover, div.bottom-l a:hover { font-size: 10px; color: #fff; text-decoration: underline; }


div.nieuwsblokrechts    { width: 400px; }


hr.blauw  { height: 1px; color:#2a82b2; border: 0px solid #2a82b2; background-color:#2a82b2; }


/* AFBEELDINGEN */



.contactFormCellLeft	{	width: 90px; height: 25px; }



.img_left_border{

	float:left;

	margin-right:5px;

	margin-bottom:5px;

	border:1px solid #222222;	

}

.img_left_noborder{

	float:left;

	margin-right:5px;

	margin-bottom:5px;

}



.img_right_border{

	float:right;

	margin-left:10px;

	margin-right:4px;	

	margin-bottom:5px;

	border:1px solid #222222;	

}



.img_right_noborder{

	float:right;



	margin-left:15px;

	margin-bottom:10px;
	
	margin-top: 10px;

}







.img_noalign_noborder{



}



.img_noalign_border{

	margin:5px;

	display: block; 

	margin-left: auto; 

	margin-right: auto;

	border:1px solid #222222;		

}


/* FORMULIER */
.formulier {
	width: 512px;
	border: 0px;	
}

.formulier .zichtbaar td {
	padding: 4px;
	font-size: 10px;
	color: #767676;
}

.formulier .header td {
	font-weight: bold;
	padding: 4px;
	vertical-align: top;
	font-weight: bold;
	background-color: #F0F0F0;
}

.formulier .veld td {
	padding: 4px 0px;
	min-height: 24px;
	/*border-bottom: 1px solid #F0F0F0;*/
	vertical-align: top;
}
td.naam  {  width: 160px; }
td.input  { width: 352px; }
.formulier .naam label {
	width: 160px;
	line-height: 23px;
	display: block;
}

.naamform { width: 160px; line-height: 23px; }
.veldform { width: 352px; line-height: 23px; }

.formulier .input textarea {
	border: 1px solid #A8A8A8;
	margin: 1px;
	font-size: 11px;
	width: 346px;
	height: 160px;
	padding: 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.formulier .input textarea:focus {
	border: 2px solid #666666;
	margin: 0px;
}

.formulier .input .inputveld {
	border: 1px solid #A8A8A8;
	margin: 1px;
	font-size: 11px;
	width: 346px;
	padding: 2px 3px;
}

.formulier .input .inputveld-postcode {
	text-transform: uppercase;
}

.formulier .input .inputveld:focus {
	border: 2px solid #666666;
	margin: 0px;
}

.formulier .input select {
	border: 1px solid #A8A8A8;
	margin: 1px;
	font-size: 11px;
	min-width: 166px;
}

.formulier .input select.tijd {
	min-width: 30px;
}

.formulier .input select:focus {
	border: 2px solid #666666;
	margin: 0px;
}

.formulier .input select option {
	padding: 1px 5px;
}

.formulier .input, .formulier .knop {
	width: 172px;
	position: relative;
}

.formulier .input div.error-tekst {
	font-size: 10px;
	color: #E03131;
	width: 200px;
	margin-top: 4px;
	min-height: 16px;
	padding: 6px 4px 4px 24px;
	background: #FFE5E5 url(../images/icoon-error.gif) no-repeat 4px 4px;
	border: 1px solid #FF7373;
}

.formulier .input .error-tekst {
	margin: 0px;
	border: 2px solid #FF7373;
	background-color: #FFF8F8;
}

.formulier .input .info-tekst {
	position: absolute;
	left: 172px;
	top: 0px;
	width: 159px;
	font-size: 10px;
	display: none;
	z-index: 30;
	color:#000;
}

.formulier .info-tekst .pijl {
	float: left;
	width: 6px;
	height: 8px;
	z-index: 10;
	background-image: url(../images/formulier-bg-trans.png);
	position: absolute;
	left: 0px;
	top: 6px;
	font-size: 0px;
}

.formulier .info-tekst .inhoud {
	margin-left: 5px;
	float: left;
	width: 124px;
	min-height: 16px;
	height: auto;
	padding: 6px 4px 4px 24px;
	background: #F2F2F2 url(../images/icoon-help.gif) no-repeat 4px 4px;
	border: 1px solid #B9B9B9;
}

.formulier .info-opmerkingen {
	color: #656565;
	padding: 2px;
	font-size: 10px;
}

.formulier img {
	border: 1px solid #656565;
	margin: 0px 1px 3px 1px;
}