/* CSS Document */
 
 /* section names
 
 	algemeen
 
	diplomaopleidingen
	burgerensamenleving
	omgevingsrecht
	middelen 
	bestuurenmanagement
	persoonlijkeeffectiviteit
 */
 
 

* {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px;
	padding:0px;
}
/*
div {
	border:1px dotted red;
}
*/


body {
	font-size:0.75em;
	background-color:#d5d7da;
	padding : 5px 0 0 0;
}

#page {
	width:770px;
	margin:0px auto;
	/*background-color:#FFFFFF;*/
}
.clear {
		clear:both;
	}

/* Top */
#top {
	width:770px;
	height:118px;
	background:url(../images/style/top.gif) no-repeat 0px 0px;
}

#logo {
	float: left;
	width: 261px;
	height: 75px;
	padding: 3px 0 0 10px;
}

#logo img ,img{
	border:none;
}
	#meta_search {
		float : left;
	}
	#metanavigation {
		width:499px;
		text-align:right;
	}
	#metanavigation  ul, #metanavigation  ul li {
		list-style : none;
		margin     : 0px;
		padding    : 0px;
	}
	#metanavigation li{
		display:inline;
	}
	#metanavigation li a {
		padding : 0 10px 0 0;
		color :#009abc;
		font:bold 11px/17px Arial, Helvetica, sans-serif;
		text-decoration : none;
	}
	#metanavigation li a:hover {
		text-decoration : underline;
	}
	#meta_search #search {
		float : right;
		text-align:right;
		padding : 42px 0 0 0px;
		width :310px;
		_width :320px;
		#width : 320px;
	}
	#meta_search #search .text {
		float :left;
		margin: 0 5px 0 0;
		color:#4b2657;
		font-size:0.9em;
	}
	#meta_search #search .form {
		float :left;
		color:#4b2657;
		font-size:0.9em;
	}
	#meta_search #search input {
		width:75px;
		height:15px;
		font-size:0.9em;
		border:1px solid #4b2657;
		margin-top:-1px;
	}
	#search2 {
		height:15px;
		font-size:0.9em;
		border:1px solid #4b2657;
		margin-top:-1px;
	}
	#meta_search #search .text a {
		display:block;
		padding:1px 0 0 5px;
		color:#4b2657;
		text-decoration:none;
		margin-left:0px;
	}
	#meta_search #search .text a:hover {
		text-decoration:underline;
	}
	#top_visual_verleiders {
		background-color:#ffffff;
	}
	#top_visual {
		width  : 770px;
		height : 193px;
	}

	#top_verleiders {
		padding : 2px 0 2px 2px;
	}
	.top_veleider1, .top_veleider2, .top_veleider3, .top_veleider4 {
		float   : left;
		display : block;
		width   : 254px;
		height  : 44px;
		padding : 0 2px 0 0;
	}
	.top_veleider1{
		background:url(/images/banners/cursusgids.gif) no-repeat 0px 0px;
	}
	.top_veleider1:hover{
		background:url(/images/banners/cursusgids.gif) no-repeat 0px -47px;
	}
	.top_veleider2{
		background:url(/images/banners/inschrijven.gif) no-repeat 0px 0px;
	}
	.top_veleider2:hover{
		background:url(/images/banners/inschrijven.gif) no-repeat 0px -47px;
	}
	.top_veleider3{
		background:url(/images/banners/ontmoet_bazn.gif) no-repeat 0px 0px;
	}
	.top_veleider3:hover{
		background:url(/images/banners/ontmoet_bazn.gif) no-repeat 0px -47px;
	}
	.top_veleider4{
		background:url(/images/banners/nieuwsbrief.gif) no-repeat 0px 0px;
	}
	.top_veleider4:hover{
		background:url(/images/banners/nieuwsbrief.gif) no-repeat 0px -47px;
	}
	#topbg {
		background:#ffffff url(/images/menu_shadow.gif) repeat-x 0px 0px;
		height: 12px;
	}
	/* Content */
	#content_home {
		min-height: 0;
		padding : 0px 0px 2px 2px;
		background-color:#ffffff;
	}
	#content {
		min-height: 0;
		background-color:#ffffff;
	}
	#leftColumn_home, #rightColumn_home {
		float : left;
		margin-top :10px;
	}
	#leftColumn, #rightColumn {
		float   : left;
		padding : 10px;
	}
	
	.leftKolom {
		float: left;
		width: 259px;
	}
	.leftKnoppen {
		padding-left: 18px;
	}
	
	#rightColumn {
		min-height: 300px;
	}
	#leftColumn_home {
		width:487px;
		padding:7px 12px 0 12px;
		line-height:1.4em;
		border-right:1px solid #d9e2ec;
	}
	#leftColumn {
		margin-top:15px;
		padding-top:0px;
		padding-right:5px;
		width:234px;
		border-right:1px solid #d9e2ec;
		margin-right:10px;
		/* was 120px voor taart actie*/
		margin-bottom: 0px;
	}
	#leftColumn_home input {
		width:250px;
	}
	#leftColumn_home input.radio {
		width:30px;
	}
	#leftColumn_home input.checkbox {
		width:30px;
	}
	#leftColumn_home select {
		width:250px;
	}
	#leftColumn_home textarea {
		width:400px;
		height:60px;
	}
	#leftColumn_home .kop  {
		font-weight:bold;
	}
	#rightColumn_home {
		width: 230px;
		padding:7px 12px 0 12px;
	}
	#rightColumn {
	width:500px;
	padding:0px;
	padding-top:10px;
	line-height:1.4em;
	}
	#rightColumn input {
	width:250px;
}
#rightColumn input.radio {
	width:30px;
}
#rightColumn input.checkbox {
	width:30px;
}
#rightColumn select {
	width:250px;
}
#rightColumn textarea {
	width:400px;
	height:60px;
}
#rightColumn .kop  {
	font-weight:bold;
}
	#special_clusters {
		padding : 15px 0 0 0;
	}
	.insetLeft, .insetRight {
		float:left;
		width:210px;
	}


