/************** #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;}
a{			color: #006699; text-decoration: none;}
a:link{		color: #006699;	text-decoration: none;}
a:visited{	color: #006699; text-decoration: none;}
a:hover{	color: #333366;	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}

#vak {
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px; 
text-align: center; 
background-color:#FFFFFF; 
border: 1px solid #90A8BF; 
padding: 5px;
}

#vak-intern {
background-color:#F7F7F7;
border-bottom: 1px solid #90A8BF;
border-left: 1px solid #90A8BF;
padding: 0px;
}

#vak-left {
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px; 
text-align: left; 
background-color:#F7F7F7; 
border-top: 2px solid #90A8BF; border-left: 1px solid #90A8BF; border-right: 1px solid #90A8BF; border-bottom: 1px solid #90A8BF; 
padding: 2px;
}

#vak-mid-left {
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px; 
text-align: left; 
background-color:#ffffff; 
border-top: 1px solid #90A8BF; border-left: 1px solid #90A8BF;  
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-color:#F7F7F7;
border-top: 2px solid #ff9933;
border-left: 1px solid #ff9933; 
padding: 2px;
}

#vak-mid {
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px; 
text-align: left; 
background-color:#ffffff; /**#F7F7F7**/
border-top: 3px solid #ff9933;
border-left: 1px solid #ff9933;
padding: 5px; 
}

#masthead{
	padding: 0px 0px 0px 0px;
	background-color:#f7c088;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 19%;
	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: 17%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#content{
	/**background-color: #FFFFFF;**/
	padding: 10px 10px 10px 10px;
	float: left;
  	width: 50%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#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:#E3E9EF; 
border-top: 1px solid #90A8BF; border-bottom: 1px solid #90A8BF; 
padding: 5px;
}


/************** .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}
.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: xx-large; text-align:center; font-family:"Times New Roman", Times, serif; color: #ff9933}
.style14{ padding: 0px 0px 0px 0px;	font-size: large; text-align:center; font-family:"Times New Roman", Times, serif; color: #666666}

/************** .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: 1px solid #E3E9EF;
padding: 2px;
padding-left: 5px;
width: 90%;
display: block;
background-color:#E3E9EF
}
a:hover.menu{
background-color:#C8D4DF
}

a.menu2{
margin: 1px; 
margin-left: 2px;
border: 1px solid #90A8BF;
padding: 1px;
padding-left: 5px;
width: 75px;
display: block;
background-color:#C8D4DF
}
a:hover.menu2{
background-color:#E3E9EF
}

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:#ACBECF
}

a.menu5{
margin: 1px; 
margin-left: 2px;
border: 1px solid #90A8BF;
padding: 2px;
padding-left: 5px;
width: 90%;
display: block;
background-color:#C8D4DF
}
a:hover.menu5{
background-color:#ACBECF
}

a.menu-main{
margin: 2px; 
margin-left: 2px;
border: 1px solid #90A8BF;
padding: 2px;
padding-left: 18px;
width: 85%;
display: block;
background-color:#C8D4DF;
background-position: 1px 1px;
background-image: url(images/folder_new.gif);
background-repeat: no-repeat;
}
a:hover.menu-main{
background-color:#ACBECF
}

a.menu-right{
margin: 0px; 
margin-left: 0px;
border: 1px solid #90A8BF;
padding: 2px;
padding-left: 25px;
width: 90%;
display: block;
background-color:#f7c088;
background-position: 1px 1px;
background-image: url(images/folder_new.gif);
background-repeat: no-repeat;
}
a:hover.menu-right{
background-color:#ff9933;
}

