/* 
html5doctor.com Reset Stylesheet
v1.6.1  Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html,body,div,span,object,i,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}navul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/*changecolourstosuityourneeds*/ins{background-color:#ff9;color:#000;text-decoration:none;}/*changecolourstosuityourneeds*/mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1pxdotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}/*changebordercolourtosuityourneeds*/hr{display:block;height:1px;border:0;border-top:1pxsolid#cccccc;margin:1em0;padding:0;}input,select{vertical-align:middle;}

/*
	HAN V2 Styles
	Copyright (c) Hogeschool van Arnhem en Nijmegen
	Developers:		S. van den Dungen Gronovius
					J. van den Hooven
					T. Schrauwen
*/

body {
	background: #fff;
	font: 75% verdana, helvetica;
	font: 12px verdana, helvetica;
	line-height: 150%;
	color: #036;
}
.access {
	position: absolute;
	left: -5000em;
}
.clear {
	clear: both;
}
a {
	color: #666;
}
i {
	font-style: normal;
}
h1{
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: .3em;
	color: #036;
}
h1 {
	font-size: 1.8em;
	margin-bottom: .85em;
}
.cufon-active h1 {
	margin-bottom: 11px;
	line-height: 20px;
}
h2 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: .5em;
}
h3 {
	font-weight: bold;
}
p {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
li {
	margin-left: 2em;
	list-style: disc outside;
}
ol, ul {
	margin-bottom: 1.5em;
}
li p {
	margin-bottom: 0;
}
small {
	font-size: .8em;
}	
.rbox {
	padding: 5px 10px;
	font-size: 10px;
	font-weight: bold;
	background: #fce4e4;
	border: 1px solid #dc1313;
}

#container {
	width: 995px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}
#top {
	position: relative;
	height: 55px;
}
#logo {
	position: absolute;
	right: 0px;
	top: 8px;
}
#meta-nav {
	position: absolute;
	left: 50px; top: 25px;
	font-weight: bold;
	font-size: 85%; 
}
#meta-nav li {
	float: left;
	margin-right: 10px;
	margin-left: 0;
	list-style: none;
}
#meta-nav a { text-decoration: none; }
#meta-nav a:hover, #meta-nav a:focus, #meta-nav a:active, #meta-nav .active a  { color: #036; text-decoration: underline; }

#brandbar {
	height: 125px;
	overflow: hidden;
	position: relative;
	background: url(images/brandbar-han.gif) left top #003466 no-repeat;
}
#brandbar #type {
	width: 225px;
	height: 125px;
	float: left; 
}
#brandbar #ambient {
	position: absolute;
	top: 0 ; right: 0;
	background: url(/lib/css/han/images/pca/picturebar.jpg) no-repeat right top;
}
#main {
	margin: 25px 0 0 0;
	position: relative;
	overflow: hidden;
}
#navigation {
	float: left;
	width: 225px;
	padding-bottom:  256px; /* So it will not overlap the contactblock */
}
#content {
	float: right;
	width: 770px;
}
#text {
	width: 490px;
	margin-left: 10px;
	float: left;
}
#footer {
	padding: 0px 10px 0;
	font-size: 95%;
}
#footer hr {
	border: none;
	border-bottom: 1px solid #036;
	background: none;
	height: 1px ;
	margin-bottom: 10px;
}
#footer #copyright {
	float: left;
}
#footer ul {
	display: block;
	float: right;
	margin-left: 0 !important;
	padding: 0 !important;	
}
#footer li {
	float: left;
	margin:0;
	padding: 0 5px 0 5px;
	border-right: 1px solid #036;
	list-style: none;
	line-height: 100%;
}
#footer li.last {
	border-right: none;
}
#footer a {
	color: #036;
}
#footer a.rss {
	padding-right: 20px;
	background: url(/lib/css/han/images/rss.gif) no-repeat right center;
	padding: 2px 20px 2px 0;
}
#contact {
	height: 256px; width: 225px;
}
#contact .content {
	padding: 20px 15px 10px 10px;
	font-size: .9em;
}
#modules {
	width: 245px;
	float: right;
}
#breadcrumbs {
	margin-bottom: 10px;
}
#site-navigation {
	font-weight: bold;
	margin-right: 5px;
}
#site-navigation li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 25px;
}
#site-navigation li ul {
	margin-bottom: 5px;
}
#site-navigation li li {
	margin-bottom: 0;
	background: none;
	list-style: disc outside;
	padding-left: 0;
	margin-left: 20px;
}
#site-navigation li a {
	font-weight: bold;
	color: #036;
	text-decoration: none;
}
#site-navigation li li a {
	font-size: .9em;
	font-weight: normal;
}
#site-navigation li li a:hover, #site-navigation li li a:focus {
	text-decoration: underline;
}
#site-navigation li.selected > a { text-decoration: underline; }
#site-navigation li li.selected, #site-navigation li li.selected a  {
	color: red;
}