.contentColumn {
	float:left;
	width:486px;
	padding-top:5px;
}
.right {
	float:right;
}

/* intro */
#intro h3 {
	color:#f19600;
}
	#intro .contact_left {
		float       : left;
		width       : 70px;
		font-size   : 12px;
		line-height : 20px;
	}
	#intro .contact_right {
		float       : left;
		width       : 115px;
		font-size   : 12px;
		line-height : 20px;
	}
	
	#intro .contact_left b, #intro .contact_right a {
		color : #003e80;
	}
	#intro .contact_right b  {
		color : #ea9600;
	}
	.horizon_line_right {
		padding : 15px 0 10px 0;
	}
	#intro h2, #news h2, #bannerbuttons h2  {
		font-size :16px;
		line-height : 16px;
	}
	#bannerbuttons i {
		color :#003e80;
	}
/* news */

#news .message .title {
	font-weight:normal;
}

#news h3 {
	background-image:url(../images/style/bullets/arrow_algemeen.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:8px;
}

#bannerbuttons {
	margin-top:0px/*15px*/;
}

.bannerbutton {
	margin: 15px 0 0 0;
}

.bannerbutton img {
	border:none;
}

/* table */
.bannerbuttonbox {
	float:left;
	width:150px;
	height:39px;
	border-collapse:collapse;
	border-spacing:inherit;
	position:relative;
	top:1px;
}

.bannerbuttonbox td {
	text-align:center;
	vertical-align:middle;
	border:1px solid #f7c470;
	font-weight:bold;
	color:#ea9600;
}

.bannerbuttonbox td a {
	text-decoration:none;
}

a:hover .bannerbuttonbox {
	background-color:#ea9600;
	color:#FFFFFF;
}

a:hover .bannerbuttonbox td {
	background-color:#ea9600;
	border:1px solid #ea9600;
	color:#FFFFFF;
}

#footer {
	position:relative;
	clear:both;
	background:url(/images/style/footer_bg.gif) no-repeat 0px 0px;
	width:770px;
	height:132px;
	overflow: hidden;
	margin-top: 4px;
}

.footer_blok1 {
	float: left;
	width: 132px;
	height: 74px;
	display: block;
	padding: 9px 0px 0px 12px;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok1 a {
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
	text-decoration: none;
}
.footer_blok1 a:hover {
	text-decoration: underline;
}

.footer_blok2 {
	float: left;
	width: 141px;
	height: 74px;
	display: block;
	padding: 9px 0px 0px 24px;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok2 b {
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok2 a {
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
	text-decoration: none;
}
.footer_blok2 a:hover {
	text-decoration: underline;
}

.footer_blok3 {
	float: left;
	width: 180px;
	height: 74px;
	display: block;
	padding: 9px 0px 0px 24px;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok3 a {
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
	text-decoration: none;
}
.footer_blok3 a:hover {
	text-decoration: underline;
}

.footer_blok4 {
	float: left;
	width: 113px;
	height: 74px;
	display: block;
	padding: 9px 0px 0px 24px;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok4 b {
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok4 a {
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
	text-decoration: none;
}
.footer_blok4 a:hover {
	text-decoration: underline;
}

.footer_blok5 {
	float: left;
	width: 110px;
	height: 74px;
	display: block;
	padding: 9px 0px 0px 10px;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}
.footer_blok5 b {
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #686868;
}

.footer_logo {
	float: left;
	width: 187px;
	padding-top: 2px;
}

.footer_text {
	float: left;
	width: 583px;
	padding-top: 22px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #4c2858;
}
.footer_text a {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #4c2858;
	text-decoration: none;
}
.footer_text a:hover {
	text-decoration: underline;
}



#footer em {
	color:#FFF;
}

#fontyslogo {
	position:absolute;
	left:10px;
	top:10px;
}

#fontyslogo img {
	border:none;
}

#fontystext {
	position:absolute;
	left:65px;
	top:24px;
	color:#eaeff4;
	font-size:0.8em;
}

#socialmedia {
	position: absolute;
	left: 653px;
	color: #0a3a7e;
	width: 105px !important;
	font-size: 1.2em;
	padding-top: 0px !important;
	margin-top: -23px;
}

#disclaimer {
	position:absolute;
	left:9px;
	top:52px;
	font-size:0.8em;
}
#disclaimer a {
	color: #777;
	text-decoration: none;
}

