/*-------------------------------------------------
Body, background, font, etc.
-------------------------------------------------*/

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url('images/background_temp.jpg');
	background-repeat: repeat;
	text-align: center;
}

/*-------------------------------------------------
Global structure
-------------------------------------------------*/

#container {
	width: 750px;
	margin: 0px auto 0px auto;
	text-align: left;
}

#top {
	width: 750px;
	height: 75px;
}

html>body #top {
	background-image: url('images/background_top_temp.png');
	background-repeat: no-repeat;
}

#bottom {
	width: 750px;
	height: 100px;
}

html>body #bottom {
	background-image: url('images/background_bottom_temp.png');
	background-repeat: no-repeat;
}

#middle {
	width: 750px;
}

html>body #middle {
	background-image: url('images/background_content_temp.png');
	background-repeat: repeat-y;
}

#content {
	width: 660px;
	margin: 0px 45px 0px 45px;
}

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

#content {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10pt;
	line-height: 22px;
	padding-bottom: 20px;
}

#content h1 {
	font-size: 10pt;
	color: #36509f;
	margin: 0px 0px 0px 0px;
}

#content .intro {
	background-color: #ffffe3;
	padding: 25px 5px 5px 5px;
	border: 1px solid #009;
	margin-bottom: 25px;
}

#content .intro .floatImage {
	float: left;
}

#content .intro .floatIntro img {
	vertical-align: middle;	
}

#content .intro .floatIntro {
	float: left;
	margin-left: 15px;
	width: 530px;
}

#content .vacatures {
	text-align: center;
	background-color: #ffffe3;
	padding: 5px;
	border: 1px solid #009;
	margin-top: -10px;
	margin-bottom: 10px;
}

#content .bottom {
	clear: both;
	background-color: #ffffe3;
	padding: 5px 5px 5px 5px;
	border: 1px solid #009;
	text-align: center;
}

#content .kaartjebreed {
	float: left;
	height: 260px;
	width: 473px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #009;
	background-color: #ffffd9;
	vertical-align: bottom;
}

* html #content .kaartjebreed {
	width: 476px;
	w\idth: 465px;
}

#content form {
	margin: 0px;
	padding: 0px;
}

#content .kaartjebreed input, #content .kaartjebreed textarea, #content .kaartjebreed select {
	background-color: #fff;
	border: 1px solid #009;
	width: 350px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 8pt;
}

#content .kaartjebreed table td {
	font-size: 10pt;
	vertical-align: top;
}

#content .kaartje {
	text-align: center;
	float: left;
	height: 260px;
	width: 143px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #009;
	background-color: #ffffd9;
	vertical-align: bottom;
}

* html #content .kaartje {
	width: 153px;
	w\idth: 141px;
}

#content .kaartje .img {
	height: 90px;
}

#content .kaartje a img {
	border: 2px solid #009;
}

#content .kaartje a:hover img {
	border: 2px solid #f90;
}

#content .kaartje a {
	color: #009;
}

#content .kaartje a:hover {
	color: #f90;
}

#content .fout {
	color: #f00;
	font-size: medium;
	font-weight: bold;
	text-decoration: underline;
}

#content .goed {
	color: #060;
	font-size: medium;
	font-weight: bold;
	text-decoration: underline;
}

/*-------------------------------------------------
Other classes
-------------------------------------------------*/

.clear {
	clear: both;
}

/*-------------------------------------------------
Comments
---------------------------------------------------
This website has been developed and designed by
Jasper Kuperus (me! =)). You can find more of my
work on www.curunir.nl
-------------------------------------------------*/