body {
	margin:0px; padding:0px;
	background: #fff url(../images/frontend/bgpatt.gif);
	font-family: Arial;
	font-size: 12px;
}


a {
	color: inherit !important;
}

a:hover{
	text-decoration: underline;
}

a.yellowLink {
	color:#FFED00;
	margin-left: -5px !important;
}

a.greyLink {
	color:#929292;
	margin-left: -5px !important;
	text-decoration: underline;
}

#main {
	
	width:100%;
	height: 100%;
}

.frontpage_container {
	width:800px;
	margin:0 auto;
	margin-top:25px;
	background-color: #000;
	color: #FFF;
	padding: 20px;	 
}

.container {
	width:800px;
	margin:0 auto;
	margin-top:25px;
	background-color: #FFF;
	color: #000;
	padding: 20px;	 
}

#header {
	height:68px;
	display:block;
	text-align:left;
	border-color: inherit;
	border-bottom: 2px solid;
}

.frontpage_container #header {
	background: transparent url(../images/frontend/logo_frontpage.png) no-repeat top left;
}

.container #header {
	background: transparent url(../images/frontend/logo.png) no-repeat top left;
}

#searchForm
{
	float: right;
}

#searchForm input#search
{
	width: 150px; 
	border: 1px solid #fff;
	background-color: #929292;
	margin-top: 25px;
	font-size: 10px;
	height: 15px;
	margin-right: -4px;
	border-right: 0px !important;
}

#searchForm input#searchButton
{
	width: 50px; 
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
	margin-top: 25px;
	font-size: 10px;
	margin-right: 10px;
	border-left: 0px !important;
}

#menuHeader
{
	
	height:38px;
	display:block;
	text-align:left;
	border-color: inherit;
	border-top: 1px solid;
	border-bottom: 1px solid;
	
}

ul#topMenu
{
	padding-left: 20px;
}

ul#topMenu li
{
	list-style-type: none;
	float: left;
	margin-right: 10px;
}

ul#topMenu li a
{
	text-decoration: none;
}

#slider {
	height:300px;
	margin-left:8px;
	display:block;
	text-align:left;
	
}

#contentCenter{
	border-top:1px dotted;
	margin-left:8px;
	margin-top:15px;
}

.contentTitle2 { 
	background-color:#FFED00;
	font-size:25px;
	margin-top:-189px;
	position:absolute;
	text-decoration: underline ;
	font-style: italic ;
	font-weight:normal;
	margin-left: 20px;
	height:30px;
}


.contentTitle
{
	color:#000 !important;
	font-size: 25px;
	font-weight: bold;
	background-color:#FFED00;
	margin-top:-220px;
	position:absolute;
	text-decoration: underline ;
	margin-left: 20px;
}

.frontpage_container h1.contentTitle2
{
	color:#000 !important;
}

.contentTitle h1 {
	font-size: 30px;
	line-height:0;
	z-index: 10;
}

.groupView
{
	margin-top:-206px !important;
}

.frontpage_container h1.contentTitle2
{
	font-weight: bold !important;
	margin-top:-200px !important;
	font-style: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size:35px !important;
	margin-top:-195px !important;
	height: 41px !important;
}

.frontpage_container h1.contentTitle
{
	font-weight: normal !important;
	font-style: italic !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size:35px !important;
	height: 41px !important;

}



#contentCenter table td.siteinfo {
	padding-left: 10px;
	padding-bottom: 10px;
}


#contentCenter .course_list {
}

#contentCenter .course_list td {
	border-bottom: 1px dotted;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height:20px;
}

#contentCenter .course_list td a {
	color: #FFF;
}

#contentCenter .course_list tr:hover a {
	color: inherit;
}

#contentCenter .course_list tr:hover {
	background-color: #FFED00;
}

#contentCenter .course_list tr.nohover:hover {
	background-color: inherit;
}

#contentCenter .course_list td.first {
	padding-left: 10px;
}

#contentCenter .course_list td.last {
	padding-right: 10px;
}

#contentLeft {
	float: left;
	height: auto;
	width: 161px;
}

#contentLeft #leftMenuHeader {
	margin-top: -16px;
}

#contentLeft #leftMenuHeader h1 {
	background-color: #000;
	color: #FFF;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 2px;
}

#contentRight {
	float: right;
	height: auto;
	width: 630px;
	border-left: 1px dotted #000000;
}

#cursusZoeker
{
	height: 51px;
	margin-top: 10px;
	background: transparent url(../images/frontend/cursusbg.png);
	padding: 5px;
}

#cursusZoeker form {
	margin-left: 185px;
	padding-top:8px;
}

#cursusZoeker .yellowArea
{
	height: 50px;
	background: #ffed00 url(../images/frontend/cursuszoeker.png) left center no-repeat;
}

#cursusBlocks
{
	height: auto;
	margin-top: 10px;
	padding:0px;
	text-align: left;
	height:133px;
}

#cursusBlocks .block1, #cursusBlocks .block2, #cursusBlocks .block3, #cursusBlocks .block4
{
	height:133px;
	width: 183px;
	float: left;
	margin:0px;
	cursor: hand;
	cursor: pointer;
}

.block1 { background: transparent url(../images/frontend/block1_bw.png) left center no-repeat;}
.block2 { margin-left: 20px !important; background: transparent url(../images/frontend/block2_bw.png) left center no-repeat;}
.block3 { margin-left: 20px !important; background: transparent url(../images/frontend/block3_bw.png) left center no-repeat;}
.block4 { margin-left: 20px !important; background: transparent url(../images/frontend/block4_bw.png) left center no-repeat;}