#modules {
	font-size: 92%;
}

#contact {
	position: absolute;
	left: 0;
	bottom: 0;
}

/*
	EDITOR
*/
#container .buttons {
	margin-bottom: 10px;
}
#container  .buttons li, a.button, #container .buttons li{
	float: left;
	background: #fff;
	border: 1px solid #036;
	text-decoration: none;
	list-style: none;
}
a.button {
	float: left;
}
#container .buttons li a, a.button span {
	background: #036;
	color: #fff;
	margin: 1px;
	display: block;
	color: #fff;
	padding: 2px 4px;
	font-size: 11px;
	text-decoration: none;
}
#container .buttons li a:hover, a.button:hover {
	color: #fff;
}
.programme-image {
	text-align: center;
	margin-bottom: 10px;
}

table {
	width: 100%;
	margin-bottom: 1em;
}	
table ul {
	margin-bottom: 0;
}
table td, table th{
	border: 1px solid #036;
	padding: 1px 2px;
}
table th {
	background: #978DD8;
	color: #fff; 
}	

/*
	HAN ICONS
*/	
.hanicon {
	background: url(sprites/sprite-hanicons.png) no-repeat;
	width: 16px; height: 16px;
	position: absolute;
}	
.hanicon.followup {
	background-position: -20px -0px; width: 20px; height: 20px;
}
.hanicon.more {
	background-position: -0px -50px; right: 0; top: 2px;
}
.hanicon.print {
	background-position: -0px -70px; right: 0; top: 2px;
}	.intro {
	font-weight: bold;
	margin-bottom: 1em;
}
.text {
	margin-bottom: 1em;
}
.events li {
	list-style: none;
}
.toc-back {
	text-align: right;
	margin-top: -10px;
	font-size: .9em;
}

.taalswitch {
	border-bottom: 1px dotted #CCCCCC;
	padding: 7px 0; padding-top: 0;
}
.language.more {
	background: url(images/ips-sprite.png) no-repeat scroll 205px -46px transparent;
	padding-right: 25px;
	display: block;
	text-align: right;
	font-weight: bold;
	margin-left: 2em;
}
#modules .news li {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
	background: url(images/bullet-arrow.png) 5px 5px no-repeat;
}
.readmore {
	margin-bottom: 1em;
}
.newslist article {
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
}
.newslist .image_container {
	float: left;
	width: 100px;
	height: 100px;
}
.newslist .image_container img {
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 4px #888;
	-moz-border-radius:  10px 0 10px 10px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-webkit-border-radius: 10px 0 10px 10px;	
}
.newslist .bodytext {
	margin-left: 120px;
}

input, select, textarea {
	border: 1px solid #777;
}
input:focus, input:active {
	border: 1px solid #036;
}
input.btn {
	border: 0;
}

.file {
	margin-bottom: 1em;
}
.file .filetype {
	padding-right: 5px;
}


