/**********************************
*  Copyright 2007                 *
*  Dot 72                          *
*  E info@dot72.nl                *
*  I www.dot72.nl                 *
**********************************/

/*
CSS algemeen
*/

body {
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #B8B8B8;
	background-image: url(../afbeeldingen/achtergrond/achtegrond.jpg);
	background-repeat: repeat-x;
}
#container {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	z-index: 1;
}
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 100px;
	background-image: url(../afbeeldingen/achtergrond/header.png);
	background-repeat: no-repeat;
	z-index: 2;
}
#navigatie_home {
	position: absolute;
	left: 26px;
	top: 20px;
	width: 146px;
	height: 75px;
	z-index: 10;
}
#navigatie_hoofd {
	position: absolute;
	left: 540px;
	top: 30px;
	width: 425px;
	height: 20px;
	z-index: 10;
}
#navigatie_freelen {
	position: absolute;
	left: 645px;
	top: 50px;
	width: 215px;
	height: 20px;
	visibility: hidden;
	z-index: 10;
}
#navigatie_zakelijk {
	position: absolute;
	left: 750px;
	top: 50px;
	width: 215px;
	height: 20px;
	visibility: hidden;
	z-index: 10;
}
#navigatie_nieuws {
	position: absolute;
	left: 855px;
	top: 50px;
	width: 215px;
	height: 20px;
	visibility: hidden;
	z-index: 10;
}
td.mijnfreelen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../afbeeldingen/achtergrond/mijnfreelen.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
td.hoofdbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../afbeeldingen/achtergrond/hoofdbutton.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
td.subbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D7D7D;
	background-image: url(../afbeeldingen/achtergrond/subbutton.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 15px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
td.kop_paars {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #A9218E;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 11px;
}
td.kop_zwart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 13px;
}
td.wit {
	background-color: #FFFFFF;
}
td.content {
	text-align: left;
	vertical-align: top;
	background-image: url(../afbeeldingen/achtergrond/content.png);
	background-repeat: repeat-y;
}
td.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-indent: 6px;
	vertical-align: top;
	background-image: url(../afbeeldingen/achtergrond/footer.png);
	background-repeat: no-repeat;
	padding-top: 7px;
}

a:link { color: #7D7D7D; text-decoration: underline; }
a:visited { color: #7D7D7D; text-decoration: underline; }
a:active { color: #7D7D7D; text-decoration: underline; }
a:hover { color: #7D7D7D; text-decoration: underline; }

a.footer:link { color: #FFFFFF; text-decoration: none; }
a.footer:visited { color: #FFFFFF; text-decoration: none; }
a.footer:active { color: #FFFFFF; text-decoration: none; }
a.footer:hover { color: #FFFFFF; text-decoration: none; }

/*
CSS home
*/

#flash_home {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 1000px;
	height: 358px;
	background-image: url(../afbeeldingen/achtergrond/content.png);
	background-repeat: repeat-y;
	z-index: 2;
}
#content_home {
	position: absolute;
	left: 0px;
	top: 458px;
	width: 1000px;
	height: 169px;
	background-image: url(../afbeeldingen/achtergrond/home.png);
	background-repeat: no-repeat;
	z-index: 2;
}
#fotobanner {
	position: absolute;
	left: 0px;
	top: 627px;
	width: 1000px;
	height: 70px;
	background-image: url(../afbeeldingen/achtergrond/content.png);
	background-repeat: repeat-y;
	z-index: 2;
}
#footer {
	position: absolute;
	left: 0px;
	top: 697px;
	width: 1000px;
	height: 50px;
	z-index: 2;
}
td.button_home_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D7D7D;
	background-image: url(../afbeeldingen/achtergrond/button_home_1.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	padding-top: 8px;
	cursor: pointer;
	cursor: hand;
}
td.button_home_1_inactief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #B7B7B7;
	background-image: url(../afbeeldingen/achtergrond/button_home_1.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	padding-top: 8px;
}
td.button_home_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D7D7D;
	background-image: url(../afbeeldingen/achtergrond/button_home_2.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	padding-top: 8px;
	cursor: pointer;
	cursor: hand;
}
td.button_home_2_inactief {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #B7B7B7;
	background-image: url(../afbeeldingen/achtergrond/button_home_2.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	padding-top: 8px;
}
td.button_home_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D7D7D;
	background-image: url(../afbeeldingen/achtergrond/button_home_3.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	padding-top: 8px;
}
td.button_home_4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #7D7D7D;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}
td.inloggen_home {
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	padding-top: 4px;
}
input.inloggen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 132px;
}
input.wachtwoord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 132px;
}

/*
CSS vervolgpagina's
*/

td.registreren {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	color: #A9218E;
	text-align: left;
	vertical-align: bottom;
	padding-top: 50px;
	padding-bottom: 50px;
}

a.registreren:link { color: #A9218E; text-decoration: none; }
a.registreren:visited { color: #A9218E; text-decoration: none; }
a.registreren:active { color: #A9218E; text-decoration: none; }
a.registreren:hover { color: #A9218E; text-decoration: none; }

a.help:link { color: #A9218E; text-decoration: none; }
a.help:visited { color: #A9218E; text-decoration: none; }
a.help:active { color: #A9218E; text-decoration: none; }
a.help:hover { color: #A9218E; text-decoration: none; }

/*
CSS vervolgpagina's
*/

#content {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 1000px;
	z-index: 2;
}
#hintbox {
	position:absolute;
	top: 0;
	margin-top: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px dotted #A1A1A1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-align: left;
	z-index: 100;
	visibility: hidden;
}
td.formulier_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D7D7D;
	text-align: left;
	vertical-align: top;
	padding-top: 8px;
}
td.error { 
	color: red;
}
td.formulier_rechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
}
td.help {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #A9218E;
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
}
td.formulier_radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D7D7D;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 2px;
}
td.formulier_select {
	vertical-align: top;
	padding-top: 5px;
}
td.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-align: left;
	vertical-align: top;
	padding-top: 8px;
}
td.picto {
	text-align: left;
	vertical-align: top;
	padding-top: 9px;
}
img.beeld {
	cursor: pointer;
	cursor: hand;
}
input.formulier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 277px;
}
input.formulier_wachtwoord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 277px;
}
input.datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 35px;
}
input.formulier_inloggen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 277px;
}
select.formulier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: top;
	width: 277px;
}
select.prijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: top;
}
textarea.formulier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	vertical-align: middle;
	width: 277px;
}