/* mainstylesheet: CU 2030  */
/* versie: 2011-09-06 */

/* ***new styles start *** */
small {
	font-size: 10px!important;
}

/*  .cu2030 #container
-------------------------------------------- */

#webcam {
width: 183px;
background: #e4311f url(../images/webcamplaceholder.jpg) top left no-repeat;
margin: 0 0 20px 0;
}

body#webcam_opties,
body#webcambeeld {
	background: none;
}

#webcam_opties p.txtbodyBlack {
	text-align: left;
}

#webcam h2 {
padding: 5px 9px 0 9px;
font-size: 115%!important;
text-align: center;
font-weight: bold!important;
}

#webcam h2 a,
p.webcamkiezer a {
	color: #fff!important;
	text-decoration: none;
}

p.webcamkiezer {
color: #fff;
padding: 10px;
font-size: 90%;
}

.onzestad  {
font-weight: bold;
padding: 18px 0 0 0;
}

#meerweten {
width: 183px;
height: 183px;
text-align: center;
background: url(/images/bg-meerweten.gif);
}

#meerweten p {
padding: 0 15px;
}

#meerweten .privacystatement a {

font-size: 70%;
color: #000!important;
text-decoration: none;
}

#meerweten .box {
width: 120px;
height: 19px;
background: #fff;
border: 1px solid #0074A6;
padding: 3px 0 0 3px;
line-height: 14px;
}

#meerweten table {
height: 20px;
background-color: #FFF;
margin-left: 15px;
}

#meerweten form table td {
padding:0;
}

#nieuwsbrief_form input,
#subForm input {
float: left;
line-height: 20px;
margin:0 0 0 20px;
width:130px;
}

#meerweten .button {
float: left;
clear: none;
background: none;
border: none;
vertical-align: top;
margin: 0;
padding: 0;
width: 23px;
background-image: url(/images/submit-nieuwsbrief.gif);
background-position: top left;
background-repeat: no-repeat;
}

#meerweten .button img {
background: none;
border: none;
vertical-align: top;
margin: 0;
padding: 0;
visibility: hidden;
}

#meerweten h4 {
font-weight: bold;
color:#0074A6;
font-size: 150%;
padding: 10px 0 0 0;
}

.mainpage_buttons {
	margin-top: 20px;
}

#kidsfonds,
#onderdegrond {
	margin-top: 20px;
}

#right02 h4 {
font-weight: bold;
color:#0074A6;
font-size: 110%;
padding: 0 0 0 0;
}

#left {
float:left;
width: 183px;
}

#right {
/* float:right; */
width: 778px;
float: left;
margin-left: 10px;
}

#right01 {
float:left;
position: relative;
width: 383px;
}

#logos-right01 {
margin: 18px 0;
}

#button-duurzaamstat {
position: absolute;
top: 0;
right: 0;
width: 183px;
height: 183px;
}

#button-fietsparkeren {
float: left;
width: 183px;
height: 183px;
}

#button-twitter,
#button-infocentrum,
#button-hinder,
#button-uar {
float: left;
width: 183px;
height: 91px;
margin-top: 15px;
}
#button-uar {
	margin-left: 14px;
}
#wiu-image {
margin-bottom: 15px;
}

#button-twitter {
margin-top: 0;
}
#button-kids,
#button-karten,
#button-filmpjes {
float: left;
width: 183px;
height: 183px;
margin-right: 15px;
_margin-right: 7px;
}

#button-bekijk-proj,
#button-dagvandebouw {
float: right;
width: 183px;
height: 183px;
}
#button-contact-en,
#button-werk-in-uitv {
float: left;
margin: 35px 0 20px 0;
}

#right02 {
float:right;
width: 383px;
}

.cu2030 #content #right02 h3 {
font-weight: bold;
font-size:200%;
margin:0 0 1em;
background: none;
}

.cu2030 #content #right02 h3.pijltjes {
background: url(../images/bg-pijltjes.gif) center right no-repeat;
}

.cu2030 #content #right02 p a {
color: #000;
}

.cu2030 .newhome #wrap {
clear:both;
float:left;
width:972px;
position:relative;
margin: 0 0 16px 0px;
margin-left: 0px;
padding: 0 !important;
}

#content.newhome {
clear:both;
float:left;
width:975px  !important;
margin: -100px 0 0 8px !important;
padding: 0 !important;
}


.newhome #extra {
width:255px;
background-color: lime;
min-height: 300px;
}

#content.newhome h2 {
color:#fff !important;
}

.newhome #nieuws {
border-bottom:16px solid #fff;
padding:0px 0px 8px 0px;
color:#000;
float: left;
}

