@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0 0 50px 0;
	font-size: 62.5%; /* 1em = 10px */
	background: url(../img/website_bg.png) 0px 0px repeat-x #C4D5C3;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	color: #000;
}
a img {
	border: none;
}
p {
	margin: 0em;
	padding: 0 0 1em 0;
}

form {
	margin: 0px;
	padding: 0px;
}

.photoborder{
	border-bottom: 1px dotted #2BCE1B;
	margin: 10px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
}

.error {
	color: #FF0000;
	padding: 2px 0 4px 110px;
	font-size: 0.88em;
	line-height: 1em;
}

blockquote {
	background: url(../img/blockquote.gif) 10px 10px no-repeat #C5F7BF;
	margin: 0px;
	padding: 10px 10px 10px 55px;
	width: 432px;
	font-style: italic;
}
.quote {
	background-color: #C5F7BF;
	margin: 0px;
	padding: 10px;
	width: 432px;
	font-style: italic;
	display: block;
}
blockquote ul {
	list-style-position: inside;
}

.button {
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: visible;
	cursor: pointer;
	width: auto;
	background: transparent;

}
button.button::-moz-focus-inner {
	padding: 0px;
	border:none;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

.formerror {
	border: 1px solid #AF0A0A;
	background-color: #FFEFEF;
	padding: 10px;
	margin:10px 0px 20px 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

h1 {
	margin: 0em;
	padding: 0 0 .3em 0;
	font-size: 1.6em;
	color: #000;
	line-height: 1em;
}

h2 {
	margin: 0em;
	padding: 0em;
	font-size: 1.4em;
}
h3 {
	margin: 0em;
	padding: 0em;
}

#website {
	width: 978px;
	margin: 0px auto;
}

.claro{
	clear: both;
}

/* begin header */

#header {
	height: 130px;
	font-size: 1.1em;
}
#logo {
	display: block;
	margin: 31px 0 0 27px;
	float: left;
	width: 433px;
}
#meta {
	float: right;
	width: 480px;
	text-align: right;
	}
#meta a.ezelsbruggetje {
	background: url(../img/sub-tab-ezlbrg.gif) 0 0 no-repeat;
	width:151px;
	height:23px;
	overflow:hidden;
	font-size: 1.18em;
	line-height: 1em;
	color: #333366;
	display: block;
	float:right;
	}
#meta a:hover.ezelsbruggetje {
	background-position:0 -23px;
	}
#meta a.ezelsbruggetje span{
	text-indent:-9999px; 
	display:none;
	}
#meta #banner {
	margin: 10px 0 10px 0;
	border: 1px solid #3C4D3D;
	width: 468px;
	height: 60px;
	float: right;
}
#meta ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
#meta ul li {
	margin: 0px;
	padding: 0 0 0 1.2em;
	float: left;
	line-height: 1em;
}
#meta ul li a {
	color: #3C4D3D;
}
#meta ul li a:hover {
	color: #000;
}
#meta ul .rss {
	background: url(../img/rss.gif) center right no-repeat;
	padding-right: 2.5em;
}

/* end header */

/* begin navigation */

#navigation {
	height: 41px;
	background: url(../img/page_top.gif) top left no-repeat #3C4D3D;
	overflow: hidden;
}
#navigation ul {
	margin: 0px;
	padding: 14px 0 0 16px;
	list-style: none;
	height: 37px;
}
#navigation ul li {
	margin: 0px;
	padding: 0 2px 0 0;
	float: left;
}

#navigation li a,  
#navigation li a:visited  {
	display:block; 
	margin:0; 
	padding:0; 
	position:relative; 
	height:27px; 
	text-indent:-9999px; 
	background-repeat:no-repeat; 
	background-position:0 0; 
	overflow:hidden; 
	cursor:pointer; 
	border-bottom:none;
}

#navigation li a:hover 	   {background-position:0 -27px;} 
#navigation li a:active    {background-position:0 -27px;}
#navigation .active a    {background-position:0 -54px !important;}

#nav-1 a { background-image:url(../img/nav-1.gif); width:91px; }
#nav-2 a { background-image:url(../img/nav-2.gif); width:207px;}
#nav-3 a { background-image:url(../img/nav-3.gif); width:197px; }
#nav-4 a { background-image:url(../img/nav-4.gif); width:176px; }
#nav-81 a { background-image:url(../img/nav-81.gif); width:120px; }

