html, body {
height				: 100%;
}

body {
padding				: 0px;
margin				: 0px;
font-family			: Arial, Helvetica, sans-serif;
font-size				: 100%;
background			: url(../img/bg_main.gif) top repeat-x;
color				: #000;	
}

h1 {
font-size				: 1.66em;
font-weight			: normal;
font-style			: italic;
line-height			: 1em;
font-family			: Georgia, "Times New Roman", Times, serif;
padding				: 20px 37px 0.6em 37px;
margin				: 0px;
color				: #000;
text-transform			: none;
}

h2 {
font-size				: 0.75em;
line-height			: 0.75em;
font-weight			: bold;
padding				: 0px 0px 0px 37px;
margin				: 0px;
color				: #f89627;
}

h2 span{
display				: none;
}

h3 {
font-size				: 0.75em;
line-height			: 1.66em;
font-weight			: bold;
padding				: 5px 0px 0px 0px;
margin				: 0px;
color				: #f89627;
}

h3 span{
font-weight			: normal;
color				: #000;
}


h4 {
font-size				: 0.75em;
line-height			: 1.66em;
font-weight			: bold;
padding				: 10px 0px 0px 0px;
margin				: 0px;
color				: #000;
}

h5 {
font-size				: 0.75em;
line-height			: 1.66em;
font-weight			: normal;
padding				: 0px 0px 0px 0px;
margin				: 0px;
color				: #666;
}

p {
font-size				: 0.75em;
font-weight			: normal;
line-height			: 1.66em;
padding				: 0px;
margin				: 0px;
color				: #000;
}

a {
text-decoration		: none;
color				: #f89627;
cursor				: pointer;
}

a:hover {
text-decoration		: underline;
}

a:visited {
text-decoration		: #d87f19;
}

ul {
list-style			: square;
font-weight			: normal;
padding				: 0px 0px 0.6em 20px;
margin				: 0px;
color				: #000;
font-size				: 0.75em;
line-height			: 1.66em;
}

ol {
list-style			: decimal;
font-weight			: normal;
padding				: 0px 0px 0.6em 20px;
margin				: 0px;
color				: #000;
font-size				: 0.75em;
line-height			: 1.66em;
}

label {
font-size				: 12px;
font-weight			: normal;
line-height			: 1.66em;
padding				: 0px;
margin				: 0px;
color				: #000;
}

td label {
font-size				: 12px;
}


/* Layout -----------------------------------------*/

.container {
position				: relative;
background			: transparent url(../img/bg_container.png) repeat-y top center;
width				: 960px;
min-height			: 100%;
height				: auto !important;
height				: 100%;
margin				: 0 auto;
}

.logo {
height				: 124px;
}

.nav {
width				: 925px;
height				: 33px;
margin				: 0px 19px 0px 18px;
background			: transparent url(../img/bg_nav.gif) repeat-x;
}

.nav ul {
list-style			: none;
}

.nav li {
float				: left;
list-style			: none;
}

.nav li span{
display				: none;
}

.nav li a {
display				: block;
height				: 33px;
}

.nav li a:hover {
background-position		: 0px -33px;
}

.nav li a.selected,
.nav li a.selected:hover {
background-position		: 0px -66px;
}

.nav li a.home 	{ background-image: url(../img/nav_home.gif); width: 105px;}
.nav li a.visie 	{ background-image: url(../img/nav_visie.gif); width: 95px;}
.nav li a.cm 		{ background-image: url(../img/nav_cm.gif); width: 277px;}
.nav li a.agenda 	{ background-image: url(../img/nav_agenda.gif); width: 118px;}
.nav li a.contact 	{ background-image: url(../img/nav_contact.gif); width: 118px;}

.nav .menu ul.sub_nav {
float				: left;
margin				: 0px;
padding				: 0px;
}

.nav .menu ul.sub_nav li {
color				: #000;
background-image		: none;
float				: none;
font-weight			: bold;
margin				: 0px;
padding				: 0px;
}

.nav .menu ul.sub_nav li a, 
ul#topnav .menu ul.sub_nav li a:link, 
ul#topnav .menu ul.sub_nav li a:visited {
background-color		: transparent;
color				: #000;
font-weight			: normal;
height				: 100%;
text-decoration		: none;
padding				: 4px 6px;
}

.nav .menu ul.sub_nav li a:hover {
background-color		: #f8b56a;
color				: #000;
text-decoration		: none;
}

.nav .menu ul.sub_nav li a:active {
background-color		: transparent;
color				: #000;
text-decoration		: none;
}