.newhome #nieuws h2 {
color: #0074a6 !important;
margin-bottom:.6em;
}

.nieuwsentry {
}

.newhome #wrap #nieuws ul,.newhome #wrap #nieuws li {
margin:0;
padding:0
}

.newhome #nieuws ul li {
list-style:none;
margin:0 0 .8em !important;
padding:0
}

.newhome #nieuws a,
.newhome #meerweten a {
color:#000;
}

.newhome #nieuws h3 a {
text-decoration:none;
color: #0074a6;
}

.newhome #extra #dianav li{
display:inline;
margin:0;
padding:0;
color:#80a92e;
line-height:1.6;
cursor:pointer;
white-space:nowrap;
}

.newhome #nieuws img {
	float: left;
	margin-right: 5px;
}

.newhome #nieuws .published {
display: block;
font-size: 0.9em;
font-style:italic;
}

.newhome #extra #dianav li span {
text-decoration:underline;
}

.newhome .project {
color:#0074a6;
font-size:110%;
margin-bottom:24px
}


.newhome #nieuwsbrief {
position:relative;
top:16px;
width:182px;
padding:12px 12px 5px;
color:#fff;
background:#0074a6 url(../images/hoekje.gif) no-repeat 100% 0;
margin-right: 13px;
}

.newhome #nieuwsbrief h2 {
font-weight:bold !important;
margin-bottom:.6em !important;
line-height:.9 !important;
}

.newhome #nieuwsbrief h2 span {
font-size:60%;
font-weight:normal !important;
}

.newhome #nieuwsbrief #privacy {
font-size:90%;

}

.newhome #nieuwsbrief #privacy a {
color:#fff;
}

.newhome #nieuwsbrief input {
padding-left:8px;
width:14em;
height:18px;
color:#0074a6;
border:1px solid #0074a6;
}

.newhome #nieuwsbrief button {
margin:0 0 0 4px;
padding:0;
color:#0074a6;
background:#fff;
border:1px solid #0074a6;
vertical-align:bottom;
}

.newhome #agenda {
position:relative;
padding:10px 10px 10px 12px;
margin-top: 23px;
color:#fff;
background:#68AF22 url(../images/hoekje.gif) no-repeat 100% 0;
}

.newhome #agenda p {
	margin: 0;
	padding: 6px 0 0 0;
}

.newhome #agenda h2 {
margin-bottom:.6em
}

.newhome #agenda .leesverder a {
color: #fff;
padding: 0 0 0 5px;
}

.newhome #agenda  ul,
.newhome #agenda  li {
margin:0;
padding:0
}

.newhome #agenda ul li {
list-style:none;
margin:0 0 .8em;
padding:0
}

.newhome #agenda a {
color:#fff;
white-space:nowrap;
}

.newhome #agenda .datum {
font-weight:bold;
}


#sitemap ul li.sl1 a {
color:#c93516;
}

#wrap #sitemap ul li.sl3 {
list-style:none;
}

#bladeraar {
margin: 20px 0px 20px 0px;
}

#webcam-wrap {
width: 988px;
margin: -80px 0 0 -12px;
}

#webcam-left {
float: left;
width:494px;
}

#webcam-right {
float: right;
width: 494px;
}

/* voor werk in uitvoering (mei 2010) */
.cu2030 .infocentrum #wrap {
	margin-top: 10px;
}
#introblok {
	background: #C93516 url("../images/hoekje.gif") no-repeat top right;
	padding: 30px 10px 10px;
	margin-bottom: 15px;
}

#introblok h2 {
	font-size: 15px!important;
	font-weight: bold!important;
	padding-bottom: 5px!important;
}

#introblok p {
	color: #fff;
	font-size: 11px;
}
.cu2030 #wrap #introblok a {
	color: #fff;
	text-decoration: underline;
}
.cu2030 #wrap #introblok a:focus,
.cu2030 #wrap #introblok a:hover,
.cu2030 #wrap #introblok a:active {
 	border-bottom: 1px solid #fff;
}


#right #legenda {
	background: #0072A5 url("../images/hoekje.gif") no-repeat top right;
	padding: 10px 10px 5px;
	margin-bottom: 10px;
	height: 50px;
}
#right #legenda h2 {
 	float: left;
 	width: 300px;
 	padding: 5px 10px;
}
#right #legenda p {
 	float: right;
 	width: 400px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-right: 20px;
}
#right #legenda p span {
	padding-left: 20px;
}

.wiu_link {
	background: #0072A5 url("../images/hoekje.gif") no-repeat top right;
	padding: 10px 10px 15px;
	margin-bottom: 10px;
	color: #fff;
}

