/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#FFF url('../gfx/background2.gif') center top repeat-y;
	
	scrollbar-face-color:#ddd;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#aaa;
	scrollbar-3dlight-color:#aaa;
	scrollbar-arrow-color:#666;
	scrollbar-track-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#4e4e4e;
	}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 10px 0;
	}
	
.cB {
	clear:both;
	font-size:1px;
	}
	
img {
	border:none ;
	}
	
a {
	color:#008fd5;
	text-decoration:none;
	}
a:hover {}
h1 {
	color:#008fd5;
	font-size:14px;
	text-transform: uppercase;
	font-wight:bold;
	}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {
	text-transform: uppercase;
	}	
p {}
	
ol {}
ul {
	padding-left:10px;
	margin:0 0 0 15px;
	color:#008fd5;
	}
li {
	line-height:15px;
	list-style:square;
	}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:770px;
	min-height:100%;
	_height:100%;
	text-align:center;
	}
	/* mozilla hax \*/
html>body .container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

.topRight {
	position:absolute;
	width:20px;
	height:20px;
	z-index:900;
	}

.topRight {
	top:0;
	right:0;
	background-image:url('../gfx/content_top_right.gif');
	}
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	background:transparent url('../gfx/header.jpg') top left no-repeat;
	top:45px;
	
	width:770px;
	height:140px;
	
	position:relative;
	text-align:left;
	}

/* .logo {
	top:34px;
	left:64px;
	position:absolute;
	} */
	
.logoHeader {
	position:absolute;
	left:20px;
	top:0;
	}
	
.rechtsHeader {
	position:absolute;
	right:0;
	top:0;
	}
	
dl.newsList {
	position:relative;
	top:17px;
	
	margin:0 0 0 305px;
	padding:0;

	display:block;
	margin-left:px;
	width:265px;
	text-align:left;
	/* border:1px solid #F00; */
	}
	.newsList dt,
	.newsList dd {
		margin:0;
		padding:0;

		text-align:left;
		display:block;
		float:left;
		height:18px;
		overflow:hidden;
		}
	.newsList dd {
		width:260px;
		}
	.newsList dt {
		width:260px;
		}
.newsList dt a,
.newsList dd a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#949599;
	text-decoration:none;
	line-height:16px;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

/* div.navigatie {

	}*/

.menuItem,
a.menuItem,
a.menuItemSelected {
	display:block;
	font-family:arial;
	text-transform: uppercase;
	font-weight:bold;
	font-size:11px;
	
	vertical-align:center;
	color:#FFF;
	text-decoration:none;
	letter-spacing:1px;
	
	height:30px;
	line-height:30px;
	
	position:relative;
	padding-left:20px;
	z-index:950;
	background:transparent url(none) no-repeat 100% 50%;
	}
a.menuItem:hover,
a.menuItemSelected {
	background:transparent url(../gfx/menu_selected.gif) no-repeat 100% 50%;
	color:#008fd5;
	
	}

.menuEnd {
	width:25px;
	height:25px;
	position:absolute;
	left:110px;
	bottom:0px;
	_bottom:-1px;
	background:transparent url(../gfx/menu_bottom_right.gif) bottom right no-repeat;
	
	z-index:50;
	}
	
.newsLetter 
{
	height:121px;
	}
.newsLetter td{
	color:white;

	padding-left:20px;
	}
	.newsLetter a {
		color:white;
		text-decoration:underline;
		}

/* ============================================================	*/ 
/* ========	BUTTONS				===============================	*/
/* ============================================================	*/

a.leesVerder {
	display:block;
	padding:0 10px 0 0;
	margin-right:10px;
	background:transparent url('../gfx/pixls2.gif') 100% 4px no-repeat;
	float:right;
	font-weight:bold;
	font-size:10px;
	}

a.terug {
	display:block;
	padding:0 10px 0 10px;
	background:transparent url('../gfx/pixls.gif') 0 4px no-repeat;
	float:right;
	font-weight:bold;
	font-size:10px;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	background:transparent url('../gfx/content_bottom_right.gif') bottom right no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	
	clear:both;
	width:770px;
	}
