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

/*
CSS algemeen
*/

body {
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #D3D3D3;
}
#container {
	position: relative;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	z-index: 1;
}
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 60px;
	background-image: url(../afbeeldingen/achtergrond/header.gif);
	background-repeat: no-repeat;
	z-index: 2;
}
#menu {
	position: absolute;
	left: 0px;
	top: 60px;
	width: 820px;
	height: 26px;
	background-image: url(../afbeeldingen/achtergrond/menu.gif);
	background-repeat: repeat-y;
	z-index: 2;
}
#balk {
	position: absolute;
	left: 0px;
	top: 86px;
	width: 820px;
	height: 71px;
	background-image: url(../afbeeldingen/achtergrond/content.gif);
	background-repeat: repeat-y;
	z-index: 2;
}
#content {
	position: absolute;
	left: 0px;
	top: 157px;
	width: 820px;
	height: 451px;
	z-index: 2;
}
#content table{
	background-image: url(../afbeeldingen/achtergrond/content.gif);
	background-repeat: repeat-y;
}
#content table table{
	background-image:none;
}

td.menu_boven {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: left;
	text-indent: 17px;
	vertical-align: top;
	padding-top: 41px;
}
td.menu_onder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: left;
	text-indent: 10px;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 8px;
}
td.menu, td.menu_up {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

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

td.menu_up a:link { color: #FFFFFF; text-decoration: underline; }
td.menu_up a:visited { color: #FFFFFF; text-decoration: underline; }
td.menu_up a:active { color: #FFFFFF; text-decoration: underline; }
td.menu_up a:hover { color: #FFFFFF; text-decoration: underline; }

strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

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

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

/*
CSS home
*/

td.home_kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
td.home_tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-align: left;
	vertical-align: top;
}

/*
CSS te koop
*/

#afbeelding_groot {
	position: absolute;
	left: 175px;
	top: 100px;
	width: 470px;
	height: 330px;
	background-color: #E4E5E5;
	z-index: 3;
}
#film_groot {
	position: absolute;
	left: 240px;
	top: 100px;
	width: 340px;
	height: 260px;
	background-color: #E4E5E5;
	z-index: 3;
}
td.tekoop_kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
td.tekoop_subkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
td.tekoop_tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-align: left;
	vertical-align: top;
}
td.tekoop_bijzet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-align: center;
	vertical-align: top;
	background-color: #E4E5E5;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
CSS stamboom
*/

#content table table table.stamboom {
	background-image: url(../afbeeldingen/achtergrond/stamboom.gif);
	height: 320px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.stamboom td {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 5px;
}

/*
CSS training
*/

td.training_kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
td.training_tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-align: left;
	vertical-align: top;
}

/*
CSS gastenboek
*/

td.formulier_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-align: left;
	vertical-align: top;
	padding-top: 1px;
}
input.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAD;
	vertical-align: middle;
	width: 167px;
}
textarea.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAD;
	vertical-align: middle;
	width: 167px;
}
