/************** #HTML tag styles ***************/

body{		font-family: Verdana, Arial,sans-serif;
			color: #336699; margin: 0px; padding: 0px;
			/** background-repeat:no-repeat**/ 
			/**background-color:#F5F5F5; 	
			background-image: url(images/dotbg.gif);
			background-position: top left;}**/
			background:#e3e3e3 url(images/bg.gif);
			margin:0;
			padding:0;}
a{			color: #feecc4; text-decoration: none;}
a:link{		color: #feecc4;	text-decoration: none;}
a:visited{	color: #feecc4; text-decoration: none;}
a:hover{	color: #feecc4;	text-decoration: none;}
h1{			font-family: Verdana, Arial,sans-serif; font-size: 120%; color: #334d55; margin: 0px; padding: 0px;}
h2{ 		font-family: Verdana, Arial,sans-serif; font-size: 114%; color: #006699; margin: 0px; padding: 0px;}
h3{			font-family: Verdana, Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
h4{			font-family: Verdana, Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
h5{			font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
ul{			list-style-type: square;}
ul ul{		list-style-type: disc;}
ul ul ul{	list-style-type: none;}
label{		font-family: Verdana, Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}

/************** #color palet ***************
					#90A8BF: donkerblauw
					#ACBECF: blauw
					#C8D4DF: lichtblauw
					#E3E9EF: lichterblauw
					#f7c088: zacht oranje
					#ff9933: oranje			**/
					
					
/************** #DIV styles ***************/

#top { 
text-align: left; top:auto}

#vak {
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px; 
text-align: center; 
background-color:#113828; 
border: 1px solid #113828; 
padding: 5px;
}

#vak-intern {
margin-bottom: 4px;
margin-left: 4px;
margin-right: 4px;
margin-top: 4px; 
background-color:#F7F7F7;
padding: 4px;
height: auto;
}

#vak-avdp {
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px; 
text-align: left; 
padding: 2px;
background:#fff url(images/bg-div01.png) bottom right;
}
#vak-klant {
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px; 
text-align: left; 
padding: 2px;
background:#fff url(images/klant1.png) top left;
height: 480px;
}

#vak-left {
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px; 
text-align: left; 
background-color:#F7F7F7;
background:#fff url(images/shadow.gif) top left repeat-x;
border-top: 1px solid #113828; border-left: 1px solid #113828; border-right: 1px solid #113828; border-bottom: 1px solid #113828; 
padding: 2px;
}

#vak-mid-left {
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px; 
text-align: left; 
background:#113828 url(images/border-right.gif) top right repeat-y;
border-top: 1px solid #113828; border-left: 1px solid #113828;  
padding-top: 2px; padding-left: 2px; padding-bottom: 3px; padding-right: 2px;
}

#vak-right {
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px; 
text-align: center; 
background-color:#ffffff; 
border: 1px solid #90A8BF; 
padding: 2px;
}

#vak-mid-top {
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px; 
text-align: center; 
background:#113828 url(images/border-right.gif) top right repeat-y;
padding: 2px;
}

#vak-mid {
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px; 
text-align: left;
/** background-image:url(images/content-bg.png); background-position: right; background-repeat:no-repeat;**/ 
background-color:#ffffff;
background:#fff url(images/shadow.gif) top left repeat-x;
border-top: 1px solid #113828;
border-left: 1px solid #113828;
padding: 5px; 
}

#masthead{
	padding: 0px 0px 0px 0px;
	background-color:#447221;
	border-bottom: 10px solid #447221;
	border-top: 10px solid #113828;
	width: 100%;
}

#navBar{
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/** background-color: #FFFFFF;**/
	/** border-right: 1px solid #cccccc;**/
	/** border-bottom: 1px solid #cccccc;**/
	padding-right: 0px;
}

#headlines{
  float:right;
	width: 200px;
	/**border-left: 2px solid #447221;**/

}

#content{
	/**background-color: #FFFFFF;**/
	padding: 10px 10px 10px 10px;
	float: left;
  	width: 50%;
}

#content2{
	/**background-color: #FFFFFF;**/
	padding: 10px 10px 10px 10px;
	float: left;
  	width: 70%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#footer { 
clear: both;
margin-top: 0px; 
text-align: center; 
background-color:#113828; 
border-top: 5px solid #469320; 
padding: 2px;
}

