body{
background-image:		url("../layout/images/ptrn.gif");
background-color:		#efefef;
background-repeat:	repeat-y;
margin:			0px;
padding:			0px;
font-size:			12px;
font-family:		tahoma;
}
td{
font-size:			12px;
font-family:		tahoma;
}
.container{
width:			967px;
}
/* HEADER -------------------------------------------------- */
.header{
height:			135px;
background-image:		url("../layout/images/header.jpg");
background-repeat:	no-repeat;
}
.header .logo{
display:			block;
width:			220px;
height:			70px;
}
.header .menu{
width:			680px;
position:			absolute;
top:				95px;
}

.menu .active
{
color:#ff0;
text-decoration:underline;
}
.header .menu a
{
line-height:		32px;
color:			#FFF;
font-weight:		bold;
margin-left:		15px;
margin-right:		15px;
text-decoration:		none;
}

.header .statusbox{
position:			absolute;
left:				693px;
top:				74px;
}

.header .statusbox div{
color:			#FFF;
font-weight:		normal;
height:			27px;
font-size:			13px;
}
.header .statusbox a /*jw*/
{
font-weight:normal;
}

.header .statusbox form{
margin:			0px;
}
.header .statusbox input{
width:			100px;
height:			14px;
font-size:			10px;
color:			#888;
}
.header .statusbox .button{
background-image:		url(../layout/images/loginbutton.gif);
width:			21px;
height:			17px;
border:			0px;
position:			relative;
top:				0px;
left:				2px;
cursor:			pointer;
}
/* CONTENT -------------------------------------------------- */
.content{
position:			relative;
}
.content .inside{
padding:			15px 15px 10px 15px;
}
.content h1{
color:			#396b8e;
font-weight:		normal;
font-size:			20px;
margin:			0px;
}
.content h2{
color:			#396b8e;
font-size:			16px;
}
.content_left{
width:			735px;/*655px;*/
/*position:			relative;
line-height:		20px;*/
height:			480px;
vertical-align:top;
text-align:left;
}
.content_right{
/*position:			relative;*/
width:			200px;/*280px;	*/
/*float: right;*/
vertical-align:top;
text-align:right;
}
/* LIST -------------------------------------------------- */
ul{
list-style-type:none;
}
li{
/*background-image:url("../layout/images/bullet.gif");
background-repeat:no-repeat;*/
padding-left:15px;
background-position:3px 5px;
}

/* BOX -------------------------------------------------- */
.box_OLD{
background-image:		url("../layout/images/boxptrn.gif");
background-repeat:	repeat-x;
background-color:		#c9ddeb;
border-bottom:		5px solid #396b8e;
}

.box{
background-color:#e9f3ff;
border-bottom:solid 6px #3a6c8d;
margin-bottom:30px;
text-align:left;
}
.box .subject{
/*padding-left:10px;*/
font-size:18px;
height:32px;
line-height:32px;
}

.box_old .inside{
padding:			5px 10px 0px 10px;
}
.box_old h1{
font-size:			17px;
color:			#FFF;
margin:			0px 0px 5px 0px;
}

/* TAGCLOUD -------------------------------------------------- */
.tagcloud h1,
.tagcloud h2,
.tagcloud h3,
.tagcloud h4,
.tagcloud h5,
.tagcloud h6{
display:			inline;
margin:			0px 5px 0px 5px;
font-weight:		normal;
color: #abb9da
}
/*
H1 #8d8d8d;/*
H2 #aeaeae;/*
H3 #cdcdcd;/*
H4 #d9d9d9;/*
H5 #e5e5e5;/*
H6 #eeeeee;/*
*/
.tagcloud h1{
/*color:			#8d8d8d; /*#ba16c0;*/
font-size:			20px;
}
.tagcloud h2{
/*color:			#aeaeae;*/ /*#548eb7;*/
font-size:			18px;
}
.tagcloud h3{
/*color:			#cdcdcd;*/ /*#f58d2e;*/
font-size:			16px;
}
.tagcloud h4{
/*color:			#d9d9d9;*/ /*#7eeb2d;*/
font-size:			14px;
}
.tagcloud h5{
/*color:			#e5e5e5;*/ /*#000;*/
font-size:			12px;
}
.tagcloud h6{
/*color:			#eeeeee;*//*#000;*/
font-size:			10px;
}
/* KNOPJE -------------------------------------------------- */
a.linkje{
background-color:#abbadb;
height:20px;
color:#FFF;
font-weight:bold;
width:auto;
padding:1px 4px 1px 4px;
text-decoration:none;
}
a.linkje:hover{
color:#ff0;
text-decoration:underline;
}

a.knop{
/*david:margin:			2px 5px 2px 5px;*/
margin-top:4px;
background-image:		url("../layout/images/knopptrn.gif");
background-repeat:	repeat-x;
height:			26px;
color:			#FFF;
font-weight:		bold;
width:			auto;
/*padding:			4px 6px 7px 7px;*/
padding:			4px 8px 4px 8px;
text-decoration:		none;
text-transform:uppercase;
}