.block1:hover { background: transparent url(../images/frontend/block1.png) left center no-repeat;}
.block2:hover { margin-left: 20px !important; background: transparent url(../images/frontend/block2.png) left center no-repeat;}
.block3:hover { margin-left: 20px !important; background: transparent url(../images/frontend/block3.png) left center no-repeat;}
.block4:hover { margin-left: 20px !important; background: transparent url(../images/frontend/block4.png) left center no-repeat;}

#frontList 
{
	margin-top: 20px;
	padding: 0px;
	height: 410px;
	border-bottom: 8px solid #58585a;

}

#frontList h1
{
	font-size: 12px;
	border-bottom: 1px solid #58585a;
	padding-left: 10px;
	padding-bottom: 7px;
	font-weight: bold;
}

#frontList .news, #frontList .agenda 
{
	width: 389px;
	float: left;
	border-top: 2px solid #58585a;
}

#frontList .news .nieuwsItemFront
{
	border-bottom: 1px dotted #58585a;
	padding-left: 10px;
}

#frontList .news .nieuwsItemFront h2
{
	font-size: 11px;
	color: #ffed00;
}

#frontList .news .linkall, #frontList .agenda .linkall 
{
	padding-left: 10px;
	margin-top: 15px;
}

a.leesmeer
{
	color: #ffed00;
	text-decoration: none;	
}


.agenda
{
	margin-left: 20px;
}


#frontList .agenda .agendaItemFront
{
	border-bottom: 1px dotted #58585a;
	padding-left: 10px;
}

#frontList .agenda .agendaItemFront .date
{
	color: #ffed00;
	text-decoration: none;	
	font-size: 13px;
	float: left;
	width: 120px;
}

#courseList
{
	min-height: 195px;
	background-color:#ffed00;
	padding:20px;
	padding-top:1px !important;	
	color: #58585a;
	border-bottom: 1px solid #998e00;
	margin-top:10px;
	font-size: 10px;
}

#courseList h1
{
	font-size: 14px;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
	
}

#courseList #aanbodTable
{
	margin-top: -10px;
}

#courseList #aanbodTable td
{
	height: 150px;
	vertical-align: top;
}

#aanbodTable td.aanbodtd 
{
	border-right: 1px dotted #000;
}

#aanbodTable td.aanbodTab4, #aanbodTable td.aanbodTab2, #aanbodTable td.aanbodTab3 
{
	padding-left: 10px;
}

#courseList #aanbodTable h2
{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}

#information
{
	min-height: 165px;
	background-color:#fff;
	padding:20px;	
	color: #58585a;
	border-bottom: 1px solid #929292;
	margin-top:0px;
	font-size: 10px;
	padding-top: 1px !important;
}

#information h1
{
	font-size: 14px;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
	
}

#information #informatieTable
{
	margin-top: -10px;
}

#information #informatieTable td
{
	vertical-align: top;
	padding:5px;
	height: 100px;
}

#informatieTable td.informatieTab1, #informatieTable td.informatieTab2, #informatieTable td.informatieTab3 
{
	border-right: 1px dotted #000;
}

#informatieTable td.informatieTab3a4a {
	border-top: 1px dotted #000;
}

#informatieTable td.informatieTab4, #informatieTable td.informatieTab2, #informatieTable td.informatieTab3 
{
	padding-left: 10px;
}

#information #informatieTable h2
{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}

#footer
{
	padding-left: 35px;
	margin-top: 10px;
	font-size: 10px;
	
}

#nonheader
{
	background-color: #000;
	width: 100%;
	
}

#left_menu{
	width: 158px;
	height: auto;
	margin: 2px;
	float:left;
	
}

#right_content{
	width: 817px;
	height: auto;
	margin: 1px;
	float:right;
	
}

#maincontent{
	margin-top:10px;
}

.menuheaders {
	padding: 5px;
	font-weight: bold;
	border-top: 1px solid;
}

div.menuheaders:hover {
	background-color: #FFFAAF;
	cursor: pointer;
}

.menucontents {
	margin-left: -39px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.menucontents li {
	list-style-type: none;
	padding: 5px;
	border-top: 1px dotted;
}

.menucontents li.active {
	background-color:#FFED00;
}



.menucontents li:hover {
	background-color: #FFED00;
	cursor: pointer;
}

#contentCenter li {
	list-style-type: none;
}


.yellowArea #searchPhrase
{
	margin-top: 5px;
	margin-left: 7px;
	border: 0px;	
	background:#f3f3f3;
	width: 330px;	
	float: left;
	
}

.yellowArea .baseonDiv2
{
	background: transparent url(../images/frontend/inputbox.png) left top no-repeat;
	width: 350px;
	height: 34px;
	float: left;
}

.yellowArea #searchButton
{
	background: transparent url(../images/frontend/zoekbutton.png) left top no-repeat;
	border: 0px;
	width: 86px;
	height: 34px;	
	
	float: left;
}


.yellowArea .baseonDiv
{
	background:transparent url(../images/frontend/dropdown.png) no-repeat scroll left center;
	height:34px;
	width:140px;	
	float: left;
}

.yellowArea #baseon
{
	border:0 none;
	background:#f3f3f3;
	width: 105px;	
	float: left;
	margin-top: 7px;
	margin-left: 4px;
	
	
}

.notice {
	font-size: small;
	font-weight: bold;
	font-style: italic;
	margin-left:8px;
}

.checkbox_list
{
	padding-left:0px;
}