/**
#wrap4 {
	background:#fff url(images/shadow.gif) top left repeat-x;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	padding-top:1px;
	}
**/

/************** .feature styles ***************/

.feature{	padding: 0px 0px 0px 0px;	font-size: 80%; }
.feature h3{	padding: 30px 0px 5px 0px;	text-align: center;}
.feature img{	float: left;	padding: 10px 10px 0px 0px;}

/************** .Style styles ***************/

.style1{ padding: 10px 0px 0px 0px;	font-size: 90%; font:bold;}
.style2{ padding: 0px 4px 0px 5px;	font-size: 50%;}
.style3{ padding: 0px 0px 0px 0px;	font-size: 110%; font:bold;}
.style4{ padding: 0px 0px 0px 10px;	font-size: 80%;}
.style5{ padding: 10px 0px 0px 20px;	font-size: 90%; font:bold; text-align:left}
.style6{ padding: 10px 0px 0px 40px;	font-size: 80%; font:bold;}
.style7{ padding: 0px 10px 4px 10px;	font-size: 60%; text-align:left; color:#113828}
.style8{ padding: 10px 0px 0px 5px;	font-size: 80%; font:bold; text-align:left}
.style9{ padding: 0px 0px 0px 5px;	font-size: 60%; text-align:left}
.style10{ padding: 0px 2px 0px 5px;	font-size: 50%; text-align:left}
.style11{ padding: 0px 0px 0px 6px;	font-size: 80%; font:bold; text-align:left}
.style12{ padding: 0px 0px 0px 10px;	font-size: 60%; text-align:left}
.style13{ padding: 0px 0px 0px 0px;	font-size: medium; text-align:center; color: #feecc4}
.style14{ padding: 0px 0px 0px 0px;	font-size: small; font:bold; text-align:center; color: #feecc4}
.style15{ padding: 0px 0px 0px 0px;	font-size: 110%; font:bold; color:#113828}
.style16{ padding: 0px 0px 0px 0px;	font-size: 60%; text-align:left; color:#113828}

/************** .story styles *****************/

.story{	padding: 15px 10px 0px 20px;	font-size: 80%;}
.storyB{	padding: 15px 10px 0px 20px;	font-size: 80%; font:bold;}
.story p{	padding: 10px 10px 10px 10px;}

/************** .story menu styles *****************/

a.menu{
margin: 2px; 
margin-left: 2px;
border-top: 1px solid #469320; 
border-left: 1px solid #469320; 
padding: 2px;
padding-left: 5px;
width: 90%;
display: block;
background-color:#447221
}
a:hover.menu{
background-color:#113828
}

a.menu2{
margin: 1px; 
margin-left: 2px;
border-top: 1px solid #469320; 
border-left: 1px solid #469320; 
padding: 1px;
padding-left: 5px;
width: 75px;
display: block;
background-color:#447221
}
a:hover.menu2{
background-color:#113828
}

a.menu3{
margin: 1px; 
margin-left: 2px;
border: 1px solid #90A8BF;
padding: 2px;
padding-left: 5px;
width: 90%;
display: block;
background-color:#E3E9EF
}
a:hover.menu3{
background-color:#C8D4DF
}

a.menu4{
margin: 1px; 
margin-left: 5px;
border: 1px solid #90A8BF;
padding: 2px;
padding-left: 5px;
width: 220px;
display: block;
background-color:#C8D4DF
}
a:hover.menu4{
background-color:#237454
}

a.menu5{
margin: 1px; 
margin-left: 2px;
border: 1px solid #152E25;
padding: 2px;
padding-left: 5px;
width: 90%;
display: block;
background-color:#113828

}
a:hover.menu5{
background-color:#447221
}

a.menu-main{
margin: 2px; 
margin-left: 2px;
border-top: 1px solid #447221;
border-left: 1px solid #447221; 
padding: 2px;
padding-left: 18px;
width: 85%;
display: block;
background-color:#113828;
background-position: 1px 1px;
background-image: url(images/check.gif);
background-repeat: no-repeat;
}
a:hover.menu-main{
background-color:#447221
}

a.menu-right{
margin: 0px; 
margin-left: 0px;
border: 1px solid #113828;
padding: 2px;
padding-left: 25px;
width: 75%;
display: block;
background-color:#113828;
background-position: 1px 1px;
background-image: url(images/check.gif);
background-repeat: no-repeat;
}
a:hover.menu-right{
background-color:#447221;
}
