
html {
	font:normal 12px 'Arial',sans-serif;
	background:#eff0f2;
	color:#575757;
	overflow: -moz-scrollbars-vertical;
}

.hidden { display:none; }

.wrapper {
	width:1005px;
	margin:0 auto;
}


#header {
	position:fixed;
	background:#fff;
	border-bottom:1px solid #cacaca;
	width:100%;
    z-index:1000;
}

#header .wrapper {
	height:90px;
	text-align:right;
}

#header .logo {
	float:left;
	width:182px;
	height:89px;
	cursor:pointer;
	background:url(../media/layout/logo.jpg) no-repeat;
}

#header ul {
	padding-top:60px;
	font-size:14px;
}

#header ul li {
	display:inline;
	padding:0 15px;
}

#header ul a:before,
.col li:before,
#footer .wrapper a:before {
	content:url(../media/layout/top_bull.gif);
}

#topmenu li {
	background:url(../media/layout/topbg.jpg);
	padding:10px 1px;
	float:right;
}

#header .wrapper ul li a {
	color:#575757;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

#header .wrapper ul li a:hover {
	color:#eb6e1e;
	border-bottom:1px dashed #eb6e1e;
	/*font-weight:600;*/
}

#content .wrapper {
	padding:140px 0 110px 0;
    position:relative;

}


#content #top_scroll {
	width:592px;
	height:237px;
	overflow:hidden;
	border:1px solid #eff0f2;
	float:left;
}

#top_scroll .scrollable .items {
	position:absolute;
	height:2000em;
}

#map area {
	cursor:pointer;
}

#top_scroll_menu {
	font-size:11px;
	width:401px;
	height:237px;
	border:1px dotted #eff0f2;
	float:right;
}

#top_scroll_menu #toplink {
	width:122px;
	height:19px;
	padding:9px 15px 9px 15px;
	background:#eb6e1e;
	color:#fff;
	margin-bottom:1px;
}

#top_scroll_menu a {
	text-decoration:none;
	color:#fff;
}

#top_scroll_menu .scroller {
	height:199px;
	width:100%;
	overflow-y:scroll;
}

#top_scroll_menu .scroller ul li {
	background:url(../media/layout/orange_check.jpg);
	margin-bottom:1px;
	overflow-y:hidden;
	display:block;
	height:19px;
	padding:11px 15px 9px 15px;
}

#top_scroll_menu .scroller ul .last {
	margin-bottom:0px;
}

#top_scroll_menu .scroller ul li:hover,
#top_scroll_menu .scroller ul #selected {
	background:#eb6e1e;
}

#top_scroll_menu .scroller ul #selected {
	font-weight:900;
}

#top_scroll_menu .scroller ul a {
	color:#fff;
	text-decoration:none;
	display:block;
}


#content .left {
	width:592px;
	height:227px;
	float:left;
	background:#fff;
    padding-bottom:10px;
    text-align:justify;
	overflow-y:scroll;
}

.left h2,
#bigside h3 {
	font-size:24px;
	font-weight:900;
    padding:5px 10px;
}

.left p{
    padding:5px 10px;
}

.left ul,
#bigside ul {
	list-style-position:inside;
	margin:5px 15px;
}
#bigside ul a {
	color:#eb6e1e;
	text-decoration:none;
}
#bigside ul a:hover {
	border-bottom:1px dotted #eb6e1e;
}

#content .right {
	font-size:12px;
	width:401px;
	height:237px;
	float:right;
    padding:0;
	background-color:#fff;
	margin:-237px 0 0 0;
}

#bigcloud_data a,
#clouddata a {
	text-decoration:none;
	color:#575757;
	margin:0 5px;
}

#bigcloud_data a:hover,
#clouddata a:hover { color:#eb6e1e; }

#content .threecols {}

#content .threecols .col {
    position:relative;
    float:left;
    width:325px;
    height:237px;
    margin:0px 10px 0 0;
    background:#fff;
}

#content .threecols .rite {
    float:right;
    width:333px;
    height:237px;
    margin:0;
    background:#fff;
}

