﻿/* ============================================================	*/ 
/* ========	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:#C0C6CA url(../gfx/body.gif) top left repeat-x;
	}
	
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:13px;
	line-height:18px;
	color:#425B69;
	}
a {
		color:#425B69;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a:focus {outline:none;}
a:hover {}
h1 {
	font-size:20px;
	line-height:24px;
	color:#425B69;
	font-weight:normal;
	padding-bottom:20px;
	}
.ontbreekt {background-color: Yellow;}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:974px;
	text-align:left;
	background:transparent url(../gfx/header.png) center top no-repeat;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/


div.language {
	width:974px;
	min-height:39px;
	_height:39px;
	line-height:32px;
	overflow:hidden;
	position:relative;
	left:25px;
	font-size:11px;
	}
	div.language img {
		position:relative;
		top:2px;
		}
	
	
div.language select {
	background-color:#e3e7e9;
	color:#425b69;
	}
	
div.header {
	width:974px;
	overflow:hidden;
	position:relative;
	}
	div.header a.logo {
		position:absolute;
		top:0px;
		left:0px;
		}
		div.navigatie {
			margin:0 0 0 439px;
			height:88px;
			overflow:hidden;
			}
		div.navigatie a {	
			display:block; float:left; text-indent:-200px; overflow:hidden; text-decoration:none;
			}
		div.navigatie a:hover,
		div.navigatie a.selected {
			background-position:top left !important;
			}
		div.navigatie a[href='provisior.html'],
		div.navigatie a.provisior {
			width:121px; height:88px;
			background:transparent url(../gfx/menu-provisior.png) bottom left no-repeat
			}
		div.navigatie a[href='specificaties.html'],
		div.navigatie a.specificaties {
			width:145px;	height:88px;
			background:transparent url(../gfx/menu-specificaties.png) bottom left no-repeat
			}
		div.navigatie a[href='medewerkers.html'],
		div.navigatie a.mogelijkheden {
			width:167px; height:88px;
			background:transparent url(../gfx/menu-mogelijkheden.png) bottom left no-repeat
			}
		div.navigatie a[href='techniek.html'],
		div.navigatie a.techniek {
			width:121px; height:88px;
			background:transparent url(../gfx/menu-techniek.png) bottom left no-repeat
			}
		div.navigatie a[href='contact.aspx'],
		div.navigatie a.contact {
			width:116px; height:88px;
			background:transparent url(../gfx/menu-contact.png) bottom left no-repeat
			}
			
			
.homeBlocks {
	padding-top:6px;
	width:974px;
	overflow:hidden;
	padding-left:5px;
	}
	div.homeBlocks  div.block {
		width:319px;
		float:left;
		margin-left:2px;
		}
#flashBlock {
	position:relative;
	top:4px;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:974px;
	clear:both;
	height:51px;
	background:transparent url(../gfx/footer.png) center top no-repeat
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:974px;
	overflow:hidden;
	padding:0 0 51px 0;
	}
div.mainContent {
	width:641px;
	padding:10px 0 0 0;
	background:transparent url(../gfx/maincontent-top.png) top left no-repeat;
	overflow:hidden;
	float:right;
	position:relative;
	right:7px;
	}
	div.mainContent div.content {
		background:transparent url(../gfx/maincontent.png) bottom left no-repeat;
		overflow:hidden;
		min-height:300px;
		padding:30px 30px 30px 80px;
		overflow:hidden;
		}

a.meer {
	display:block;
	float:left;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding:0 25px 0 0;
	font-weight:bold;
	background:transparent url(../gfx/meer.png) right center no-repeat;
}

div.block {
	width:319px;
	padding:10px 0 0 0;
	background:transparent url(../gfx/block-top.png) top left no-repeat;
	overflow:hidden;
	float:right;
	position:relative;
	}
	div.block div.content {
		background:transparent url(../gfx/block.png) bottom left no-repeat;
		width:319px;
		overflow:hidden;
		padding:0 0 10px 0;
		line-height:14px;
		font-size:12px;
		min-height:100px;
		}
	.homeBlocks div.block div.content {
		min-height:240px;
		_height:240px;
		}

div.sidebar {
	width:319px;
	float:left;
	overflow:hidden;
	position:relative;
	left:7px;
	}
	
.icon {
	position:absolute;
	top:30px;
	left:10px;
	}
	
.sub {
	margin:0 13px 0 13px;
	}
	.sub a {
		display:block;
		height:36px;
		line-height:36px;
		/*width:100%;*/
		overflow:hidden;
		background:transparent url(../gfx/button.gif) top bottom no-repeat;
		text-indent:50px;
		font-size:14px;
		text-decoration:none;
		color:#425B69;
		position:relative;
		}
	.sub a:hover,
	.sub a.selected {
		color:#F37321;
		background:transparent url(../gfx/button.gif) top right no-repeat;
		}
	.sub a img {
		position:absolute;
		top:3px;
		left:0px;
		}
	.sub a:hover img {
		/*top:-30px !important;*/
		/*border:0px solid red;*/
		}
ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	list-style:none;
}
li {
	margin:0 0 0 0;
	padding:0 0 7px 13px;
	display:block;
	background:transparent url(../gfx/li.gif) 0px 8px no-repeat;
}
div.usps {
	position: absolute;
	top: 150px;
	left: 30px;
	width: 239px;
	height: 150px;
	background: url(../gfx/usp-vlak.png) no-repeat top left;
	padding: 10px;
	}