.cu2030 #wrap .wiu_link a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}


.wiu-project {
	width: 778px;
}
.wiu-project .pageintro,
.wiu-project .pagebody {
	padding: 0;
}
.wiu-project .pagemeta {
	padding: 0 0 15px;
}
.wiu-project .pagemeta div {
	display: inline;
	padding-right: 10px;
}
#main-introblok {
	padding: 20px 0 0 20px;
}
#location-results {
	padding: 0 0 0 20px;
}
#location-results ul li h4 {
	font-weight: normal;
}
.cu2030 #content #right .wiu-project h1 {
	color: #0072A5;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 16px;
	background: none;
	font-weight: bold;
	position: relative;
	top: 0;
}
/*
.cu2030 #content #right .wiu-project h2,
.cu2030 #content #right .wiu-project h3 {
	color: #0072A5;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px 0;
}
*/

.cu2030 #wrap .wiu-project .button-back a {
	background: #C93516 url("../images/bg-button-back.gif") no-repeat 10px center;
	color: #fff;
	text-decoration: none;
	float: right;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 10px 10px 50px;
}

.cu2030 #wrap .wiu-project .button-back a:hover {
	background: #0072A5 url("../images/bg-button-back-mo.gif") no-repeat 10px center;
}
/* ***new styles end *** */

