﻿html{
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #fafafa;
}

body{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
div{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

p
{
    padding-left: 35px;
    padding-right: 35px;
}
li
{
    margin-left: 35px;
    margin-right: 35px;
}


h1{
background-image:url(Images/arrow.jpg);
background-position: left center;
background-repeat:no-repeat;
padding-left: 35px;
font-size: 24px;
font-weight:bold;
}

h2{
background-image:url(Images/arrow.jpg);
background-position: left center;
background-repeat:no-repeat;
padding-left: 35px;
font-size: 18px;
font-weight:bold;
}
a{
color: #fe0103;
}
a:hover{
color: #ff3e3f;
text-decoration: none;
}
p.important{
	
}
td {
vertical-align:top;
}
	
div.container{
margin: 15px auto;
width: 1000px;
border: 1px solid #666666;
background-color:#FFFFFF;
height:100%;
background-image:url(Images/grijs.gif);
background-repeat:repeat-y;
background-position:left top;
}

div.top{
height: 104px;
background:url(Images/secc_logo.jpg) center top no-repeat #FFFFFF;
width:auto;
border-bottom: 1px solid #cbcbcb;
}
div.left{
width:250px;
padding-top: 3px;
margin-bottom: 0px;
float:left;
padding-bottom: 90px;
}

div.banner{
display:none;
height:150px;
background-color:#CCCC00;
width: 150px;
}

div.content{
float:left;
background: url(Images/RunnersR-goed.jpg) left top no-repeat;
width: 710px;
padding-left: 20px;
padding-top: 215px;
padding-right: 20px;
padding-bottom: 50px;
}


.clearer {
clear:both;
}
div.busy{
visibility:hidden;
position:fixed;
top: 0px;
left: 0px;
background-color:#FFFFFF;
height: 100%;
width: 100%;
filter: Alpha(Opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}

div.vraag{
text-align:center;
width: 300px;
height: 250px;
margin: 25% auto;
}

a.menuItem{
display: block;
font-weight:bold;
color:#FFFFFF;
margin-left: 3px;
margin-right: 4px;
padding-left: 25px;
padding-top: 7px;
padding-bottom: 10px;
background-color:#fe0103;
border-bottom: 1px solid #FFFFFF;
text-decoration:none;
background-image: url(../App_Themes/Images/pijlW.gif);
background-repeat: no-repeat;
background-position: 10px 9px;
}
a.menuItem:hover{
background-color:#666666;
color:#FFFFFF;
text-decoration:underline;
}

table{
margin-left: 35px;
margin-right: 10px;
}

th 
{
    text-align:left;
}

th.tabeldates
{
    border-bottom: 1px solid #999999;
    border-collapse:collapse; 
    text-align:left;    
}
td.tabeldates
{
    width: 140px;
    border-bottom: 1px solid #999999;
    border-collapse:collapse;  
}

td.tabelinput{
width: 175px;
}
td.tabelerror{
width: 300px;
font-size:14px;
font-weight:bold;
}

td.tabelinput input{
width: 175px;
height: 20px;
font-size:16px;
color:#666666;
border: 1px solid #999999;
}
input, textarea
{
    border: solid 1px #999999;
    margin-right: 5px;
}

input.button{
font-size:12px;
font-weight:bold;
height: 40px;
width: 110px;
border: none;
color: #FFFFFF;
background-image:url(Images/buttonBasis.jpg);
background-position:0px 1px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-left: -5px;
}

input.button:hover{
color: #FFFFFF;
background-image:url(Images/buttonHover.jpg);
background-repeat:no-repeat;
}


input.startExam[disabled="disabled"]{
background: none;
}
.error{
color:#fe0103;
font-weight:bold;
}    
.menuTitle
{
    margin-top: 5px;
    font-family: Arial;
    color: #444444;
    font-size:11px;
    font-weight: bold;
    text-transform:uppercase;
    padding-left: 6px;
    padding-top:5px;
    padding-bottom:5px;
}
div.footer{
	height: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    font-weight:bold;
    color:#666666;
    font-size: 14px;
}
img.productVan
{
	position: relative;
	left: 50px;
	bottom: 90px;
	text-align: center;
	width:150px;
	padding: 0 0  0 0;
	margin: 0 0 0 0;
    border: none;
}
