/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

html, body {font-family:"Arial"; font-size:12px; color:#000000;}
body {background-color:#d4d2d5;}

/* LAYOUT */

#wrap {width:920px; margin:0 auto; background:url(../images/wrapBg.jpg) repeat-y;}
#header {height:176px;}
#homepageView #header {height:279px;}
#main {margin-top:6px; margin-left:7px; position:relative;}
#defaultView #main {min-height:550px;}
#homepageView #main {height:524px;}
#left {width:240px; float:left; margin-right:8px;}
#right {width:644px; float:left;}
#content, #news {width:636px; margin-bottom:10px;}
#contentTop {width:100%; height:6px;}
#contentBody {width:616px; padding:10px 10px 0 10px;}
#contentBottom {width:100%; height:7px;}
#footer {height:83px; background:url(../images/footerBg.jpg) no-repeat;}

/* HEADER */

#headerTop {height:56px; background:url(../images/headerTopBg.jpg) no-repeat; position:relative;}
#logo a {position:relative; top:21px; left:9px; display:block; width:362px; height:26px; background:url(../images/logoApeldoornstudiestad.gif); text-indent:-9999px;} /* plaatsen logo plus verwijzen homepage */

#searchTop {position:absolute; top:20px; right:29px; height:20px; width:191px; background:url(../images/searchTopBg.gif) no-repeat;}
#searchTopContent {position:relative;}
#searchTopField {position:absolute; left:24px; top:3px; border:0; background:none; height:16px; padding:0px; width:124px; font-size:10px; color:#888888;}
#searchTopButton {position:absolute; right:0px; width:32px; height:20px; background:url(../images/searchTopButtonBg.gif) no-repeat; border:0; cursor:pointer;}

#headerImg {height:119px; margin-left:7px;}
#homepageView #headerImg {height:180px; margin-left:7px;}
#headerLogos {height:43px; background:url(../images/headerLogosBg.jpg) no-repeat; text-align:right; margin-right:30px;}
#headerLogos a {margin-left:20px;}

/* FOOTER */

#footerContent {padding:20px 10px 10px 7px;}
#footer a {font-weight:bold; text-transform:lowercase;}
#footer a:hover {border-bottom:#000000 2px solid;}

/* HOOFDMENU */

#mainMenu {width:240px; margin-bottom:10px;}
#mainMenu a {display:block; padding-left:21px; font-size:24px; height:30px; line-height:30px; font-weight:bold; color:#000000;}
#mainMenu a:hover, #mainMenu a.selected {color:#019bbd;}

#defaultView #mainMenu, #studentsView #mainMenu {position:relative;}

/* Kader */
#mainMenuTop {height:6px; background:url(../images/mainMenuTopBg.gif) no-repeat;}
#mainMenuMiddle {padding:5px 0 10px 0; height:100%; background:url(../images/mainMenuMiddleBg.gif) repeat-y;}
#mainMenuBottom {height:6px; background:url(../images/mainMenuBottomBg.gif) no-repeat;}

/* SUBMENU */

#subMenu {margin-left:9px; margin-top:17px; margin-bottom:50px;}
#subMenu li {margin-bottom:10px;}
#subMenu a {color:#aaaaaa; font-size:16px; font-weight:bold; line-height:20px;}
#subMenu a:hover, #subMenu a.selected {color:#000000;}

/* BLOKKEN */

#blocksAboveContent {}
#blocksBeneathContent {}

/* Algemeen */
.block {height:365px; width:313px; position:relative; float:left; margin-bottom:10px; margin-right:10px;}
.block .contentBlock {padding:10px;}
.block .blockVisual {position:absolute; bottom:-1px; left:0; width:100%; text-align:center;}
#homepageView .block .blockVisual {bottom:0px;}
.block .goto a {text-decoration:none;}
.block h2 {margin-bottom:17px; color:#ffffff; font-size:18px; text-transform:uppercase; background:url(../images/iconWindow.png) no-repeat left 2px; text-indent:20px;}
.block h3 {font-size:20px;}
.block p {line-height:18px;}
.even, .last {margin-right:0px;} /* Geen marge laatste of even block */
.large {width:636px; height:365px; position:relative; margin-bottom:10px; margin-right:0;}

/* Transparante hoekjes */
.cornerTopLeft {position:absolute; top:0; left:0; width:6px; height:6px; background:url(../images/cornerTopLeftBg.png) no-repeat; z-index:10;}
.cornerTopRight {position:absolute; top:0; right:0; width:6px; height:6px; background:url(../images/cornerTopRightBg.png) no-repeat; z-index:10;}
.cornerBottomLeft {position:absolute; bottom:0; left:0; width:6px; height:6px; background:url(../images/cornerBottomLeftBg.png) no-repeat; z-index:10;}
.cornerBottomRight {position:absolute; bottom:0; right:0; width:6px; height:6px; background:url(../images/cornerBottomRightBg.png) no-repeat; z-index:10;}

/* Soorten blokken */
.html {}
.banner .contentBlock {display:none;}
.banner a {border:0 !important;}
.banner a.blockLink {display:block !important; cursor:pointer;}
.popup {height:233px;}
.popup a {border:0 !important;}
.nyroModal {cursor:pointer; display:block;}

/* Blok met artikelen (bv. Post-it) */
.articles .goto {font-size:16px; line-height:22px; position:absolute; bottom:13px; right:10px;}
.article p {line-height:14px;}
.articleSeparator {margin:5px 0; background:url(../images/articleSeparatorBg.png) repeat-x; height:2px; width:100%;}
.articles h3 {font-size:12px; color:#ffffff; line-height:14px;}

/* Kleurenschema's */
.orange {background:#ee8601;}
.orange a {color:#000000; border-bottom:1px solid;}
.orange a:hover {border-bottom:2px solid;}
.orange .goto a {border-bottom:1px solid;}
.orange .goto a:hover {border-bottom:2px solid;}

.pink {background:#e1007a; color:#ffffff;}
.pink a {color:#ffffff; border-bottom:1px solid;}
.pink a:hover {border-bottom:2px solid;}
.pink .goto a {border-bottom:1px solid;}
.pink .goto a:hover {border-bottom:2px solid;}

.black {background:#000000; color:#ffffff;}
.black .advertisementDate {color:#ee8601;}
.black .goto a {color:#dadada; border-bottom:0;}
.black .goto a:hover {border-bottom:2px solid;}

.darkblue {background:#019bbd;}
.darkblue a {color:#000000; border-bottom:1px solid;}
.darkblue a:hover {border-bottom:2px solid;}
.darkblue .goto a {color:#ffffff; border-bottom:0;}
.darkblue .goto a:hover {border-bottom:2px solid;}

.lightblue {background:#0071b9;}
.lightblue a {color:#000000; border-bottom:1px solid;}
.lightblue a:hover {border-bottom:2px solid;}
.lightblue .goto a {color:#ffffff; border-bottom:0;}
.lightblue .goto a:hover {border-bottom:2px solid;}

.lightgreen {background:#dcd723;}
.lightgreen a {color:#000000; border-bottom:1px solid;}
.lightgreen a:hover {border-bottom:2px solid;}
.lightgreen .goto a {color:#000000; border-bottom:1px solid;}
.lightgreen .goto a:hover {border-bottom:2px solid;}

.green {background:#159918;}
.green a {color:#000000; border-bottom:1px solid;}
.green a:hover {border-bottom:2px solid;}
.green .goto a {color:#000000; border-bottom:1px solid;}
.green .goto a:hover {border-bottom:2px solid;}

.dotted {background:url(../images/dottedBg.gif) no-repeat;}
.dotted h2 {color:#000000;}
.dotted a {color:#000000; border-bottom:1px solid;}
.dotted a:hover {border-bottom:2px solid;}
.dotted .goto a {color:#000000; border-bottom:1px solid;}
.dotted .goto a:hover {border-bottom:2px solid;}

#defaultView .dotted {background:url(../images/dottedBgMedium.gif) no-repeat;} /* Dotted block 'normaal' */
.largeDotted {background:url(../images/dottedBgLarge.gif) no-repeat !important;} /* Dotted block 'large' */

/* Blokken homepage */
#homepageView #blocksTop {position:absolute; top:0px; left:248px; width:636px; height:327px;}
#homepageView #blocksBottom {position:absolute; top:336px; left:0; width:884px; height:173px;}

#homepageView .block {margin-right:9px;}
#homepageView .last {margin-right:0;}

#homepageView #blocksTop .block {width:206px; height:327px;}
#homepageView #blocksTop .blockVisual {height:159px;}

#homepageView #blocksBottom .block {width:206px; height:173px;}
#homepageView #blocksBottom .large {width:454px;}

/* Specifiek */
.advertisementType {font-weight:bold;}
.advertisementDate {font-size:10px; text-transform:uppercase;}

/* STUDENTENLIJN (studentsView) */

#studentsView h1 {color:#dcd723;}
#studentsView #content p {font-size:14px; font-weight:bold; padding-right:100px;}
#studentsView #content h2 {color:#dcd723; margin-bottom:20px;}
#studentsView #contentTop {height:7px; background:url(../images/contentTopBgLightgreen.gif) no-repeat;}
#studentsView #contentBody {background:url(../images/contentBodyBgLightgreen.gif) repeat-y;}
#studentsView #contentBottom {height:8px; background:url(../images/contentBottomBgLightgreen.gif) no-repeat;}

.studentDetail {width:636px; height:235px; position:relative; margin-bottom:10px;}
.studentDetailContent {background:#dcd723; padding:15px 30px 20px 20px; height:200px; width:311px; float:right;}
.studentDetailVisual {float:left;}
.studentStudy {font-size:16px; font-weight:bold; margin-bottom:5px;}
.studentQuote {font-size:26px; font-weight:bold; line-height:31px; color:#ffffff;}
.studentQuote {
	background-image:url(../images/quoteOpen.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:5px;
}
.studentName {font-size:16px; font-weight:bold; line-height:20px; margin-left:20px; margin-top:10px;}
.studentEmail {margin-left:20px;}
.studentEmail a {line-height:18px;}
.studentEmail a:hover {border-bottom:1px solid;}

#students {}
.student {width:313px; height:95px; float:left; background:url(../images/studentBg.gif) no-repeat; position:relative; margin-bottom:10px; cursor:pointer;}
.student h3 {position:absolute; top:8px; left:5px; color:#ffffff; font-size:10px; line-height:12px; text-transform:uppercase; background:url(../images/iconWindowSmall.png) no-repeat left 0px; text-indent:15px;}
.student p {position:absolute; top:25px; left:125px; width:170px; font-size:18px; font-weight:bold; line-height:20px;}
.student .hover {position:absolute; width:313px; height:95px; background:black; z-index:5;}

#students .first {margin-right:10px;}
#students .pink {color:#e2007a;}
#students .darkblue {color:#0071b9;}
#students .middleblue {color:#019bbd;}
#students .lightblue {color:#67c3d7;}
#students .orange {color:#ef8601;}
#students .lightgreen {color:#d6c900;}
#students .grey {color:#b2b2b2;}

/* ZOEK PAGINA */

#searchPage h2 {margin-bottom:20px;}
#searchPage p {padding-bottom:0px !important;}
#searchPage form {margin-bottom:20px;}
#searchPage label {width:140px; float:left;}
#searchPage .field {width:200px;}
#searchPage .button {position:absolute; top:62px; left:606px; font-weight:bold; color:white; width:80px; height:22px; line-height:19px; background:black; border:0; margin:0; padding:0; cursor:pointer;}
#searchPage .button:hover {background:#ef8601;}

.searchInfo {padding-bottom:10px;}
.searchInfo .closest {font-weight:bold;}
.searchInfo .resultsAmount {margin-bottom:10px !important;}

#searchPage .articleSeparator {background:url(../images/articleSeparatorNews.gif) repeat-x; margin:15px 0 15px 0;}

.searchResult {}
.searchResult p {}
.searchResult .number {padding-right:5px;}
.searchResult .result {font-weight:bold;}
.searchResult .highlight {background:#ef8601;}
.searchResult .path {font-style:italic;}
.searchResult .resultcontent {}
.searchResult .gotofoundpage {padding-left:20px;}

/* POST-IT */

#postit, #postitForm {width:636px; height:100%; margin-bottom:10px; position:relative; background:#000000; color:#ffffff;}
#postit .contentBlock, #postitForm .contentBlock {padding:10px;}
#postit .contentBlock {padding-bottom:20px;}
#postit p {line-height:18px;}
#postit h3 {color:#ee8601; font-size:14px;}
#postit a {color:#ffffff; border-bottom:1px solid;}
#postit a:hover {border-bottom:2px solid; color:#ee8601;}
#postit .articleSeparator {margin:10px 0;}
#postit .contactInfo {font-style:italic;}

.postitItem {position:relative;}
.postitDate {position:absolute; top:0; right:0; font-size:10px; color:#a5a5a5;}

#postitNav {text-align:right;}
#postitNav li {display:inline; margin-left:3px;}
#postitNav a {border:0;}
#postitNav .selected {color:#ee8601; border-bottom:2px solid;}

#postitForm h2 {color:#ee8601; font-size:16px; font-weight:bold; margin-bottom:20px;}
#postitForm #basicForm label {width:130px; color:#ffffff;}
#postitForm #basicForm .error { color:#ff0000;}
#postitForm #basicForm .field {width:300px; border:0; background:#ffffff;}
#postitForm #basicForm .captchafield {width:150px; border:0; background:#ffffff; display:block; margin:10px 0px 10px 130px;}
#postitForm #basicForm textarea {padding:3px; width:300px; height:100px; border:0; background:#ffffff;}
#postitForm #basicForm .button {margin-left:130px !important; width:120px; background:#ee8601;}
#postitForm #basicForm .button:hover {background:#019bbd;}
#postitForm #basicForm p {margin-bottom:5px !important;}

/* NIEUWS OVERZICHT */

#news h4 {color:#ee8601; font-size:13px; line-height:20px;}
#news p {padding-bottom:0px !important;}
#news p.more {padding-bottom:20px !important;}
#news .articleSeparator {background:url(../images/articleSeparatorNews.gif) repeat-x; margin:0 0 10px 0;}
#content #buttonBack {text-align:right; padding-bottom:10px;}
#content #buttonBack a {color:#ee8601; font-size:16px; line-height:22px;}

/* SITEMAP */

#content #sitemap ul {list-style-type:none; padding:0; margin:0;}
#content #sitemap a {background:url(../images/bullet_orange.png) no-repeat left; border:0;}
#content #sitemap a span {margin-left:20px; border-bottom:1px solid;}
#content #sitemap a:hover span {border-bottom:2px solid;}
#content #sitemap ul ul {padding-left:20px;}
.mainLevel {padding-bottom:20px;}

/* BODY STYLES */

/* Standaard (oranje) */
h1 {color:#ee8601;}
#contentTop {background:url(../images/contentTopBg.gif) no-repeat;}
#contentBody {background:url(../images/contentBodyBg.gif) repeat-y;}
#contentBottom {background:url(../images/contentBottomBg.gif) no-repeat;}
#contentBody h2 {color:#ee8601;}
#contentBody h3 {color:#ee8601;}

/* Blauw */
.bodyBlue h1 {color:#0071b9;}
.bodyBlue #contentTop {height:7px; background:url(../images/contentTopBgBlue.gif) no-repeat;}
.bodyBlue #contentBody {background:url(../images/contentBodyBgBlue.gif) repeat-y;}
.bodyBlue #contentBottom {height:8px; background:url(../images/contentBottomBgBlue.gif) no-repeat;}
.bodyBlue #contentBody h2 {color:#0071b9;}
.bodyBlue #contentBody h3 {color:#0071b9;}
.bodyBlue hr {border:0; background-color:#0071b9; color:#0071b9; height:1px; margin-top:-10px;}

/* FORMULIEREN */

/* Basic */
#basicForm {padding-bottom:20px;}
#basicForm .row {margin-bottom:5px; clear:both;}
#basicForm p {margin-bottom:0px !important;}
#basicForm label {color:#5c5c5c; width:100px; float:left; line-height:20px; font-style:italic;}
#basicForm .required {font-weight:bold;}
#basicForm .field {width:300px; border:0; border-bottom:#c7c7c7 1px solid; background:#f5f5f5;}
#basicForm .textarea {width:300px; height:100px; border-bottom:#c7c7c7 1px solid; background:#f5f5f5;}
#basicForm .button {width:100px; height:20px; background:#000000; color:#ffffff; font-weight:bold; border:0; margin-left:100px !important; cursor:pointer;}
#basicForm .button:hover {background:#ee8601;}

/* Elements */
#basicForm .file {width:300px;}
#basicForm .radiobuttons {list-style-type:none; padding:0; float:left;}
#basicForm .radiobuttons label {width:auto; float:none;}

/* Captcha */
#basicForm #captcha {clear:both;}
#basicForm #captcha, #basicForm .row .button {margin-left:130px;}
#basicForm #captcha {margin-top:20px; margin-bottom:20px;}
#basicForm #captcha p {margin:5px 0 !important;}
.captchaError {font-weight:bold; color:red;}

/* ROUTEPLANNER */

#routeOv #basicForm label, #routeplanner #basicForm label {color:#ffffff;}
#routeOv #basicForm .field, #routeplanner #basicForm .field {width:180px; border:0;}
#routeOv #basicForm .button:hover, #routeplanner #basicForm .button:hover {background:#ffffff; color:#000000;}

/* CLEARFIX */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* CLASSES - ALGEMEEN */

.field {border:1px solid; background:none; margin:0; padding:3px;} /* specifieke opmaak voor een input type="text" */
.clearer {clear:both;} /* 'clearen' van voorafgaande floats */

/* ELEMENTEN - ALGEMEEN */

h1 {font-size:24px; font-weight:bold; text-transform:uppercase; margin:11px 0 5px 9px;}

a {color:#000000; text-decoration:none;} /* algemene links */
a:hover {}

#contentBody a {border-bottom:1px solid;}
#contentBody a:hover {border-bottom:2px solid;}

#contentBody p {line-height:20px; padding-bottom:20px;}
#contentBody h2 {font-size:24px; font-weight:bold; line-height:26px; margin-bottom:20px;}
#contentBody h3 {font-size:12px; font-weight:bold; line-height:20px;}

#contentBody ol {list-style-type:decimal; padding:0 0 20px 17px; line-height:20px;} /* ordered lists in div "content" */
#contentBody ul {list-style-type:disc; padding:0 0 20px 17px; line-height:20px;} /* unordered lists in div "content" */

strong {font-weight:bold;}
italic {font-style:italic;}
em {font-style:italic;}
u {text-decoration:underline;}

/* ELEMENTEN - FORMULIER */

input {font-family:"Arial"; font-size:11px;}
textarea {font-family:"Arial"; font-size:11px;}