/*Stijlblad voor Friese witjes, 14 februari 2010.*/
/*---------------css reset--------------*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------------einde css reset----------*/
/*
	1. defaults
	2. fonts
	3. images
	4. structure
	5. links and navigation
	6. hacks
 */
 
 /* --------- 1. defaults  --------- */
body	{
	background: #000028;
	color	: #ffffff;
	font-family: Verdana, "Century Schoolbook", serif;
	font-size : 11px;
	border	: 1px;
	border-collapse: collapse;
	width	: 90%;
	text-align:center;
	padding	: 12px 0px 2px 0px;
	margin:0 auto;
	}
/*hier staat knoppen*/
/* ---------- 2. fonts ---------- */
h1 	{
	font-size : 24px;
	color	: #FFFF9D;
	text-align: center;
	margin:2em 0 1em 0;
	}
h1.header{
	font-size : 25px;
	color:#EEE8AA;
}
h2 	{
	font-size: 18px;
	text-align: center;
	color	: #FFFF9D;
	margin:1em 0 1em 0;
	}
h3	{
	font-size: 12px;
	font-weight:bold; 
	margin:1em 0 1em 0;
	}
h4 {text-align: left;
	font-size: 12px;
	font-weight:bold; 
	margin:1em 0 1em 0;

}
h5	{
	color: #FFFF9D;
}
h6	{
	padding	: 2px 0px 2px 0px;
}
p	{
	padding	: 0 1em 0 1em;
	margin	: 0,3em 1em 0 1em;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align:top;

	}
#alarm {
	color: yellow; /*dit staat in de header.inc voor een extra opvallend bericht*/
}
#kontakt {/*kontakt pagina*/
	width:60%; 
	margin: -220px 0 0 0;
	font-size:1.5em;
	color: #ffff9d;
	font-size: 16px;/*is al beter maar waarom kan ik het lettertype niet groter maken*/
}
#kontakt h2{
	text-align: left;
	}
th	{
	font-size: 14px;
	color	: #000000;
	font-variant	: small-caps;
	text-align: center;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	}
/* ---------- 3. images ---------- */
img{
	border:0; /*alle foto's zonder border*/
	margin: 5px 0 5px 0;
}
.testmenu hover{
				border:thick;
				border-color:white;
}
/*  --------- 4. structure  --------- */
table.informatie
	{
	border	: 2px;
	width	: 90%;
	border-color:silver;
	padding	: 2px 2px 2px 2px;
	border-collapse: collapse;
	margin: 0px 2px 2px 2px;
	}
.informatie td
	{
	border	: none;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	vertical-align:middle;
	}
.informatie th{
	color: white;
	font-size: 18px;
	}
.informatie p{
	font-size: 1.2em;
	font-weight:bold;
}
table.prijzen
	{
	background: #FBF3BF;	/*achtergrond zachtgeel*/
	color	: #000;		/*tekst zwart*/
	border	: solid silver 2px;
	padding	: 2px 0px 0px 0px;
	margin	: 15px 0 0 0px;
	width	: 90%;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	vertical-align:top;
}
.prijzen td{
	vertical-align:top;/*--tekst in cel naar boven*/

}
.prijzen th
	{
	background: silver;
	font-variant: small-caps;
	text-align:center;
	}
.prijzen a:link {
	color:blue;
}
table.fotoblad
	{
	background: #FBF3BF;	/*achtergrond-tabel-zachtgeel*/
	color	: #000;		/*tekst zwart*/
	border	: none;
	margin	: 0 0 0 0;
	width	: 100%;
	font-size: 8px;
	border-collapse: collapse;
	}
.fotoblad a{
	background-color:#FBF3BF;
	color:blue;
	margin:0;
	font-size:15px;
}
.fotoblad a:hover{
	background-color:#yellow;
	color:blue;
	font-size:15px;
}
table.menu{
	color:white;
	font-size:18px;
	font-style:oblique;
	text-align: center;
	margin: 0px 20px 0px 20px;
	background-image:url('images/main/TF-osse-mini.jpg');	
}
.fotoblad td
	{
	background: #FBF3BF;
	border	: solid silver 1px;
	}