.col h3 {
    padding:10px;
    font-size:14px;
    font-weight:900;
}

.col ul {
    list-style-position:inside;
}

.col ul li {
    display:block;
    padding:8px 10px;
	font-size:12px;
    background:url(../media/layout/rite_bottomborder.jpg) no-repeat bottom left;
}

.col ul a {
    text-decoration:none;
    color:#575757;
}

.botbutton {
    position:absolute;
    bottom:0px;
    right:0px;
    float:right;
    z-index:100;
    padding:2px 15px;
    background:#eb6e1e;
    color:#fff;
    text-decoration:none;
    font-weight:900;
    font-size:12px;
}


#opl_headpic,
#age_headpic,
#nie_headpic,
#doc_headpic {
	float:left;
	height:136px;
	width:592px;
    text-align:justify;
}
#opl_headpic {
	background:transparent url(../media/layout/header_f02.jpg) no-repeat bottom center;
}
#doc_headpic {
	background:transparent url(../media/layout/header_f03.jpg) no-repeat bottom center;
}
#age_headpic {
	background:transparent url(../media/layout/h_agenda.jpg) no-repeat bottom center;
}
#nie_headpic {
	background:transparent url(../media/layout/h_nieuws.jpg) no-repeat bottom center;
}
#con_headpic {
	float:left;
	height:136px;
	width:990px;
	background:transparent url(../media/layout/h_contact.jpg) no-repeat bottom center;
	margin-bottom:10px;
}

#opl_topmenu {
    position:relative;
	float:right;
	width:401px;
	height:136px;
}

#opl_topmenu a {
	text-decoration:none;
	color:#fff;
}

#opl_topmenu #printlink {
    position:absolute;
	right:0px;
	padding:1px 10px;
	background:#eb6e1e;
	text-align:center;
	display:inline;
}

#opl_topmenu ul {
	margin-top:20px;
}

#opl_topmenu ul li {
	padding:10px 0 10px 20px;
	list-style:none;
	background:#eb6e1e url(../media/layout/or_bottomborder.jpg) no-repeat bottom left;
}
#opl_topmenu ul li[class='noline'] {
	background:#eb6e1e;
}

#opl_topmenu ul a {
	display:block;
	background:url(../media/layout/white_bull.gif) no-repeat left center;
	padding:0 0 0 10px;
}

#opl_topmenu ul a:hover {
	padding:0 0 0 15px;
}

#opl_topmenu ul #last {
	background:#eb6e1e;
}

#full_page {
	background:#fff;
	padding:0;
	margin:0;
}

#full_page #leftmenu {
	float:left;
	width:204px;
}

#full_page #leftmenu ul {
	list-style:none;
	margin:20px 0 0px 20px;
}

#full_page #leftmenu ul a {
	text-decoration:none;
	color:#575757;
}

#full_page #leftmenu li {
	padding:2px 0 2px 20px;
	background:url(../media/layout/orarr.gif) no-repeat left 10px;
	display:block;
	color:#575757;
	cursor:pointer;
}

#full_page #leftmenu li:hover {
	color:#eb6e1e;
	padding-left:25px;
}

#leftmenu .selected {
	font-weight:900;
}

#full_page #rightcontent {
	position:relative;
	background:#fff;
	float:right;
	width:770px;
	padding:10px;
	border-left:10px solid #eff0f2;
}

#rightcontent h1 {
	padding:10px 40px;
	font-size:2em;
	font-weight:900;
}

#rightcontent h1 span:before {
	content:url(../media/layout/top_bull.gif);
}

#rightcontent h1 span {
	padding:0 0 0 30px;
	font-size:16px;
}

#rightcontent p {
	position:relative;
	padding:10px 40px;
	text-align:justify;
}

#rightcontent a {
	color:#eb6e1e;
}
#rightcontent a:visited {
	color:#444;
}

#rightcontent hr {
	margin:0 0 50px 0;
	width:100%;
	height:5px;
	background:#eff0f2;
}

