@charset "utf-8";

/***********************************************************
 * File: algemeen.css
 * Project: Elles Bulder . com 
 *
 * Copyright: (c) 2007 Hippo Software. All rights reserved
 *            <http://www.hipposoftware.nl>
 *
 * Author: Bert Bulder <mailto:bertb@hipposoftware.nl>
 *         Brouwersgracht 48, 1013 GX Amsterdam, 020-6255344
 *
***********************************************************************/
body  { 
	color: #000; 
	font: 70%/140% Verdana, Arial, Helvetica, sans-serif; 
	background-color: #97c000; 
	text-align: center;
	margin: 0;
}	
H1, H2, H3, H4, H5 {
	color: #98989b;
	font: 100%/180% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top:0;
	font-style:normal;
	font-weight:bold;
}
H1 {
	font: 110%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

} 
H2 {
	font: 90%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}
H5  {
	font-weight:normal;
	padding-left: 4px;
}

a {
	color:#97c000;
	text-decoration:none;
	background-color: inherit;
}
a:hover {
	text-decoration:underline;
		}	
#wrapper {
	background:#FFF url(../images/bgtop.gif) left top no-repeat;
	border: 0px;
	padding: 0px; 
	margin: 0px auto; 
	width: 970px;
	text-align: left;
	min-height: 630px;
	_height: 630px;
}
#navigatie{
 	padding: 0;
	margin: 0; 
	height: 161px;
	margin-top: 28px;
	width:868px;
	padding-left: 102px;
	float:left;
	clear:both;
}
#navkol1,#navkol2,#navkol3,#navkol4,#navkol5 {
	height:100px;
	width: 156px;
	float: left;
}
#n11, #n12, #n13 {
	width:140px;
}
#navkol1 {
	height: 72px;
	padding-top: 28px;
}
#navigatie a {
	padding: 0;
	margin: 0;
	display:block;
	width:140px;
	height: 13px;
	line-height: 12px;	
	border: #cce526 1px solid;
	background-color: #transparent;
	margin-bottom: 14px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration: none;
	text-indent: 5px;
	color: #98989b;
	letter-spacing: 0.1em;
}

#navigatie a.wit {
	border: #f2f8d4 1px solid;
	background-color: #FFFFFF;
}
#navigatie a.wit11, #navigatie a.wit12, #navigatie a.wit13, #navigatie a.wit21, #navigatie a.wit22, #navigatie a.wit23, #navigatie a.wit31, #navigatie a.wit32, #navigatie a.wit33, #navigatie a.wit41  {
	cursor: default;
	border: #f2f8d4 1px solid;
	background-color: #FFFFFF;
}
#navigatie a:hover {
	color: #97c000;
}
#navigatie a.wit11:hover, #navigatie a.wit12:hover, #navigatie a.wit13:hover, #navigatie a.wit21:hover, #navigatie a.wit22:hover, #navigatie a.wit23:hover ,#navigatie a.wit31:hover ,#navigatie a.wit32:hover ,#navigatie a.wit33:hover, #navigatie a.wit41:hover  {
	color: #98989b;
	border-color: #f2f8d4;
}
#navigatie a.blauw1:hover {
	border: #27d6fb 1px solid;
	background-color: #27d6fb;
}
#navigatie a.blauw1s {
	border: #27d6fb 1px solid;
	background-color: #27d6fb;
}
#navigatie a.blauw11 {
	border: #27d6fb 1px solid;
	background-color: #FFF;
}
#navigatie a.blauw1, #navigatie a.blauw2, #navigatie a.blauw3 {
	border: #e2f350 1px solid;
	background-color: #e2f350;
}
#navigatie a.blauw2:hover {
	border: #48a5f3 1px solid;
	background-color: #48a5f3;
}
#navigatie a.blauw2s {
	border: #48a5f3 1px solid;
	background-color: #48a5f3;
}
#navigatie a.blauw22 {
	border: #48a5f3 1px solid;
	background-color: #FFF;
}
#navigatie a.blauw3:hover {
	border: #04589e 1px solid;
	background-color: #04589e;
}
#navigatie a.blauw3s {
	border: #04589e 1px solid;
	background-color: #04589e;
}
#navigatie a.blauw33 {
	border: #04589e 1px solid;
	background-color: #FFF;
}
#navigatie a.groen1, #navigatie a.groen2, #navigatie a.groen3 {
	border: #e2f350 1px solid;
	background-color: #e2f350;
}
#navigatie a.groen1:hover {
	border: #b3eb9a 1px solid;
	background-color: #b3eb9a;
}
#navigatie a.groen1s {
	border: #b3eb9a 1px solid;
	background-color: #b3eb9a;
}
#navigatie a.groen11 {
	border: #b3eb9a 1px solid;
	background-color: #FFF;
}
#navigatie a.groen2:hover {
	border: #6ec739 1px solid;
	background-color: #6ec739;
}
#navigatie a.groen2s {
	border: #6ec739 1px solid;
	background-color: #6ec739;
}
#navigatie a.groen22 {
	border: #6ec739 1px solid;
	background-color: #FFF;
}
#navigatie a.groen3:hover {
	border: #0c7b09 1px solid;
	background-color: #0c7b09;
}
#navigatie a.groen3s {
	border: #0c7b09 1px solid;
	background-color: #0c7b09;
}
#navigatie a.groen33 {
	border: #0c7b09 1px solid;
	background-color: #FFF;
}
#navigatie a.rood1, #navigatie a.rood2, #navigatie a.rood3 {
	border: #e2f350 1px solid;
	background-color: #e2f350;
}
#navigatie a.rood1:hover {
	border: #f3db55 1px solid;
	background-color: #f3db55;
}
#navigatie a.rood1s {
	border: #f3db55 1px solid;
	background-color: #f3db55;
}
#navigatie a.rood11 {
	border: #f3db55 1px solid;
	background-color: #FFF;
}
#navigatie a.rood2:hover {
	border: #f3a355 1px solid;
	background-color: #f3a355;
}
#navigatie a.rood2s {
	border: #f3a355 1px solid;
	background-color: #f3a355;
}
#navigatie a.rood22 {
	border: #f3a355 1px solid;
	background-color: #FFF;
}
#navigatie a.rood3:hover {
	border: #f36755 1px solid;
	background-color: #f36755;
}
#navigatie a.rood3s {
	border: #f36755 1px solid;
	background-color: #f36755;
}
#navigatie a.rood33 {
	border: #f36755 1px solid;
	background-color: #FFF;
}
#navkol5 {
	padding-top:87px;
	height:54px;
}
#navkol5 a {
	padding: 0;
	margin: 0;
	display:block;
	width:142px;
	height: 13px;
	line-height: 12px;	
	border: 0;
	background-color: #FFF;
	margin-bottom: 2px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-decoration: none;
	text-indent: 9px;
	color: #bbcf70;
	font-weight:bold;
}
#navkol5 a.selected {
	color: #FFFFFF;
	background-color: #97c000;	
	}