.nav li .menu {
display				: none;
background-color		: #f7d4ad;
border-bottom			: 3px solid #f89627;
padding				: 4px 0px 12px 10px;
position				: absolute;
top					: 157px;
left					: 238px;
width				: 237px;
font-size				: 1.35em;
}

.nav li:hover .menu {
display				: block;
padding				: 10px 20px;
}

.nav li.over .menu {
display				: block;
height				: 1%;
width				: 267px;
}

.nav .menu hr.menuline {
background-color		: #f89627;
color				: #f89627;
border				: none;
height				: 1px;
margin				: 0px 0px;
line-height				: 0px;
padding				: 0px;
clear				: both;
}

.nav .menu .sub_menu_category {
float				: none;
margin				: 5px 0px;
}


.footer {
float				: left;
display				: inline;
width				: 925px;
height				: 33px;
margin				: 20px 19px 20px 18px;
padding				: 5px 0px;
border-top			: 1px solid #d0d0d0;
font-size				: 0.625em;
}

.footer span {
color				: #f89627;
}

.footer .algvw 	{ float: left;}
.footer .copyright 	{ float: right;}

/* Content -----------------------------------------*/

.content {
float				: left;
display				: inline;
width				: 941px;
margin				: 0px 9px 0px 10px;
background			: url(../img/bg_content.gif) repeat-y;
}

.content_header {
width				: 941px;
height				: 55px;
}

/* Content: left -----------------------------------------*/

.content_left {
float				: left;
width				: 530px;
}

.content_left .maintext {
width				: 430px;
min-height			: 250px;
height				: auto !important;
height				: 250px;
background			: url(../img/bg_maintext.gif) no-repeat;
background-position		: 8px 24px;
padding				: 20px 20px 10px 55px;
}

.content_left .cm_content {
float				: left;
display				: inline;
margin				: 0px 0px 10px 35px;
padding				: 0px;
width				: 460px;
min-height			: 380px;
height				: auto !important;
height				: 380px;
}

.content_left .cm_content h2 {
padding				: 0px 0px 0.6em 0px;
}

.content_left_footer {
float				: left;
width				: 530px;
height				: 38px;
}


.content_left table {
width				: 460px;
background-color		: #FFFFFF;
border-top			: 1px solid #f89627;
border-bottom			: 1px solid #f89627;
font-size				: 0.75em;
}

.content_left table tr.even {
background-color		: #f3f3f3;
}

.content_left table td {
padding				: 2px;
}

.content_left table td.title {
padding-left			: 5px;
}

.content_left table td.title a {
color				: #000;
}

.content_left table td.title a:hover {
color				: #d87f19;
}

.content_left table td.btn_inschrijven_mini {
width				: 24px;
}

.content_left table td.btn_more { 
width				: 58px;
}

.cm_content h4 {
padding-left			: 5px;
}

/* Agenda-items & User Cases -----------------------------------------*/
form.contact_formulier {
margin				: 0px;
padding				: 0px;
}

form.contact_formulier table {
width				: 430px !important;
border				: 0px;
}

/* Agenda-items & User Cases -----------------------------------------*/
.agendaitems {
float				: left;
display				: inline;
width				: 430px;
padding				: 0px 0px 0px 4px;
}

.agendaitem {
float				: left;
width				: 460px;
margin				: 5px 0px 5px 0px;
padding				: 0px 0px 10px 0px;
border-bottom			: 1px solid #f89627;
}
 
.agendaitem .date {
float				: left;
background			: url(../img/bg_agenda_date.gif) no-repeat;
color				: #666666;
font-size				: 1.5em;
text-transform			: uppercase;
text-align			: center;
width				: 43px;
height				: 50px;
margin				: 0px 10px 40px 0px;
padding				: 0px 0px 0px 0px;
}
 
.agendaitem .date span {
color				: #FFFFFF;
font-size				: 0.35em;
text-transform			: uppercase;
text-align			: center;
line-height			: 1.66em;
padding				: 0px 1px 2px 0px;
display				: block;
}

.agendaitem_content {
float				: left;
width				: 340px;
}

.agendaitem h4,
.agendaitem h5,
.agendaitem p {
float				: left;
padding				: 0px;
width				: 340px;
}
 
.agendaitem .btn_more a {
float				: right;
margin				: 60px 2px 0px 0px;
}

.single_item {
border				: 0px;
}

.single_item h4,
.single_item h5,
.single_item p {
width				: 405px;
}

.single_item ul {
float				: left;
display				: inline;
width				: 385px;
margin				: 10px 0px 10px 20px;
padding				: 0px;
}

/* Content: right -----------------------------------------*/

