/* Reset van brouwser stijlen
---------------------------------------------------------------------------------------------------------------*/
:link,:visited {
	text-decoration: none
}
ul,ol {
	list-style: none
}
h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0
}
a img,:link img,:visited img {
	border: none
}
address {
	font-style: normal
}

/* Algemeen
---------------------------------------------------------------------------------------------------------------*/
body {
	background: #E8E9E7 url(/images/background.gif) repeat;
	font-family:Verdana,Geneva,sans-serif;
}

a {
	color: #aec52a;
}

a:hover {
	text-decoration: underline;
}

input[name="submit"] {
	padding: 2px 5px 2px 5px;
}

.container {
	margin: 0 auto;
	width: 946px;
}

/* Header
---------------------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	height: 152px;
	background-image: url('/images/header-background.jpg');
	z-index: 999;
}

#logo-onderwijs-dat-past {
	position: absolute;
	top: 8px;
	left: 3px;
}

#logo-interstudie {
	position: absolute;
	top: 43px;
	right: 21px;
}


/* Navigatie
---------------------------------------------------------------------------------------------------------------*/

div.menu {
	position: absolute;
	top: 112px;
	font-size: 13px;
	margin-left: 5px;
}

div.menu ul {
	list-style: none;
	margin: 0;
}

div.menu li {
	float:left;
	margin: 0 0 0 10px;
	position: relative;
}

div.menu li {
	padding-bottom: 6px;
}

div.menu li li {
	padding-bottom: 0;
}

div.menu a {
	display:block;
	text-decoration:none;
	color:#fff;
	background:#aaa;
	padding:0 10px 0 7px;
	line-height:25px;
}

div.menu ul ul {
	border: 1px solid #999;
	margin-top: 5px;
	display:none;
	position:absolute;
	top:26px;
	left:0;
	float:left;
}

div.menu ul {
}
div.menu ul:hover {
	z-index: 99999;
}

div.menu ul ul li {
	min-width: 180px;
	margin: 0;	
	border-bottom: none;
}

div.menu ul ul ul {
	left:100%;
	top:0;
	margin-top: -1px;
	z-index: 99999;
}

div.menu ul ul li.here > a,
div.menu ul ul li.parent-here > a{
	border-left: none;
}
div.menu ul ul li a {
	background:#aaa;
	border-bottom:1px #ccc solid;
	height:auto;
	color:#000;
	line-height:17px;
	padding:7px 10px 7px 10px;
	width: 170px;
}

div.menu .parent-here > a,
div.menu .here > a {
	background:#000;
	border-left: 3px #ccc solid;
}

div.menu li:hover > a {
}

div.menu li li:hover > a {
	color: #000;
	background:#555 !important;
}

div.menu ul li:hover > ul {
	display:block;
}

div.menu ul li.current_page_item > a,
div.menu ul li.current-menu-ancestor > a,
div.menu ul li.current-menu-item > a,
div.menu ul li.current-menu-parent > a {
	color: #fff;
}

* html div.menu  ul li.current_page_item a,
* html div.menu  ul li.current-menu-ancestor a,
* html div.menu  ul li.current-menu-item a,
* html div.menu  ul li.current-menu-parent a,
* html div.menu  ul li a:hover {
	color:#fff;
}

/* HOME */

div.menu #nav-go-home a:link,
div.menu #nav-go-home a:visited {
	background: #32B4C1;
	border-left: 3px #32B4C1 solid;
}
div.menu #nav-go-home a:hover,
div.menu #nav-go-home a:active {
	border-left: 3px #ADE1E6 solid;
}

/* Home */
div.menu #nav-home.parent-here > a,
div.menu #nav-home.here > a {
	border-left: 3px #f8d9a3 solid;
}

#nav-home > a {
	background: #ef9f19;
	border-left: 3px #ef9f19 solid;
}

#nav-home ul {
	border: 1px solid #ef9f19;
}

#nav-home ul a {
	background: #f8d9a3;
	border-bottom:1px #fdf2e1 solid;
}

#nav-home:hover > a {
	border-left: 3px #ffeb9a solid;
}

#nav-home li:hover > a {
	background:#fdf2e1 !important;
}

/* Wat doen wij */
div.menu #nav-wat-doen-wij.parent-here > a,
div.menu #nav-wat-doen-wij.here > a {
	border-left: 3px #ffeb9a solid;
}

#nav-wat-doen-wij > a {
	background: #ffcc00;
	border-left: 3px #ffcc00 solid;
}

#nav-wat-doen-wij ul {
	border: 1px solid #ffcc00;
}

#nav-wat-doen-wij ul a {
	background: #ffeb9a;
	border-bottom:1px #fff8de solid;
}

