/* ----------------------------------------------------------------------------
global
---------------------------------------------------------------------------- */

body {
   margin:              0px;
}

table {
   border:              0;
   border-collapse:     collapse;
   cell-spacing:        0;
   margin:              0;
   padding:             0;
}
form {
   border:              0;
   margin:              0;
   padding:             0;
}
td, div {
   text-align:          left;
   vertical-align:      top;
}

div, span, input, td {
   font:               normal 12px arial, sans-serif, verdana;
   color:            #fff;
}

input {
   color:            #000;
   margin:              0;
   padding:             0;
   padding-right: 		5px;
}

img {
   border:              0;
}

html {
   height:              100%;
   overflow:            -moz-scrollbars-vertical;
}

/* ----------------------------------------------------------------------------
layout
---------------------------------------------------------------------------- */
#menu
{
	width: 992px; 
	background-image: url(/Images/VMBO/img/xmenu_strip.jpg); 
	background-repeat: repeat-x; 
	height: 47px;		
}
.mainmenu_spacer 
{
	float:left; 
	width: 362px; 
}
.mainmenu_wrapper {
	background-image: url(/Images/VMBO/img/menuitem_strip.jpg); 
	background-repeat: 
	no-repeat; float:left;
}
.mainwrapper {
   margin:              auto;
}

.contentwrapper {
   margin:              auto;
   width:               751px;
}

.mainnavigationwrapper {
   border:              solid 3px #E74194;
   float:               left;
   margin:              auto;
   width:               167px;
}

.globalnavigation {
   border-bottom:       solid 1px #000;
   height:              54px;
   text-align:          center;
}

.clickpath {
   color:               #000;
   margin:              auto;
   height:              38px;
   width:               751px;
   text-align:          right;
   line-height:         38px;
}

.clickpath a {
   color:               #000;
}

.mainnavigationitems {
   background:          #0099DA url("/images/MBO/mainnavigationitems_bg.jpg") no-repeat scroll top left;
   height:              319px;
   padding:             16px 0 0 16px;
}

.mainnavigationitems div.menuitem {
   background:          transparent url("/images/MBO/menuitem_bg.gif") no-repeat scroll top left;
   padding-left:        8px;
   height:              30px;
   margin-bottom:       4px;
}

.mainnavigationitems div.menuitembottom {
   background:          transparent url("/images/MBO/menuitem_bottom_bg.gif") no-repeat scroll top left;
   padding-left:        8px;
   height:              38px;
}

div.menuitem a, div.menuitembottom a {
   color:               #000;
   width:               120px;
   display:             block;
   line-height:         25px;
   text-decoration:     none;
}

.mainnavigationwelly {
   background-color:    #0099DA;
   height:              144px;
   text-align:          right;
}

.wrapper {
   width:            100%;
   overflow:         hidden;
}


/* ----------------------------------------------------------------------------
colorbar
---------------------------------------------------------------------------- */

div.mbo-colorbar {
   margin:              auto;
   width:               992px;
}

span.colorbar {
   width:            124px;
   height:            12px;
   display:         block;
   font-size:         5px;
}

