@charset "UTF-8";
/* CSS Document */

/* ALGEMENE TAGS */
body {
	margin: 0 auto;
	padding: 0;
	min-width: 750px;
	min-height: 300px;
	background-color: white;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue Light", "Tahoma", Helvetica, Arial, sans-serif, Verdana;
	letter-spacing:1px;
	line-height: normal;
	font-weight: bold;
	color:#333333;
}

.pagetitle{
margin-top:30px;
}

h2 a:link, h2 a:hover, h2 a:active, h2 a:visited{
text-decoration:none;
font-weight:bold;
margin:Opx;
color:#FF0000;
}

a:link {
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
}
a:visited {
	color: #FF1111;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
}

div.content ul{
margin:0px;
margin-left:10px;
padding:0px;
}

div.content li {
	margin:0px;
	padding:0px;
	padding-left: 15px;
	list-style:none;
	margin-bottom:4px;
	background-image: url(../interface/list_style_smal.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

p{
margin-bottom:9px;
}


li.size2{
margin-bottom:8px;
}

.size2 li{
margin-bottom:8px;
}

ul{
	padding:0px;
	margin-top:0px;
	margin-left:20px;
	padding-left:10px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-top:2px;
	margin-bottom:2px;
	padding:2px;
}

input[tupe="radio"]{
border:none;
}

input.radio{
border:none;
}

input.error {
	color: #000000;
	background-color: #FF0000;
}


ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #999999; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
background-image:none;
padding:0px;
}

ul#tabnav li.active { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
background-image:none;
padding:0px;
}

ul#tabnav li.active a { /* settings for selected tab link */
background-color: #ffffff; /* set selected tab background color as desired */
color: #000000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #999999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #efefef; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
background-image:none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* ---------------------------------------------------------------*/
/* --- TEXT CLASSES ----------------------------------------------*/
/* ---------------------------------------------------------------*/

.inleiding{
font-size:12px;
}

.size2{
font-size:12px;
}

.size2_red{
font-size:12px;
color:red;
}

.subtitle{
	display:block;
	width:100%;
	margin-top:15px;
	padding-bottom:3px;
	font-size: 16px;
	font-family: "Helvetica Neue Light", Verdana, "Tahoma", Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.2ex;
	line-height: normal;
	color:#555555;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

.subtitle_red{
	display:block;
	width:100%;
	margin-top:15px;
	padding-bottom:3px;
	font-size: 14px;
	font-family: "Helvetica Neue Light", "Tahoma", Helvetica, Arial, sans-serif, Verdana;
	letter-spacing:0.2ex;
	line-height: normal;
	color:#ff0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.small{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:12px;
color:#777777;
}

.small_red{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:12px;
color:#fff0000;
}

.red{
	color:#FF0000;
}


.file_pdf, .file_PDF{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/pdf.jpg);
	background-repeat: no-repeat;
}

.file_jpg, .file_JPG, .file_jpeg, .file_JPEG, .file_GIF, .file_gif, .file_tif, .file_tiff, .file_TIF{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/image.jpg);
	background-repeat: no-repeat;
}

.file_xls, .file_XLS{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/excel.jpg);
	background-repeat: no-repeat;
}

.file_doc, .file_DOC, .file_rtf, .file_RTF, .file_txt, .file_TXT, .file_docx, .file_DOCX{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/word.jpg);
	background-repeat: no-repeat;
}

.file_swf, .file_SWF{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/flash.jpg);
	background-repeat: no-repeat;
}

.file_swf, .file_SWF{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/flash.jpg);
	background-repeat: no-repeat;
}

.file_mov, .file_MOV, .file_wmv, .file_WMV, .file_avi, .file_AVI, .file_dv, .file_DV, .file_mpg, .file_MPG, .file_mpeg, .file_MPEG{
	padding:3px;
	padding-left: 22px;
	height:23px;
	background-image: url(../interface/icons/filetypes/movie.jpg);
	background-repeat: no-repeat;
}


.error {
	color:#FF0000;
}
form p {
	padding:0px;
	margin:0px;
}
label {
	float: left;
	height: 20px;
	width: 150px;
}
/* Main positioning */
.container {
	background-color: #FFFFFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.header {
	background: url(../interface/header_logo.jpg) top center no-repeat;
	background-color: #FFFFFF;
	height:65px;
	width:100%;
	border-bottom: solid 5px #FF0000;
}
.leftBox {
	background-color: #FFFFFF;
	float: left;
	width: 190px;
}
.rightBox {
	float: right;
	width: 600px;
	padding:3px;
	margin-bottom:50px;
}
.content {
	line-height: 140%;
	clear:both;
}
div.content h1 {
	font-weight: 600;
	font-size: 20px;
	margin: 0 0 1ex;
	margin-bottom:15px;
}
div.content h2 {
	font-size: 1.6em;
	font-weight: 500;
	margin: 1ex 0;
}
div.content img {
	margin-top:3px;
	margin-left:0px;
	margin-right:6px;
	margin-bottom:3px;
}