#littlecontent h3,
#rightcontent h2 {
	padding:10px 40px;
	font-size:16px;
	font-weight:900;
}

#tagcloud {
	position:absolute;
	bottom:0;
	right:0;
}

#toggleablecloud {
	display:none;
}

#smallcloud {
	position:absolute;
	bottom:0;
	right:0;
	width:283px;
	height:197px;
	background:#eff0f2;
	border:1px dashed #eca97f;
	margin:10px 0 0 10px;
}

#cloudtoggler {
	position:relative;
	top:0px;
	float:right;
	width:auto;
}

#cloudtoggler a {
	background:#eb6e1e;
	border:1px solid #eb6e1e;
	text-align:center;
	color:#fff;
	height:25px;
	display:block;
	text-decoration:none;
	padding:0 10px;
}

#content .wrapper #bigside {
	padding:0;
	margin:0;
    position:relative;
	width:691px;
	height:539px;
	/*background:url(../media/layout/base.png) no-repeat center center;*/
	float:left;
}

#content .wrapper #littleside {
    position:relative;
	float:left;
	margin-left:10px;
	width:290px;
	height:539px;
}

#littleside #littlecontent {
    position:relative;
	background:#fff;
	width:100%;
	height:539px;
	float:left;
	clear:right;
}

#littlecontent h3,
#littlecontent p {
	padding:10px;
}

#littlecontent {
	position:relative;
	float:left;
}

#footer {
	position:fixed;
	background:#fff;
	border-top:1px solid #cacaca;
	bottom:0px;
	width:100%;
	height:60px;
    font-size:10px;
    z-index:10000;
}

#footer .logo {
	cursor:pointer;
    float:left;
}

#footer .divider {
	padding:1px 15px;
    float:left;
}

#footer #search {
    float:left;
    margin-top:15px;
	width:180px;
	padding:5px;
	border:1px solid #cacaca;
}

#footer #frm_search #searchbutton {
	color:#eb6e1e;
}

#footer #sel {
    position:relative;
    float:left;
    bottom:-15px;
	width:180px;
	padding:5px;
	border:1px solid #cacaca;
    background:#fff;
}

#footer #sel a,
#footer #sel2 a {
    margin:3px 5px;
	font-weight:900;
	border-bottom:1px solid #fff;
}

#footer #sel a:hover {
    color:#eb6e1e;
	border-bottom:1px dotted #eb6e1e;
}

#footer #sel a:before {
	content:'';
}

#footer #sel2 {
    display:none;
    visibility:hidden;
	padding:5px;
}

#footer a {
    float:left;
    margin:22px 0 0 10px;
    color:#575757;
    text-decoration:none;
}

#footer #plus {
    position:relative;
	cursor:pointer;
    float:left;
    padding-top:14px;
    margin-left:-16px;
    z-index:1000;
}








#littlecontent h3 {
	font-size:175%;
}
#littlecontent h1 {
	font-size:125%;
	font-weight:900;
    padding:0px 10px;
}
#littlecontent strong {
	font-weight:900;
}
#littlecontent #smll {
	font-size:80%;
}
#littlecontent em {
	font-style:italic;
}


ul li a .date {
	color:#eb6e1e;
	font-size:80%;
}
/*
.rite ul li a:hover {
	color:#eb6e1e;
}
*/
ul li a:hover span {
	font-weight:600;
}


strong {
	font-weight:900;
}
em {
	font-style:italic;
}
#rightcontent ul {
	list-style-position:inside;
	margin-left:40px;
}
.hidden_opleiding,
.hidden_docent,
.coursedates,
.coursetitle,
.coursedateselects {display:none; visibility:hidden;}

#date_form #dates {
	padding:2px;
	font-weight:600;
}
#date_form #title {
	font-style:italic;
	font-weight:600;
}

#info_form,
#register_form,
#date_form,
#contact_form {
        left: 0px;
        top: 0px;
        position: absolute;
        display: none;
	z-index:9999;
	background:#fff url('../media/layout/logo_small.jpg') no-repeat 15px 5px;
	padding:80px 15px 15px 15px;
	border:1px dashed #eb6e1e;
	width:550px;
}

