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

html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#333A68;
	background-color:#333A68;
	
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
img {
	border: none;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0 0 0 0;
	}
h1 {
	font-size: 16px;
	color:#474E7E;
	margin-bottom:10px;
	}
h2 {
	
	}
h3 {
	
	}
p {
	margin-bottom:10px;
	}
a {
	}
a:hover {}

ul {
	margin:10px 0 10px 10pxpx;
	padding:0 0 0 0;
	list-style:none;
	}
ul li {
	position:relative;
	margin:0;
	padding:0 0 5px 15px;
	list-style:none;
	background:transparent url(../images/li.gif) no-repeat 0px 5px;
	}
li li {}

label {
	cursor:pointer;
	}
/* EXTRA's */

br.cB {clear:both;}
span, div, img, a { behavior: url(css/iepngfix.htc); }


/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:770px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:#FFF url(../images/backContainer.gif) repeat-y -7px 0px;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/
div.vacature{
	position:absolute;
	top:150px;
	left:590px;
	width:180px;
	height:20px;
	color:#FFF;
	z-index:100;
}
div.vacature a {color:#FFF;text-decoration:none;}
div.vacature a:hover {color:#FFF;text-decoration:underline;}


div#footer {
}
div#footer .footerText {
	
	}

div#footer .adres {
	position:absolute;
	top:350px;
	left:20px;
	width:190px;
	height:130px;
	color:#FFF;
	z-index:10;
	}
.adres a {color:#FFF;text-decoration:none;}
.adres a:hover {color:#FFF;text-decoration:underline;}
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:770px;
	overflow:hidden;
	position:relative;
	}
/* ============================================================	*/ 
/* ========	LINKERBLOK			===============================	*/
/* ============================================================	*/

div.left {
	position:relative;
	float:left;
	width:227px;
	height:687px;
	background:#464D7D url(../images/menuback.jpg) no-repeat 100% 196px;
	}
.logo {
	margin:39px 0 33px 20px;
	
	}
.navigatie {
	margin:0 0 0 20px;;
	}
.navigatie a {
	display:block;
	margin-bottom:11px;
	}
	

/* ============================================================	*/ 
/* ========	MIDDENBLOCK			===============================	*/
/* ============================================================	*/

div.main {
	position:relative;
	float:right;
	width:543px;
	height:700px;
	background:#FFF url(../images/mainBack.jpg) no-repeat 0px 137px;
	}
/*\*/
* html body div.main {margin-left:-3px;}
/* */

.inhoud {
	margin:230px 100px 25px 25px;
	color:#333A68;
	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {
	position:absolute;
	top:0px;
	left:0px;
	width:546px;
	height:140px;
	z-index:10;
	background:#8488A8 url('../gfx/header_BG.jpg') no-repeat 0 32px;
	}
.header a {
	display:block;
	background-color:#8488A8;
	}
.header img {
	display:block;
	}
	
.header div {
	float:left;
	background-color:#8488A8;
	}
	
/* ============================================================	*/ 
/* ========	TMENU 				===============================	*/
/* ============================================================	*/
.tmenu {
   /* padding-left:136px;*/
    font: 11px tahoma;
    text-align:left;
}
.tmenu .item1,
.tmenu .item1:hover,
.tmenu .item1-active,
.tmenu .item1-active:hover {
    text-decoration: none;
    display: block;
    position: relative;
	width:271px;
    line-height:32px;
    height:32px;
    text-indent:10px;
}
.tmenu .item1 {
 	background:transparent;
 	color: #cccddf;
 	font-weight:bold;float:left;
 	}
    
.tmenu .item1-active{
	
} 
    
.tmenu .item1:hover,
.tmenu .item1-active,
.tmenu .item1-active:hover {
	background:#464c7c;
    color: #ffffff;
	width:272px;
    font-weight:bold;
    float:left;
	

}
.tmenu .item2,
.tmenu .item2:hover {	
	position:relative;
    text-decoration: none;
    display: block;
    width:272px;
    line-height:24px;
    text-indent:10px;
      float:left;
	
}
.tmenu .item2 {
    color: #ffffff;
   	background:transparent url('../gfx/menu_bg.png'); 
}

.tmenu .section a:hover{
	background-color:#a3a6be;
}


.tmenu .item2:hover {
	background:transparent;
    color: #ffffff;
    background:#8488A8 url('../gfx/menu_bg_o.png');
    cursor:hand;
    float:left;

}
.tmenu .section {
   position: absolute;
 	visibility: hidden;
    z-index: -1;
    white-space: nowrap;
    background:transparent;

}


.tmenu .left, .tmenu .left:hover { border-style: solid none solid solid; }
.tmenu .right, .tmenu .right:hover { border-style: solid solid solid none; }

* html .tmenu td { position: relative; } /* ie 5.0 fix */
.newStyle1 {
}

/* ============================================================	*/ 
/* ========	CONTACT				===============================	*/
/* ============================================================	*/

.contact input {
	width: 300px;
}

.contact .verstuur {
	width: 150px;
}