/* ---  

paars #551f81
22% op wit #e7d7ef
22% op grijs #b796c0
50% wit op paars #c9a4cf
 
rood #ef2b2d
24% ,, op wit #fbd0d1
*/ /* header */
#headerbox h1,#headerbox h1 a {
	background: transparent url(../images/millian_logo_black.gif) no-repeat left top;
}

#agenda dt a:hover,#rightcol dd.link a:hover {
	color: #FBD0D1;
}

/* content homepage */
h2.payoff, /* #quickmenu ul li, */ .boek a,#sform,#sform legend,#content h2.forforms,#rightcol dt,#contentsc,#contentsc0,#zbutton,dl.leftmenu dt,#content h2.fortables
	{
	background-color: #551f81;
}

/* pulldown menu */
#nav li.root a.root,#nav li ul li {
	border-bottom-color: #551f81;
}

#nav li.root a.root:hover {
	border-bottom-color: #ef2b2d;
}

#nav li ul {
	background: #e7d7ef;
}

#nav li ul li a:hover,.boek a:hover,#zbutton :hover,#zbutton.sfhi {
	background-color: #ef2b2d;
}

/* breadcrumbs */
#content #breadcrumbs a:hover,#content a:hover,#rightcol a:hover,#rightcol .shortcuts dd a:hover,#contentsc dd a:hover,#contentsc0 dd a:hover,#faq h2.hover
	{
	color: #ef2b2d;
}

/* content elementen */
hr {
	color: #551f81;
	background: #551f81;
}

.pagelink a,#rightcol dd.link a,#rightcol .shortcuts dd a,#contentsc dd a,#contentsc0 dd a,#agenda dt a,#presentatie th a
	{
	background-image: url(../images/bama_arrow_pur.gif);
}

.pagelink a:hover,#rightcol dd.link,#agenda dt,#contentsc dd,#contentsc0 dd,#presentatie th a:hover
	{
	background-image: url(../images/arrow_h.gif);
}

#homepage .foto {
	background-image: url(../images/bama_home_foto.jpg);
	height: 300px;
	background-position: left top;
}


#menuheader {
	background-color: #551f81;
	display: block;
	color: white;
	width: 200px;
	margin-left:10px;
	height: 20px;
	/*margin: 0px 10px 0px 10px;*/
	padding: 2px 5px;
}

#menurow {
	background-color: #b796c0;
	display: block;
	width: 200px;
	padding: 2px 5px;
	margin: 0 10px 10px 10px;
}

#menurow2 {
	background-color: #c9a4cf;
	display: block;
	width: 210px;
	height: 4px;
	margin-left: 10px;
}

#shoppingcart {
	font-size: 80%;
}

#shoppingcart table,td,tr {
	margin: 1;
	padding: 1;
	border-spacing: 1px;
}

#shoppingcart #type {
	color: white;
	font-weight: bold;
}

#shoppingcart #inst {
	color: black;
	font-weight: bold;
}

.cartoverview {
	background-color: #e8e8e8;
}

.cartoverview.header {
	font-weight: bold;
	line-height: 75%;
	background-color: #c9a4cf;
}

.cartoverview.product {
	text-align: center;
	color: white;
	font-weight: bold;
	background-color: #551f81;
}

.cartoverview.inst {
	line-height: 75%;
	background-color: #b796c0;
}

.cartoverview.course {
	text-indent: 10px;
}

.cartoverview.white {
	background-color: white;
}

.rightcolfoto {
	background-image: url(../images/bama_page_foto.jpg);
}

#rightcol dt,#agenda dd {
	border-bottom-color: #c9a4cf;
}

#rightcol dd {
	
}

#rightcol .shortcuts dd {
	/*background-color: #b796c0;*/
	background-image: url(../images/arrow_h.gif);
}

/* content page */
dl.leftmenu dd {
	background: #b796c0;
	border-bottom-color: #551f81;
}

/* overzichtspagina's */
#content p.onder,#footer p {
	border-top-color: #551f81;
}

/* icoontjes */
td.extra,th.extra {
	background-color: #FCEFFF;
}

td.extra a,th.extra a {
	background-image: url(../images/bama_info_pur.gif);
}

td.extra a:hover,th.extra a:hover {
	background-image: url(../images/info_h.gif);
}

td.qmark a,th.qmark a {
	background-image: url(../images/bama_qmark_pur.gif);
}

td.qmark a:hover,th.qmark a:hover {
	background-image: url(../images/qmark_h.gif);
}

.arrowtop a {
	background-image: url(../images/bama_arrowtop_pur.gif);
}

.arrowtop a:hover {
	background-image: url(../images/arrowtop_h.gif);
}

/* sitemap */
#sitemap ul li.min {
	background-image: url(../images/sitemap_min_h.gif);
}

#sitemap ul li.plus {
	background-image: url(../images/sitemap_plus_h.gif);
}

#sitemap li.min {
	background-image: url(../images/sitemap_rootmin_h.gif);
}

#sitemap li.plus {
	background-image: url(../images/sitemap_rootplus_h.gif);
}

#sitemap li.root a.min {
	background-image: url(../images/bama_sitemap_rootmin.gif);
}

#sitemap li.root a.plus {
	background-image: url(../images/bama_sitemap_rootplus.gif);
}

#sitemap ul li.min a.min {
	background-image: url(../images/bama_sitemap_min.gif);
}

#sitemap ul li.plus a.plus {
	background-image: url(../images/bama_sitemap_plus.gif);
}

