/*** DEFAULT CSS DOCUMENT ***/


/* Clearfix: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.shownocss {display: none;}

/*** FONTS, BACKGROUNDS & COLORS ***/

body {background: #d8dadc url(/images/bg-body.png) repeat-x fixed left bottom; text-align: center; font-family:verdana,arial,sans-serif; font-size:76%;}
strong {font-weight: bold;}
em {font-style: italic;}

.align-left {float:left; margin:5px 10px 5px 0px;}
.align-right {float:right; margin:5px 0px 5px 10px;}

div.global-wrapper {text-align: left; font-size: 0.9em; background: #e7e7e9 url(/IMAGES/bg-main.png) repeat-y left top;}
div.global-wrapper a {color: #000;}
div.global-wrapper div.grafisch-lyceum-utrecht {background: #fff url(/IMAGES/head-pink.jpg) no-repeat right top;}
div.global-wrapper div.opleidingen {background: #fff url(/IMAGES/head-yellow.jpg) no-repeat right top;}
div.global-wrapper div.studenten {background: #fff url(/IMAGES/head-black.jpg) no-repeat right top;}
div.global-wrapper div.bedrijven {background: #fff url(/IMAGES/head-red.jpg) no-repeat right top;}
div.global-wrapper div.actueel {background: #fff url(/IMAGES/head-green.jpg) no-repeat right top;}
div.global-wrapper div.servicepunt {background: #fff url(/IMAGES/head-blue.jpg) no-repeat right top;}

h1#logo {background: #fff url(/IMAGES/logo-vervolg-static.png);}

div#subsubnavigation ul li a {color: #959799; font-size: 1.0em;}
div#subsubnavigation ul li a.activemain {color: #000; text-decoration: none;}
div#subsubnavigation ul li a.activesub {color: #000; text-decoration: none;}
div#subsubnavigation ul li a.inactivemain {text-decoration: none;}
div#subsubnavigation ul li a.inactivesub {text-decoration: none;}

div#printwrap a {background: url(/IMAGES/ico-print.gif) no-repeat left top;}
div#printwrap a:hover {background: url(/IMAGES/ico-print-over.gif) no-repeat left top;}

body.vervolg-template h2 {color: #fff; text-align: right; font-weight: bold;}
#subsubnavigation-wrap h2 span{padding-bottom:4px;}

h2#head-100-jaar-grafisch-goed span, h2#head-grafisch-lyceum-utrecht span, h2#head-100-jaar-historie span, h2#head-visie-en-missie span, h2#head-de-organisatie span, h2#head-vacatures span, h2#head-jaarverslag-2006 span, h2#head-raad-van-toezicht span {background-color: #ed008c;}
h2#head-grafisch-lyceum-utrecht {border-top:2px solid #ed008c; padding-bottom:20px; background: url(/IMAGES/subtitels/pink-doen.gif) no-repeat left bottom;}
h2#head-grafisch-lyceum-utrecht span {padding-bottom:20px;}
h2#head-100-jaar-historie {border-top: 2px solid #ed008c; background: url(/IMAGES/subtitels/pink-meevieren.gif) no-repeat left bottom;}
h2#head-100-jaar-grafisch-goed {border-top: 2px solid #ed008c; background: url(/IMAGES/subtitels/pink-meevieren.gif) no-repeat left bottom; padding-bottom:20px;}
h2#head-visie-en-missie {border-top:2px solid #ed008c; background: url(/IMAGES/subtitels/pink-doen.gif) no-repeat left top;}
h2#head-verantwoording {background: url(/IMAGES/subtitels/pink-inzien.gif) no-repeat left top;}
h2#head-de-organisatie {background: url(/IMAGES/subtitels/pink-delen.gif) no-repeat left top;}
h2#head-vacatures {background: url(/IMAGES/subtitels/pink-soliciteren.gif) no-repeat left top;}
h2#head-jaarverslagen {background: url(/IMAGES/subtitels/pink-rapporteren.gif) no-repeat left top;}
h2#head-raad-van-toezicht {background: url(/IMAGES/subtitels/pink-hoeden.gif) no-repeat left top;}
h2#head-opleidingen, h2#head-alle-opleidingen, h2#head-per-mbo-niveau, h2#head-test-je-talent, h2#head-toelatingseisen, h2#head-art-design-college, h2#head-x11-schoolvoorgrafimedia, h2#head-aanmelden, h2#head-kosten-en-studiemiddelen {color: #000;}
h2#head-opleidingen span, h2#head-alle-opleidingen span, h2#head-per-mbo-niveau span, h2#head-test-je-talent span, h2#head-toelatingseisen span, h2#head-art-design-college span, h2#head-x11-schoolvoorgrafimedia span, h2#head-aanmelden span {background-color: #fff100;}
h2#head-opleidingen {border-top:2px solid #fff100; background: url(/IMAGES/subtitels/yellow-groeien.gif) no-repeat left top;}
h2#head-beroepenveldcommissies {background: url(/IMAGES/subtitels/red-meedenken2.gif) no-repeat left top;padding-bottom:20px;}

h2#head-alle-opleidingen {background: url(/IMAGES/subtitels/yellow-kiezen.gif) no-repeat left top;}
h2#head-kosten-en-studiemiddelen {background: url(/IMAGES/subtitels/yellow-investeren.gif) no-repeat left top;}
h2#head-per-mbo-niveau {background: url(/IMAGES/subtitels/yellow-selecteren.gif) no-repeat left top;}
h2#head- {background: url(/IMAGES/subtitels/yellow-testen.gif) no-repeat left top;}
h2#head-toelatingseisen {background: url(/IMAGES/subtitels/yellow-binnenlaten.gif) no-repeat left top;}
h2#head-art-design-college {background: url(/IMAGES/subtitels/yellow-doorleren.gif) no-repeat left top;}
h2#head-x11-schoolvoorgrafimedia {padding-bottom:20px; border-top:2px solid #fff100; background: url(/IMAGES/subtitels/yellow-groeien.gif) no-repeat left bottom;}
h2#head-studenten span, h2#head-galerij span, h2#head-de-sfeer-bij-ons span, h2#head-studeren-bij-ons span, h2#head-stage-lopen span, h2#head-intranet span, h2#head-alumni span {background-color: #000;}
h2#head-studenten {border-top:2px solid #000; background: url(/IMAGES/subtitels/black-inspireren.gif) no-repeat left top;}
h2#head-galerij {background: url(/IMAGES/subtitels/black-inspireren.gif) no-repeat left top;}
h2#head-de-sfeer-bij-ons {background: url(/IMAGES/subtitels/black-proeven.gif) no-repeat left top;}
h2#head-studeren-bij-ons {background: url(/IMAGES/subtitels/black-investeren.gif) no-repeat left top;}
h2#head-stage-lopen {background: url(/IMAGES/subtitels/black-deelnemen.gif) no-repeat left top;}
h2#head-intranet {background: url(/IMAGES/subtitels/black-vinden.gif) no-repeat left top;}
h2#head-alumni {background: url(/IMAGES/subtitels/black-terugvinden.gif) no-repeat left top;}
h2#head-bedrijven span, h2#head-uw-bedrijf-als-stageplaats span, h2#head-trainingen-voor-bedrijven span, h2#head-onze-partners  span {background-color: #d2222a;}
h2#head-bedrijven {border-top:2px solid #d2222a; background: url(/IMAGES/subtitels/red-samendoen.gif) no-repeat left bottom;}
h2#head-uw-bedrijf-als-stageplaats {border-top:2px solid #d2222a; padding-bottom:20px; background: url(/IMAGES/subtitels/red-aanbieden.gif) no-repeat left bottom;}
h2#head-stagebedrijven {background: url(/IMAGES/subtitels/red-begeleiden.gif) no-repeat left top;}
h2#head-trainingen-voor-bedrijven {border-top:2px solid #d2222a; padding-bottom:20px; background: url(/IMAGES/subtitels/red-professionaliseren.gif) no-repeat left bottom;}
h2#head-onze-partners {background: url(/IMAGES/subtitels/red-samendoen.gif) no-repeat left top;}
h2#head-actueel span, h2#head-agenda span, h2#head-nieuws span, h2#head-persberichten span, h2#head-in-het-nieuws span {background-color: #00a54f;}
h2#head-actueel {border-top:2px solid #00a54f; background: url(/IMAGES/subtitels/green-berichten.gif) no-repeat left top;}
h2#head-agenda {background: url(/IMAGES/subtitels/green-noteren.gif) no-repeat left top;}
h2#head-nieuws {background: url(/IMAGES/subtitels/green-berichten.gif) no-repeat left top;}
h2#head-persberichten {background: url(/IMAGES/subtitels/green-kennisgeven.gif) no-repeat left top;}
h2#head-in-het-nieuws {background: url(/IMAGES/subtitels/green-bezielen.gif) no-repeat left top;}
h2#head-servicepunt span, h2#head-contact span, h2#head-veelgestelde-vragen span, h2#head-downloads span {background-color: #243f8f;}
h2#head-servicepunt {border-top:2px solid #243f8f; background: url(/IMAGES/subtitels/blue-communiceren.gif) no-repeat left top;}
h2#head-contact {background: url(/IMAGES/subtitels/blue-communiceren.gif) no-repeat left top;}
h2#head-informatie-voor-decanen {background: url(/IMAGES/subtitels/blue-informeren.gif) no-repeat left top; padding-bottom:20px;}
h2#head-veelgestelde-vragen {background: url(/IMAGES/subtitels/blue-antwoorden.gif) no-repeat left top;}
h2#head-downloads {background: url(/IMAGES/subtitels/blue-vergaren.gif) no-repeat left top;}
h2#head-zoeken {border-top:2px solid #243f8f; background: url(/IMAGES/subtitels/blue-zoeken.gif) no-repeat left top;}
h2#head-aanmelden {background: url(/IMAGES/subtitels/yellow-aanmelden.gif) no-repeat left top;}

/*** POSITIONING ***/

/* HTML ELEMENTS */

p {margin: 0 0 1em 0;}

/* MAIN ELEMENTS */

div.global-wrapper {width: 954px; margin: 0px auto 50px auto; position: relative;}
div#header {height: 118px; width: 100%;}

/* LOGO */

h1#logo {width: 319px; height: 118px; position: absolute; left: 0; top: 0;}
h1#logo span {display: none;}

/* MAIN */

div#main {padding: 30px 0 20px 0; margin-bottom:10px;}
div#subsubnavigation-wrap {width: 169px; float: left; padding: 0 10px 0 0; position: relative;}
div#subsubnavigation ul {padding: 1em 0 1em 1.5em;}
div#subsubnavigation ul li {margin: 0 0 1em 0;}
div#subsubnavigation ul ul {padding: 0 0 0 1.5em;}
div#subsubnavigation ul ul {*padding: 0 0 0 1.5em; *margin-top:-10px;} /* ugly ie6/7 hack to fix menu position bug in these so-called "browsers" */
div#content {width: 404px; margin: 0; float: left; padding: 0 60px 0 0; overflow: hidden; position: relative;}
div#printwrap a {position: absolute; right: 18px; top: 2px; display: block; width: 25px; height: 25px;}
div#printwrap a span {display: none;}
div#extra-content {width: 291px; float: left; padding: 0 10px; position: relative;}
div.cal_container {margin: 0 0 10px 18px;}

/* PAGE TITLE */

h2 {width: 168px; height: 62px;}
h2 span {display: block; padding: 2px 10px 0 0; float: right; width: 140px;}

/* GALERIJ */

div#sub-galerij h2 {background: url(/IMAGES/subtitels/black-inspireren.gif) no-repeat left top;}
div#sub-galerij div#subsubnavigation {height: 280px; background: url(/IMAGES/bg-galerij-subsubnavigation.gif) no-repeat 129px top;}
div#sub-galerij div#subsubnavigation ul li a {display: block; background: url(/IMAGES/bg-galerij-navigation.gif) no-repeat left center; width: 65px; padding: 1px 30px 2px 30px; text-decoration: none;}
div#sub-galerij div#subsubnavigation ul li a.activemain, div#sub-galerij div#subsubnavigation ul li a:hover {background: url(/IMAGES/bg-galerij-navigation-active.gif) no-repeat left center;}

/* AGENDA */

.yui-calendar td.active_date {background-color: #00a54f;}
.yui-calendar td.active_date a {color: #fff;}
.yui-calendar td.calcell.restricted {text-decoration: none;}
.yui-calendar .calnavleft {display: none;}
.yui-calendar .calnavright {display: none;}
div.extra-content-chunk div {float:left; margin-bottom:7px; clear-after: all;}

	/** changes made on the 45th of april 2007, by leonard eshuis to "tweak" the style of the navigation ***/
	#nav_1 span, #nav_2 span, #nav_3 span, #nav_4 span, #nav_5 span, #nav_6 span, #nav_7 span {font-size:10px;}
	
	/** changes made on the 25th of april 2007, by leonard eshuis to "tweak" the style of "veelgestelde vragen" ***/
	#sub-veelgestelde-vragen .overview td {margin:0px; padding:0px 3px 0px 0px;}
	
	#sub-veelgestelde-vragen .overview .overview {margin-top:10px; margin-left:10px; border:0px;}
		
	#sub-veelgestelde-vragen .overview .overview td {border:0px; padding-left:3px;}
	#sub-veelgestelde-vragen .overview .overview td a{text-align:left; font-size:10px; font-weight:normal;}
				
#login-link {padding:60px 0px 5px 20px;}
#footer{text-align:right;clear:both;padding:0.2em 0.5em 0.2em 2.0em;}
#footer a{font-size:92%;}
.align-left {float:left;}
.align-right {float:right;}

/* default tablecell padding */
#content td {padding:2px;}
#content th {padding:2px;}

#content h1 {font-size:1.2em; font-weight:bold;}

/* default list styles */
#content ul {padding-left:15px; margin-bottom:10px;}
#content li {list-style-type:disc;}

#content #header-search ul {padding:0;margin:0;}
#content #header-search li {list-style-type:none;}

/* additions for GLU */
#content #header-search {margin-bottom:10px;height:30px;width:220px;}
.zoeken div#content {overflow:visible}
#header-search form {width:300px;}
#header-search form {width:300px;}
#header-search {margin-bottom:10px;height:30px;}
#header-search fieldset {position:relative;}
#header-search .formfield {width:220px;}
#header-search .button {position:absolute;right:0;background:#243F90;border:1px outset #000;padding:0 4px;color:#FFF;font-weight:bold;}