body, html {height:100%;}
body {
	margin:0;
	padding:0;
	font:67.5% Verdana, Arial, Helvetica, sans-serif;
}

div#supersupercontainer {
	width:100%;
	height:100%;
	display:table;
}
div#supercontainer {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:center;
}
div#container {
	position:relative;
	width:1000px;
	height:650px;
	margin:0 auto;
	text-align:left;
}

/*
 * LOGO
 */
div#logo {
	position:absolute;
	left:0;
	top:0;
	width:211px;
	height:113px;
	background:#FFF url('../images/stadswerkplaatsutrecht_logo.png') left top no-repeat;
}
div#logo h1 {display:none;}

/*
 * NAVIGATION
 */
div#navigation {
	position:absolute;
	left:0;
	top:123px;
	width:211px;
	height:504px;
	margin:0;
	padding:13px 0 0;
	background-image:url('../images/bg.png');
}
div#navigation ul, div#navigation ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
div#navigation ul li {float:left; width:100%;}
div#navigation ul li a span {display:none;}
div#navigation ul li a {
	display:block;
	width:211px;
	height:36px;
	background:left top no-repeat;
}
div#navigation ul li a#home {background-image:url('../images/nav_home0.png');}
div#navigation ul li a#home.current,
div#navigation ul li a#home:hover {background-image:url('../images/nav_home1.png');}
div#navigation ul li a#nieuws {background-image:url('../images/nav_nieuws0.png');}
div#navigation ul li a#nieuws.current,
div#navigation ul li a#nieuws:hover {background-image:url('../images/nav_nieuws1.png');}
div#navigation ul li a#cursussen {background-image:url('../images/nav_cursussen0.png');}
div#navigation ul li a#cursussen.current,
div#navigation ul li a#cursussen:hover {background-image:url('../images/nav_cursussen1.png');}
div#navigation ul li a#cursussen1 {background-image:url('../images/nav_cursussenvoorjaar0.png');}
div#navigation ul li a#cursussen1.current,
div#navigation ul li a#cursussen1:hover {background-image:url('../images/nav_cursussenvoorjaar1.png');}
div#navigation ul li a#cursussen2 {background-image:url('../images/nav_cursussennajaar0.png');}
div#navigation ul li a#cursussen2.current,
div#navigation ul li a#cursussen2:hover {background-image:url('../images/nav_cursussennajaar1.png');}
div#navigation ul li a#inschrijven {background-image:url('../images/nav_inschrijven0.png');}
div#navigation ul li a#inschrijven.current,
div#navigation ul li a#inschrijven:hover {background-image:url('../images/nav_inschrijven1.png');}
div#navigation ul li a#openhoutwerkplaats {background-image:url('../images/nav_openwerkplaats0.png');}
div#navigation ul li a#openhoutwerkplaats.current,
div#navigation ul li a#openhoutwerkplaats:hover {background-image:url('../images/nav_openwerkplaats1.png');}
div#navigation ul li a#docenten {background-image:url('../images/nav_docenten0.png');}
div#navigation ul li a#docenten.current,
div#navigation ul li a#docenten:hover {background-image:url('../images/nav_docenten1.png');}
div#navigation ul li a#vacatures {background-image:url('../images/nav_vacatures0.png');}
div#navigation ul li a#vacatures.current,
div#navigation ul li a#vacatures:hover {background-image:url('../images/nav_vacatures1.png');}
div#navigation ul li a#vrijwilligers {background-image:url('../images/nav_vrijwilligers0.png');}
div#navigation ul li a#vrijwilligers.current,
div#navigation ul li a#vrijwilligers:hover {background-image:url('../images/nav_vrijwilligers1.png');}
div#navigation ul li a#stadswerkplaats {background-image:url('../images/nav_destadswerkplaats0.png');}
div#navigation ul li a#stadswerkplaats.current,
div#navigation ul li a#stadswerkplaats:hover {background-image:url('../images/nav_destadswerkplaats1.png');}
div#navigation ul li a#contact {background-image:url('../images/nav_contact0.png');}
div#navigation ul li a#contact.current,
div#navigation ul li a#contact:hover {background-image:url('../images/nav_contact1.png');}
div#navigation ul li a#links {background-image:url('../images/nav_links0.png');}
div#navigation ul li a#links.current,
div#navigation ul li a#links:hover {background-image:url('../images/nav_links1.png');}
div#navigation ul li a#oversophies {background-image:url('../images/nav_oversophies0.png');}
div#navigation ul li a#oversophies.current,
div#navigation ul li a#oversophies:hover {background-image:url('../images/nav_oversophies1.png');}

/*
 * THUMBS
 */