html {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color:#000;
	background:#fff url(../images/bg_body.gif) repeat-x 0 78px;
	text-align:center;
	font:11px/1.27 verdana, arial, helvetica, sans-serif;
}
div {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
span {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
applet, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
p {
	margin:0 0 1em;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
	margin:0 0 1em;
}
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
form {
	margin:0 0 1em;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
input.button {
	letter-spacing:-.03em;
	padding:0 .2em;
	color:#fff;
	width:auto !important;
}
label {
	display:block;
}
label.structural {
	position:absolute;
	left:-9999px;
}
h1 {
	font-weight:normal;
	font-size:180%;
	margin:0 0 1em;
}
h2 {
}
strong {
	font-weight:bold !important;
}
em {
	font-style:italic !important;
}
button {
	cursor:pointer;
}
/*  #fotonav
-------------------------------------------- */
#fotonav {
	position:absolute;
	top:115px;
	left:0;
	height:132px;
	width:100%;
	/*overflow:hidden*/ /*javascript gaat deze activeren*/
	overflow-x:scroll;
	overflow-y:hidden;
}
#fotonav ul {
	border-left:4px solid #fff;
	float:left;
	/*width:1990px;*/
	width:2190px;
}
#fotonav li {
	float:left;
	margin-right:4px;
}
/*  #container
-------------------------------------------- */
#container {
	position:relative;
	top:247px;
	width:904px;
	margin:0 auto;
	text-align:left;
}
#tekst {
	position:relative;
	left:321px;
	width:533px;
	padding:16px 30px 8px 20px;
	color:#fff;
	background:#80a92e url(../images/hoekje.gif) no-repeat 100% 0;
}
#tekst #privacy {
	font-size:90%;
	line-height:1.11
}
#tekst #privacy a {
	color:#fff;
}
#tekst input {
	padding-left:4px;
	width:14em;
	height:18px;
	color:#0074a6;
	border:1px solid #0074a6;
}
#tekst button {
	margin:0 0 0 4px;
	padding:0;
	color:#0074a6;
	background:#fff;
	border:1px solid #0074a6;
	vertical-align:bottom;
}
#countdown {
	overflow:auto;
	position:relative;
	top:16px;
	left:321px;
	width:533px;
	border-bottom:16px solid #fff;
	padding:16px 30px 16px 20px;
	color:#fff;
	background:#0074a6;
	font-size:210%;
}
#countdown label {
	float:left;
}
#klok {
	float:left;
	vertical-align:top;
}
#klok th, #klok td {
	text-align:right;
}
#klok th {
	color:#80a92e;
	font-size:46%;
	line-height:1.2;
}
#klok td {
	font-weight:bold;
}
/*  .fotopag
-------------------------------------------- */
#foto {
	position:relative;
	margin:0 0 16px;
	height:422px;
	width:100%;
	background-position:0 100%;
	background-repeat:no-repeat
}
.aruna {
	background-image:url(../images/foto_aruna.jpg)
}
.emma {
	background-image:url(../images/foto_emma.jpg)
}
.jasper {
	background-image:url(../images/foto_jasper.jpg)
}
.job {
	background-image:url(../images/foto_job.jpg)
}
.lucas {
	background-image:url(../images/foto_lucas.jpg)
}
.mats {
	background-image:url(../images/foto_mats.jpg)
}
.milan {
	background-image:url(../images/foto_milan.jpg)
}
.sasmita {
	background-image:url(../images/foto_sasmita.jpg)
}
.sophie {
	background-image:url(../images/foto_sophie.jpg)
}
.thijs {
	background-image:url(../images/foto_thijs.jpg)
}
.zara {
	background-image:url(../images/foto_zara.jpg)
}
#foto h1 {
	position:absolute;
	left:65px;
	bottom:0;
	margin:0;
	padding:0;
	width:256px;
	line-height:1
}
#foto h1 img {
	display:block
}
#inzet {
	position:absolute;
	left:65px;
	bottom:59px;
	width:256px;
	padding-top:42px;
	background:url(../images/bg_inzet.gif) no-repeat 0 0
}
#inzet #info {
	background:#fff;
}
#inzet ul {
	display:block;
	position:relative;
	top:-23px;
	padding:0 16px;
}
#inzet li {
	font-size:110%;
	color:#0074a6;
	line-height:1.85
}
#inzet li h2 {
	display:inline;
	color:#80a92e;
	font-weight:normal;
}
#container02 {
	float:left;
	background:url(../images/bg_container02.gif);
	position:relative;
	width:904px;
	border-bottom:16px solid #fff;
}
#container02 #countdown {
	position:absolute;
	left:0;
	width:293px;
	padding-left:16px;
	padding-right:10px;
	border:none;
}
#container02 form {
	width:250px;
}
#container02 #tekst {
	clear:both;
	padding-left:16px;
	background-image:none;
	overflow:hidden;
}
#container02 #tekst h2 {
	margin-bottom:.6em;
	color:#0074a6;
	font-weight:normal;
	font-size:210%;
}
#container02 #tekst h2 span {
	color:#fff;
	font-size:54%
}
#container02 #tekst #privacy {
	position:relative;
	top:-4em;
	margin-bottom:-4em;
	left:250px;
	width:300px;
}
#container02 #tekst #privacy strong {
	font-weight:bold;
}
/* speciaal voor Safari  */
#container {
	height:52em;
}
.fotopag {
	height:75em !important;
}
/*  .teaser2 #container
-------------------------------------------- */
.teaser2 #container {
	top:0;
}
.teaser2 #inhoud #logo {
	display:block;
	position:relative;
	top:43px;
	margin-bottom:16px;
	width:93px;
}
.teaser2 #nav {
	display:block;
	position:relative;
	top:-35px;
	left:113px;
	color:#fff;
	line-height:23px;
	width:807px; /* javascript aan */
	width:3000px;
}
.teaser2 #nav li {
	float:left;
	padding-right:16px;
	white-space:nowrap;
}
.teaser2 #content {
	clear:both;
	float:left;
	margin-top:10px;
	margin-bottom:16px;
}
.teaser2 .tekst {
	float:left;
	width:293px;
	margin-right:27px;
	font-size:127%
}
.teaser2 .tekst h2 {
	font-weight:normal;
	font-size:160%;
	color:#0074a6;
	margin-top:6px;
	margin-bottom:1em;
}
.teaser2 .tekst h3 {
	font-weight:bold;
	color:#0074a6;
}
.teaser2 .foto {
	float:left;
	width:584px;
}
.teaser2 .foto p {
	margin-top:16px;
	font-size:160%;
	color:#0074a6;
	width:450px;
}
.teaser2 .foto p img {
	position:relative;
	left:134px;
	float:right;
}
/*  .cu2030 #container
-------------------------------------------- */
body.cu2030 {
	color:#000;
	background:#fff url(../images/bg_body.gif) repeat-x 0 58px;
	text-align:left;
	font:12px/1.333 verdana, arial, helvetica, sans-serif;
}
#container {
	width:988px;
}
.cu2030 #container {
	top:0;
	margin:0
}
.cu2030 #logo {
	display:block;
	position:relative;
	top:24px;
	left:16px;
	margin-bottom:16px;
	width:93px;
}
.cu2030 h1#logo {
	margin-bottom:14px;
	line-height:27px;
}
.cu2030 #logo a {
	margin-bottom:0
}
.cu2030 div#logo {
	margin-bottom:0;
}
.cu2030 #nav {
	display:block;
	position:absolute;
	top:57px;
	left:142px;
	color:#fff;
	width:793px;
}
.cu2030 #nav li {
	float:left;
	white-space:nowrap;
}
.cu2030 #nav li.eerste {
	border-left:1px solid #fff;
}
.cu2030 #nav li.laatste {
	border-right:1px solid #fff;
}
.cu2030 #nav li a {
	display:block;
	float:left;
	border:1px solid #fff;
	padding:0 15px 2px;
	color:#fff;
	background:#c93516;
	text-decoration:none;
	line-height:21px;
}
.cu2030 #nav li a:hover {
	border:1px solid #c93516;
	color:#c93516;
	background:#fff;
	line-height:19px;
	margin-top:1px
}
.cu2030 #nav li.actief a {
	border:1px solid #c93516;
	color:#c93516;
	background:#fff;
	line-height:19px;
	margin-top:1px;
	font-weight:bold;
	padding:0 13px 2px;
}
.cu2030 #content {
	clear:both;
	float:left;
	position:relative;
	top:9.6em;
	margin-left:32px;
	margin-bottom:16px;
}
.cu2030 #content h1 {
	position:relative;
	top:-3.2em;
	padding:.6em 20px;
	margin:0 -20px -2.6em -20px;
	color:#fff;
	background:#0074a6 url(../images/hoekje.gif) no-repeat 100% 0;
	font-weight:normal;
	font-size:200%;
}
.cu2030 #content h2 {
	margin:0;
	font-weight:normal;
	font-size:167%;
	color:#0074a6;
}
.cu2030 #content h3 {
	font-weight:bold;
	color:#0074a6;
}
.cu2030 #wrap a {
	color:#c93516;
}
.cu2030 #wrap ul li {
	margin-left:1.3em;
	list-style:square
}
.cu2030 #wrap ol li {
	margin-left:1.8em;
	list-style:decimal
}
.cu2030 #service {
	clear:both;
	position:absolute;
	right:0;
	top:36px;
	font-size:90%;
	line-height:18px
}
.cu2030 #service li {
	float:left;
	margin-right:10px;
}
.cu2030 #service li a {
	color:#c93516;
}
.cu2030 #service form label {
	display:inline;
}
.cu2030 #service form input {
	font-size:90%;
	vertical-align:top;/*width:11.6em;*/
}
.cu2030 #service form button {
	margin:-1px 2px 0 -2px;
	padding:0;
	color:#0074a6;
	background:#fff;
	border:none;
	vertical-align:top;
}
.cu2030 #kruimel {
	clear:both;
	position:absolute;
	left:144px;
	top:40px;
	color:#c93516;
	font-size:90%;
	line-height:18px
}
.cu2030 #kruimel a {
	color:#c93516;
	text-decoration:none;
	font-family:arial;
}
.cu2030 #kruimel a:hover, .cu2030 #kruimel a:focus {
	text-decoration:underline;
}
.cu2030 #wrap {
	float:left;
	width:800px;
}
.cu2030 #inhoud {
	float:right;
	width:502px;
}
.cu2030 #content.project h1 {
	background-color:#80a92e;
}
.cu2030 img.project {
	display:block;
	margin:0 -20px
}
.cu2030 #extra .slide {
	background-color: #FFFFFF;
	display: none;
	position: absolute;
	width: 287px;
	z-index: 10;
}
.cu2030 #bottomslide {
	height: 390px;
	width: 287px;
	background-color: #FFFFFF;
}
.cu2030 #content.pers h1 {
	background-color:#de994a;
}
.cu2030 #content.pers h2, .cu2030 #content.pers h3, .cu2030 #content.pers h4 {
	color:#de994a;
}
.cu2030 #extra {
	float:left;
	width:258px;
}
.cu2030 #extra img {
	display:block;
	margin:0 0 16px;
}
.cu2030 #extra .tekst {
	color:#fff;
	background:#0074A6 url(../images/hoekje.gif) no-repeat 100% 0;
	padding:8px 10px 6px;
	font-size:90%;
	margin-bottom:10px;
}
.cu2030 #extra .tekst a {
	color:#fff;
}
.cu2030 #extra .tekst h2 {
	color:#fff !important;
	line-height:1.1;
	padding-right:20px;
}
.cu2030 .onderschrift {
	font-size:90%;
	color:#fff;
	background:#80a92e;
	padding:4px 10px 6px;
	margin:-16px 0 16px;
}
.cu2030 #partners {
	clear:both;
	position:relative;
	top:16px;
}
.cu2030 #partners ul, .cu2030 #partners li {
	float:left;
	list-style:none;
	margin:0;
	padding:0
}
.cu2030 #partners li {
	margin-right:8px;
}
.cu2030 #subnav {
	position:absolute;
	left:832px;
	top:0;
	width:124px;
	margin:-2px 0 0;
}
#subnav li {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#subnav li.level {
	font-weight:bold;
}
#subnav li.level ul {
	margin:0;
	padding:0;
}
#subnav li.level li {
	font-weight:normal;
	border:none;
	padding:0;
	border:none;
}
#subnav a {
	display:block;
	padding:.3em 8px;
	border-right:1px solid #c93516;
	border-left:1px solid #c93516;
	color:#fff;
	background:#c93516;
	text-decoration:none;
}
#subnav a:hover, #subnav a:focus {
	color:#c93516;
	background:#fff;
	border:1px solid #c93516;
	margin:-1px 0;
}
#subnav li.actief a {
	color:#c93516;
	background:#fff;
	border:1px solid #c93516;
	margin:-1px 0;
}
#subnav li.level a {
	padding:.1em 8px .3em;
}
#subnav .level li.actief a {
	margin:0 !important
}
/*  .cu2030 #container
-------------------------------------------- */
#wrap.home {
	width:926px;
}
#content.home {
	top:16px
}
.home #extra {
	width:288px
}
#content.home h2 {
	color:#fff !important;
}
.home #inhoud {
	margin-right:46px;
	width:576px;
}
.home #nieuws {
	border-bottom:16px solid #fff;
	padding:8px 12px;
	color:#fff;
	background:#0074a6 url(../images/hoekje.gif) no-repeat 100% 0;
}
.home #nieuws h2 {
	margin-bottom:.6em
}
.home #wrap #nieuws ul, .home #wrap #nieuws li {
	margin:0;
	padding:0
}
.home #nieuws ul li {
	list-style:none;
	margin:0 0 .8em !important;
	padding:0
}
.home #nieuws a {
	color:#fff
}
.home #nieuws h3 a {
	text-decoration:none;
}
.home #extra #dianav li {
	display:inline;
	margin:0;
	padding:0;
	color:#80a92e;
	line-height:1.6;
	cursor:pointer;
	white-space:nowrap;
}
.home #nieuws .published {
	display: block;
	font-size: 0.9em;
	font-style:italic;
}
.home #extra #dianav li span {
	text-decoration:underline;
}
.home .project {
	color:#0074a6;
	font-size:110%;
	margin-bottom:24px
}
#wraphome {
	position:relative;
	float:left;
	width:636px
}
#home01 {
	float:right;
	width:254px
}
#home02 {
	float:left;
	width:366px;
}
.home #home01 ul li {
	list-style:none;
	margin:0 0 16px;
	padding:0
}
.home #home01 #tools a {
	display:block;
	color:#fff;
	background-color:#c93516;
	padding:.3em 12px;
	margin-right:60px;
	text-decoration:none;
}
.home #nieuwsbrief {
	position:relative;
	top:16px;
	width:342px;
	padding:12px 12px 5px;
	color:#fff;
	background:#0074a6 url(../images/hoekje.gif) no-repeat 100% 0;
}
.home #nieuwsbrief h2 {
	font-weight:bold !important;
	margin-bottom:.6em !important;
	line-height:.9 !important;
}
.home #nieuwsbrief h2 span {
	font-size:60%;
	font-weight:normal !important;
}
.home #nieuwsbrief #privacy {
	font-size:90%;
	line-height:1.11
}
.home #nieuwsbrief #privacy a {
	color:#fff;
}
.home #nieuwsbrief input {
	padding-left:4px;
	width:14em;
	height:18px;
	color:#0074a6;
	border:1px solid #0074a6;
}
.home #nieuwsbrief button {
	margin:0 0 0 4px;
	padding:0;
	color:#0074a6;
	background:#fff;
	border:1px solid #0074a6;
	vertical-align:bottom;
}
#kaart, #kaart2 {
	background:#80a92e;
	width:366px;
	padding-bottom:.2em;
}
#kaart {
	margin-bottom: 16px;
}
#kaart2 {
	background:#80a92e;
	width:366px;
	padding-bottom:.2em;
}
#kaart a, #kaart2 a {
	display:block;
	padding:.1em 12px;
	color:#fff !important;
	text-decoration:none;
}
#kaart a img {
	margin:0 -12px;
}
#kaart2 a img {
	margin:-1px -12px 0px -12px;
}
#agenda {
	position:relative;
	padding:10px 10px 10px 12px;
	color:#fff;
	background:#80a92e url(../images/hoekje.gif) no-repeat 100% 0;
}
.home #agenda h2 {
	margin-bottom:.6em
}
#agenda p {
	padding-top: 10px;
}
.home #agenda ul, .home #agenda li {
	margin:0;
	padding:0
}
.home #agenda ul li {
	list-style:none;
	margin: 0 0 0.8em;
	padding:0
}
.home #agenda a {
	color:#fff;
	white-space:nowrap;
}
.home #agenda .datum {
	font-weight:bold;
}
.nieuwsdatum {
	font-size: 10px;
}
#sitemap ul li.sl1 a {
	color:#c93516;
}
#wrap #sitemap ul li.sl3 {
	list-style:none;
}
#bladeraar {
	margin: 20px 0px 20px 0px;
}