/* FOOTER -------------------------------------------------- */
.footer{
margin-top:20px; /*jhw*/
height:			26px;
background-image:		url("../layout/images/footerptrn.gif");
background-repeat:	repeat-x;
margin-bottom:		15px;
padding-left:10px;/*jw*/
}
.footer a{
color:			#FFF;
margin-left:		15px;
margin-right:		15px;
text-decoration:		none;
line-height:		18px;
}


/* FORMULIEREN -------------------------------------------------- */
.formulier  
{
margin-top:20px;
/*width:100%;*/
display:block;
padding:10px;
background-color:#fff6e9; /*#fff0db; #ffe5c1; #f0f0f0;*/
line-height:14px;
border-bottom:solid 4px #ffe5c1; /*#e8a345;*/
}

td.label 
{
width:180px;
vertical-align:top;
/*text-align:right;*/
}

/* BARS -------------------------------------------------- */
.errorbar
{
height:auto;
border-bottom:solid 6px #3a6c8d;
background-color:#cc0000;
padding:10px;
color:#ffffff;
}

.tipbar{
height:auto;
border-bottom:solid 6px #3a6c8d;
background-color:#fffa79;
padding:10px;
color:#000000;
}

.confirmbar{
height:auto;
border-bottom:solid 6px #3a6c8d;
background-color:#acf88e;
padding:10px;
color:#000000;
}

/* OTHER -------------------------------------------------- */
.optionlist{
margin-left:20px;
line-height:18px;
}

.opmerking{
font-size:11px;
color:#a0a0a0;
}

.StepNumber{
width:40px;
font-size:20px;
font-weight:bold;
color:#e39746;
}
.vraag
{
padding-top: 20px;
font-weight: bold;
}
.mybutton
{
	margin: 0;
	padding: 0;
	height: 24px;
	cursor: pointer;
	border: none 0px;
}
.mybutton .cell
{
    height:24px;
    padding: 0;
}

.mybutton.hover
{
	
}

.mybutton.disabled
{
	cursor: auto;
}

.mybutton .left
{
	background: url("../plaatjes/mybutton_left.jpg");
	background-repeat: no-repeat;
	width: 8px;
}

.mybutton.hover .left
{
	background: url("../plaatjes/mybutton_hover_left.jpg");
	background-repeat: no-repeat;
	width: 8px;
}

.mybutton.disabled .left
{
	background: url("../plaatjes/mybutton_disabled_left.jpg");
	background-repeat: no-repeat;
	width: 8px;
    cursor:auto;
}

.mybutton .middle
{
	background: url("../plaatjes/mybutton_middle.jpg");
	background-repeat: repeat-x;
	vertical-align: middle;
}

.mybutton.hover .middle
{
	background: url("../plaatjes/mybutton_hover_middle.jpg");
	background-repeat: repeat-x;
	vertical-align: middle;
}

.mybutton.disabled .middle
{
	background: url("../plaatjes/mybutton_disabled_middle.jpg");
	background-repeat: repeat-x;
	vertical-align: middle;
}

.mybutton .bullet
{
	background: url("../plaatjes/mybutton_bullet.jpg");
	background-repeat: no-repeat;
	width: 18px;
}

.mybutton.hover .bullet
{
	background: url("../plaatjes/mybutton_hover_bullet.jpg");
    background-repeat: no-repeat;
	width: 18px;	
}

.mybutton.disabled .bullet
{
	background: url("../plaatjes/mybutton_disabled_bullet.jpg");
    background-repeat: no-repeat;
	width: 18px;
}

.mybutton .bullet_leftspacer
{
	background: url("../plaatjes/mybutton_middle.jpg");
	background-repeat: repeat-x;
	width: 8px;
}

.mybutton.hover .bullet_leftspacer
{
	background: url("../plaatjes/mybutton_hover_middle.jpg");
    background-repeat: repeat-x;
	width: 8px;	
}

.mybutton.disabled .bullet_leftspacer
{
	background: url("../plaatjes/mybutton_disabled_middle.jpg");
    background-repeat: repeat-x;
	width: 8px;
}

.mybutton .right
{
	background: url("../plaatjes/mybutton_right.jpg");
	background-repeat: no-repeat;
	width: 8px;
}

.mybutton.hover .right
{
	background: url("../plaatjes/mybutton_hover_right.jpg");
	background-repeat: no-repeat;
	width: 8px;	
}

.mybutton.disabled .right
{
	background: url("../plaatjes/mybutton_disabled_right.jpg");
	background-repeat: no-repeat;
	width: 8px;	
}

.mybutton a.text
{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}

.mybutton.hover a.text
{
	color: #ffff00;
}

.mybutton.disabled a.text
{
	color: #000;
}