#navigation .active a#a103   {background-position:0 -72px !important;}
#navigation li#nav-103 a:hover       {background-position:0 -36px;} 
#navigation li#nav-103 a:active    {background-position:0 -36px;}

#navigation li#nav-103 { 
    margin-top: -9px;
    height: 36px;
}
#navigation li#nav-103 a { 
    background-image:url(../img/nav-103.gif);
    background-position: 0 0;
    width:144px; 
    height: 36px;
}

#searchbar{
	width: 273px;
	float: right;
	padding-top: 7px;
}
#searchbar .text {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 6px 0 0;
	padding: 6px 10px 0 10px;
	background: url(../img/search_textfield.gif) 0px 0px no-repeat;
	border: none;
	width: 153px;
	height: 20px;
	color: #999;
	float: left;
	font-size: 12px;
	overflow: hidden;
}
#searchbar .button {
	width: 85px;
	height: 27px;
}

/* end navigation */



#content {
	background: url(../img/content_top.gif) top left no-repeat #FFF;
	font-size: 1.2em;
	color: #000;
	width: 978px;
	overflow: hidden;
}
#contentbg {
	background: url(../img/content_bottom.gif) bottom left no-repeat;
	padding: 31px 16px 16px 16px;
}

#breadcrumbs {
	margin: 0px;
	padding: 0 0 15px 0;
	list-style: none;
}
#breadcrumbs li {
	margin: 0px;
	padding: 0 10px;
	float: left;
	background: url(../img/breadcrumbs-arrow.gif) center left no-repeat;
	color: #333;
}
#breadcrumbs .home {
	padding-left: 0px;
	background: #FFF;
}
#breadcrumbs li a {
	color: #333;
	text-decoration: none;
}
#breadcrumbs li a:hover {
	text-decoration: underline;
}

#googlemaps {
	margin-bottom: 16px;
	float: left;
}
.pages #googlemaps {
	float: right;
}
#map {	
	overflow: hidden;
}

#googlemaps-bg {
	background: url(../img/googlemaps-br.gif) bottom right no-repeat;
}
#googlemaps-search {
	height: 70px;
}

#googlemaps form {
	background: url(../img/googlemaps-tl.gif) top left no-repeat;
	width: 240px;
	padding: 7px 0 0 8px;
	margin: 0px;
	height: 63px;
	position: relative;
	z-index: 1000;
}
#googlemaps form .select {
	width: 132px;
	margin: 0px;
	padding: 2px;
}

#googlemaps form .jqTransformInputWrapper {
	width: 130px !important; /* width of custom input */
}

#googlemaps form .jqTransformSelectWrapper,
#googlemaps form .jqTransformSelectWrapper ul {
	width: 130px !important; /* width of custom select */
}

#googlemaps form .button {
	margin: 7px 10px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 91px;
	height: 63px;
}

#googlemaps-content {
	background: url(../img/googlemaps-bl.gif) bottom left no-repeat #3C4D3D;
}
#googlemaps-content-corner {
	background: url(../img/googlemaps-tr.gif) top right no-repeat;
}
.googlemaps-small #googlemaps-content-corner,
.pages #googlemaps-content-corner {
	background: transparent;
}

#googlemaps-content-bg {
	padding: 10px;
	background: url(../img/googlemaps-br.gif) bottom right no-repeat;
}

#googlemaps-toggle {
	display: block;
	background: url(../img/googlemaps-large.gif) left 7px no-repeat;
	padding: 11px 0 7px 33px;
	font-size: 1.17em;
	color: #FFF;
}
.googlemaps-large #googlemaps-toggle {
	background-image: url(../img/googlemaps-small.gif);
}

#search-columns {
	width: 681px;
	float: left;
	position: relative;
	margin: 0 0 30px 0;
}
.search-column {
	width: 335px;
	float: left;
	color: #FFF;
	height: 345px;
}
.search-column-content {
	background: url(../img/homesearch_bottom.gif) bottom left no-repeat #2BCE1B;
	padding: 10px 10px 0px 20px;
	height: 249px;
}
* html .search-column-content {
	height: 249px;
}