.content_right {
float				: left;
width				: 411px;
}

.content_right table {
width				: 380px;
background-color		: #FFFFFF;
border-left			: 4px solid #fb9b2f;
margin-left			: 9px;
font-size				: 0.75em;
}

.content_right table tr.even {
background-color		: #fef2e5;
}

.content_right table td {
padding				: 2px;
}

.content_right table td.title {
padding-left			: 10px;
}

.content_right table td.title a {
color				: #000;
}

.content_right table td.title a:hover {
color				: #d87f19;
}

.content_right table td.date {
width				: 75px;
font-size				: 0.916667em;
color				: #d87f19;
text-align			: center;
}

.content_right table td.btn_more { 
width				: 58px;
}

.content_right ul.buttons  {
list-style			: none;
margin				: 15px 8px 15px 50px;
padding				: 0px;
height				: 25px; 
}

.content_right .buttons li { 
float				: left;
margin				: 0px 8px 0px 0px;
}

.content_right .buttons li span { 
display				: none;
}

.content_right_image {
width				: 402px;
height				: 267px;
}

.content_right_image iframe {
float				: left;
}

/* Buttons -----------------------------------------*/

a.btn_leesmeer {
display				: block;
width				: 148px;
height				: 31px;
background			: url(../img/btn_leesmeer.gif) no-repeat;
background-position		: 0px 0px;
margin				: 10px 0px 0px 270px;
}

a.btn_leesmeer:hover {
background-position		: 0px -31px;
}

a.btn_leesmeer span {
display				: none;
}

a.btn_inschrijven {
float				: right;
display				: block;
width				: 155px;
height				: 31px;
background			: url(../img/btn_inschrijven.gif) no-repeat;
background-position		: 0px 0px;
margin				: 10px 0px 0px 0px;
}

a.btn_inschrijven:hover {
background-position		: 0px -31px;
}

a.btn_inschrijven span {
display				: none;
}

.single_item a.btn_inschrijven {
float				: right;
margin				: 10px 0px 0px 0px;
}

.btn_more a {
display				: block;
width				: 56px;
height				: 17px;
background			: url(../img/btn_meer.gif) no-repeat;
background-position		: 0px 0px;
}

.btn_more a:hover {
background-position		: 0px -17px;
}

.btn_inschrijven_mini a {
display				: block;
width				: 20px;
height				: 17px;
background			: url(../img/btn_inschrijven_mini.gif) no-repeat;
background-position		: 0px 0px;
}

.btn_inschrijven_mini a:hover {
background-position		: 0px -17px;
}

a.btn_introductie  {
float				: left;
display				: inline-block;
width				: 94px;
height				: 17px;
background			: url(../img/btn_introductie.gif) no-repeat;
background-position		: 0px 0px;
margin				: 22px 0px 0px 18px;
}

a.btn_introductie:hover {
background-position		: 0px -17px;
}

.btn_naaroverzicht a {
display				: block;
width				: 152px;
height				: 25px;
background			: url(../img/btn_naaroverzicht.gif) no-repeat;
background-position		: 0px 0px;
}

.btn_naaroverzicht a:hover {
background-position		: 0px -25px;
}

.btn_directinschrijven a {
display				: block;
width				: 171px;
height				: 25px;
background			: url(../img/btn_directinschrijven.gif) no-repeat;
background-position		: 0px 0px;
}

.btn_directinschrijven a:hover {
background-position		: 0px -25px;
}

/* Buttons -----------------------------------------*/

ul.pagination {
display				: inline;
float				: right;
font-size			: 0.7em;
list-style-type		: none;
margin				: 5px 0px;
padding				: 0;
}

ul.pagination li {
display				: inline;
float				: left;
margin				: 0 0 0 3px;
padding				: 0;
}

ul.pagination li a {
display				: block;
float				: left;
height				: 16px;
margin				: 0;
padding				: 0px 0 2px;
text-align			: center;
text-decoration		: none;
width				: 17px;
color				: #000;
border				: 1px solid #e6e6e6;
background			: url(../img/bg_pages.gif) repeat-x;
}

ul.pagination li a:hover {
text-decoration		: none;
border				: 1px solid #f89627;
}

ul.pagination li a.active, ul.pagination li a.active:hover {
border				: 1px solid #f89627;
background-image	: none;
background-color	: #f89627;
color				: #FFFFFF !important;
}

ul.pagination li a.previous { background:url(../img/bg_pages_prev.gif) no-repeat top center; }
ul.pagination li a.next 	{ background:url(../img/bg_pages_next.gif) no-repeat top center; }