#info_form button,
#c_form button,
#contact_form button,
#register_form button,
#date_form button {
	padding:5px 15px;
	float:right;
	background:#eb6e1e;
	color:#fff;
	margin:15px 5px 0 5px;
}
#info_form .label,
#contact_form .label,
#register_form .label,
#date_form .label {
	width:150px;
	padding-right:5px;
	text-align:right;
	float:left;
}
#c_form .label {
	width:100px;
	padding-right:5px;
	text-align:right;
	float:left;
}
#info_form input,
#contact_form input,
#c_form input,
#c_form textarea,
#contact_form textarea,
#register_form input,
#register_form select,
#register_form textarea,
#date_form input {
	width:350px;
	float:left;
	padding:2px;
	border:1px dashed #eb6e1e;
	margin-bottom:5px;
}
#c_form input,
#c_form textarea {
	width:150px;
}

textarea {
	height:100px;
}
.reqfield {
	color:#f00;
	font-weight:900;
	padding:2px 5px;
	float:left;
	margin-bottom:5px;
}
fieldset {
	border:1px dashed #ddd;
	margin-bottom:10px;
	padding:5px;
}
legend {
	border:1px dashed #ddd;
	margin-left:10px;
	padding:2px 5px;
	font-size:80%;
	font-weight:600;
}
#contact_form h2,
#info_form h2,
#date_form h2,
#register_form h2 {
	font-size:120%;
	text-align:center;
	font-weight:600;
	padding-bottom:15px;
}

.popclose {
	position:absolute;
	right:5px;
	top:-10px;
	font-weight:900;
	color:#eb6e1e;
	background:#fff;
	padding:0 5px;
	border:1px dashed #eb6e1e;
	cursor:pointer;
}

#contact_form .error,
#info_form .error,
#register_form .error { border:1px solid #f00; }
label.error { display:none; visibility:hidden; }

#big, #blue, #green, #yellow {cursor:default;}
#bigside .tt { position:absolute; width:35px; height:35px;}
#bigside #a { left:150px; top: 28px; }
#bigside #b { left:135px; top: 85px; }
#bigside #c { left:365px; top:125px; }
#bigside #d { left: 111px; top:148px; }
#bigside #e { left: 108px; top:293px; }
#bigside #f { left:235px; top:405px; }
#bigside #g { left:548px; top:432px; }
#bigside #h { left:210px; top:170px; }
#bigside #i { left:330px; top:10px; }
#bigside #j { left:270px; top:330px; }
#bigside #k { left:310px; top:240px; }
#bigside #l { left:385px; top:83px; }
#bigside #m { left:484px; top:250px; }
#bigside #n { left:217px; top:2px;; }

#tooltip {
	display:none;
	z-index:99999;
	background:#000;
	background:url(../media/layout/black_arrow.png) no-repeat;
	width:166px;
	height:82px;
	color:#fff;
	padding:20px;
	text-align:center;
}

area {
	cursor:default;
}

#c_form button {

}

#newslettersignup form {
    border: 0;
    margin-top: 10px;
    padding-left: 27px;
}

#newslettersignup fieldset {
    border: 0;
}

#newslettersignup a {
    color: #FFF;
}

#newslettersignup label {
    position: absolute;
    padding-left: 4px;
    color: #000;
}

#newslettersignup input {
    width: 226px;
    padding: 2px;
    margin-bottom: 10px;
    background: #ffd9c0;
}

#newslettersignup input.mce_inline_error {
    background: #eb6e1e;
}

#newslettersignup input.btn {
    width: auto;
    margin-bottom: 0px;
    background: #eb6e1e;
    color: #FFF;
}

#newslettersignup div.mce_inline_error {
    color: #FFF;
}

#mce-success-response, #mce-error-response {
    color: #FFF;
    margin-right: 27px;
    font-size: 11px;
}

li.black {
    background: transparent !important;
    background-color: #333 !important;
    background-image: none !important;
}

li.black:hover {
    background-color: #000 !important;
}