.search-column .jqTransformInputWrapper {
	width: 160px !important; /* width of custom input */
}
.search-column .jqTransformSelectWrapper,
.search-column .jqTransformSelectWrapper ul {
	width: 150px !important; /* width of custom select */
}
.search-column .button {
	clear: both;
	position: absolute;
	bottom: 0;
	margin-top: 30px;
	margin-left: 63px;
	display: block;
	width: 170px;
	height: 59px;
}
.search-column p {
	margin: 0px;
	padding: 0 0 5px 0;
}
.search-column h2 {
	padding: 0em;
	margin: 0em;
	height: 49px;
	line-height: 1em;
}
.search-column h3 {
	font-size: 1.33em;
	color: #FFF;
	line-height: 1em;
	padding-bottom: 0.5em;
	clear: both;
}
.search-column .vak {
	float: left;
	line-height: 1.5em;
	width: 50px;
}
#search-huiswerkinstituut {
	float: left;
}
#search-huiswerkinstituut h2#header_huiswerkinstituut {
	background: url(../img/ikzoekeenhuiswerkinstituut.gif) 0 0 no-repeat;
	width:335px;
	height:49px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}
#search-bijlesdocent{
	float: right;
}
#search-bijlesdocent h2#header_bijlesdocent {
	background: url(../img/ikzoekeenbijlesdocent.gif) 0 0 no-repeat;
	width:334px;
	height:49px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

#sidebar {
	text-align: center;
	width: 258px;
	float: right;
}
#sidebar h2#ikzoekinformatie {
	padding: 0;
	margin: 0 0 0 6px;
	line-height: 1em;
	height:49px;
	width:210px;
	background: url(../img/ikzoekinformatie.gif) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#sidebar h3 {
	font-size: 0.92em;
	color: #000;
	line-height: 1em;
	font-weight: normal;
}
#sidebar a#questions-link {
	font-size: 1.17em;
	color: #3C4D3D;
	font-weight: bold;
	//background: url(../img/questions-arrow.gif) center left no-repeat;
	display: block;
	padding-left: 10px;
	line-height: 1.93em;
}
#sidebar a:hover#questions-link {
	color: #000;
}

div.hr {
	clear: both;
	margin: 10px 0;
	padding: 0px;
	overflow: hidden;
	height: 1px;
	background: url(../img/hr.gif) 0px 0px repeat-x;
}
div.hr hr {
	display: none;
}



.greenbox a {
	color: #000;
}
.greenbox a:hover {
	color: #fff;
}
.greenbox h3 {
	font-size: 1.17em;
	font-weight: bold;
	padding: 0em;
	margin: 0em;
}
.greenbox .more {
	font-size: 0.92em;
	line-height: 2.64em;
	background: url(../img/more-arrow.gif) center left no-repeat;
	padding-left: 14px;
}
.greenbox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.greenbox ul li{
	margin: 0px;
	padding: 0px;
}
.greenbox .greenbox-bg{
	background: url(../img/greenbox-tr.gif) top right no-repeat;
}

.greenbox .greenbox-content {
	background: url(../img/greenbox-bl.gif) bottom left no-repeat #3BE02C;
	line-height: 1.6em;
	color: #000;
}
.greenbox .greenbox-content-bg {
	background: url(../img/greenbox-br.gif) bottom right no-repeat;
	padding: 8px;
}
.greenbox h2 {
	line-height: 1em;
	margin: 0em;
	padding: 0px;
	height: 46px;
}

#legenda{
	margin-top: 10px;
}

#legenda div{
	padding-left: 40px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	font-size: 0.9em;
}

#legenda .instituut{
	background-image: url(../img/instituut_icon.gif);
}

#legenda .docent{
	background-image: url(../img/docent_icon.gif);
}

#filter-searchresults {
	width: 248px;
	float: left;
}
#rightchoise {
	width: 176px;
}
#rightchoise ul li {
	padding: 0 0 12px 12px;
	background: url(../img/rightchoise-arrow.gif) 0px 5px no-repeat;
}
#rightchoise ul li a {
	text-decoration: none;
}


#searchresults {
	width: 460px;
	float: left;
	min-height: 450px;
	position: relative;
}
.searchresults-instituut h2 a {
	color: #000;
	text-decoration:none;
}
.searchresults-instituut h2 a:hover {
	text-decoration: underline;
}

