/* Developed by Dubbele:punt Design - www.dubbelepunt.com */

/* General styles */
html {
	height:											100%;
	width:											100%;
}

body {
 	background-color:								#000000;
	color:											#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										0.7em;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	height:											100%;
	width:											100%;
	
	text-align:										center;
}

table, tr, td {
	vertical-align:									top;
}

img {
	border-style:									none;
	border-color:									#FFFFFF;
	border-width:									0px;
}

#frame {
	margin-left:									-500px;
	margin-right:									0px;
	margin-top:										-310px;
	margin-bottom:									0px;

	position:										absolute;
	top:											50%;
	left:											50%;

	width:											1000px;
	height:											620px;
}


.error {
	border:											1px solid red;	
	
	padding:										10px;
}

.success {
	border:											1px solid #599D12;	
	
	padding:										10px;
}

form {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

form label {
	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;

	vertical-align:									middle;
	width:											120px;

	display:										block;
	float:											left;
}

form input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										0.85em;

	border-style: 									solid;
	border-color:									#58585A;
	border-width: 									0px;

	width:											175px;
}

form textarea {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										0.85em;

	border-style: 									solid;
	border-color:									#58585A;
	border-width: 									0px;

	width:											295px;
	height:											35px;
}

.display_none										{ display: none; }
.display_block										{ display: block; }
.clear_both 										{ clear: both; }

#logo {
	margin:											0 auto;
	text-align:										center;
	
	width:											1000px;
	height:											58px;
	
	border-top:										2px solid #EE801C;
	border-left:									2px solid #EE801C;
	border-right:									2px solid #EE801C;
}

#content {
	background-image:								url('../images/background.jpg');
	background-repeat:								no-repeat;
	background-position:							top;

	margin:											0 auto;
	text-align:										center;
	
	padding:										0px;

	width:											1000px;
	height:											550px;
	
	border-left:									2px solid #EE801C;
	border-right:									2px solid #EE801C;
	border-bottom:									2px solid #EE801C;
	
	position:										relative;
}

#content #additional_menu {
	position:										absolute;	
	
	top:											8px;
	left:											886px;
}

#content #additional_menu img{
	behavior:										url('./scripts/iepngfix.htc');	
}

#content #milieuzorg {
	background-image:								url('../images/background_milieuzorg.png');
	background-repeat:								no-repeat;
	background-position:							top;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
	
	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
	
	text-align:										left;
	
	width:											1000px;
	height:											550px;
	
	border-top: 									1px solid black;
	
	behavior:										url('./scripts/iepngfix.htc');
}

#content #milieuzorg #text {
	color:											#000000;

    font-family:									courier new, serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1em;

	margin-top:										55px;
	margin-bottom:									0px;
	margin-left:									280px;
	margin-right:									390px;
	
	padding-top:									15px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
	
	text-align:										left;
	width:											310px;
	height:											430px;
}

#content #milieuzorg #text a:link 					{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: none; }
#content #milieuzorg #text a:active 				{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: none; }
#content #milieuzorg #text a:visited 				{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: none; }
#content #milieuzorg #text a:hover 					{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: underline; }


#content #wat_doen_we {
	background-image:								url('../images/background_wat_doen_we.png');
	background-repeat:								no-repeat;
	background-position:							top;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
	
	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
	
	width:											1000px;
	height:											550px;
	
	border-top: 									1px solid black;
	
	behavior:										url('./scripts/iepngfix.htc');
}

#content #wat_doen_we #text {
	color:											#000000;

    font-family:									courier new, serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1em;

	margin-top:										65px;
	margin-bottom:									130px;
	margin-left:									280px;
	margin-right:									395px;
	
	padding-top:									15px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
	
	text-align:										left;
	width:											300px;
	height:											340px;
}

#content #wat_doen_we #text a:link 					{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: none; }
#content #wat_doen_we #text a:active 				{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: none; }
#content #wat_doen_we #text a:visited 				{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: none; }
#content #wat_doen_we #text a:hover 				{ color: #000000; float: right; font-family: courier new, serif; font-weight: bold; font-style: normal; font-size: 1.5em; text-decoration: underline; }


#content #help {
	background-image:								url('../images/background_brainstorm.png');
	background-repeat:								no-repeat;
	background-position:							top;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
	
	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
	
	border-top: 									1px solid black;
	
	width:											1000px;
	height:											550px;
	
	behavior:										url('./scripts/iepngfix.htc');
}

#content #help #text {
	color:											#000000;

    font-family:									courier new, serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1em;

	margin-top:										60px;
	margin-bottom:									40px;
	margin-left:									340px;
	margin-right:									335px;
	
	padding-top:									15px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
	
	text-align:										left;
	width:											325px;
	height:											420px;
	overflow:										auto;
}

a:link 												{ color: #FFFFFF; text-decoration: underline; }
a:active 											{ color: #FFFFFF; text-decoration: underline; }
a:visited 											{ color: #FFFFFF; text-decoration: underline; }
a:hover 											{ color: #FFFFFF; text-decoration: none; }


/* Developed by Dubbele:punt Design - www.dubbelepunt.com */