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

body {
   margin:              0px;
   width:				100%;
}

table {
   border:              0;
   border-collapse:     collapse;
   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 Comic Sans MS;
   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;
}
.kaart_vmbo
{
	width: 320px; 
	background-image: url(/Images/VMBO/img/vmbo_kaart.jpg); 
	background-repeat: no-repeat; 
	height: 248px;
}

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

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

.mainnavigationitems div.menuitembottom {
   background:          transparent url("/Images/VMBO/img/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;}


/* ----------------------------------------------------------------------------
content
---------------------------------------------------------------------------- */
div.loc_vmbo {
	width: 15px; 
	height: 15px; 
	background-image: url(/Images/VMBO/img/dot_map.gif);
	background-repeat: no-repeat; 
	position: relative; 
}
.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;
}
div.columns3 {
   overflow:	hidden;
}
#locatie_lijst a {
	color: #fff;
}
#locatie_lijst a:hover {
	color: #fff;
	background-color: #009EE0;
	text-decoration: none;	
}
div.contentcolumn {
   display:         block;
}

.c1 { 	width: 328px; 
		float:left;
		background-image: url("/Images/VMBO/img/vmbo_back.jpg"); 
		background-repeat: repeat-y; 
	}
.c2 { 
		width: 280px; 
		float:left;
		background-image: url("/Images/VMBO/img/vmbo_back.jpg"); 
		background-repeat: repeat-y;
		overflow: hidden;
	 }
.c3 { 
		width: 331px; 
		float:left;
		background-image: url("/Images/VMBO/img/vmbo_back.jpg"); 
		background-repeat: repeat-y; 
		overflow: hidden; 
}

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#content
{ 
	width: 992px;
}
div#menu
{
}

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

div#kiesschool {
   display:             none;
   position:         absolute;
   width:            168px;   
   left:               525px;
   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;
}