div.usps ul, div.usps ul li {
	list-style: none;
	}
div.usps li {
	font-size: 11px;
	line-height: 14px;
	background:transparent url(../gfx/li-wit.png) 0px 4px no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}
div.usps li.even {
	margin-bottom: 14px;
}
div.usps li  a{
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
div.usps li  a:hover{
	text-decoration: none;
}
div.menu a {
	display: block;
	width: 257px;
	padding: 0px 6px;
	font-size: 12px;
	height: 30px;
	font-weight: bold;
	text-decoration: none;
}
div.menu a:hover, div.menu a.selected {
	color: #f67321;
	background: url(../gfx/menu-hover.png) no-repeat right top;
}
.kop {
	font-size:20px;
	/*letter-spacing:-2px;*/
	line-height:24px;
}
.kop .color {
	font-size:22px;
	color:#f58429;
	}

.right {
	width:145px;
	overflow:hidden;
	float:right;
	position:relative;
	right:0px;
}
.left {
	width:145px;
	overflow:hidden;
	float:left;
	position:relative;
	left:25px;
	min-height:200px;
}
.centered 
{
   	width:275px;
	overflow:hidden;
	float:left;
	position:relative;
	left:25px;
	min-height:200px; 
}
.centered img 
{
    float:right;
    padding-left:12px;
}
.copy {
	float:left;
	line-height:51px;
	color:#FFFFFF;
	position:relative;
	left:30px;
	font-size:11px;
}
.links {
	float:right;
	line-height:51px;
	float:right;
	position:relative;
	right:30px;
	font-size:11px;
	color:#FFFFFF;
}
.links a {
	color:#FFFFFF;
	}

table tr td {
	vertical-align:top;
}

input[type='text'],
textarea {
	border:1px solid #425b69;
	color:#425B69;
	width:200px;
}

/* ============================================================	*/ 
/* ========	DOCS		===============================	*/
/* ============================================================	*/
table.docsTable TD
{
    padding-bottom:16px;
}
td.docTdPdfIcon 
{
    width:67px;
    vertical-align:top;
}
td.docTdLink 
{
    vertical-align:top;
    text-align:left;
}
span.docTitle 
{
    display:block;
}
span.docTitle A 
{
    font-weight:bold;
}
span.docTitle A IMG 
{
    text-decoration:none;
    vertical-align:middle;
    padding-left:13px;
}
span.docDescription 
{
    display:block;
}

