/* Stylesheet Stichting De Hofstede */


html, body {
	background:#EBF1F0;
}

#container {
	width:970px;
	height:auto;
	margin:auto;
	background:#FFFFFF;
}

#menu {
	width:970px;
	height:100%;
	background-color:#FFF;
	overflow:auto;
}

h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#004D45;
	margin-top:0px;
}

#header {
	width:970px;
	height:130px;
	background:url(../../images/bannerhome.png) no-repeat;
	background-color:#fff;
}

#home {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#004D45;
	padding-top:3px;
	padding-left:24px;
}

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

#menu20 {
	width:970px;
	height:auto;
	background:#FFF url(../../images/bg.png);
	overflow:auto;
}

#menu21 {
	width:970px;
	height:auto;
	background:#FFF url(../../images/bg.png);
	overflow:auto;
}

#menu22 {
	width:970px;
	height:auto;
	background:#FFF url(../../images/bg.png);
	overflow:auto;
	margin-bottom:10px;
}

/* ================= Linker gedeelte ================= */

#LinkerMenu {
	clear:both;
	float:left;
	width:228px;
	height:auto;
	margin-left:10px;
	background-color:#FFF;
}

#adres {
	float:left;
	width:215px;
	height:auto;
	font-family:Tahoma, Geneva, sans-serif;
	padding:10px 0 10px 13px;
	font-size:11px;
	color:#000000;
	line-height:20px;
	border:1px solid #999;
}

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

#actueel {
	float:left;
	width:217px;
	height:auto;
	background-color:#FC0;
	font-family:Tahoma, Geneva, sans-serif;
	padding:10px 0 10px 13px;
	margin-top:10px;
	font-size:11px;
	color:#000000;
	line-height:20px;
}

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

#sponsor {
	float:left;
	width:217px;
	height:auto;
	font-family:Tahoma, Geneva, sans-serif;
	padding:10px 0 10px 13px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
	color:#000000;
	line-height:20px;
}

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

/* ================= Content ================= */

#ContentRechts, #ContentRechtsHofstede, #ContentRechtsArrangementen, #ContentRechtsVrijetijd {
	float:left;
	width:687px;
	height:auto;
	margin-left:12px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#EBF1F0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#333;
	padding:10px 10px 10px 13px;
}

#ContentRechts {
	background-color:#EBF1F0;
}

#ContentRechtsHofstede {
	background-color:#FFF0F0;
}

#ContentRechtsArrangementen {
	background-color:#FFFCF0;
}

#ContentRechtsVrijetijd {
	background-color:#F0F0FF;
}

#ContentRechts a:link, #ContentRechtsHofstede a:link, #ContentRechtsArrangementen a:link, #ContentRechtsVrijetijd a:link {
	color:#000000;
	text-decoration:underline;
}
#ContentRechts a:visited, #ContentRechtsHofstede a:visited, #ContentRechtsArrangementen a:visited, #ContentRechtsVrijetijd a:visited {
	color:#000000;
	text-decoration: none;
}
#ContentRechts a:hover, #ContentRechtsHofstede a:hover, #ContentRechtsArrangementen a:hover, #ContentRechtsVrijetijd a:hover {
	color:#407162;
	text-decoration: none;
}
#ContentRechts a:active, #ContentRechtsHofstede a:active, #ContentRechtsArrangementen a:active, #ContentRechtsVrijetijd a:active {
	color:#000000;
	text-decoration: none;
}

.imageRechts {
	float:right;
	text-align:right;
	margin:5px 3px 15px 15px;
	border:1px solid #666;
	padding:5px;
	background:#FFF;
}

.imageLinks {
	float:left;
	text-align:right;
	margin:5px 15px 15px 0;
	border:1px solid #666;
	padding:5px;
	background:#FFF;
}

.border {
	border:1px solid #666;
	padding:5px;
	width:300px;
	height:200px;
	background:#FFF;
}