#nav-wat-doen-wij:hover > a {
	border-left: 3px #ffeb9a solid;
}

#nav-wat-doen-wij li:hover > a {
	background:#fff8de !important;
}

/* Wie zijn wij */
#nav-wie-zijn-wij.parent-here > a,
#nav-wie-zijn-wij.here > a {
	border-left: 3px #d0aad3 solid;
}

#nav-wie-zijn-wij > a {
	background: #8D2A90;
	border-left: 3px #8D2A90 solid;
}

#nav-wie-zijn-wij ul {
	border: 1px solid #8D2A90;
}

#nav-wie-zijn-wij ul a {
	background: #d0aad3;
	border-bottom:1px #f0e3f1 solid;
}

#nav-wie-zijn-wij:hover > a {
	border-left: 3px #d0aad3 solid;
}

#nav-wie-zijn-wij li:hover > a {
	background:#f0e3f1 !important;
}

/* Doe de quick-scan */
div.menu #nav-doe-de-quick-scan.parent-here > a,
div.menu #nav-doe-de-quick-scan.here > a {
	border-left: 3px #f8d9a3 solid;
}

#nav-doe-de-quick-scan > a {
	background: #ef9f19;
	border-left: 3px #ef9f19 solid;
}

#nav-doe-de-quick-scan ul {
	border: 1px solid #ef9f19;
}

#nav-doe-de-quick-scan ul a {
	background: #f8d9a3;
	border-bottom:1px #fdf2e1 solid;
}

#nav-doe-de-quick-scan:hover > a {
	border-left: 3px #f8d9a3 solid;
}

#nav-doe-de-quick-scan li:hover > a {
	background:#fdf2e1 !important;
}

/* Tips & trucs */
div.menu #nav-tips-trucs.parent-here > a,
div.menu #nav-tips-trucs.here > a {
	border-left: 3px #dfe7ab solid;
}

#nav-tips-trucs > a {
	background: #AEC52A;
	border-left: 3px #AEC52A solid;
}

#nav-tips-trucs ul {
	border: 1px solid #AEC52A;
}

#nav-tips-trucs ul a {
	background: #dfe7ab;
	border-bottom:1px #f4f7e2 solid;
}

#nav-tips-trucs:hover > a {
	border-left: 3px #dfe7ab solid;
}

#nav-tips-trucs li:hover > a {
	background:#f4f7e2 !important;
}

/* Vraag & andwoord */
div.menu #nav-vraag-antwoord.parent-here > a,
div.menu #nav-vraag-antwoord.here > a {
	border-left: 3px #ADE1E6 solid;
}

#nav-vraag-antwoord > a {
	background: #32B4C1;
	border-left: 3px #32B4C1 solid;
}

#nav-vraag-antwoord ul {
	border: 1px solid #32B4C1;
}

#nav-vraag-antwoord ul a {
	background: #ADE1E6;
	border-bottom:1px #e4f5f6 solid;
}

#nav-vraag-antwoord:hover > a {
	border-left: 3px #ADE1E6 solid;
}

#nav-vraag-antwoord li:hover > a {
	background:#e4f5f6 !important;
}

div.menu ul#nav ul li.last > a {
	border-bottom: none;
}

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

#content {
	position:relative;
	margin: 10px auto 10px auto;
	background-image: url('/images/content-y-background.jpg');
}

#content-top {
	height: 20px;
	background: url('/images/content-top-background.jpg') no-repeat top;
}

#content-main {
	left: 23px;
	position:relative;
	width: 640px;
	float:left;
}

#content-side {
	right: -9px;
	position:relative;
	width: 270px;
	float:right;	
}

#content-bottom {
	clear:both;
	height: 10px;
	background: url('/images/content-bottom-background.jpg') no-repeat bottom;
}
#content .article .article-body ol,
#content .article .article-body ol li {
	list-style-type: decimal;
}
#content .article .article-body ol {
	margin: 0px 0px 0px 20px;
}


/* Notes > Content - Main
---------------------------------------------------------------------------------------------------------------*/

#intro {
	position: relative;
	width: 640px;
	height: 90px;
	margin: 10px 0 16px 0;
	background: url('/images/note.jpg');
}

#intro p.tekst {
	font: 12px/17px Verdana,Geneva,sans-serif;
	padding: 10px 220px 10px 10px;
}
#intro p.full {
	padding: 10px 10px 10px 10px;
}

#intro img {
	position:absolute;
	top:-20px;
	right:10px;
}


/* articles > Content - Main
---------------------------------------------------------------------------------------------------------------*/