#searchresults .hr,
#contentdetail .hr {
	background-image: url(../img/hr-green.gif);
	clear: both;
}
#contentdetail table tr td {
vertical-align:top;
}
#searchresults-controls {
	padding: 10px 0;
}
#searchresults-controls small {
	float: left;
	padding-left: 3px;
}
#searchresults-controls small a {
	color: #33CC33;
}
.page-numbers {
	margin: 0px;
	padding: 0 8px 0 0;
	list-style: none;
	float: right;
}
.page-numbers li {
	margin: 0 4px 0 0;
	padding: 0px;
	float: left;
	font-size: 0.92em;
	line-height: 1em;
	font-weight: bold;
	background: url(../img/page-number-left.gif) 0px 0px no-repeat #33CC33;
}
.page-numbers li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	height: 14px;
	padding: 2px 5px 0 5px;
	background: url(../img/page-number-right.gif) top right no-repeat;
	float: left;
}
.page-numbers li a:hover {
	color: #000;
}
.page-numbers .next {
	margin: 0px;
	background: none;
}
.page-numbers .next a {
	background: url(../img/page-number-next.gif) 0px 0px no-repeat;
	width: 16px;
}
.page-numbers .previous {
	margin: 0px;
	background: none;
}
.page-numbers .previous a {
	background: url(../img/page-number-previous.gif) 0px 0px no-repeat;
	width: 16px;
}

.page-numbers .active a {
	color: #000;
}


#search-bijlesdocent-box {
	width: 248px;
	float: left;
	margin-bottom: 16px;
	background: url(../img/search-bijlesdocent-top.gif) top left no-repeat #3C4D3D;
	color: #FFF;
}
#search-bijlesdocent-box form {
	background: url(../img/search-bijlesdocent-bottom.gif) bottom left no-repeat;
	padding: 8px 0 8px 8px;
}
#search-bijlesdocent-box .form-row {
	padding: 0 0 10px 0;
}
#search-bijlesdocent-box .form-row .item{
	float: left;
	clear: both;
	padding: 3px 0px;
}
#search-bijlesdocent-box .form-row .item label{
	padding: 5px 5px 0px 5px;
}

#search-bijlesdocent-box form .jqTransformInputWrapper {
	width: 231px !important; /* width of custom input */
}
#search-bijlesdocent-box form .jqTransformSelectWrapper, 
#search-bijlesdocent-box form .jqTransformSelectWrapper ul {
	width: 231px !important; /* width of custom select */
}
#search-bijlesdocent-box .button {
	margin-left: 30px;
}



#docentenLijst {
	width: 100%;
	border: none;
}

	#docentenLijst .bekijk-docent {
		height: 36px;
		width: 118px;
		float: right;
	}
	
	#docentenLijst .type-icon{
		padding-top: 10px;
	}

.searchresults-instituut-important {
	background-color: #ECFCEB;
	padding: 10px;
	border-top: 2px solid #3C4D3D;
	border-bottom: 2px solid #3C4D3D;
}

.searchresults-instituut h2 {
	font-size: 1.33em;
	color: #000;
	font-weight: bold;
	margin: 0em;
	padding: 5px 0 11px 12px;
	line-height: 1em;
	background: url(../img/searchresults-instituut-arrow.gif) left 6px no-repeat;
	vertical-align: middle;
	width: 310px;
}

.searchresults-instituut h3 {
	color: #000;
	font-weight: bold;
	margin: 0em;
	padding: 0 0 0.7em 0;
	line-height: 1em;
	font-size: 1.1em;
}
.searchresults-instituut .contact-info {
	width: 210px;
	float: left;
	padding-right: 10px;
}
.searchresults-instituut-important .contact-info {
	width: 200px;
}
#docentenLijst .contact-info{
	width: 100px;
}
#docentenLijst .searchresults-instituut-important .contact-info {
	width: 90px;
}
.searchresults-instituut .specialisaties {
	width: 180px;
	margin-left: 245px;
}
.searchresults-instituut-important .specialisaties {
	margin-left: 235px;
}
#docentenLijst .specialisaties{
	float: left;
	margin-left: auto;
	width: 150px;
}

.searchresults-instituut-content {
	width: 440px;
	float: left;
	color: #000;
	font-size: .9em;
	line-height: 1.2em;
}
.searchresults-instituut-important .searchresults-instituut-content {
	width: 420px;
}
.searchresults-instituut-content a {
	color: #2BCE1B;
	font-weight: bold;
}
.searchresults-instituut-sidebar {
	width: 118px;
	right: 10px;
	margin-top: 2px;
	position: absolute;
	
}
.searchresults-instituut-important .searchresults-instituut-sidebar {
	right: 10px;
	position: absolute;
}
.email,
.print{
	color: #000;
	font-size: 0.83em;
	text-decoration: none;
	padding-right: 5px;
	vertical-align: top;
}
.print{
	padding-left: 7px;
}