div#thumbs {
	position:absolute;
	left:221px;
	top:0;
	width:721px;
	height:62px;
	padding:29px;
	background-image:url('../images/bg.png');
	text-align:right;
}
div#thumbs a img {
	margin-left:27px;
	border:1px #EA6C20 solid;
}
div#thumbs a:hover img, div#thumbs a.current img {border-color:#FFF;}
div#thumb-enlarged {
	position:absolute;
	left:221px;
	top:123px;
	width:731px;
	height:473px;
	padding:22px 24px;
	overflow:auto;
	z-index:999;
}

/*
 * CONTENT
 */
div#contentbg {
	position:absolute;
	left:221px;
	top:123px;
	width:779px;
	height:517px;
	z-index:889;
}
div.contentbg1 {background:url('../images/contentbg1.png');}
div.contentbg2 {background:url('../images/contentbg2.png');}
div.contentbg3 {background:url('../images/contentbg3.png');}
div.contentbg4 {background:url('../images/contentbg4.png');}
div.contentbg5 {background:url('../images/contentbg5.png');}
div.contentbg6 {background:url('../images/contentbg6.png');}
div.contentbg1cols {background:url('../images/contentbg1cols.png');}
div.contentbg2cols {background:url('../images/contentbg2cols.png');}
div.contentbg3cols {background:url('../images/contentbg3cols.png');}
div.contentbg4cols {background:url('../images/contentbg4cols.png');}
div.contentbg5cols {background:url('../images/contentbg5cols.png');}
div.contentbg6cols {background:url('../images/contentbg6cols.png');}

div#content {
/*	position:absolute;
	left:221px;
	top:123px;
	z-index:900;*/
}

p a, p.emphasize, span.emphasize, td.emphasize, ul li a.current, ul li a:hover {color:#EA6C20;}

div#content p {width:470px;}
div#content p, th, td {
	line-height:17px;
	font-size:12px;
}
div#content p, div#leftcolumn ul, table {margin:17px 0 0 0;}
p.swapmargins {margin:0 0 17px 0 !important;}

ul li {
	float:left;
	width:218px;
}
ul li a {
	line-height:15px;
	font-size:10.5px;
	text-decoration:none;
	color:#000;
}
ul li a.current, ul li a:hover {font-weight:400;}
table.notopmargin {margin-top:0;}
th {
	padding-right:20px;
	font-weight:400;
	text-align:left;
}
td {
	padding-right:20px;
}
td.numbers {
	text-align:right;
}

div#fullwidth {
	position:absolute;
	left:221px;
	top:123px;
	width:731px;
	height:473px;
	padding:22px 24px !important;
	overflow:auto;
	z-index:900;
}

div#leftcolumn {
	position:absolute;
	left:221px;
	top:123px;
	width:218px;
	height:473px;
	padding:22px 24px !important;
	overflow:hidden;
	z-index:901;
}

div#rightcolumn {
	position:absolute;
	left:487px; /*266*/
	top:123px;
	width:489px;
	height:473px;
	padding:22px 24px 22px 0 !important;
	overflow:auto;
	z-index:902;
}


div.footer {
	position:absolute;
	left:24px;
	bottom:22px;
}
div#navigation div.footer {bottom:8px !important;}
div#navigation div.footer p, div#leftcolumn div.footer p {
	font-size:10px !important;
	line-height:14px !important;
}
div#navigation div.footer p a {
	text-decoration:none; color:#FFF;
}

/*
 * IMAGES
 */
div.nieuws_image {
	float:right;
	margin:20px 6px 8px 8px;
	padding:0;
}

/*
 * FORMS
 */
.item_label, .item_label_disabled {float:left; width:130px; padding-top:4px; margin-right:4px;}
.item_label2, .item_label2_disabled {float:left; width:350px; padding-left:134px;}
.item_label_disabled, .item_label2_disabled {color:#666;}
.textbox {width:250px;}
select {width:256px;}
textarea {width:254px !important; height:50px;}
.warning {padding-left:134px; color:#F00;}
br.clearall {clear:both;}

/*
 * MOVING PARTS
 */
div#moving_linksboven {
	position:absolute;
	left:0;
	top:113px;
	width:211px;
	height:10px;
	line-height:1px;
}
div#moving_rechtsboven {
	position:absolute;
	left:221px;
	top:113px;
	width:779px;
	height:10px;
	line-height:1px;
}
div#moving_verticaal {
	position:absolute;
	left:211px;
	top:0;
	width:10px;
	height:650px;
	line-height:1px;
}
div#moving_linksonder {
	position:absolute;
	left:0;
	top:640px;
	width:211px;
	height:10px;
	line-height:1px;
}
div#moving_rechtsonder {
	position:absolute;
	left:221px;
	top:640px;
	width:779px;
	height:10px;
	line-height:1px;
}