/* body & titles */
body, p, td		{ font-family: Verdana, Geneva, sans-serif, Arial, Helvetica; font-size: 11px; color: #000099;  	 }

#menubar		{ width: 998px; height: 24px;  }

.maintitle		{ font-size: 13px; line-height: 15px; font-weight: bold; color: #FFFFFF; background-color: #FF9000; background-image: url(../images/interface/bullet_title.gif); background-repeat: no-repeat; padding-left: 18px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; }
.subtitle		{ font-size: 13px; line-height: 15px; font-weight: bold; color: #FFFFFF; background-color: #04AE00; background-image: url(../images/interface/bullet_title.gif); background-repeat: no-repeat; padding-left: 18px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; }
.menutitle		{ font-size: 13px; line-height: 15px; font-weight: bold; color: #FFFFFF; background-color: #E80000; background-image: url(../images/interface/bullet_title.gif); background-repeat: no-repeat; padding-left: 18px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; }


.mainback		{ background-color: #FFF4E5; }


td.leftcol	{	width:222px;	background-color: #FCE9BC;	}	/*org: D3FFFE*/
td.rightcol	{	width:240px;	background-color: #CDEFCC; }
td.mainback	{	width:536px;	}

.leftcol .subtitle	{	background-color: #FAB400; 	}	/*org: 32CCCC*/
.leftcol .cms_content	{	border: 1px solid #FAB400; 	}
.rightcol .cms_content	{	border: 1px solid #04AE00;	}

.leftcol .cms_content, .rightcol .cms_content	{	padding: 6px;	}



.menuback		{ background-color: #FFE5E5; }

.main		{ background-color: #FFF4E5; font-size: 11px; line-height: 16px; padding: 10px; }
.sub		{ background-color: #CDEFCC; font-size: 11px; line-height: 16px; padding: 10px; }
.menu		{ background-color: #FFE5E5; font-size: 11px; line-height: 16px; padding: 10px; }

.cms_homepage_blok	{	float: left;	}

/* tekst */
.normal 		{ font-size: 11px; line-height: 16px; font-weight: normal; }
.bold	 		{ font-size: 11px; line-height: 16px; font-weight: bold; }
.medium 		{ font-size: 11px; line-height: 14px; font-weight: normal; }
.small, h6	 		{ font-size: 10px; line-height: 12px; font-weight: normal; }

.basistitle	{ font-size: 11px; line-height: 13px; font-weight: bold; color: #FFFFFF; background-color: #FF9000;  padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }
.actietitle	{ font-size: 11px; line-height: 13px; font-weight: bold; color: #FFFFFF; background-color: #04AE00;  padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }
.bluebasistitle	{ font-size: 11px; line-height: 13px; font-weight: bold; color: #FFFFFF; background-color: #198CFF;  padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }


h1		{ font-size: 14px; line-height: 18px; color: #000099; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h2		{ font-size: 13px; line-height: 18px; color: #000099; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h3		{ font-size: 12px; line-height: 18px; color: #000099; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h4		{ font-size: 11px; line-height: 18px; color: #000099; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h5		{ font-size: 10px; line-height: 18px; color: #000099; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }


.comment, .note	{ font-size: 11px; line-height: 15px; color: #315D31; font-weight: normal; }
.alert			{ font-size: 14px; line-height: 18px; color: #CC0000; font-weight: bold; }
.required		{ font-size: 14px; line-height: 18px; color: #631431; font-weight: bold; }
.footer 		{ font-size: 10px; line-height: 15px; color: #FFFFDE; font-weight: normal; background-color: #FF9000; padding: 2px; }
.helpKop		{ font-size: 12px; line-height: 18px; color: #E80000; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
.topmenu		{ font-size: 10px; color: #198CFF; font-weight: bold; }


/* links */
a:link, a:active, a:visited	{ color: #000099; text-decoration: underline; }
a:hover 					{ color: #198CFF; text-decoration: underline; }

a.ro:link, a.ro:active, a.ro:visited	{ color: #E80000; text-decoration: underline; }
a.ro:hover 								{ color: #000099; text-decoration: underline; }

a.or:link, a.or:active, a.or:visited	{ color: #FF9000; text-decoration: underline; }
a.or:hover 								{ color: #000099; text-decoration: underline; }

a.gr:link, a.gr:active, a.gr:visited	{ color: #04AE00; text-decoration: underline; }
a.gr:hover 								{ color: #000099; text-decoration: underline; }

a.footer:link, a.footer:active, a.footer:visited	{ color: #FFFFFF; text-decoration: underline; }
a.footer:hover 										{ color: #F8FF86; text-decoration: underline; }

a.topmenu:link, a.topmenu:active, a.topmenu:visited	{ color: #FF9000; text-decoration: underline; }
a.topmenu:hover 									{ color: #198CFF; text-decoration: underline; }

/* kleuren */
.lb		{ color: #198CFF; }
.or		{ color: #FF9000; }
.gr		{ color: #04AE00; }
.ro		{ color: #E80000; }
.wi		{ color: #FFFFFF; }

/* lists */
ul		{ list-style-type: square; list-style-position: outside; list-style-image: url(../images/interface/bullet_or.gif); margin-left: 0px; margin-top: 4px; margin-bottom: 4px; padding-left: 15px; }
ol		{ list-style-position: outside; margin-left: 0px; margin-top: 6px; margin-bottom: 6px; padding-left: 30px; }
li		{ color: #000000;  margin-bottom: 2px; }

/* diversen */
.pic, .image, .border	{ border: 1px solid #000000; }
hr						{ border: solid 1px #000099; height: 1px; text-align: left; margin: 0px; }
hr.acties				{ border: solid 1px #04AE00; height: 1px; text-align: center; margin: 0px; }
hr.ro					{ border: solid 1px #E80000; height: 1px; text-align: center; margin: 0px; }

/* formulieren */
form			{ margin: 0px; }
select			{ font-size: 11px; border: 1px solid #185184; }
.textfield		{ font-size: 11px; border: 1px solid #185184; padding-left: 2px; padding-right: 2px; }
.textarea		{ font-size: 11px; border: 1px solid #185184; padding-left: 2px; padding-right: 2px; font-family: Verdana, Geneva, sans-serif, Arial, Helvetica; }
.button			{ font-size: 12px; }



/* topMenu */

#topMenu,
#topMenu li {
	margin: 0; padding: 0;
	list-style: none;
}

#topMenu {
	position: absolute;
	top: 138px;
	width: 998px;
	border-top: 4px solid white;
	border-bottom: 0;
	background: #198CFF;
}
#topMenu li {
	position: relative;
	float: left;
	display: inline;
	padding: 6px 0;
	line-height: 110%;
	font-size: 12px;
	font-weight: bold;
}
#topMenu li a {
	float: left;
	display: inline;
	border-right: 1px solid #ffffff;
	padding: 0 15px;
	text-decoration: none;
	color: white;
}
#topMenu li a:hover {
	text-decoration: underline;
}

/* submenu */
#topMenu li ul {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	margin: 0; padding: 0;
	background: #75BAFF;
	border: 1px solid #ffffff;
	border-top: none;
}
#topMenu li:hover ul,
#topMenu li.hover ul {
	display: block;
}
#topMenu li ul li {
	margin: 0; padding: 0;
	clear: both;
	float: left;
	background: none;
}
#topMenu li ul li a {
	float: left;
	margin: 0;
	padding: 5px 5px;
	text-decoration: none;
	border: none;
	border-top: 1px solid #ffffff;
	background: none;
	color: #ffffff;
	min-width: 13em;
}
* html #menubar #topMenu li ul li a {
	height: 0.1%; /* area fully clickable in IE */
	width: 13em;
}
#menubar #topMenu li ul li a:hover {
/*	background: #f8ffef;	*/
	background: #198CFF;
}