.ranking {
	background: url(../img/ranking-top.gif) 0px 0px no-repeat #DADADA;
	margin: 15px 0;
	width: 116px;
}
.ranking-bg {
	background: url(../img/ranking-bottom.gif) bottom left no-repeat;
	padding: 15px 7px;
}
.ranking h3 {
	font-size: 1.17em;
	font-weight: bold;
	color: #000;
}
.ranking .star {
	width: 24px;
	height: 24px;
	overflow: hidden;
	float: left;
	padding: 5px 0;
}
.ranking .star img {
	display: block;
}



#contentdetail {
	width: 460px;
	float: left;
	line-height: 1.5em;
	color: #000;
	min-height: 450px;
}
.pages #contentdetail {
	width: 432px;
	float: right;
}
.pages #contentdetail.wide {
	width: 931px;
	float: left;
}
#contentdetail .location{
	width: 150px;
}
#contentdetail a {
	color: #2BCE1B;
}
#contentdetail-sidebar {
	width: 140px;
	float: right;
	margin-left: 15px;
}
#contentdetail .back {
	float: right;
	display: block;
	font-size: 0.83em;
	text-align: right;
	margin-top: 8px;
	color: #000;
}
#contentdetail h2 {
	font-weight: bold;
	padding: 1em 0 0.3em 0;
}
#contentdetail .searching {
	
	background: url(../img/btn_bilingual_searching.jpg) 0px 0px no-repeat;
	padding-left: 40px;
	line-height: 0px;
	height: 30px;
}

#contentdetail .selecting {
	
	background: url(../img/btn_bilingual_selecting.jpg) 0px 0px no-repeat;
	padding-left: 40px;
	line-height: 0px;
	height: 30px;
}

#contentdetail .contact {
	
	background: url(../img/btn_bilingual_contact.jpg) 0px 0px no-repeat;
	padding-left: 40px;
	line-height: 0px;
	height: 30px;
}

#contentdetail table {
	border: none;
}
#contentdetail th {
	text-align: left;
	margin: 0em;
	padding: 0em;
	font-weight: bold;
	padding: 2em 0 0.3em 0;
}

#contentdetail .subjectList{
	float: left;
	width: 150px;
}

#contentdetail .title_instituut{
	clear: right;
	background: url(../img/instituut_icon.gif) left 2px no-repeat;
	padding-left: 35px;
}

#contentdetail .title_docent{
	clear: right;
	background: url(../img/docent_icon.gif) left 2px no-repeat;
	padding-left: 35px;
}

#contentdetail .view-institute{
	float: right;
}

#contentdetail .subjectList,
#contentdetail .subjectList li{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#contentdetail .subjectList li{
	padding-left: 6px;
	background: url(../img/contentmenu-bullet.gif) left 9px no-repeat;
}

.ranking-description .ranking-stars img {
	vertical-align: text-top;
}

#contact-form label {
	width: 134px;
	float: left;
	padding-top: 4px;
}
#contact-form .text {
	margin: 0 0 6px 0;
	padding: 5px 5px 0 5px;
	background: url(../img/instituut-textfield.gif) 0px 0px no-repeat;
	border: none;
	width: 162px;
	height: 23px;
	font-size: 12px;
	color: #999;
	line-height: 1em;
	vertical-align: top;
}
#contact-form textarea {
	margin: 0 0 6px 0;
	padding: 5px 5px 5px 5px;
	background: url(../img/instituut-textarea.gif) 0px 0px no-repeat;
	border: none;
	width: 252px;
	height: 68px;
	font-size: 12px;
	color: #999;
	line-height: 1em;
	vertical-align: top;
}
#contact-form .error {
	padding-left: 134px;
}
#contact-form .button {
	margin-left: 128px;
}

#page-sidebar {
	width: 172px;
	float: right;
	clear: right;
}
#ezelsbruggetje-banner {
	display: block;
	margin: 20px 0px 0px -20px;
}

#content-holder {
	width: 667px;
	float: right;
}
.pages #content-holder {
	width: 681px;
	float: left;
}
.pages #content-holder.wide {
	width: 931px;
}