.article h2 {
	display: block;
	padding: 0 0 4px 0;	
	font: bold 18px Tahoma, Verdana, Helvetica, Arial;
	color: #000;
}

.article h2 a {
	color: #000;
}

.article h3 {
	padding: 4px 0 4px 0;	
	font: bold  14px/19px Tahoma, Verdana, Helvetica, Arial;
	color: #000;
}

.article h4 {
	padding: 4px 0 4px 0;	
	font: bold 12px/19px Tahoma, Verdana, Helvetica, Arial;
	color: #000;
}

.article .article-meta {
	font-size: 10px;
	font-weight: bold;
	color: #32B4C1;
	padding: 0 0 8px 0;
}

.article .article-meta p {
	display: inline;
}

.article .article-body  {
	padding: 0 0 16px 0;
}

.article .article-body p {
	font: 12px/19px Verdana,Geneva,sans-serif;
	color: #323232;
	margin: 0 0 10px 0;
}

.article .article-body ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

.article .article-body li {
	display: list-item;
	font: 12px/19px Verdana,Geneva,sans-serif;
	color: #323232;
	list-style-type: disc;
}

.article .article-body img.small,
.article .article-body img.big,
.article .article-body img.portrait {
	padding: 5px;
	border: 1px solid #EDEDED;
}

.article .article-body img.portrait {
	float: right;
	margin: 0 0 0 10px;
}

.article .article-body img.small {
	float: right;
	margin: 0 0 0 5px;
}

.article .article-body img.small {
	float: right;
	margin: 0 0 0 5px;
}

.divider {
	border-bottom: 1px solid #EDEDED;
	clear:both;
	display:block;
	height:10px;
	width:640;
}

.article .article-nav {
	height: 21px;
	position: relative;
	border-top: 1px #EDEDED solid;
	border-bottom: 1px #EDEDED solid;
	padding: 0 0 5px 0;
	margin: 0 0 14px 0;
}

.article .article-nav p {
	display: inline;
	font: bold 11px Tahoma, Verdana, Helvetica, Arial;
}

.article .article-nav p.lees-verder,
.article .article-nav p.reacties,
.article p.breadcrumb {
	float: left;
	position: relative;
	top: 6px;
	left: 2px;
}

.article .article-nav p.lees-verder {
	background: url('/images/divider.gif') no-repeat center right;
	padding-right: 10px;
}

.article .article-nav p.lees-verder a {
	color: #ED9F19;
}

.article .article-nav p.reacties {
	padding-left: 10px
}

.article .article-nav p.reacties a {
	color: #999;
}

.article .socialmedia-buttons {
	position: absolute;
	top: 1px;
	right: 1px;
	color: #999;
}

.article .socialmedia-buttons img {
	padding-left: 11px;
	margin-left: 10px;
	background: url('/images/divider.gif') no-repeat left 3px;
}

.article .socialmedia-buttons a {
	position: relative;
	top: 4px;
}	

.article p.breadcrumb  {
	color: #999;
}

.article p.breadcrumb a {
	color: #ED9F19;
}


/* pagination > articles > Content - Main
---------------------------------------------------------------------------------------------------------------*/

.pagination {
	padding: 13px 0 17px 0;
	display: block;
}
.pagination li {
	margin-right: 3px;
	display: inline;
}
.pagination li a {
	font: bold 13px Verdana,Geneva,sans-serif;
	padding: 1px 6px;
}
.pagination li a:hover {
	color: #fff;
	background: #999;
}
.pagination li.beginning,
.pagination li.previous,
.pagination li.next,
.pagination li.end {
	padding: 0 8px 0 8px;
}
.pagination a {
	color: #999;
}
.pagination .here a {
	border: 1px #999 solid;
}


/* Comments > articles > Content - Main
---------------------------------------------------------------------------------------------------------------*/

.comments {
	position: relative;
	font: 12px/17px Verdana,Geneva,sans-serif;
	padding: 0 0 25px 0;
}

.comments h3 {
	display: block;
	padding: 0 0 16px 0;
	font-size: 18px;
	font-weight: normal;
}
.comment {
	position: relative;
}
.comment-body {
	padding: 10px 0 5px 0;
	margin-bottom: 10px;
	background: url('/images/comment-top.gif') no-repeat top;
	border-bottom: 1px #EDEDED solid;
}
.comment-body p {
	padding: 8px 10px 3px 10px;
}
.comment-meta {
	padding: 10px 0 5px 0;
}


#comment_form h3 {
	padding: 20px 0 16px 0;
}

#comment_form p {
	padding: 0 0 10px 0;
}

#comment_form label {
	display:block;
	padding: 0 0 5px 0;
}

