/*
Filename: screen.css
Created: Cinnamon Interactive BV (DC).
Date: 20071030

COLORS:
d.gray background #333
beige container background #E5D8CB
darker beige motief #E0D0C1
h1, h2, h3, h4, hr, borders #67635F
body text #333
*/

/*
================= =STYLES ================= */
html, body {
	height: 100%;
	}
body {
	margin: 0 0 -50px 0;
	padding: 0px;
	font-size: 62.5%; font-family: georgia, "microsoft serif", serif;
	background: #333; /*  url("/img/col1-bg.png") left top repeat-y;*/
}
/* start undo */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; font-size: 1em; }
h2, h3, h4, h5 h6 { font-weight: 500; }
h3 { color: #67635F; } 
ul,ol,li {
	font-size: 1em;
	}
.onderwerp #col1 p, .onderwerp #col1 ul { margin-left: 1em; }
a img,:link img,:visited img { border:none }

abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }

address { font-style:normal }


/* end undohtml.css */

#skip-links {
	position: absolute;
	top: 0;
	left: -9999em;
	width: 200px;
	height: 2em;
	}
h1	{
	background: transparent url("/img/shvs-logo.png") top left;
	width: 354px;
	height: 118px;
	position: absolute;
	left: 70px;
	top: 105px;
	}
	h1 img {
		display: none;
		}
	h1 span {
		position: absolute;
		top: 100px;
		left: -9999em;
		width: 200px;
		height: 2em;
		}
h2 {
	font-size: 1.75em;
	padding-bottom: .33em;
	}
h3 {
	font-size: 1.66em;
	padding-bottom: .33em; 
	}
h4 {
	font-size: 1.25em;
	padding: .33em;
	}

#content p, #content li {
	font-size: 1.33em; line-height: 1.33;
	}
#content p, #content ul {
	padding-bottom: 1em;
	}
a { color: #333; }
a:hover, a.current { color: #A85816; }

/*
===========LAYOUT ========== */

#container {
	background:#E5D8CB url("/img/container-bg.jpg") repeat-y top center;
	max-width: 990px;
	min-width: 870px;
	margin: 0 auto 3.6em auto;
	position: relative;
	color: #333;
	}
	body.homepage #container {
		min-height: 32.5em;
		}
#content {
	padding: 0 70px 3.22em 70px;
	}
#masthead {
	background:transparent url("/img/grou-schilderij.jpg") no-repeat top right;
	width: 100%;
	height: 338px;
	overflow hidden;
	position: relative;
	}
	#masthead .line-divider {
		position: absolute;
		top: 250px;
		left: 70px;
		height: 1px;
		width: 464px;
		border-top: 1px solid #666;
		}
		#masthead .line-divider hr {
			display: none;
			}
#main-navigation {
	font-size: 1em;
	position: absolute;
	left: 30px;
	top: 290px;
	}
	#main-navigation ul, #main-navigation li {
		display: inline;
		}
#content p.footnote, #content label span { font-size: 10px;}
#content label { display: block; padding: .66em 0 .125em 0; width: 420px;}
legend { font-weight: 700; color: #67635F; padding-left: 0; margin-left: 0; padding-top: .5em; }
fieldset { border: 0; border-bottom: 1px solid #666; padding-bottom: 1em; margin-bottom: 1em; }
div.submit {
	margin-top: 1em;
	}
span.nl-spelling {
	display: none;
	}
ul.doelstelling {
	margin-top: -1.33em;
	}
ul.error {
	font-size: smaller;
	color: #a00;
	}