#contentmenu {
	width: 235px;
	float: left;
}
#contentmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}
#contentmenu ul li {
	margin: 0px;
	padding: 0px;
	font-size: 1.17em;
	font-weight: bold;
	color: #2BCE1B;
	line-height: 1em;
	background: url(../img/contentmenu-divider.gif) bottom left repeat-x;
	overflow: hidden;
	display: block;
	float: left;
	clear: both;
	width: 235px;
}
#contentmenu ul li a {
	color: #2BCE1B;
	padding: 12px 0 12px 15px;
	display: block;
	text-decoration: none;
	background: url(../img/contentmenu-item.gif) 0px 15px no-repeat;
}
#contentmenu ul li a:hover, #contentmenu ul li a:active{
	color: #219B13;
}
#contentmenu ul li ul {
	display: none;
}
#contentmenu ul .active ul {
	display: block;
	padding: 0 0 15px 0;
}
#contentmenu ul li ul li {
	font-size: 0.86em;
	line-height: 1.2em;
	background: url(../img/contentmenu-bullet.gif) 4px center no-repeat;
	color: #333;
	margin: 3px 0;
	padding: 0px !important;
}
#contentmenu ul li ul li a {
	color: #333;
	background: transparent;
	padding: 1px 10px 2px 10px;
}
#contentmenu ul .active ul .active {
	background: url(../img/contentmenu-top.gif) top left no-repeat #2BCE1B;
	color: #FFF;
}
#contentmenu ul .active ul .active a {
	background: url(../img/contentmenu-bottom.gif) bottom left no-repeat;
	color: #FFF;
}

#form .text,
#form .select,
#form .file,
#form .textarea {
	font-size: 12px;
	border: 2px solid #9EE79E;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px;
}
#form label  {
	padding: 3px 6px 3px 3px;
	margin: 0px;
	width: 100px;
	float: left;
	text-align: right;
}
#form .relation {
	margin: 0px;
	padding: 5px;
	border: 2px solid #9EE79E;
	list-style: none;
	width: 287px;
	height: 120px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#form .relation li  {
	margin: 0px;
	padding: 0px;
}
#form .relation label  {
	text-align: left;
	float: none;
}
#form #werkwijze-label  {
	text-align: left;
	font-style: italic;
}
#form .text {
	width: 300px;
	font-size: 12px;
}
#form .select {
	width: 300px;
}
#form .file {
	width: 310px;
}
#form .button {
	width: 175px;
	margin: 25px 0 0 100px;
}
#form .textarea {
	width: 300px;
	height: 80px;
}
#form .head {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#form .br {
	clear: both;
	height: 6px;
}

#info {	
	color: #333;
}
#info a {
	color: #333;
	font-weight: bold;
}
#info a:hover {
	color: #000;
}
#info .column {
	float: left;
}
#info #text {
	width: 268px;
	margin-right: 16px;
	line-height: 1.17em;
	background: url(../img/article_icon.gif) top right no-repeat;
}
#info #text h2 {
	font-size: 1.33em;
	font-weight: bold;
	color: #000;
	line-height: 1.33em;
	padding-right: 50px;
	padding-bottom: 0.5em;
}
#info #banners {
	background: url(../img/advententie.gif) top center no-repeat;
	width: 120px;
	height: 200px;
	padding: 17px 0 0 0;
	position: relative;
	margin-top: -17px;
}
#info #banners div {
	margin: 0 0 15px 0;
}
#info #advertorial {
	width: 258px;
	margin-right: 15px;
}
#info .advertorial {
	width: 250px;
	background-color: #F3F3F3;
	margin: 0 0 10px 0;
	padding: 4px;
	line-height: 1.2em;
}
#info .advertorial h2 {
	font-size: 1.42em;
	font-weight: bold;
	color: #333;
	line-height: 1em;
}
#info .advertorial p {
	margin: 0em;
	padding: 0em;
}
#info .advertorial img {
	float: left;
	padding: 0 5px 0 0;
	display: block;
}

#calltoaction {
	white-space: nowrap;
	clear: both;
	padding-top: 10px;
}
#calltoaction a.nuaanmelden {
	background: url(../img/nuaanmelden.jpg) -6px 0 no-repeat;
	width:218px;
	height:72px;
	margin:0 15px 0 0;
	padding:10px 0 0 0;
	display:block;
	float:left;
	text-decoration:underline;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
}
#calltoaction a:hover.nuaanmelden {
	background-position:-6px -84px;
}