/* ***extra styles start *** */


li.subactief {
    border-bottom:  1px solid #C93516 !important;
}

li.subactief a {
    background-color: #FFF !important;
    color: #C93516 !important;
}



/* css voor de sitemap pagina */
* #wrap #sitemap,
#sitemap {
  float: left;
  clear: none;
  width: 100%;
}
* #wrap #sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: normal;
  width: 48%;
  float: left;
  clear: none;
}
* #wrap #sitemap ul li {
  list-style: none;
  padding: 2px 0;
  margin: 0 0 0 0;
  font-weight: normal;
}
#sitemap ul li a,
#sitemap ul li a:link {
  text-decoration:none;
}
* #wrap #sitemap ul li.sl1,
#sitemap ul li.sl1 {
  font-size: 1.6em;
  margin: 10px 0 0 0;
}
#sitemap ul li.sl1 a:link,
#sitemap ul li.sl1 a:visited {
  color: #80a92e;
}
#sitemap ul li.sl1 a:focus,
#sitemap ul li.sl1 a:hover,
#sitemap ul li.sl1 a:active {
  color: #000;
  text-decoration:underline;
}
#sitemap ul li.sl2 {
  margin: 5px 0 0 0;
}
#sitemap ul li.sl2 a:link,
#sitemap ul li.sl2 a:visited {
  color: #000;
}
#sitemap ul li.sl2 a:focus,
#sitemap ul li.sl2 a:hover,
#sitemap ul li.sl2 a:active {
  color: #80a92e;
  text-decoration:underline;
}
* #wrap #sitemap ul li.sl3 {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0 0 0 5px;
}
* #wrap #sitemap ul li.sl3 a:link,
* #wrap #sitemap ul li.sl3 a:visited {
  color: #000;
}
* #wrap #sitemap ul li.sl3 a:focus,
* #wrap #sitemap ul li.sl3 a:hover,
* #wrap #sitemap ul li.sl3 a:active {
  color: #80a92e;
  text-decoration:underline;
}