.fotoblad th
	{
	background: #999;
	color:black;
	font-size:18px;
	font-style:oblique;
	text-align: center;
	font-variant: small-caps;
	}
.fotoblad p
	{
	font-size:10px;
	text-align:center;
}
#inhoud {
	margin: 100px 10px 0 150px;
	float:none;
	padding:0% 2% 0% 2%;
	}
.kontakt { 
	margin-left:50px;
	padding:0;
	color: #fbf3bf;
}

/* ---------- 5. links and navigation ---------- */
a:link	{
	color	: #FBF3BF;
	}

a:visited {
	color: gray;
}
a:hover	{
	background	: navy;
	color				: gray;
	text-decoration	:none;
	}
a:active{
	background	: blue;
	text-decoration	: underline;}
/*-----------------het menu in de header naast de banner-----------------------*/
 #navigatie	{
 	background:url('images/main/menu_backgr.jpg') top left repeat-y;
	float: left;
	margin: 1px 0 0 0;
	margin:0;
	padding: 0;	
	list-style: none;
	width: 150px;
	text-align: center;
	}
 #navigatie li{
				background: none;
				border-width: 1px;
				border-color: silver;
				padding: 1px 0px 3px 0px;
				text-align: center;
				font-size: small;
				}
 #navigatie a {
	text-decoration:none;
	font-size:medium;
	font-weight: 900;
	display: block;
	border-style: solid none solid none;
	border-width: 0px 0px 1px 0px;
	border-color: #998;
	}
 #navigatie a:link {
	color	: #FBF3BF; /*donkergrijs*/
	}
 #navigatie a:visited {
	color	: #FBF3BF;
	}
 #navigatie a:hover {
	border-color: #000;
	background-color: #FBF3BF;
	color: #000028;
	}

/*-----------------het onderste menu in de footer en nu ook in de header------------------*/
 #bodemnavigatie	{
 	background:url('images/main/menu_backgr.jpg') top left repeat-y;
	float: left;
	margin: 6px 0px 0px 0px;
	padding: 0;	
	list-style: none;
	width: 150px;
	text-align: center;
	}
 #bodemnavigatie li{
	background: none;
	border-width: 1px;
	border-color: silver;
	padding: 1px 0px 3px 0px;
	text-align: center;
	font-size: small;
				}
 #bodemnavigatie a {
	text-decoration:none;
	font-size:medium;
	font-weight: 900;
	display: block;
	border-style: solid none solid none;
	border-width: 0px 0px 1px 0px;
	border-color: #998;
	}
 #bodemnavigatie a:link {
	color	: #FBF3BF; /*donkergrijs*/
	}
 #bodemnavigatie a:visited {
	color	: #FBF3BF;
	}
 #bodemnavigatie a:hover {
	border-color: #000;
	background-color: #FBF3BF;
	color: #000028;
	}
 .link a:link		 {
 	color	: #FBF3BF;
}
 .link a:visited	 {
 	color	: #F0E68C;
 }
 .link a:hover		{
 	color	: #FBF3BF;
	background: #F0E68C;
 }

/*---------styl voor contact formulier----------------*/
div#container {
	width: 400px;
	margin:0 auto;
	border: 1px solid #bac5d6;
	padding: 15px;
	background: #f2f4f7;
}
 
label {
	float: left;
	width: 140px;
	text-align: left;
	padding-top: 5px;
}
 
input, textarea {
	padding: 3px;
	margin: 3px;
	border: 1px solid #bac5d6;
	font: 10px Verdana, sans-serif;
	background: #fff;
}
input.fout, textarea.fout {
	border: 1px solid #FF0000;
}
 
label.fout {
	color: #FF0000;
}