#calltoaction a.nuaanmelden span{
	text-decoration: none !important;
}
#calltoaction a.vermelding {
	background: url(../img/bijlesdocent_aanmelden.jpg) -6px 0 no-repeat;
	width:222px;
	height:72px;
	margin:0 20px 0 0;
	padding:10px 0 0 0;
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
}
#calltoaction a:hover.vermelding {
	background-position:-6px -84px;
}
#calltoaction a.vermelding span{
	text-decoration: underline;
}
#calltoaction img {
	vertical-align: top;
}
#calltoaction .ads {
	float: left;
	padding: 1px 0 0 0;
}

#footer {
	height: 40px;
	background: url(../img/page_bottom.gif) bottom left no-repeat #3C4D3D;
	padding: 0 10px 0 20px;
	font-size: 1.1em;
	clear: both;
}
#footer .ezelsbruggetje {
	display: block;
	font-size: 1.18em;
	color: #FFF;
	line-height: 1em;
	float: right;
	padding-top: 11px;
}
#footer ul {
	margin: 0px;
	padding: 13px 0 0 0;
	list-style: none;
}
#footer ul li {
	margin: 0px;
	padding: 0 1em 0 0;
	float: left;
	line-height: 1em;
	color: #FFF;
}
#footer ul li a {
	color: #FFF;
}
#footer ul li a:hover {
	color: #ccc;
}

.skiplink {
	display:none;
}
.spacer {
	clear: both;
	height: 0;
}

#tagCloud ul {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

#tagCloud li {
	list-style: none;
	margin: 0px;
	padding: 0 5px 0 0;
	display: inline;
	line-height:2em;
}
#tagCloud li a.scheme10{
	color:#3BE02C;
	font-size:20px;
}
#tagCloud li a.scheme9{
	color:#2BCA1E;
	font-size:18px;
}
#tagCloud li a.scheme8{
	color:#26B11B;
	font-size:17px;
}
#tagCloud li a.scheme7{
	color:#209216;
	font-size:16px;
}
#tagCloud li a.scheme6{
	color:#187311;
	font-size:15px;
}
#tagCloud li a.scheme5{
	color:#12590D;
	font-size:14px;
}
#tagCloud li a.scheme4{
	color:#0E410A;
	font-size:13px;
}
#tagCloud li a.scheme3{
	color:#092806;
	font-size:12px;
}
#tagCloud li a.scheme2{
	color:#061C04;
	font-size:11px;
}
#tagCloud li a.scheme1{
	color:#000;
	font-size:10px;
}
#mapHuiswerkinstituut, #mapBijlesdocent {
	position: absolute;
	margin-left: 150px;
}

.tijden td {
	width: 200px;
	padding-right: 20px;
}

#focusad{
	padding-left: 5px;
}

	#focusad h2{
		font-size: 1.2em;
	}
	
	#rohologo{
		background: url(/instituten_logos/561.gif) 20px center no-repeat;
		height: 60px;
		width: 150px;
	}
	
	
#uittrekselsContent {
	width: 920px;
	height: 1000px;
	border: 1px solid #3C4D3D;
}

#uittrekselsMenu li, #uittrekselsMenu {
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
}

#uittrekselsMenu a {
	display: block;
	padding: 4px;
	background-color: #ECFCEB;
	border-top: 1px solid #3C4D3D;
	border-left: 1px solid #3C4D3D;
	border-right: 1px solid #3C4D3D;
	color: #3C4D3D;
}

#studiemateriaal_block
{
	padding: 8px; 
	float: left;
}

#studiemateriaal_block_pocket
{
	background: url(../img/noordhoff_pocket.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px 10px 10px 10px;
	width: 546px;
	height: 216px;	
}

.studiemateriaal_block_samenvatting
{
	background: url(../img/noordhoff_samenvatting.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px 10px 10px 10px;
	width: 546px;
	height: 216px;
}

.studiemateriaal_block_examen
{
	background: url(../img/noordhoff_examen.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px 10px 10px 10px;
	width: 546px;
	height: 216px;
}

.meerinfo
{
	margin-left: -8px;
	cursor: pointer;
	width: 145px;
	height: 50px;
	display: block;
	margin-top: 10px;
	background: url(../img/meer-informatie.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.studiemateriaal_besteldirect, .studiemateriaal_besteldirect:hover {
	text-decoration: none;
	margin-left: 20px;
	float: right;
}

.prijstag {
	margin-left: 20px;
}