body 							{ margin: 0px; padding: 0px; background-image: url(../images/onderwijs/___bg-body.gif); background-repeat: repeat-x; min-width: 976px; width:expression(document.body.clientWidth < 976? "976px": "auto" ); }

/* clearfix */
.clearfix:after 				{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 						{ display: inline-block; }  
html[xmlns] .clearfix 			{ display: block; }
* html .clearfix 				{ height: 1%; }

.h2 							{ color: #000000; font-family: "Trebuchet MS"; font-size: 18px; margin-bottom: 18px; overflow: hidden; width: 485px; }
.h3 							{ color: #000000; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; margin-bottom: 15px; overflow: hidden; width: 485px; }

.top3 					{ margin: 0px; padding: 0px; height: 138px; overflow: hidden; background-image: url(../images/onderwijs/03.jpg); background-position: left; background-repeat: no-repeat; }
.top4 					{ margin: 0px; padding: 0px; height: 138px; overflow: hidden; background-image: url(../images/onderwijs/04.jpg); background-position: left; background-repeat: no-repeat; }
.top5 					{ margin: 0px; padding: 0px; height: 138px; overflow: hidden; background-image: url(../images/onderwijs/05.jpg); background-position: left; background-repeat: no-repeat; }
.top6 					{ margin: 0px; padding: 0px; height: 138px; overflow: hidden; background-image: url(../images/onderwijs/06.jpg); background-position: left; background-repeat: no-repeat; }
.top2 					{ margin: 0px; padding: 0px; height: 1px; overflow: hidden; background-image: url(../images/onderwijs/24.gif); text-align: left; background-repeat: repeat-x; }

.quote {
	margin: 0px;
	padding: 0px;
	height: 146px;
	width: 100%;
	overflow: hidden;
}
.wrapper {
	height: 100%;
	width: 976px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
.menu {
	overflow: hidden;
	width: 174px;
	margin-bottom: 50px;
	margin-top: 15px;
}
.menu2 {
	width: 174px;
	height: 24px;
	background-image: url(../images/onderwijs/menu01.gif);
}
a.menu-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #66CC33;
	display: block;
	width: 174px;
	height: 24px;
	background-image: url(../images/onderwijs/menu01.gif);
	text-decoration: none;
	padding-left: 37px;
	background-repeat: no-repeat;
}
a.menu-nav:hover {
	background-image: url(../images/onderwijs/menu02.gif);
	text-decoration: none;
	background-repeat: no-repeat;
}
a.menu-nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #66CC33;
	display: block;
	width: 174px;
	height: 24px;
	background-image: url(../images/onderwijs/menu02.gif);
	text-decoration: none;
	padding-left: 37px;
	background-repeat: no-repeat;
}
.page-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #F4B418;
	margin-bottom: 35px;
	overflow: hidden;
	text-align: right;
}

.sub-left {
	width: 196px;
	float: left;
	padding-top: 0px;
	/* overflow: hidden; */
}
.sub-left2 {
	padding: 0px;
	width: 196px;
	margin-bottom: 0px;
	/* overflow: hidden; */
}
.sub-left3 {
	padding: 0px;
	width: 196px;
	margin: 0px;
	height: 8px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.sub-left4 {
	width: 196px;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
	margin-bottom: 18px;
	padding-left: 15px;
}
.sub-left-heading {
	width: 215px;
	padding-left: 16px;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}
.sub-left-heading2 {
	font-size: 11px;
	color: #000000;
	width: 195px;
	font-weight: bold;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}
.sub-left-text {
	width: 215px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	background-position: left top;
	padding-top: 8px;
	padding-left: 16px;
}
.sub-left-text2 {
	font-size: 10px;
	color: #000000;
	width: 195px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
.sub-left-img {
	width: 215px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	padding-top: 3px;
	padding-left: 12px;
}
.sub-left-img2 {
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	background-color: #FFFFFF;
	width: 201px;
}
.sub-left-img-text {
	width: 215px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	padding-left: 16px;
}
.sub-left-img-text2 {
	width: 195px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-size: 10px;
}
.sub-left-bottom {
	width: 215px;
	height: 6px;
	/* overflow: hidden; */ 
	margin-top: 8px;
}
.img-border {
	overflow: hidden;
	border: 1px solid #745B96;
}
.img-padding {
	overflow: hidden;
	margin: 15px;
}
div.news 				{ clear: left; float: left; width: 100%; font-family: "Trebuchet MS"; margin-bottom: 20px; overflow: hidden; }
.news-heading {
	font-size: 18px;
	color: #000000;
	margin-bottom: 4px;
	overflow: hidden;
	width: 485px;
}
.news-text {
	font-size: 12px;
	color: #43566F;
	overflow: hidden;
	width: 485px;
}
.news-text2 {
	font-size: 12px;
	color: #43566F;
	font-weight: bold;
	text-decoration: none;
}
.news-nieuwsbrief {
	margin-top: 20px;
	text-align: right;
	vertical-align: top;
	overflow: hidden;
}
.webskoel {
	height: auto;
	width: 485px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.sub-right 				{ margin: 0px; padding: 0px; width: 183px; float: right; }
.sub-right2 			{ padding: 0px; width: 183px; margin-top: 24px; }
.sub-right3 			{ padding: 0px; width: 181px; margin: 0px; height: 8px; background-repeat: no-repeat; overflow: hidden; }
.sub-right4 			{ font-family: "Trebuchet MS"; width: 181px; margin-bottom: 18px; overflow: hidden; }
.sub-right-heading 		{ width: 181px; overflow: hidden; text-align: left; min-height: 8px; background-image: url(../images/onderwijs/21.gif); background-repeat: no-repeat; height: 15px; }
.sub-right-heading2 {
	font-size: 18px;
	color: #FFFFFF;
	width: 172px;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #6CBF40;
	padding-left: 9px;
}
.sub-right-text {
	width: 181px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	background-image: url(../images/onderwijs/22.gif);
	background-repeat: repeat-y;
	padding-left: 8px;
}
.sub-right-text2 {
	width: 170px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	padding-bottom: 45px;
}
.sub-right-text3 {
	width: 181px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	background-image: url(../images/onderwijs/22.gif);
}
.sub-right-text4 {
	width: 181px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	background-image: url(../images/onderwijs/22.gif);
	background-repeat: repeat-y;
	padding-left: 8px;
	padding-top: 12px;
}
.sub-right-text5 {
	width: 170px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	padding-bottom: 45px;
	padding-left: 1px;
}
.sub-right-highlight {
	width: 221px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	padding-left: 10px;
}
.sub-right-highlight2 {
	font-size: 12px;
	color: #000000;
	width: 196px;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	text-transform: uppercase;
}
.sub-right-bottom {
	width: 181px;
	height: 12px;
	overflow: hidden;
	background-image: url(../images/onderwijs/23.gif);
	text-align: right;
}
.sub-right-bottom2 {
	width: 181px;
	height: 7px;
	overflow: hidden;
	background-image: url(../images/onderwijs/29.gif);
	text-align: right;
}
.form-text {
	font-size: 11px;
	color: #43566F;
}
.bg-text {
	font-size: 12px;
	background-color: #E6E6E6;
	color: #000000;
	padding: 10px;
	border: 1px dotted #FDBA4E;
	text-indent: 25px;
}
.bg-text2 {
	font-size: 12px;
	background-color: #F3F3F3;
	padding: 10px;
	color: #000000;
	text-indent: 25px;
	margin: 0px;
	border: 1px dotted #FDBA4E;
}
a.url:link, a.url:visited, a.url:active {
	text-decoration: underline;
	font-weight: normal;
}
a.url:hover {
	color: #F4B418;
	text-decoration: underline;
	font-weight: normal;
}
.icon {
	margin-left: 38px;
}
a.nieuwsbrief:link, a.nieuwsbrief:active, a.nieuwsbrief:visited {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #85C241;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
a.nieuwsbrief:hover {
	color: #F4B418;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.form1 {
	border: 1px solid #FF0000;
}
.form2 {
	border: 1px solid #85C226;
}
.form-text {
	font-size: 11px;
	color: #43566F;
}
.form-text2 {
	font-size: 12px;
	color: #43566F;
	overflow: hidden;
	width: 328px;
	text-align: right;
}
.contact-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.contact table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a.contact-text:link, a.contact-text:active, a.contact-text:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.contact-text:hover {
	color: #F4B418;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.news-text3 {
	color: #6CBF40;
	line-height: 25px;
}
.news-text4 {
	color: #F1B41C;
	text-decoration: none;
	font-weight: bold;
}
.news-text5 {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

div.contactformulier { 
	color: #43566F;
	font-size: 12px;
	font-family: Trebuchet MS;
	overflow: hidden;
}

div.contactformulier table {
	width: 100%;
}

div.contactformulier td { 
	padding-bottom: 6px;
	vertical-align: bottom;
}

div.contactformulier td.label {
 	width: 180px;
}

div.contactformulier td.input {
 	text-align: right;
}

div.contactformulier td.veld {
 	text-align: left;
}

div.contactformulier table tr td input,
div.contactformulier table tr td textarea				{  border: 1px solid #85C226; background-color: #EEF5E3; }

div.contactformulier input.button						{ /*display: block; background-color: #85C226; padding: 0 4px; line-height: 16px; color: #FFF;*/ }
div.contactformulier input.button:hover					{ /*background-color: #EEB51D; cursor: pointer;*/ }

.box { 
	color: #43566F;
	font-size: 12px;
	font-family: Trebuchet MS;
	overflow: hidden;
}



/* global */
body		{ font-size: 12px; }

ul			{ padding: 0; list-style-type: none; }
ul li		{ padding: 0 0 0 11px; background: transparent url('../images/listitem.gif') no-repeat left 6px; }
ol			{ padding-left: 20px; }

h2          { margin: 0 0 24px 0; color:#F4B418; font: 30px Arial,Helvetica,sans-serif; text-align: right; }
h3          { margin: 0 0 16px 0; width: 485px; color: #000000; font: 22px "Trebuchet MS"; font-weight: bold; }
h4          { padding: 8px 0 0 0; margin: 0; color: #000000; font: 16px "Trebuchet MS"; font-weight: bold; }
h4.news		{ padding-top: 2px; color: #66CC33; }
h5          { padding: 8px 0 0 0; margin: 0; color: #000000; font: 14px "Trebuchet MS"; font-weight: bold; }
h5.news		{ color: #66CC33; font: 12px }

img			{ border: 0 none; vertical-align: top; margin: 0; }

label		{ font-weight: bold; }

span.required					{ color: #F00; }

div.content2 a.gogo				{ display: block; width: 89px; height: 19px; line-height: 19px; background: transparent url('../images/banner-button-bg.gif') no-repeat left top; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; }
div.content2 a.gogo:hover		{ background-position: bottom; text-decoration: none; }

img.right						{ float: right; margin: 0 0 4px 8px; }

ul.downloadlist					{ padding: 0; margin: 0; }
ul.downloadlist	li				{ position: relative; padding: 4px 0 4px 6px; margin-bottom: 16px; background: none; background-color: #6cbf40; border: 1px solid #f3b41d; }
ul.downloadlist	li a span		{ color: #FFF; }
ul.downloadlist	li a:hover span	{ text-decoration: underline; cursor: pointer; }
ul.downloadlist	li a span.button{ position: absolute; right: 14px; bottom: -6px; padding: 0 3px 0 3px; background-color: #000; font-size: 9px; }

/* alert container */
div.alertcontainer              { width: 480px; margin-bottom: 16px; border: 1px solid #F1B41C; font-family: "Trebuchet MS"; }
div.alertcontainer h4           { margin-top: 2px; color: #000000; font-size: 18px; margin-bottom: 4px; width: 485px; font-weight: normal; } 
div.alertcontainer p            { margin-top: 4px; }
div.alertcontainer div.padbox   { padding: 10px 13px; }
span.readmore                   { clear: both; float: right; display: block; width: 70px; margin-bottom: 8px; color: #FFFFFF; background-color: #6CBF40; font-size: 10px; text-align: center; }
div.alertcontainer a            { text-decoration: none; border: 0 none; }
div.alertcontainer a:hover      { cursor: pointer; }

/* header */
div.header						{ position: relative; height: 138px; margin: 0px; padding: 0px; background: transparent url('../images/onderwijs/header-bg.jpg') no-repeat -4px 0; border-bottom: 1px solid #85c226; }
div.header h1.logo 				{ padding: 0; margin: 0; }
div.header div.date 			{ position: absolute; top: 0; left: 400px; width: 150px; height: 19px; background-color: #85C226; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 19px; }
div.header div.banner-area		{ height:109px; left:671px; position:absolute; top:0; width:300px; }
div.header div.banner-area div.banner-gratisuitproberen	{ margin: 12px 0 0 0; }

/* main menu */
div.mainmenu                                { behavior: url('htc/csshover.htc'); padding: 12px 0 34px 18px; font: 13px "Trebuchet MS"; }
div.mainmenu ul                             { padding: 0; margin: 0; list-style-type: none; }
div.mainmenu ul li                          { float: left;  position: relative; display: block; width: 162px; padding-left: 17px; border-bottom: 1px solid #CCCCCC; background: 0 none; clear: both;  }
div.mainmenu ul li.external					{ /*margin-top: 8px; border-top: 1px solid #CCCCCC;*/ }
div.mainmenu ul li.external a				{  }
div.mainmenu ul li.external a:hover			{  }
div.mainmenu ul li a                        { display: block; line-height: 24px; color: #6CBF40; font-weight: bold; text-decoration: none; }
div.mainmenu ul li.current a                { color: #F1B41C; }
div.mainmenu ul li ul                       { display: none; z-index: 999; }
div.mainmenu ul li ul li                    { padding: 0 14px 0 10px; }
div.mainmenu ul li ul li.last               { border-bottom: 0 none; }
div.mainmenu ul li ul li a                  { font-weight: normal; white-space: nowrap; font-size: 12px; }
div.mainmenu ul li.current ul li.current    { background-color: none; }
div.mainmenu ul li.current ul li.current a  { color: #F1B41C; }

div.mainmenu ul li:hover                    { border-bottom: 1px solid #F1B41C; cursor: pointer; z-index: 999; }
div.mainmenu ul li:hover a                  { color: #F1B41C; }
div.mainmenu ul li:hover ul li a            { color: #6CBF40; }
div.mainmenu ul li:hover ul                 { display: block; position: absolute; z-index: 999; top: -1px; left: 170px; background-color: #FFFFFF; border: 1px solid #CCCCCC; }
div.mainmenu ul li:hover ul li:hover        { border-bottom: 1px solid #CCCCCC; background-color: #F1B41C; }
div.mainmenu ul li:hover ul li:hover a      { color: #FFFFFF; }

/* content */
.content 									{ width: 976px; margin: 0px; padding: 0px; vertical-align: top; overflow: hidden; }
.content2 									{ width: 485px; text-align: left; vertical-align: top; float: left; margin-left: 57px; padding-top: 15px; overflow: hidden; }
div.content2,
div.content2 p,
div.content2 td,
div.content2 li								{ margin-top: 2px; font: 12px "Trebuchet MS"; color: #43566F; }
div.content2 p.date							{ margin: 2px 0 2px 0; font: 10px; font-style: italic; color:#BBB; }
div.content2 a,
div.content2 li a							{ color: #5b993a; text-decoration: underline; /*font-weight: bold;*/ }
div.content2 a:hover						{ text-decoration: underline; }
div.content2 a.readmore                   	{ display: inline-block; padding: 2px 6px; color: #FFFFFF; background-color: #6CBF40; font-size: 11px; font-style: italic; text-align: center; }
.content3 									{ padding: 0px; width: 485px; text-align: left; vertical-align: top; margin: 0px; overflow: hidden; }
div.content-home							{ width: 720px; }
div.content3 h2 img							{ vertical-align: baseline; }

div.content2 table.infotable				{ width: 100%; border: 1px solid #43566F; border-right: none; border-bottom: none; }
div.content2 table.infotable tr td			{ border-right: 1px solid #43566F; border-bottom: 1px solid #43566F; }
div.content2 table.infotable thead			{ }
div.content2 table.infotable thead tr td	{ padding: 0px 2px; font-weight: bold; }
div.content2 table.infotable tbody			{  }

/* homepage */
div.home-container							{ float: left; width: 100%; }
div.home-header								{ margin-top: 2%; margin-bottom: 42px;  }
div.home-header div.home-logo				{ float: left;  }
div.home-header div.home-banner				{ float: right; }
div.home-body								{ text-align: center; background: transparent url('../images/home/03.gif') repeat-x; }
div.home-body div.item-container			{ display: inline;  }
div.home-body div.education-container		{  }
div.home-body div.business-container		{  }
div.home-footer								{ text-align: center; }

/* actueel */
div.content2 div.actueelitemcontainer				{ margin-bottom: 32px; }
div.content2 div.actueelitemcontainer div.item		{ float: left; padding-bottom: 30px; }

/* portfolio item */
div.portfoliotoc							{ padding-bottom: 8px; margin-bottom: 32px; border-bottom: 1px solid #85C226; border-top: 1px solid #85C226; }
div.portfoliotoc ul							{ float: left; width: 240px; margin: 8px 0; }
div.portfolioitem							{ position: relative; padding-bottom: 8px; margin-bottom: 32px; border-bottom: 1px solid #85C226; }
div.portfolioitem a.gogowebsite				{ position: absolute; bottom: -8px; right: 14px; padding: 0 4px; background-color: #85C226; color: #FFF; font-size: 11px; font-weight: normal; }

/* faq */
dl.faq dt									{ padding: 8px 0 0 0; margin: 0; color: #000000; font: 12px "Trebuchet MS"; }
dl.faq dd									{ margin-left: 16px; }

/* banners */
div.bannercontainer							{ position: relative; width: 181px; background-color: #EAF0E2; border: 1px solid #6cbf40; }
div.sub-left div.bannercontainer			{ margin: 0 0 24px 15px; }
div.sub-right div.bannercontainer			{ margin: 15px 0 24px 0; }

div.bannercontainer p,
div.bannercontainer a,
div.bannercontainer li						{ font: 11px Arial, Helvetica, sans-serif; color: #000000; line-height: 16px; }
div.bannercontainer a						{ line-height: 12px; text-decoration: underline; }
div.bannercontainer h4						{ padding: 2px 8px; margin: 0; background-color: #6CBF40; color: #FFFFFF; font: 18px Arial, Helvetica, sans-serif; }
div.bannercontainer h4.imagetitle			{ padding-top: 18px; background: none; }

div.bannercontainer div.padbox				{ padding: 0 8px 18px 8px; }

div.bannercontainer a.readmore				{ display: block; position: absolute; width: 89px; height: 19px; line-height: 19px; bottom: -9px; right: 10px; background: transparent url('../images/banner-button-bg.gif') no-repeat left top; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; }
div.bannercontainer a.readmore:hover		{ background-position: bottom; }

/* image slider */
div#header											{ margin: 14px 0 32px 0; border: 1px solid #85C226; }

div#header div.topnav								{ padding: 4px 6px; background-color: #6CBF40; }
div#header div.topnav p#slide-client				{ float: left; margin: 0; color: #FFFFFF; font-size: 14px; font-weight: bold; }
div#header div.topnav p#slide-nav					{ float: right; margin: 0; } 
div#header div.topnav p#slide-nav a					{ display: inline-block; margin-left: 2px; padding: 2px 6px 1px 6px; background-color: #FFFFFF; text-align: center; line-height: 16px; }
div#header div.topnav p#slide-nav a:hover,
div#header div.topnav p#slide-nav a.on				{ background-color: #EEB51D; color: #FFFFFF; }
div#header div.topnav p#slide-nav a					{  }

div.wrap											{  }
div#top div#nav										{ float: left; clear:both; width:993px; height:52px; margin:22px 0 0; background:url url('../images/imageslider/nav-bg.png') 0 0 no-repeat; }
div#top div#nav ul									{ float: left; width:485px; height:52px; list-style-type:none; }
div#nav ul li										{ float: left; height:52px; }
div#nav ul li a										{ border:0; height:52px; display:block; line-height:52px; text-indent:-9999px; }
div#video-header									{ height:683px; margin:-1px 0 0; }
div#header div.wrap									{ height: 299px; width: 718px; margin: 0 auto; text-align: left;  }
div#header div#slide-holder							{ position: absolute; z-index: 40; width: 720px; height: 299px; }
div#header div#slide-holder div#slide-runner		{ overflow: hidden; position: absolute; top: 0; left: 0; width: 718px; height: 299px; }
div#header div#slide-holder img						{ margin:0; display:none; position:absolute; }

div#header div.discription							{ height: 36px; padding: 4px 6px; background-color: #6CBF40; }
div#header div.discription p						{ color: #FFFFFF; }



/* forms */

table.form-table							{ margin-top: 4px; border-top: 1px solid #CCC; }
table.form-table td							{ padding: 4px 2px; border-bottom: 1px solid #CCC; }
table.form-table td input.textfield			{ width: 316px; border: 1px solid #85c226; background-color: #eef5e3; }
table.form-table td select					{ border: 1px solid #85c226; background-color: #eef5e3; }
table.form-table td.input					{ text-align: right; }
table.form-table td.input span				{ color: #000; }

table.data-table							{ margin-top: 4px; border-top: 1px solid #CCC; }
table.data-table td							{ padding: 2px 2px; border-bottom: 1px solid #CCC; }
table.data-table td.label					{ font-weight: bold; }


/* banner header */
div.banner-gratisuitproberen								{ width: 287px; float: right; margin-right: 50px; }
div.banner-gratisuitproberen table							{ float: right; margin: 2px 0 6px 0; }
div.banner-gratisuitproberen table td						{ font: 11px "Trebuchet MS"; color: #989898; }
div.banner-gratisuitproberen a.button-gratisaanmaken		{ display: block; float: right; clear: both; width: 168px; height: 35px; background: transparent url('../images/onze-moodle-diensten-gratis-uitproberen_button.gif') no-repeat left top; }
div.banner-gratisuitproberen a.button-gratisaanmaken:hover	{ background-position: bottom; }

/* helpdesk - file upload */
					{  }
#upload_button		{ float: left; padding: 4px 6px; background-color: #6DBE41; color:#FFFFFF; font-weight:bold; }

#status_message					{ font-family:Arial; padding:5px; color:#3ab000; font-size:12px; font-weight:bold; }
ul#files_list					{ list-style:none; padding:0; margin:0; }
ul#files_list li				{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px; text-align:center;color:#ffffff;}
ul#files_list li img			{ max-width:180px; max-height:150px; }
.success						{ background:#85C226; border:1px solid #cccccc; }
.error							{ background:#f0c6c3; border:1px solid #cc6622; }