body 
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #cccccc;
	font-family: "verdana", "arial";
	color: purple;
	font-size: 16px;
	text-align: center;
        background-image: url("background.png");
        background-repeat: repeat-x;
	background-position: top left;
}


div#main_container
{
	position: relative;
        margin: 25px auto 40px;
	width: 1250px;
	height: auto;
	
}	

div#left_container
{
    float: left;
    width: 300px;
    height: 550px;

}

div#mid_container
{
    float: left;
    width: 700px;
    min-height: 550px;
    
}

div#right_container
{
    float: left;
    width: 200px;
    height: 500px;
    margin-left: 25px;
    margin-top: 50px;
    background-image: url("moederbord.png");
    background-repeat: no-repeat;
    background-position: center right;
}
div#header_text1
{
	float: left;
        width: 650px;
	height: 95px;
	background-image: url("logo/progressx.png");
	background-repeat: no-repeat;
	background-position: top center;
}

div#header_text2
{
	float: left;
        width: 650px;
	height: 60px;
	background-image: url("logo/softwareopmaat2.png");
	background-repeat: no-repeat;
	background-position: top center;
}

div#text_container
{
	float: left;
        width: 650px;
	height: auto;
	text-align: justify;
	margin-bottom: 50px;
}

div.button{
    position: absolute;
    top: -75px;
	width: 160px;
	height: 20px;
	background-image: url(logo/knop2.png);
	text-align: center;
}

div#footer
{
        clear: left;
	float: left;
        width: 250px;
        margin-top: 40px;
        padding-left: 50px;
	text-align: left;
	font-size: 10px;
}

div#menu_bottom
{
        float: left;
        width: 650px;
        margin-top: 40px;
	text-align: center;
	font-size: 18px;
}
a 
{
	text-decoration: none;
}

a.red
{
        text-decoration: underline;
}

a:link
{
	color: white;
}

a:visited
{
	color: white;
}

a.red
{
    color: #000066;
}

a:hover
{
	color: #ff00ff;
}

h1
{
	font-size: 26px;
	color: #66ccff;
	font-family: "Comic Sans MS", "Verdana", "Arial";
}

table
{
	border: 0px solid #66ccff;
	border-collapse: collapse;
	margin-left: 35px;
	width: 100%;
}

th, td, td.veld
{
	padding: 5px 10px 10px;
}

th
{
	background-color: #66ccff;
	text-align: left;
}



img.floatleft
{
	float: left;
	margin: 10px
}

label
{
        display: inline;
	float: left;
	text-align: left;
	width: 300px;
	margin-bottom: 5px;
}

label.inloggen, label.opvragen, label.registratie, label.bestand_maken
{
	width: 150px;
}

label.bestand_opmerking
{
	float: none;
	width: 200px;
}

label.nw_wachtwoord
{
	width: 200px;
}

label.cursus
{
	width: 250px;
}

label.score
{
	width: 10px;
	margin-left: 25px;
}

label.bezoekers
{
	width: 350px;
}


input
{
    position: relative;
    float: left;
	margin-bottom: 5px;
}

input.inloggen
{
	margin-bottom: 5px;
}

textarea
{
	margin-left: 5px;
	margin-bottom: 5px;
}

input[type=radio]
{
    display: inline-block;
}
legend
{
	color: white;
	font-size: 16px;
}

fieldset
{
	margin-bottom: 20px;
	padding: 20px;
}

fieldset.inloggen, fieldset.opvragen, fieldset.registratie
{
	margin-left: auto;
	margin-right: auto;
	width: 350px;
}

fieldset.nw_wachtwoord
{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}

ul.link
{
	list-style-type: none;
	padding: 0;
	margin-left: 25px;
}

li.link
{
	background-image: url(logo/arrow3.png);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 2em;
	margin-left: 25px;
}

span.contact
{
    display: inline-block;
    width: 150px;
}

label.left
{
    clear: left;
}