/* css voor de jquery dia switcher op voorpagina */
#extra .project {
  display: none;
}
#extra #proj01 {
  display: block;
}
#extra #dianav a,
#extra #dianav a:link {
  color: #80a92e;
  text-decoration: none;
}

/* css voor de pers pagina */
.template8 #content h1 {
background-color:#67AC24;
}
.template8 #content h2,
.template8 #content h3,
.template8 #content h4 {
color:#de994a;
}

/* zoekresultaten */
.cu2030 #wrap ul.zoekpaginas,
.cu2030 #wrap ul.zoekpaginas li {
  list-style: none;
  display: inline;
  margin: 0 1ex 0 0;
  padding: 0;
}
.template0 #content.home {
clear:both;
float:left;
margin-top:30px;
}

/* nieuwsbrief aanmeldingsformulier */
#home01 #nieuwsbrief {
width: 232px;
background: #0074A6 url(../images/hoekje.gif) no-repeat scroll 100% 0pt;
color:#FFFFFF;
padding:10px 10px 10px 12px;
position:relative;
}
.template0 #home01 #nieuwsbrief h2,
.template0 #home02 #nieuwsbrief h2 {
font-weight:normal !important;
line-height:0.9 !important;
margin-bottom:0.6em !important;
}
.template0 #content #nieuws h2,
#content #home01 h2 {
color: #fff;
}
#content #home01 #nieuwsbrief input {
width:10em;
}