div#footer .footerText {
	text-align:left;
	padding:7px 0px 7px 15px;
	background:transparent url('../gfx/content_bottom_left.gif') bottom left no-repeat;
	font-size:10px;
	color:#8c8d91;
	}
	div#footer .footerText a {
		color:#8c8d91;
		text-decoration:none;
		}
	div#footer .footerText a:hover {
		text-decoration:underline;
		}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	margin:0 auto 0 auto;
	padding:0;
	background:#FFF url('../gfx/background.jpg') center top repeat-y;
	width:770px;
	overflow:hidden; /* fixt background glitch */
	}
	
div.contentBack {
	position:relative;
	width:770px;
	margin-top:55px;
	background:#FFF url('../gfx/background2.gif') center top repeat-y;
	text-align:left;
	}
	
div.sidebar {
	position:relative;
	float:left;
	width:135px;
	background:#008fd5 url(../gfx/menu_top_left.gif) top left no-repeat;
	z-index:900;
	text-align:left;
	padding:6px 0 20px 0;
	font-size:10px;
	}
	

.contactFormulier td {
	vertical-align:top;
	padding-top:5px;
	}
	
div.mainContent {	
	background:transparent url(../gfx/dots.gif) 12px 0px repeat-y;
	text-align:left;

	padding:0 34px 0 42px;
	
	margin:0 0 40px 140px;
	_margin:0 0 60px 140px;
	
	position:relative;
	top:20px;
	}

.newsDetails h1 {
	font-size:12px;
	}
	
.newsList a {
	display:block;
	padding-left:20px;
	color:#949599;
	font-weight:bold;
	line-height:20px;
	}
	
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	
/* ============================================================	*/ 
/* ========	TABLE OPMAAK ======================================	*/
/* ============================================================	*/ 

.textHeader,
.textBlock,
.productBlock {
	width:540px;
	}
.textHeader {
	font-size:1px;
	height:10px;
	background-color:#DEDEDE;
	}
	.textBlock,
	.productBlock {
		background-color:#FFF;
		position:relative;
		margin-bottom:10px;
		}
	.textBlock {
		overflow:hidden;
		line-height:16px;
		}
	.productBlock {
		overflow:visible;
		}
		.textBlock p,
		.productBlock p {
			padding:0 10px 10px 10px;
			position:relative;
			}
		.textBlock img,
		.productBlock img  {
			display:block;
			position:relative;
			}
		.textBlock img {
			border-right:10px solid #FFF;
			}
		.productFotos {
			background:#FFF url(../gfx/products_back_right.gif) top left repeat-y;
			width:168px;
			
			position:relative;
			right:-25px;
			float:right;
			}
		.productBlock td {
			vertical-align:top;
			line-height:16px;
			}
.kop {
	display:block;
	padding-top:5px;
	}
	
.textBlock {
	padding:5px 0 5px 0;
	}
/* body.home .textBlock {
	padding:0 0 0 0;
	}
body.contact .textBlock {
	padding:0 0 0 0;
	}
body.home .textBlock img {
	display:block;
	float:left;
	} */
/* body.home .textBlock span.news {
	padding:5px 10px 0 0;
	display:block;
	float:right;
	width:340px;
	}
body.home .textBlock span.news p {
	padding:0;
	} */
	
.imgLeft {
	display:block;
	float:left;
	border-top:0px solid #FFF;
	border-right:10px solid #FFF;
	border-bottom:10px solid #FFF;
	border-left:0px solid #FFF;
	
	_margin-left:-3px;
	}
.imgRight {
	display:block;
	float:right;
	border-top:0px solid #FFF;
	border-right:0px solid #FFF;
	border-bottom:10px solid #FFF;
	border-left:10px solid #FFF;
	}
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	width:105px;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	}
textarea.textarea {
	}
	
.detailImage {
	position:relative;
	float:left;
	height:auto;
	}
.detailImage img {
	border:0; 
	}
a.imageZoom {
	display:block;
	position:absolute;
	left:10px;
	bottom:0px;
	position:absolute;
	z-index:999;
	
	width:56px;
	height:16px;
	background:transparent url('../gfx/zoom.gif') 0 0 no-repeat; 
	}
	a.imageZoom:hover {
		background:transparent url('../gfx/zoom.gif') -56px 0 no-repeat; 
		}