#search-widget {
	margin-bottom: 1em;
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
#search-widget #searchquery {
	margin-right: 5px;
}
.search-item {
	margin-bottom: 1em;
}
#search-pages {
	padding-top: 10px;
	margin-bottom: 1em;
}
#search-pages li {
	float: left;
	list-style: none;
	margin: 0;
	margin-right: 5px;
}
#search-pages li  a, #search-pages li strong {
	display: block;
	padding: 2px 5px 2px 0;	
}
.component img {
	-moz-box-shadow: 2px 2px 4px #ccc;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	box-shadow: 2px 2px 4px #ccc;
}
.component img.left {
	float: left;
	margin: 0 10px 10px 0;
}
.component img.right {
	float: right;
	margin: 0 0 10px 10px;
}
h1 {
	font-size: 1em;
	margin-bottom: .5em;
	font-weight: bold;
}
#site-navigation li li.selected, #site-navigation li li.selected a, #site-navigation li li.selected li.selected a{
	color: #7666d6;
}
#site-navigation li.selected li li a {
	color: #036;
}
#brandbar #ambient {
	background-image: url(images/ips-header.jpg);
}
.intro, .readmore, #text .component , .toc, .date{
	padding: 0 10px;
}
.pagedate {
	margin-bottom: 1em;
	font-size: .9em;
}
.block {
	min-height: 100px;
	margin-bottom: 1em;
}
.block h2, h1 {
	background: #978dd8;
	color: #fff;
	padding: 2px 10px;
}
#modules a { color: #036; }
#modules h2 a { color: #fff; }
#text .block {
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}
#text h2, h1 {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;		
}

#site-navigation li  {
	background: url(images/ips-arrow.png) no-repeat 3px 3px;
}

.insitelinks li {
	background: url(images/ips-sprite.png) no-repeat -0 -46px;
	margin-left:5px; list-style: none;
	padding-left: 20px;
}
.insitelinks li a {
	color: #036;
	font-weight: bold;
}

.followup {
	msargin-top: -20px;
	margin-bottom: 1em;
	padding: 0 10px;
	padding-left: 30px;
}
.followup li {
	background: url(images/ips-sprite.png) no-repeat -0 -96px;
	list-style: none;
	margin-left: 0;
	float: left;
	width: 70px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
.followup li.deutsch { background-position: 0 -146px; }
.followup li.search {
	border-bottom: 0; margin-left: 90px;
	background-position: 0 -196px;
}
#contact {
	background: url(images/ips-sprite.png) no-repeat -400px -0px;
}
.tagcloud ul {
	background: #eae8f7;
	padding: 20px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
	text-align: center;
}
.tagcloud li {
	text-align: center; display: inline;
	padding: 0;
	margin: 0; list-style: none;
}
.tagcloud li a { color: #5d568b; font-weight: bold; }
.tagcloud li.important2 a { color: #c3bcf1; font-size: 1.2em; }
.tagcloud li.important3 a { color: #9e98bd; font-size: 1.3em; }
.tagcloud li.important4 a { color: #6b5fbe; font-size: 1.4em; }
.tagcloud li.important5 a { color: #6b5fbe; font-size: 1.4em; }

#studiegidskeuze {
	position: relative;
	background: #f6f5fc;
	margin-bottom: 10px;
}
#studiegidskeuze #title-text {
	text-align: center;
	color: #fe0034;
	font-weight: bold;
	font-size: 1.4em;	
}
#skcar {
	height: 250px;
	width: 100%;
	position: relative;
}
#skcar #title-text{
	bottom: 0;
	position: absolute;
	width: 100%;
	text-align: center;
}
#skcar #left-but {
	position: absolute;
	bottom: 15px;
	left: 20px;
}
#skcar #right-but {
	position: absolute;
	bottom: 15px;
	left: 70px;
	background-position: -46px 8px;
}
.carbut {
	background: #fe0034 url(images/arrows.png) 4px 8px no-repeat;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;		
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	cursor: pointer;
}
.carbut:hover {
	border: 2px solid #000;
}
.carbut span { position: absolute; left: -3000em; }


.text, .media, .picture-component,  #searchresult{
	padding: 0 10px;
}


.social.block {
	
}
.social.block li {
	list-style: none;
	overflow: hidden;
	margin-left: 1em;
	margin-bottom: 5px;
}
.social.block a {
	font-weight: bold;
	line-height: 30px;
}
.social.block img {
	float: left;
	margin-right: 10px;
}
.social.block a.hyves{
	background: url(/lib/images/social/hyves-icon.gif) no-repeat;
	padding: 10px 40px;
	line-height: 35px;
}	
#usp {
	padding: 10px 0;
}
.block.studiewijzerlinks .image_container {
	text-align: center;
}
.block.studiewijzerlinks li {
	background: url("images/ips-sprite.png") no-repeat scroll 205px -46px transparent;
	list-style: none;
	text-align: right;
	padding-right: 25px;
}
.block.studiewijzerlinks li a {
	font-weight: bold;
}