.comments input[type="text"] {
	width: 320px;
	border: 1px solid #cccccc;
	padding: 3px;
	font: 12px Verdana,Geneva,sans-serif;
}

.comments input[type="checkbox"] {
	margin-right: 5px;
}

.comments input[name="captcha"] {
	width: 132px;
}

.comments textarea {
	width: 640px;
	height: 120px;
	border: 1px solid #cccccc;
	padding: 3px;
	font: 12px/17px Verdana,Geneva,sans-serif;
}

/* Widgets > Content - Side
---------------------------------------------------------------------------------------------------------------*/

#content-side .widget {
	padding: 0 0 3px 0;
}

#content-side .widget-header {
	width: 270px;
	height: 40px;
	background: url('/images/widget_header_blue.jpg') no-repeat bottom;
}

#content-side .turquoise .widget-header {
	background: url('/images/widget_header_blue.jpg') no-repeat bottom;
}

#content-side .green .widget-header {
	background: url('/images/widget_header_green.jpg') no-repeat bottom;
}

#content-side .orange .widget-header {
	background: url('/images/widget_header_orange.jpg') no-repeat bottom;
}

#content-side .purple .widget-header {
	background: url('/images/widget_header_purple.jpg') no-repeat bottom;
}

#content-side .yellow .widget-header {
	background: url('/images/widget_header_yellow.jpg') no-repeat bottom;
}

#content-side .widget-header h3 {
	font: bold 13px Tahoma, Verdana, Helvetica, Arial;
	color: #fff;
	padding: 6px 0 0 10px;
}

#content-side .widget p {
	font: 12px/19px Verdana,Geneva,sans-serif;
	color: #666666;
	padding: 1px 22px 7px 10px;
}

#content-side .widget ul {
	padding-top: 1px;
}

#content-side .widget li {
	padding-bottom: 5px;
}

#content-side .widget li .titel a {
	display: block;
	font-size: 12px;
	color: #666666;
	padding: 0 22px 3px 10px;
}

#content-side .widget li .auteur-datum {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding: 0 22px 6px 10px;
}
#content-side .widget li.tweet span.titel a.name_link {
	margin: 0px;
	padding: 0px;
	clear: none;
	display: inline !important;
	text-decoration: underline;
}
#content-side .widget li.tweet span.titel {
	padding: 0px 22px 3px 0px;
	display: block;
	line-height: 17px;
}
#content-side .widget li.tweet .auteur-datum {
	padding: 0 22px 6px 0px;
}
#content-side .widget li.tweet {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	clear: none;
	font-size: 12px;
	color: #666666;
}


/* Widgets > Content - Side - Volg ons op
---------------------------------------------------------------------------------------------------------------*/

#content-side #follow {
	padding: 4px 0 20px 0;
	height: 25px;
}

#content-side #follow h3 {
	font: bold 11px Verdana,Geneva,sans-serif;
	display: inline;
	float:left;
	height: 25px;
	text-indent:9px;
	line-height:23px;
}

#content-side #follow p {
	display: inline;
	float:left;
	height: 25px;
	padding: 0;
}

#content-side #follow img {
	margin-left: 20px;
	display:block;
	float: left;
}


/* Widgets > Content - Side - Quick-scan
---------------------------------------------------------------------------------------------------------------*/

#quick-scan input[type="submit"] {
	margin-left: 41px;
}

label.error {
	display: block;
	background: #f00;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}

/* Sitemap > Content - Main
---------------------------------------------------------------------------------------------------------------*/

#sitemap a {
	color: #000;
}

#sitemap > li {
	padding-bottom: 5px;
}

#sitemap li li {
	padding-top: 5px;
}

/* Footer
---------------------------------------------------------------------------------------------------------------*/

#footer {
	height: 150px;
	background-image: url('/images/footer-background.jpg');
}

/* Widgets > Footer
---------------------------------------------------------------------------------------------------------------*/

#footer .widget {
	float: left;
	width: 280px;
	margin: 0 7px 0 23px;
}

#footer .widget-header h4 {
	border-bottom: 1px #ccc solid;
	font: bold 14px Tahoma, Verdana, Helvetica, Arial;
	padding: 17px 0 8px 0;
}

#footer .links h4 {
	color: #94AA26;
}

#footer .contact h4 {
	color: #EE9F19;
}

#footer .info h4 {
	color: #32B3C0;
}

#footer .widget p {
	font: 11px/17px Verdana,Geneva,sans-serif;
	color: #666666;
	padding: 6px 0 6px 0;
}

#footer .widget li {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding: 6px 0 6px 0;
	border-bottom: 1px #ccc solid;
}

#footer .widget li a {
	color: #666666;
}