/* ================= Hoofdmenu (gekleurde knoppen)================= */



#Knop1 ul, #Knop2 ul, #Knop3 ul, #Knop4 ul, #Knop1Trans ul, #Knop2Trans ul, #Knop3Trans ul, #Knop4Trans ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#Knop1 li a, #Knop2 li a, #Knop3 li a, #Knop4 li a, #Knop1Trans li a, #Knop2Trans li a, #Knop3Trans li a, #Knop4Trans li a {
	display:block;
	padding:5px 4px 7px 13px;
}

#Knop1 a:link, #Knop2 a:link, #Knop3 a:link, #Knop4 a:link, #Knop1Trans a:link, #Knop2Trans a:link, #Knop3Trans a:link, #Knop4Trans a:link {
	text-decoration:none;
}

#Knop1 a:hover, #Knop2 a:hover, #Knop3 a:hover, #Knop4 a:hover, #Knop1Trans a:hover, #Knop2Trans a:hover, #Knop3Trans a:hover, #Knop4Trans a:hover {
	color:#000;
}
	
#Knop1 li.knopaan a, #Knop2 li.knopaan a, #Knop3 li.knopaan a, #Knop4 li.knopaan a, #Knop1Trans li.knopaan a, #Knop2Trans li.knopaan a, #Knop3Trans li.knopaan a, #Knop4Trans li.knopaan a {
	color:#fff;
}


#Knop1, #Knop2, #Knop3, #Knop4, #Knop1Trans, #Knop2Trans, #Knop3Trans, #Knop4Trans {
	float:left;
	width:230px;
	height:26px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

#Knop1h, #Knop2h, #Knop3h, #Knop4h {
	float:left;
	width:213px;
	height:17px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px 4px 4px 13px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

#Knop1, #Knop1h {
	background-color:#F00;
}
#Knop2, #Knop2h {
	background-color:#407162;
}
#Knop3, #Knop3h {
	background-color:#FC0;
}
#Knop4, #Knop4h {
	background-color:#00F;
}

#Knop1 a:link, #Knop2 a:link, #Knop3 a:link, #Knop4 a:link, #Knop1Trans a:link, #Knop2Trans a:link, #Knop3Trans a:link, #Knop4Trans a:link {
	color:#FFF;
	text-decoration: none;
}
#Knop1 a:visited, #Knop2 a:visited, #Knop3 a:visited, #Knop4 a:visited, #Knop1Trans a:visited, #Knop2Trans a:visited, #Knop3Trans a:visited, #Knop4Trans a:visited {
	color:#FFF;
	text-decoration: none;
}
#Knop1 a:hover, #Knop2 a:hover, #Knop3 a:hover, #Knop4 a:hover, #Knop1Trans a:hover, #Knop2Trans a:hover, #Knop3Trans a:hover, #Knop4Trans a:hover {
	color:#000;
	text-decoration: none;
}
#Knop1 a:active, #Knop2 a:active, #Knop3 a:active, #Knop4 a:active, #Knop1Trans a:active, #Knop2Trans a:active, #Knop3Trans a:active, #Knop4Trans a:active {
	color:#FFF;
	text-decoration: none;
}

#Knop1Trans {
	background:#F00 url(../../images/pijl_trans.gif) right top no-repeat;
}

#Knop2Trans {
	background:#407162 url(../../images/pijl_trans.gif) right top no-repeat;
}

#Knop3Trans {
	background:#FC0 url(../../images/pijl_trans.gif) right top no-repeat;
}

#Knop4Trans {
	background:#00F url(../../images/pijl_trans.gif) right top no-repeat;
}

/* ================= Submenu (in grijze vlakken) ================= */

#SubKnop1, #SubKnop2, #SubKnop3, #SubKnop4  {
	float:left;
	width:222px;
	margin-left:10px;
	margin-bottom:0px;
	padding:4px;
	background-color:#CCC;
}