/* agenda en nieuwsberichten overzichtspaginas */
.item {
  margin: 0 0 1em 0;
}
.item .published {
  font-size: 90%;
  font-style: italic;
}
.item h3 {
  margin: 0;
  padding: 0.2em 0 0.4em;
}
.item p {
  margin: 0;
  padding: 0;
}

/* image slideviewer styles */
#wrap .stripViewer ul,
#wrap .stripViewer ul li,
#wrap .stripTransmitter ul,
#wrap .stripTransmitter ul li {
list-style: none;
margin: 0;
padding: 0;
}

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.cu2030 #content .stripViewer {
position: relative;
overflow: hidden;
border: 2px solid #c93516;
margin: 0 0 1px -20px;
}

.cu2030 #content .stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}

.cu2030 #content .stripViewer ul li {
float:left;
padding: 0;
margin: 0;
}

.cu2030 #content  .stripTransmitter {
overflow: auto;
width: 1%;
margin: 0 0 1px -20px;
}

.cu2030 #content .stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.cu2030 #content #wrap .stripTransmitter ul li,
.cu2030 #content .stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}

.cu2030 #content #wrap .stripTransmitter a,
.cu2030 #content .stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #c93516;
color: #fff;
text-decoration: none;
display: block;
}
.cu2030 #content #wrap .stripTransmitter a:hover,
.cu2030 #content #wrap .stripTransmitter a.current,
.cu2030 #content .stripTransmitter a:hover,
.cu2030 #content .stripTransmitter a.current{
background: #fff;
color: #c93516!important;
}