#navkol5 a:hover {
	color: #FFFFFF;
	background-color: #97c000;	
	}	

#midden {
 	padding: 0;
	margin: 0;
	background-image:url(../images/bg_oud.gif);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
	clear:both;
	width:767px;
	padding-left: 102px;	
	min-height: 360px;
	_height: 360px;	
}
#kruimels {
	color: #333333;
	background-color:#e2f350;
	width:604px;
	padding: 0;
	margin:0;
	padding-left:162px;
	height: 17px;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	float:left;	
	clear: both
}
#kruimels a {
	color:#696969;
	text-decoration:none;
	padding: 0;
	margin: 0;
	display: inline;
	width: auto;
	height: auto;	
	line-height: 16px;
	border: none;
	margin-bottom: auto;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-decoration: none;
	text-indent: 0px;
}
#kruimels a:hover {
	color:#696969	;
	text-decoration:underline;
}
#illustratie {
	float:left;
	border-left: #e5efbf 1px solid;
	width: 143px;	
	height:358px;
}
#illustratie img {
	width: 143px;
}
#content {
	float:left;
	font: 90%/160%  Verdana, Arial, Helvetica, sans-serif;
	padding-top: 17px;
	padding-left:18px;
	width: 450px;
}
#content a {
	color: #8eb500;
	text-decoration:none;
	border-bottom:#8eb500 1px dotted;
	font-weight:bold;
}
#content a:hover {
	border-bottom:#8eb500 1px solid;
	
}
#contentfooter {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	height: 1px;
}
#footer {
	padding:0;
	margin:0;
	width: 970px;
	height: 58px;
	background: #FFFFFF url(../images/bgfooter.gif) left top no-repeat;
	clear:both;
	float:left
	color: #FFFFFF;
}
.footer {
	VERTICAL-ALIGN: middle; WIDTH: 748px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #c0b7a0
}
ul {
 	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	text-align: left; 
	border-right-width: 0px;
}
ul li {
    padding-right: 0px; 
	list-style: url(../images/li.gif) outside disc;
	padding-left: 0px; 
	margin: 0px; 
	padding-top: 0px;
}
ol {
 	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	text-align: left; 
	border-right-width: 0px;
}
ol li {
    padding-right: 0px; 
	padding-left: 0px; 
	margin: 0px; 
	padding-top: 10px;
}
input.select {
	border: #d92a12 1px solid;
	background-color: #f7fae0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
}
input.field {
	border: #d92a12 1px solid;
	background-color: #f7fae0;
}
textarea {
	border: #d92a12 1px solid;
	background-color: #f7fae0;
}
input.button {
	border: #d92a12 1px solid;
	background-color: #d92a12;
	margin-top: 4px;
	color: #FFFFFF;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
}