#content .message a {
	color:#f19600;
	text-decoration:none;
}

#content .message a:hover {
	text-decoration:underline;
}

H1 {
	color:#0a3a7e/*f19600*/;
	font-weight:bold;
	font-size:1.35em;
}
	H1.op_en_cur {
		font-family:Arial, Helvetica, sans-serif;
		color:#4b2657;
		font-weight:normal;
		font-size:20px;
	}

H2 {
	margin-top:10px;
	color:#009abc;
	font-weight:bold;
	font-size:1.2em;
}

.cluster h2 {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1em;*/
	font-size : 14px;
}

H3 {
	margin-top:5px;
	font-weight:bold;
	font-size:1em;
	margin-top:2px;
}

.links {
	margin-top:5px;
	margin-bottom:5px;
}

.cluster .links {
	margin-top:0px;
}


.links li {
	list-style:none;
	margin:0px;
}

.links li a {
	padding-top:1px;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:8px;
	text-decoration:none;
	display:block;
	_float:left;
	clear:left;
}

.links li a:hover {
	text-decoration:underline;
}

.links li a {
	background-image:url(../images/style/bullets/arrow_algemeen.gif);
}

.links li ul{
	list-style:none;
	margin-left:10px;
}

/* Special clusters */

	.leftcluster_home {
		float:left;
		padding :0 35px 0 0;
	}
	.rightcluster_home {
		float:left;
		padding :4px 0 0 0;
	}
.cluster {
	width:210px;
	#margin: 2px 0 0 0;
	padding :2px 0 0 0;
}

.cluster.special {
	padding:7px;
	padding-top:5px;
	background-color:#e5d0ec;
	border: 1px solid #e5d0ec;
	margin-bottom:10px;
	_width:210px;
	color: #4b2657;
}

.cluster.special h2 {
	margin-top:0px;
	color: #4b2657;
}
.cluster.special ul {
	margin-bottom:0px;
}

.linksspecial li a {
	background-image:url(/images/style/bullets/arrow_paars.gif);
	color: #4b2657;
}

.linksspecial li {
	list-style:none;
	margin:0px;
}

.linksspecial li a {
	padding-top:1px;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:8px;
	text-decoration:none;
	display:block;
	_float:left;
	clear:left;
}

.linksspecial li a:hover {
	text-decoration:underline;
}

	#hoofditems {
		line-height:.5em;
		margin:15px 0px 10px 0px;
	}
	.opleidingenTabsArrow, .opleidingenActiveTabsArrow {
		float : left;
		padding : 5px 10px 5px 10px; 
		margin-right:2px;
		font-weight :bold;
		cursor :pointer;
	}
	.opleidingenTabsArrow:hover, .opleidingenActiveTabsArrow:hover {
		text-decoration : underline;
	}
	.opleidingenActiveTabsArrow {
		background-color:#d8dee5;
		margin : 0 10px 0 0; 
	}
	#line_under_tabs {
		height : 2px;
		background-color:#d8dee5;
		width : 100%;
		clear:both;
	}
	#itemsTabs {
		padding : 10px 0 0 0;
	}
	#itemsTabs p {
		padding : 0 0 5px 0;
	}
	.displayHeaderContent {
		display : none;
	}
	
	.cursustable {
		width:100%;
		border-collapse:collapse;
		border:1px solid;
		margin: 15px 0 0 0;
	}
.cursustable TD {
	padding:4px;
	vertical-align:top;
}
#timetable TH {
	text-align:left;
}
.cursustable H4 {
	font-size:11px;
}
#timetable {
	width:99%;
	border:none;
}
#timetable TD {
	border:none;
	padding:0px;
	width:33%;
}

label {
	width:200px;
	display:block;
	float:left;
}
#printaddress {
	display:none;
}
/* Diplomaopleidingen */

.vakgebied {
	background:#FFFFFF;
	width:250px;
	margin-left:-10px;
	padding-left:10px;
	_padding-left:20px;
	_margin-right:-10px;
	margin-bottom:-10px;
	margin-top:10px;
	padding-top:20px;
}

.programmaHidden {
	display: none;
}
.programmaShown {
	display: inline;
}

.formachtergrond {
	padding:10px;
	border:solid 1px #e5d0ec;
	background:#e5d0ec;
}

#content_home:after {
	clear: both;
	height: 0;
	display: block;
	content: "";
}
#content:after {
	clear: both;
	height: 0;
	display: block;
	content: "";
}