@import url(/files/css/nav.css);

html, body {
 margin: 0;
 padding: 0;
}

body {
 font: 11px/150% verdana, sans-serif;
 color: #555;
}

a#link-home {
 position: absolute;
 display: block;
 top: 181px;
 left: 0;
 width: 90px;
 height: 21px;
}

	a#link-home span {
	 position: absolute;
	 display: block;
	 top: 0;
	 left: 0;
	 width: 90px;
	 height: 21px;
	 background: url(/gfx/home.gif) no-repeat;
	 cursor: pointer;
	}

div#container {
 position: relative;
 width: 970px;
 min-height: 693px;
 margin: 0 0 15px 0;
 background: url(/gfx/body_fill.gif) repeat-y;
}

div#head {
 height: 181px;
 background: url(/gfx/head.gif) no-repeat;
 z-index: 10;
}

/* engels | sitemap wrapper */
p#wrap-engels-sitemap {
 position: absolute;
 width: 200px;
 text-align: right;
 top: 97px;
 left: 415px;
 margin: 0;
}

p#wrap-engels-sitemap a, p#wrap-engels-sitemap a:visited {
 color: #888;
 text-decoration: none;
 font-size: 12px;
}

div#kruimelpad{
 position: absolute;
 top: 25px;
 left: 335px; 
 text-decoration: none;
 vertical-align:middle;
 line-height: 170%;
 width: 480px;
}

div#kruimelpad a{
 color: #666;
 text-decoration: none;
}

div#kruimelpad a.selected{
 color: #000093;
 text-decoration: none;
}

div#kruimelpad img{
 color: #f00000;
 text-decoration: none;
 
}

/* (top) search form */
form#form-search {
 position: absolute;
 top: 95px;
 left: 620px;
 margin: 0;
 height: 21px;
}

form#form-search input#search-box {
 border-style: solid;
 border-width: 0 0 1px 1px;
 border-color: #000;
 width: 87px;
 line-height: 21px;
 font-size: 10px;
 padding: 0 0 1px 2px;
 vertical-align: middle;
}

form#form-search input#search-submit {
 vertical-align: middle;
}

/* leftcorner image */
div#corner-image {
 position: absolute;
 top: 0;
 left: 0;
 width: 270px;
 height: 223px;
 /* 11-4-2008 12:04:42 Tim - uit omdat head al personen bevat
 background: url(/gfx/linksboven.gif) no-repeat;   
 */
}
/*
div#container div.opleidingen {
 background-image: url(/gfx/linksboven01.gif);
}

div#container div.studenten {
 background-image: url(/gfx/linksboven02.gif);
}

div#container div.contact-locaties {
 background-image: url(/gfx/linksboven03.gif);
}
*/
/* NEWS / OPENHUIS BAR */
div#newsbar {
 position: relative;
 display: inline;
 float: left;
 width: 180px;
 height: 400px;
 margin: 0px 5px 0 90px;
 z-index: 100;
}


	div#newsbar h3 {
	 position: relative;
	 height: 20px;
	 width: 180px;
	 margin: 0;
	 overflow: hidden;
	}
	
	div#newsbar h3 span {
	 position: absolute;
	 display: block;
	 top: 0;
	 left: 0;
	 width: 180px;
	 height: 20px;
	 background-repeat: no-repeat;
	}

h3#newsbar-nieuws span {
 background-image: url(/gfx/nieuws.gif);
}

div#newsbar h3#newsbar-vacatures {
 margin-top: 10px;
}
  h3#newsbar-vacatures span {
   background-image: url(/gfx/vacatures.gif);
   cursor: hand;
  }

div#newsbar h3#newsbar-open-huis {
 margin-top: 10px;
}

	h3#newsbar-open-huis span {
	 background-image: url(/gfx/openhuis.gif);
	}

div.nieuwsitem {
 border-top: 1px #888 solid;
 margin: 0 15px 4px 15px;
 padding-top: 2px;
}

	div.nieuwsitem h4 {
	 margin: 2px 0 0 0;
	 font-size: 11px;
	}
	
	div.nieuwsitem p {
	 margin: 0 0 0 0;
	}

	div.nieuwsitem a, div.nieuwsitem a:visited {
	 color: #004377;
	 text-decoration: none;
	 font-weight: bold;
	}

p.openhuis-tijd {
 text-align: left;
}

/* MAIN CONTENT */
div#main {
 background: url(/gfx/body.gif) no-repeat;
 min-height: 512px;
 z-index: 50;
}

div#footer {
 background: url(/gfx/footer.gif) no-repeat;
 height: 63px;
}

