/* 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; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { font: 12px/18px 'Times New Roman', serif; color: #231F20; padding: 5px; }

h1 { color: #D2232A; font-size: 14px; font-weight: normal; margin: 0 0 14px 0; }
h2 { color: #D2232A; }
h3 {  }
h3 a { color: #000; }
h4 {  }
h5 {  }

ul, ol { margin: 0 0 14px 14px; }
ol { list-style: decimal; padding: 0 0 0 14px; }
p, form, table { margin: 0 0 14px 0; }

a { color: #D2232A; }
a:hover { color: #231F20; }

label { width: 115px; display: block; float: left; padding: 0 5px 0 0;  }
input, textarea, select { background: #BCD7D0; border: 0; height: 16px; margin: 0 4px 4px 0; width: 324px; font: 11px/16px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
fieldset { width: 450px; }
fieldset input.submit { color: #FFF; width: auto; text-transform: uppercase; float: right; height: auto; padding: 3px 6px; }
fieldset input.middleField { width: 228px; }
fieldset input.smallField { width: 90px; }

td { padding: 0 10px 0 0; }

strong { font-weight: bold; }
em { font-style: italic; }

sup { font-size: 8px; vertical-align: super; line-height: 12px; }
sub { font-size: 8px; vertical-align: sub; line-height: 12px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */




/* page structure
------------------------------------------------------------------*/
#wrapper { width: 952px; margin: 10px; background: url(../images/bg_papier.jpg); }
#header { height: 190px; position: relative; }
#holder { background: url(../images/bg_streepjes.gif); height: 613px; }
#pictureHolder { width: 230px; float: left; margin: 15px 10px 0 30px; }
#contentHolder { float: left; width: 613px; height: 510px; padding: 20px 15px; background: #FFF url(../images/bg_content.gif) repeat-y; margin: 15px 0 35px 0; position: relative; }
#footer {  }


/* homepage
------------------------------------------------------------------*/
body#home { background: url(../images/bg_home.jpg) no-repeat 10px 10px; }
#home #wrapper { background: none; position: relative; width: 990px; }
#home #logo { position: absolute; top: 450px; left: 620px; }
#home #warmewensen { position: absolute; top: 450px; left: 39px; }
#home #adres { position: absolute; top: 230px; right: 0; text-indent: -9999px; background: url(../images/home_adresgegevens.gif) no-repeat; width: 195px; height: 215px; }
#home #navigation { position: absolute; top: 530px; left: 5px; }
#home #navigation ul li a { background: none; }
#home #news { font-family: Courier, serif; color: #79B0A1; position: absolute; top: 575px; left: 55px; border: 1px solid #D2232A; padding: 8px; width: 840px; display: block; background: #FFFFFF; }


/* header
------------------------------------------------------------------*/
#header img { position: absolute; left: 30px; bottom: 25px; }
#header div#projecthuis { position: absolute; width: 308px; height: 156px; background: url(../images/projecthuis_erfgoed.jpg) no-repeat; left: 305px; bottom: 30px; text-indent: -9999px; }


/* pictures left
------------------------------------------------------------------*/
#pictureHolder img { display: block; margin: 0 0 12px 0; }


/* navigation
------------------------------------------------------------------*/
#navigation { height: 25px; }
#navigation ul { margin: 0 0 0 30px; }
#navigation ul li { font-family: Arial, Verdana, sans-serif; float: left; margin: 5px 29px 0 0; }
#navigation ul li a { background: #FFF; text-decoration: none; padding: 2px 6px; text-transform: uppercase; font-size: 10px; font-weight: bold; }
#navigation ul li.active a { background: #D2232A; color: #FFF; }

/* subnavigation
------------------------------------------------------------------*/
#subnavigation { border: 1px solid #FFF; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: #D2232A; font-size: 10px; font-weight: bold; float: left; width: 125px; margin: 0 25px 0 0; }
#subnavigation span { text-transform: uppercase; color: #000000; }
#subnavigation ul { color: #78B0A1; list-style-type: disc; text-transform: uppercase; }
#subnavigation ul li a { color: #78B0A1; text-decoration: none; }
#subnavigation ul li a:hover, #subnavigation ul li.active a { color: #D2232A; }

#subnavigation ul li.active ul a { color: #000000; }
#subnavigation ul li.active ul li.active a { color: #D2232A; }
#subnavigation ul ul { list-style: none; margin: 0; text-transform: none;  }

#subnavigation .download { position: absolute; bottom: 10px; left: 15px; }



/* content
------------------------------------------------------------------*/
#content { float: left; width: 460px; height: 500px; overflow: auto; }
#content ul li { background: url(../images/bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; }

#content .footnote { color: #79B0A1; }


/* styles old sites
------------------------------------------------------------------*/

a.green, a.orange, a.magenta, a.blue, a.lightblue, a.oker, ul.blue {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

.red, .red a 	{ color: #CB5813; }
.veryred 		{ color: #E30300; }
.green, .green a { color: #8AC300; }
.orange, .orange a { color: #E37000; }
.magenta 		{ color: #EE2B7B; }
.blue, .blue a 	{ color: #057899; }
.lightblue 		{ color: #00C3FB; }

ul.blue { margin: 0 0 0 15px; padding: 0; font-size: 11px; text-align: justify; }



.kalenderpunt { font-family: Futura, Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; margin: 0 0px 0 90px; line-height: normal; text-align:center; }
.kalenderpunt .date { color: #CA4D09; font-weight: bold; font-size: 14px; }
.kalenderpunt .what { color: #FD5900; display: block; }
.kalenderpunt .time { color: #90CC00; display: block; }
.kalenderpunt .todo { color: #CCC500; }