#SubKnop5 {
	float:left;
	width:222px;
	margin-left:0px;
	margin-bottom:10px;
	padding:4px;
	background-color:#CCC;
}

.navlist a:visited {
	color:#000000;
	text-decoration:none;
}

#SubKnop1 ul, #SubKnop2 ul, #SubKnop3 ul, #SubKnop4 ul, #SubKnop5 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#SubKnop1 li a, #SubKnop2 li a, #SubKnop3 li a, #SubKnop4 li a, #SubKnop5 li a {
	display:block;
	padding:5px 0 6px 10px;
	width:212px;
	text-align:left;
	font:normal 11px Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #FFF;
}

#SubKnop1 a:link, #SubKnop2 a:link, #SubKnop3 a:link, #SubKnop4 a:link, #SubKnop5 a:link {
	color:#000000;
	text-decoration:none;
}

#SubKnop1 a:hover, #SubKnop2 a:hover, #SubKnop3 a:hover, #SubKnop4 a:hover, #SubKnop5 a:hover {
	background:#999;
	background-position:0 0px;
	color:#000;
}
	
#SubKnop1 li.knopaan a, #SubKnop2 li.knopaan a, #SubKnop3 li.knopaan a, #SubKnop4 li.knopaan a, #SubKnop5 li.knopaan a {
	background:#666;
	background-position:0 0px;
	color:#fff;
}

/* ================= Uitklapmenu (in grijze vlakken) ================= */

#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8 {
	display:none;
}

.knopaan #sub1, .knopaan #sub2, .knopaan #sub3, .knopaan #sub4, .knopaan #sub5, .knopaan #sub6, .knopaan #sub7, .knopaan #sub8 {
	display:block;
}

#sub1 li a, #sub2 li a, #sub3 li a, #sub4 li a, #sub5 li a, #sub6 li a, #sub7 li a, #sub8 li a {
	background:#E7E7E7 !important;
	color:#000 !important;
	border-bottom:none !important;
	font-weight:normal;
	text-transform:none;
	font-style:italic;
	padding-left:20px;
	width:202px;
}

#sub1 li a:hover, #sub2 li a:hover, #sub3 li a:hover, #sub4 li a:hover, #sub5 li a:hover, #sub6 li a:hover, #sub7 li a:hover, #sub8 li a:hover {
	background:#999 !important;
	background-position:0 10px !important;
	color:#000 !important;
	border-bottom:none !important;
	font-weight:normal !important;
}

/* ================= Footer ================= */

#footer {
	clear:both;
	float:left;
	width:947px;
	height:20px;
	background-color:#FC0;
	margin-left:10px;
	margin-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	text-align:center;
	padding:5px 0px 0px 3px;
}

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

/* ================= Formulier ================= */

#formRechts {width:250px}

.formLinks {
	width:150px;
	vertical-align:top}
	
.formTable {
	width:400px;
	border:0}
	
.veldForm {
	width:200px;
	border:1px solid #99b299;
	background:#d6e0d6;
	font:normal 11px Tahoma, Geneva, sans-serif;
	padding:3px 2px 3px 2px;
	color:#363;
	margin-bottom:5px;
}

/*
#veldFormKL {
	width:100px;
	border:1px solid #99b299;
	background:#d6e0d6;
	font:normal 11px Tahoma, Geneva, sans-serif;
	padding:3px 2px 3px 2px;
	color:#363}
*/

#veldOpm {
	width:200px;
	border:1px solid #99b299;
	background:#d6e0d6;
	padding:3px 2px 3px 2px;
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#363;
	overflow:auto;
}

.submitKnop {
	background:#407162;
	color:#fff;
	font:normal 11px Tahoma, Geneva, sans-serif;
	width:101px;
	border:0;
	height:23px;
}

.submitKnopOver {
	background:#FC0;
	cursor:default;
	border:0;
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#fff;
	width:101px;
	height:23px;
}

#plattegrond {
	margin:10px 0 10px 0;
}