div.mbo-colorbar .color1 { background-color: #CADB2A;}
div.mbo-colorbar .color2 { background-color: #F68B1F;}
div.mbo-colorbar .color3 { background-color: #D2232A;}
div.mbo-colorbar .color4 { background-color: #8CC63F;}
div.mbo-colorbar .color5 { background-color: #00AEEF;}
div.mbo-colorbar .color6 { background-color: #EC008C;}
div.mbo-colorbar .color7 { background-color: #00AB4E;}
div.mbo-colorbar .color8 { background-color: #87499C;}

.mbo_button {
	display: block;
	height: 27px;
	width: 173px;
	border: 2px solid #c03;
	text-align: center;
	color: #fff;
	background-image: url(/Images/MBO/img/mbo_button_back.jpg); 
	padding-top: 10px;
}
.mbo_button a {
	color: #fff;
}
.mbo_button a:hover {
	color: #fff;
}

/* ----------------------------------------------------------------------------
content
---------------------------------------------------------------------------- */
div.loc_mbo {
	width: 15px; 
	height: 15px; 
	background-image: url(/Images/MBO/img/dot_map.gif);
	background-repeat: no-repeat; 
	position: relative; 
}
div.columns3 {
   border:            0;
}
#locatie_lijst a {
	color: #fff;
}
.search_field {
	background-image: 	url(/Images/Portal/search_field.jpg);
	border:				2px solid #ccc;
}
.search_button {
	background-color: transparent;
	border: 0;
	font-size: 10px;
	vertical-align: center;
}
#locatie_lijst a:hover {
	color: #fff;
	background-color: #009EE0;
	text-decoration: none;	
}
div.contentcolumn {
   display:         block;
}

.c1 { width: 330px; float:left; background-image: url("/Images/MBO/img/mbo_back.jpg"); background-repeat: repeat-y; }
.c2 { width: 280px; float:left; background-image: url("/Images/MBO/img/mbo_back.jpg"); background-repeat: repeat-y; }
.c3 { width: 332px; float:left; background-image: url("/Images/MBO/img/mbo_back.jpg"); background-repeat: repeat-y; }

div.kaart_mbo {
	width: 320px; 
	background-image: url(/Images/MBO/img/mbo_kaart.jpg); 
	background-repeat: no-repeat; 
	height: 248px;
}

div.ietsvoorjou {
   text-align:         center;
   display:         block;
}

select.kieswereld {
   width:            160px;
}

div.polaroid {
   text-align:         center;
}
#pageholder
{
	text-align: center;
}
#contentholder
{
	width: 992px;
	margin-left: auto;
	margin-right: auto;
}
div#relative
{
   position:            relative;
   margin:              auto;
   width:               751px;
   text-align:          left;
}

div#kieswereld {
   display:             none;
   position:         absolute;
   width:            168px;
   left:               275px;
   top:               -450px;
   border:            solid 2px #B70100;
}

div#kiesschool {
   display:             none;
   position:         absolute;
   width:            168px;   
   left:               275px;
   top:               -400px;
   border:            solid 2px #B70100;
   background-color:   #FFF;
}

a.vestigingen {
   display:            block;
   text-decoration:   none;
   font-weight:      bold;
   font-size:         12px;
   padding:            6px;
   color:            #000;
}

/* ----------------------------------------------------------------------------
navigatie werelden
---------------------------------------------------------------------------- */

a.werelden {
   display:         block;
   height:            31px;
   width:            168px;
}

a.surprisingnature {
   background-color:   #B08A2C;
}

a.animalfriends {
   background-color:   #E17F2D;
}

a.goodfood {
   background-color:   #B32D26;
}

a.mightymachines {
   background-color:   #6EB53F;
}

a.dynamicdesign {
   background-color:   #008FD2;
}

a.outdoorlife {
   background-color:   #D42373;
}

a.bigbusiness {
   background-color:   #009541;
}

a.naturalhealth {
   background-color:   #743B81;
}

a.testuitslag {
   background-color:   #FFAF00;
}

a.selfmade {
   background-color:   #00B8F1;
}

/* ----------------------------------------------------------------------------
hyperlinks
---------------------------------------------------------------------------- */

a {
   color:               #000;
   text-decoration:     none;
}
a:hover {
   color:               #000;
   text-decoration:     underline;
}

.clickpath a {
   color:               #000;
}

/* ----------------------------------------------------------------------------
h1 t/m h6
---------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
   margin:              0;
}

h1 {
   font-size:           24px;
   letter-spacing:      -1px;
}

h2 {
   font-size:           16px;
   font-weight:         normal;
}

h3 {
   font-size:         14px;
   font-weight:      bold;
}

/* ----------------------------------------------------------------------------
misc
---------------------------------------------------------------------------- */

.left {
   float:               left;
}

.right {
   float:               right;
}

.clear {
   clear:               both;
   margin:				0px;
   padding:				0px;
}

.padding10 {
   padding:             10px;
}

.padding20 {
   padding:         20px;
}

.padding40 {
   padding:         40px;
}