/* CSS Document */
/* 

juli 2007
Door : Ine Marijke Schurink  |  imProductDesign

Kleuren:
oranje: #FF6C00
blauw: #003b6e
licht blauw (menu roll over): #f6f7fa
gijs: #666

*/
html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
body
{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #003b6e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;

}
.home {
	background-image:   url("../images/achtergrond_home.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.ondersteuning {
	background-image:   url("../images/achtergrond_ondersteuning.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.contact {
	background-image:   url("../images/achtergrond_contact.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.ervaring {
	background-image:   url("../images/achtergrond_ervaring.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#pageContainer {
	overflow: auto;
	position: relative;
	background-color: #fff;
	border: 1px outset #003b6e;
	min-height: 100%;
	height: auto;
	height: 100%;
	max-width: 675px;
	min-width: 675px;
	width: 675px;
	margin-left: 20%;
	margin-right: 20%;
}
#header {
	background-image:   url("../images/header_home_home.jpg");
	height: 76px;
}
#headerBasic {
	background-image:   url("../images/header_home_basic.jpg");
	height: 76px;
}

#content {
	clear: both;
	background-image:   url("../images/content_home_home.jpg");
	height: 601px;
}
#contentBasic {
	background-color: #ffffff;
	padding-top: 40px;
	padding-left: 40px;
	padding-bottom: -50px;
	height: auto;
}
.clear {
	clear: both;
}
#naw {
	background-image:   url("../images/footer_menu_home.jpg");
	background-repeat: no-repeat;
	height: 76px;
}
#nawBasic {
	background-image:   url("../images/footer_menu_basic.jpg");
	background-repeat: no-repeat;
	height: 76px;
}
#footer {
	height: auto;
	position: relative;
	bottom: 0;
	width: 655px;
	text-align: center;
	display: block;
}
#footer a, a:active, a:visited {
	font-size: 0.7em;
	text-decoration: none;
	color: #ccc;
}
#footer a:hover {
	color: #FF6C00;
}


/* --- tekst ---*/
h1 	{
	font-size: 0.9em;
	color: #003b6e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 	{
	font-size: 1em;
	color: #003b6e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	font-variant: small-caps;
	font-weight: normal;
}
p	{
	text-justify: auto;
	padding-right: 40px;
	font-size: 0.85em;
	color: #003b6e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.5em;
}
a, a:link, a:active, a:visited {
	font-size: 0.85em;
	color: #003b6e;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FF6C00;
}


ul	{
	margin: 0px;
	padding-left: 20px;
}

li	{
	margin: 0px;
	font-size: 0.85em;
	list-style-image:   url("../images/list_dash.jpg");
	list-style-position: outside;
	line-height: 1.25em;
}

/* ---- menu ----*/
#nav {
	float: left;
	height: 25px;
}
.left {
	float: left;
}

#formulier {
	margin-left: -18px;
	width: 612px;
	font-size: 0.8em;
}
.veld {
	width: 153px;
	border: 1px solid #003b6e;
	height: 23px;
	padding-left: 4px;
}
.veld input {
	width: 150px;
	border: 0px;
}
.titelveld {
	width: 153px;
	padding-left: 4px;
}
.veld2 {
	width: 306px;
	border: 1px solid #003b6e;
	height: 23px;
	padding-left: 4px;
}
.veld2 textarea {
	border: 0px;
	height: 72px;
	width: 306px;
}
.veld_check {
	text-align: right;
	padding-right: 4px;
}
#gegevens {
	margin-left: -18px;
	width: 612px;
	font-size: 0.8em;
}