/* faq */ /* footer */ /* masterbeurs */
#mainbox .masterbeurs {
	background-image: none;
}

#mainbox .masterbeurs h1,#mainbox .masterbeurs h1 a {
	background: transparent url(../images/mb_logo.png) no-repeat left top;
}

#plattegrond {
	width: 100%;
	background: #999;
	overflow: hidden;
	padding-bottom: 5px;
}

#plattegrond ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* vier */
#plattegrond div.rijvier {
	margin: 5px 5px 0 5px;
	background: #ccc;
}

#plattegrond div.rijvierb {
	margin: 0 5px;
	background: #ccc;
}

#plattegrond ul.vier {
	background: #ccc;
	width: 100%;
	overflow: hidden;
}

#plattegrond ul.vier li {
	height: 115px;
	width: 25%;
	float: left;
}

#plattegrond ul.vier li.last { /* width: 25% !important; AZ*/
	width: 24.75%;
}

#plattegrond ul li div {
	text-align: center;
	border: 5px solid #000;
	background: #fff;
}

#plattegrond ul li div a {
	display: block;
	height: 105px;
	width: 100%;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
}

#plattegrond ul li div a.metlogo {
	background: transparent url(../images/mb_bgmetlogo.gif) repeat-x 0 0;
}

#plattegrond div ul.vier div.cel1 {
	margin-right: 4px;
}

#plattegrond div ul.vier div.cel2 {
	margin: 0 3px 0 1px;
}

#plattegrond div ul.vier div.cel3 {
	margin: 0 1px 0 2px;
}

#plattegrond div ul.vier div.cel4 {
	margin-left: 4px;
}

/* rijdrie */
#plattegrond div.drie {
	overflow: hidden;
	margin: 0 5px 0 5px;
	background: #ccc;
}

#plattegrond div.drie ul {
	background: #ccc;
	height: 115px;
}

#plattegrond div.drie ul li {
	width: 25%;
	float: left;
	padding-bottom: 5px;
	background: #ccc;
}

#plattegrond div.drie ul.last li {
	padding-bottom: 0;
}

#plattegrond div.drie ul li.half { /* width: 50% !important; AZ*/
	width: 49.8%;
	text-align: center;
}

#plattegrond div.drie ul li.half div { /* width: 46% !important; AZ*/
	width: 45%;
	margin: 0 auto;
}

#plattegrond div.drie ul div.cel1 {
	margin-right: 4px;
}

#plattegrond div.drie ul div.cel3 { /* width: 5px !important; AZ*/
	margin-left: 6px;
}

/* spans */
#plattegrond div ul li div a span {
	width: 92%;
	display: block;
	padding-top: 3px;
	margin: 0 auto;
}

#plattegrond div ul li div a img {
	display: inline /*block*/;
	background: #fff;
	margin: 3px auto 0 auto;
}

#plattegrond div ul li div.nologo span {
	padding-top: 40px;
}

/* inuit */
#plattegrond div.inuit {
	display: block;
	height: 55px;
	padding: 5px;
	background: #ccc;
	clear: left;
}

/* picto */
#plattegrond div ul li div.picto img {
	display: block;
	margin: 0 auto;
}

#plattegrond div ul li div.picto {
	background: #fff;
	height: 105px;
	overflow: hidden;
}

#plattegrond div ul li div.ehbo {
	border-color: #038E53;
}

/* kleuren en hovers */
#plattegrond div ul li div a:hover { /*background: #FFF800;*/
	color: #000;
}

#plattegrond div.un {
	border-color: #FFF800;
}

#plattegrond div ul li div.un a:hover {
	background: #FFF800;
}

#plattegrond ul li div.un a.metlogo:hover {
	background: #FFF800 url(../images/mb_bgmetlogo.gif) repeat-x 0 0;
}

#plattegrond div.hs {
	border-color: #FF9700;
}

#plattegrond div ul li div.hs a:hover {
	background: #FF9700;
}

#plattegrond ul li div.hs a.metlogo:hover {
	background: #FF9700 url(../images/mb_bgmetlogo.gif) repeat-x 0 0;
}

#plattegrond div.nb {
	border-color: #06E500;
}

#plattegrond div ul li div.nb a:hover {
	background: #06E500;
}

#plattegrond ul li div.nb a.metlogo:hover {
	background: #06E500 url(../images/mb_bgmetlogo.gif) repeat-x 0 0;
}

#plattegrond div ul li div.grijs {
	border-color: #bbb /*#666*/;
	background: #ccc;
}

#plattegrond div ul li div.grijs a:hover {
	background: #bbb;
}

#plattegrond ul li div.grijs a.metlogo:hover {
	background: #bbb url(../images/mb_bgmetlogo.gif) repeat-x 0 0;
}

/* rightcol arrows */
#rightcol .shortcuts dd.un a {
	background-image: url(../images/mb_arrow_un.gif);
}

#rightcol .shortcuts dd.hs a {
	background-image: url(../images/mb_arrow_hs.gif);
}

#rightcol .shortcuts dd.nb a {
	background-image: url(../images/mb_arrow_nb.gif);
}

#rightcol .shortcuts dd.un a:hover,#rightcol .shortcuts dd.hs a:hover,#rightcol .shortcuts dd.nb a:hover
	{
	background-image: url(../images/arrow_h.gif);
}

h2.payoff{
	background-image: url(/images/bama/payoff.gif);
	color:white;
}

.maincoltop {
	background-image:url(/images/bama/payoff_top.gif);
}


