/*

colors used:
olive for text-color and backgroundcolor header
#a30257 for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {

}

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 910px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 12px verdana, arial, sans-serif;
	line-height: 16px;
	color: #330033;
	background: url(pics/back_content.gif) left top repeat ;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	width: 910px;
	height: 180px;
	margin: 10px 0px 0px 0px;
	background-image: url(pics/bg-header.jpg);
}

#header .logo a img {
	margin: 0px 0px 0px 0px;
	float: left;
	border: 0px solid #fff;
}

#intranet {
   position: absolute;
	top: 30px;    
	right: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
}

/* ------------------------------------------------------------------------- Content */ 

#youtube {
	margin: 13px 0px 0px 0px;
	width: 270px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
}

#content {
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 90px 25px;
	width: 587px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
	color: #330033;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

#content #vak1 {
	width: 285px;
	margin: 0px 0px 0px 0px;
	color: #330033;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	float: left;
}

#content #vak2 {
	width: 285px;
	margin: 0px 0px 0px 17px;
	color: #330033;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	float: left;
}


h1, td h1 {font: 19px verdana, arial, sans-serif; font-weight: bold; color: #a30257; margin-bottom: 7px;}
h2, td h2 {font: 17px verdana, arial, sans-serif; font-weight: bold; color: #a30257; margin-bottom: 7px;}
h3, td h3 {font: 15px verdana, arial, sans-serif; font-weight: bold; color: #a30257; margin-bottom: 7px;}
h4, td h4 {font: 14px verdana, arial, sans-serif; font-weight: bold; color: #a30257; margin-bottom: 7px;}
h5, td h5 {font: 13px verdana, arial, sans-serif; font-weight: bold; color: #a30257; margin-bottom: 7px;}
h6, td h6 {font: 12px verdana, arial, sans-serif; font-weight: bold; color: #330033; 	margin-bottom: 20px; text-transform: uppercase;}

#content a:link, #content a:visited {text-decoration: none; color: #330033 ;  border-bottom: 1px solid #330033;}
#content a:hover { color: #a30257;  border-bottom: 1px solid #a30257; }

table {margin: 5px 0px;}
td {
	font: 12px verdana, arial, sans-serif;
	line-height: 16px;
	color: #330033;
}

#content img { margin: 10px 0px; }
#content a img { border: 0px solid #fff; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; clear: right;}

#content ul.downloads { margin: 0px; list-style-type: none; }
#content ul.downloads li { margin: 0px; }

.file { height: 30px; overflow: hidden;} 
.file img { float: left; clear: both; }
.file a { margin: 0px 5px; line-height: 35px; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

/* ------------------------------------------------------------------------- Invulformulier */ 
 
#invulformulier {
	margin-bottom: 10px;
	float: left;
	font: 12px verdana, arial, sans-serif;
	line-height: 18px;
	color: #330033;
} 

#invulformulier .omschrijving {
	width: 150px;
	float: left;
	display: inline;
	font-weight: bold;
}

#invulformulier .invul {
	margin: 0px 5px 2px 5px;
	width: 210px;
	float: left;
	display: inline;
}

#invulformulier input.large{
	padding: 1px 3px;
	width: 200px;
	float: left;
	display: inline;
	font: 12px verdana, arial, sans-serif;
	font-weight: bold;
	color: #330033;
}

#invulformulier input.button{
	margin: 0px 0px 10px 5px;
	padding: 1px 3px 1px 3px;
	width: 80px;
	height: 22px;
	font: 12px verdana, arial, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #fff;
	border: 1px solid #330033;
	background-color: #330033;
}

/* ------------------------------------------------------------------------- Smoelenboek */

#smoelenboek .smoel {
	margin: 0px 8px 10px 0px;
	padding: 5px;
	width: 175px;
	height: 310px;
	float: left;
	display: inline;
	border: 1px solid #c20267;
	overflow: hidden;
}

#smoelenboek .image {
	width: 175px;
	height: 175px;
	background: url("pics/no_smoel.gif") top left no-repeat;
}

#smoelenboek .image img {
	margin: 0px;
	padding: 0px;
}

#smoelenboek .extra {
	margin-top: 10px;
}

#smoelenboek  .row{
	margin: 5px 0px;
}

#smoelenboek .omschrijving {
	padding: 0px 5px 0px 0px;
	width: 70px;
	float: left;
	display: inline;
	font-weight: bold;
}

#smoelenboek .omschrijving a:link, #smoelenboek .omschrijving a:visited {
	font-weight: normal;
}

#smoelenboek .value {
	width: 100px;
	float: left;
	display: inline;
}


#prevnext {
	width: 587px;
}

#prevnext .prev {
	width: 150px;
	float: left;
}

#prevnext .overview{
	width: 287px;
	text-align: center;
	float: left;
}

#prevnext .next {
	width: 140px;
	float: left;
	text-align: right;
}

/* ------------------------------------------------------------------------- Fotoboek */

#fotoboek .album {
	padding: 5px;
	margin: 0px 5px 5px 0px;
	width: 178px;
	height: 166px;
	float: left;
	border: 1px solid #c60063;
	cursor: pointer;
}

#fotoboek .album .thumb {
	width: 178px;
	height: 134px;
	overflow: hidden;
}

#fotoboek .album .thumb img {
	margin: 0px;
	width: 178px;
	height: 134px;
}

#fotoboek .album .description {
	width: 178px;
	height: 32px;
	line-height: 32px;
	font-size: 11px;
	color: #330033;
	font-weight: bold;
	overflow: hidden;
}

#fotoboek .thumb a{
margin: 0px 15px 15px 0px;
width: 178px;
height: 134px;
float: left;
}

#fotoboek a:link, #fotoboek img.thumb a:visited{
    border: none;
}



/* ------------------------------------------------------------------------- Footer */ 

*html #footer {
	position: absolute;

}

#footer {
	position: absolute;
	padding: 0px 10px;
	width: 100%;
	height: 14px;
	font: 10px verdana, arial, sans-serif;
	color: #fff;
	text-align: right;
	background-image: url(pics/bg-footer.jpg);;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

#footer a:hover { color: #a30257; }

br.clear { height: 0px; font: 0px verdana, arial, sans-serif; line-height: 0px; clear: both; }