div#content {
 float: left;
 width: 435px;
 display: inline;
 margin: 0px 65px 10px 20px;
 overflow: hidden;
}

	div#content h2 {
	 margin-top: 0;
	 font-size: 20px;
	}
	
	div#content h3, div#content h4 {
	 color: #6E1976;
	 margin: 0;
	 font-size: 12px;
	}
	
	div#content h3 a {
	 color: #6E1976;
	 text-decoration: none;
	}
	
	div#content p {
	 margin: 0 0 10px 0;
	}
	
div#content p.introtekst {
 font-weight: bold;
}

/* SIDEBAR */
div#sidebar {
 width: 175px;
 float: left;
 display: inline;
}

	div#sidebar p {
	 margin: 10px;
	 padding: 0;
	}
	
	div#sidebar h3 {
	 position: relative;
	 height: 23px;
	 width: 175px;
	 margin: 0;
	 overflow: hidden;
	}

	/* Gilder/Levin Image Replacement Method */
	div#sidebar h3 span {
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 175px;
	 height: 23px;
	 background-repeat: no-repeat;
	}

div#sidebar-voor-bedrijven h3 span	{background-image: url(/gfx/sidebar/voor-bedrijven.gif);}
div#sidebar-studiekeuzetest h3 span	{background-image: url(/gfx/sidebar/studiekeuzetest.gif);}
div#sidebar-opleidingkiezer h3 span	{background-image: url(/gfx/sidebar/opleidingkiezer.gif);}
div#sidebar-aanmelden h3 span		{background-image: url(/gfx/sidebar/aanmelden.gif);}

div#slideshow {
 width: 175px;
 height: 148px;
}

/* search result */
p.search-result a, p.search-result a:visited {
 text-decoration: none;
 color: #555;
 font-weight: bold;
}

p#search-result-info {
 font-weight: bold;
}

div.clear {
 clear: left;
}

/* OPLEIDING KIEZER */
ul#kiezer, ul#kiezer-selected {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 175px;
}

ul#kiezer li {
 margin: 0;
 padding: 3px 0 3px 17px;
 background: url(/gfx/arrow-kiezer/default.jpg) no-repeat left 3px;
 cursor: pointer;
 border-bottom: 1px #CCC solid;
 color: #666;
}

ul#kiezer li.hover {
 background-image: url(/gfx/arrow-kiezer/hover.jpg);
 color: #97B92F;
}

div#sidebar-opleidingkiezer ul.kiezer-l2 li {
 background-image: url(/gfx/arrow-kiezer/punt-default.jpg);
}

div#sidebar-opleidingkiezer ul.kiezer-l2 li.hover {
 background-image: url(/gfx/arrow-kiezer/punt-hover.jpg);
}

ul#kiezer-selected.inactive {
 display: none;
}

ul#kiezer-selected.active {
 display: block;
}

ul#kiezer-selected li {
 margin: 0;
 padding: 3px 0 3px 17px;
 background: url(/gfx/arrow-kiezer/selected.jpg) no-repeat left 3px;
 cursor: pointer;
 border-bottom: 1px #CCC solid;
 color: #333;
}

div#sidebar-opleidingkiezer ul.selected-l4 li {
 background-image: none;
}

a, a:visited {
 color: #666;
}

a:hover {
 color: #97B92F;
 text-decoration: none;
}


#content div.nieuwsitem {
  display: block;
  width: 440px;
  margin: 0;
  padding: 10px 0 10px 10px;
  background: url('/gfx/nieuwsbar.gif') no-repeat top left;
  margin: 0 0 15px 0;
  position: relative;
  border-top: 1px #CECECE solid;
}

#content div.nieuwsitem h3 {
  font-size: 17px;
  margin-bottom: 3px;
  line-height: 17px  
}

#content div.nieuwsitem img,#content div.nieuwsitem div.imgPlaceHolder {
  float: left;
  display: block;
  width: 83px;
  min-height: 50px;
  margin-right: 15px;
}

#content div.nieuwsitem div.nieuwsContent {
  float: left;
  display: block;
  width: 335px;
  line-height: 14px;
}

#content img.vlak_1 {
  margin-right: 10px;
}

#content img.vlak_1, #content img.vlak_2 {
  margin-bottom: 35px;
}

#content div.nieuwsitem div.readmore {
  position: absolute;
  bottom: 7px;
  right: 15px;
}

#content div.nieuwsitem div.readmore a, #content div.nieuwsheadline a {
  color: #EF221D;
  font-weight: normal;
  text-decoration: none;
}


#content div.nieuwsheadline {
  border-top:1px solid #CECECE;
  position: relative;
  padding:9px 0 6px 0;
}
#content div.nieuwsheadline.last {
  border-bottom:1px solid #CECECE;
  margin-bottom: 7px;
}

#content img.vlak_1, #content img.vlak_2 {
  border: 1px #CECECE solid;
}

a.archivelink {
  font-weight: bold;
  text-decoration: none;
}


#content div.nieuwsheadline div.readmore {
  position: absolute;
  bottom: 16px;
  right: 0px;
}