/* debug dingen */
.debugfooter {
  display: none;
}



/* Voor Historisch overzicht */
.cu2030 #historischoverzicht h3 {
    font: 14px/1.27 verdana,arial,helvetica,sans-serif;
    color: #80A92E;
    border-bottom: 2px solid #80A92E;
    margin: 4px 0 4px 170px;
    clear: both;
}

.cu2030 #historischoverzicht img {
    margin: 0 15px 8px 0;
	float: left;
}

.cu2030 #historischoverzicht p {
    clear: both;
	float:left;
	display:inline;
}

/* Voor li items partners op de homepage */

.template0 #partners ul li {
list-style-type:none!important;
margin-left: 0px!important;
margin-right: 11px;
}

/* opmaak voor de projectenpagina */
.template3 #content h1{
background-color: #9CB249;
}

.template3 #extra .tekst {
background-color: #fff;
color: #3D7EAB;
line-height:1.7em;
}

form table td,
form table th {
	padding: 0 10px 5px 0;
}

/* gerelateerder zie ook items */
#related-by-tags {
	clear: both;
	float: left;
	margin: 2em 20px 2em 0;
	padding: 1em 0 5em;

	/*border-top: 8px solid #0074A6;*/
	width: 100%;
}
#related-by-tags h3 {
	color: #0074A6;
	font-weight: bold;
	font-size: 140%;
	margin: 0;
	background: none;
}
#related-by-tags ul {
	list-style: square;
	margin: 5px 0 5px 16px;
	
}
#related-by-tags li {
	
}
#related-by-tags a,
.cu2030 #wrap #related-by-tags a {
	color: #000;
}
#related-by-tags a:hover,
.cu2030 #wrap #related-by-tags a:hover {
	color: #0074A6;
}
/* vraag en antwoord pagina's */
.vaitem {
  margin: 0 0 1em 0;
}
.vaitem .published {
  font-size: 90%;
  font-style: italic;
}
.vaitem h3 {
  margin: 0;
  padding: 0.2em 0 0.4em;
}
.vaitem p {
  margin: 0;
  padding: 0;
}
#content .vapage h2 {
	margin-bottom: 10px;
}
#content h2.vraag {
	color:#80A92E;
}
div.vraag {
	background:#80A92E url(../images/hoekje.gif) no-repeat scroll 100% 0;
	color:#80A92E;
	font-weight:normal;
	margin:0 -20px 12px;
	padding: 20px 26px 10px 20px;
	position:relative;
}
/*
div.antwoord {
	background:#0074A6 url(../images/hoekje.gif) no-repeat scroll 100% 0;
	color:#FFFFFF;
	font-weight:normal;
	margin:0 -20px 12px;
	padding: 20px 26px 10px 20px;
	position:relative;
}
*/
.cu2030 #content .vragenindex,
.cu2030 #content .faq_item {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 2em;
}
.cu2030 #content .faq h2,
.cu2030 #content .faq h3 {
	margin: 0 0 0.5em 0;
	color: #C93516;
}
.cu2030 #content .faq .faqintro {
	margin: 0 0 0.5em 0;
	font-weight: bold;
}
.cu2030 #content .faq .faqbody {
	margin: 0 0 0.5em 0;
}
/* ***extra styles end *** */

#printcontrol {
    background: #C93516;
	color: #fff;
	margin: 0;
	padding: 3px 20px 1px 5px;
	line-height: 1.2em;
	position: absolute;
	right: 0;
	top: 58px;
}
#printcontrol a {
	display: block;
	text-decoration: none;
	width: 18px;
	height: 17px;
	overflow: hidden;
	text-indent: -500px;
}
#printcontrol a span {
	display: block;
	text-decoration: none;
	width: 18px;
	height: 17px;
	background: url(../images/printer.png) no-repeat 0 0;
}