div.content ul{
background:none;
}


.rood {
	color:#FF0000;
	font-weight: bold;
}
.groen {
	color:#009900;
	font-weight: bold;
}
.footer {
	height:45px;
	background: url(../interface/footer_bg.gif) top repeat-x;
	padding-top:14px;
	clear: both;
	text-align:center;
	color:#999999;
}
.faq_info {
	color:#999999;
	font-size:9px;
}
table.comparisontable {
font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	border: none;
	width:550px;
	font-size:10px;
}
table.comparisontable th {
	color:#FF0000;
	font-size:14px;
	padding:3px;
	padding-right:10px;
	padding-top:23px;
	margin:0px;
	text-align:left;
	border-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-color: #cccccc;
}
table.comparisontable td {
	padding:3px;
	margin:0px;
	text-align:center;
	border-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #ccc;
}

table.comparisontable td.spec{
text-align:center;
font-weight:bold;
}

table.comparisontable td.even, table.comparisontable .even td{
	background-color:#fafafa;
	border-left-style: solid;
}

table.comparisontable td.oneven, table.comparisontable .oneven td{
	background-color:#EFEFEF;
	border-left-style: solid;
}

table.comparisontable th.even, table.comparisontable .even th{
	font-size:10px;
	padding:3px;
	background-color:#fafafa;
	border-left-style: none;
	color:#666666;
}

table.comparisontable th.oneven, table.comparisontable .oneven th{
	font-size:10px;
	padding:3px;
	background-color:#EFEFEF;
	border-left-style: none;
	color:#666666;
}

table.comparisontable th.adminuser, table.comparisontable td.adminuser{
	color:#FF0000;
	font-size:10px;
	padding:3px;
	margin:0px;
	width:auto;
	text-align:left;
	background-color:#FFE8E2;
	border-left-style: none;
}

.specstable th{
padding-top:5px;
text-align:left;
color:#333333;
border-bottom:solid 1px #999999;
}

.specstable td{
text-align:left;
border-bottom:solid 1px #CCCCCC;
}

.even{
background-color:#f0f0f0;
}

/*  BREADCRUMB  */
.breadcrumb {
	display:none;
	font: 78% "Lucida Grande", Verdana, Arial, sans-serif;
	letter-spacing:1px;
	float:left;
	color:#BBBBBB;
	font-size:9px;
	margin-top:15px;
	margin-bottom:12px;
}
div.breadcrumb a:link, div.breadcrumb a:visited, div.breadcrumb a:active {
	color:#999;
	text-decoration:none;
}
div.breadcrumb a:hover {
	color:#F00;
	background-color:#FFF;
	text-decoration:underline;
}
div.breadcrumb h2 {
	display:inline;
	font: 78% "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight:bold;
	clear:none;
	font-size:9px;
	color:#777;
}
/* BOX */

div.box {
	background: url(../interface/box/topleft.png) top left no-repeat;
}
div.boxHeader {
	background: url(../interface/box/topright.png) top right no-repeat;
	margin:0;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	height:12px;
}
div.boxBody {
	background: url(../interface/box/rightborder.png) top right repeat-y;
	margin:0;
	margin-top:0;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
div.boxFooter {
	background: url(../interface/box/bottomleft.png) bottom left no-repeat;
}
div.boxFooter p {
	background: url(../interface/box/bottomright.png) bottom right no-repeat;
	display:block;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin:0 0 0 0;
	height:12px;
}
.menu, li {
	background-image:url(../interface/menu/menu_bg.png)
}
/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/

.login div.Container {
	width: 500px;
	margin: 20px auto 20px auto;
	min-width: inherit;
}

.login h1 {
	margin-bottom: 20px;
}


.login dl {
	margin: 10px 0 0 0;
}

.login p {
	margin: 10px 0 0 0;
}

.login dt {
	float: left;
	width: 120px;
	font-size: 13px;
	line-height: 24px;
}

.login dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-left: 80px;
}

.login input {
	font-size: 12px;
}

.login dd span {
	color: #ccc;
}

.login input#username {
	width: 300px;
}

.login input#password {
	width: 150px;
	margin-right: 5px;
}

.login input#emailpassword {
	vertical-align: middle;
	margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
	margin: 10px 0 20px 0;
}

.login div#Dialog {
	border: 1px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
	margin:0px;
}

.login img {
	border: 1px solid #ccc;
	border-bottom:none;
	margin:0px;
}

.login div.login_shaduw {
	width:800px;
	/*background-image:url(../images/login_schaduw.jpg);*/
	background-position:center center;
	background-repeat:no-repeat;
	margin:60px auto 20px auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* -------------------------------------------------------*/
/* ----- CONTACT FORM ------------------------------------*/
/* -------------------------------------------------------*/

.contactform p{
margin-bottom:3px;
padding-bottom:2px;
}

.text{
width:230px;
color:#666666;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;	font-size: 11px;
}