/* ----------------------------------------------------------------------------
global
-----------------------------------------------------------------------------*/
body {
   background:         #fff;
   margin:            0px;
   width:				100%;
}

table {
   border:              0px;
   border-collapse:     collapse;
   margin:              0px;
   padding:             0px;
}

td, div {
   text-align:          left;
}

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


img {
   border:            0px;
   margin:			0px;
   padding:			0px;
}

/* ----------------------------------------------------------------------------
layout
---------------------------------------------------------------------------- */
#pageholder
{
	text-align: center;
}
#contentholder
{
	width: 992px;
	margin-left: auto;
	margin-right: auto;
}
.mainwrapper {
   margin:              auto;
}

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

.globalnavigation {
   background:         #5594b3;
   border-bottom:      solid 1px #FFF;
   height:            54px;
   text-align:         center;
}


/* ----------------------------------------------------------------------------
layers
---------------------------------------------------------------------------- */

div#relative
{
   text-align:          center;
   margin-left:			auto;
   margin-right:		auto;
}
div#banner
{
   margin-left:			auto;
   margin-right:		auto;
}
div#content
{ 
	width: 992px;
	overflow:hidden;
}
div#menu
{	
	width: 989px; 
	background-image: url(/Images/Portal/menu_strip.jpg); 
	background-repeat: repeat-x; 
	height: 45px; 
}

div#intranetlogin {
   margin-right:              0px;
   margin-top:              10px;
   width:               751px;
   text-align:         right;
   font:                bold 12px arial, sans-serif, verdana;
}

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

a {
   color:               #000;
}

a:hover {
   color:               #000;
   text-decoration:     underline;
   cursor:				pointer;
}
/* ----------------------------------------------------------------------------
content
---------------------------------------------------------------------------- */
.search_item a {
	color:               #000;
}
.search_item a:hover {
   color:               #000;
   text-decoration:     underline;
   cursor:				pointer;
}
.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;
}
#banner {
	width: 989px; 
	height: 357px; 
	background-image: url(/Images/Portal/banner_collage1.jpg); 
	background-repeat: no-repeat;
}
#menu
{
	width: 990px; 
	background-image: url(/Images/Portal/menuitem_strip.jpg); 
	background-repeat: repeat-x; 
	height: 45px;		
}
.mainmenu_spacer 
{
	float:left; 
	width: 520px; 
}
.mainmenu_wrapper {
	display:block;
	background-image: url(/Images/Portal/menuitem_strip.jpg); 
	background-repeat: no-repeat; float:left;
	margin-top: 15px;
	padding-top: 4px;
	height: 26px;
}
.mainmenu_form {
	display:block;
	background-image: url(/Images/Portal/menuitem_strip.jpg); 
	background-repeat: no-repeat; float:left;
	margin-top: 15px;
	height: 30px;
}
#maincolumn {
   display:         block;
}
.menucolumn_vmbo{
	width: 248px;
	height:320px;
	background-color: #00AB4E;
	float: left;

}
.menucolumn_mbo{
	width: 248px;
	height:320px;
	background-color: #ED1C24;
	float: left;
}
.menucolumn_cursus{
	width: 248px;
	height:320px;
	background-color: #FFE800;
	float: left;
}
.menucolumn_overwellant{
	width: 124px;
	height:320px;
	background-color: #10BCD1;
	float:left;

}
.menucolumn_werken{
	width: 121px;
	height:320px;
	background-color: #00A9C3;
	float:left;

}
table.nonpadded-table td { 
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.search {
	color: #000;
	background-color: transparent;
	border: none;

}
.main_menuitem {
	text-decoration:none;
	font-size: 10px;
	color: #333;
}

/* ----------------------------------------------------------------------------
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:           16px;
   font-weight:         bold;
   margin-bottom:       10px;
}

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

.left {
   float:               left;
}

.right {
   float:               right;
}

.clear {
   clear:               both;
}

.padding10 {
   padding:             10px;
}

.padding20 {
   padding:             20px;
}

.padding40 {
   padding:             40px;
}