* {
    margin: 0;
    padding: 0;
}
img{
	border: 0;
	}
html,body {
    height: 100%; /* HEEL BELANGRIJK! */
	width: 100%;
    min-width: 950px;
	color: #000000;
	font-family: Segoe ui, Trebuchet MS, arial, sans-serif;
	line-height: 1.5;
	font-size: 12px;
	background: #d5d5d5 url(bgroundvaria.gif) right top repeat-x;
}

.clear {
    clear: both; /* deze class gaan we gebruiken om de twee floats #left en #right te clearen. */
}

#container {
    min-height: 100%;
    _height: 100%;
	width: 100%;
	_width: 100%;
    min-width: 1050px;
    position: relative; /* De footer wordt absoluut gepositioneerd, relatief aan #container. Dus position: relative moet dan hier toegevoegd worden */
}

#header { height: 246px; background: url(bgroundsticky.gif) right top no-repeat;}

#justonline {
	position: absolute;
	top: 20px;
	min-width: 429px;
	margin: 0px 50px 50px 142px;
	height: 100px;
	text-align: left;
	background: url(justonline.png) right top no-repeat;
	border: 1px solid #1a1a1a;
 /* height, line-height en vertical-align: middle zorgen ervoor dat de inhoud van deze div altijd verticaal gecentreerd wordt. */
}
	.justonline {
	float: left;
	position: relative;
	width: 92px;
	margin: 3px;
	height: 88px;
	text-align: left;
	border: 1px solid #000000;
	background: #fff;
	line-height: 1.0;
 /* height, line-height en vertical-align: middle zorgen ervoor dat de inhoud van deze div altijd verticaal gecentreerd wordt. */
}
		
		#justonlinehold {
		height: 96px;
		margin-left: 2px;
		margin-top: 2px;
		}

		#justonline p{
			color: #000000;
			font-family: Tahoma, verdana, arial, sans-serif;
			font-size: 10px;
			margin-left: 1px;
			margin-top: 1px;
		}

		#justonline b{
			color: #843302;
		}

#navbar {
	width: auto;
	min-width: 810px;
	margin-top: -75px;
	margin-bottom: 50px;
	margin-left: 100px;
	height: auto;
 /* height, line-height en vertical-align: middle zorgen ervoor dat de inhoud van deze div altijd verticaal gecentreerd wordt. */
}
	#navbar img{
		margin-right: 6px;
		margin-left: 6px;
	}
	

#left {
	width: 25px;
    float: left;
    height: 134px;
	margin-left: 137px;
    margin-bottom: 50px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}
#midright {
    width: 455px;
    float: left;
    height: auto;
    margin-bottom: 50px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}

.mid {
    width: 450px;
    float: left;
    min-height: 176px;
    background: #FFF;
  }
    .mid p {
        padding: 5px 10px 10px 10px;
	}
    .mid h1{
        padding: 5px 10px 5px 8px;
		font-size: 20px;
    }

	.optionbar {
	float: left;
	height: 14px;
	width: 450px;
	border-bottom: 1px solid #d5d5d5; 
	background: url(list.gif) right repeat-x;
}

		.extra ul {
			display: inline;
			height: 16px;
			width: 450px;
		}
		.extra li {
			display: inline;
			font-size: 9px;
			padding: 0px 40px 0px 4px;
		}

		.extra a:link, .extra a:visited, .extra a:active, .extra a:hover {
			color: #376bff;
			text-decoration: none;
			padding: 0px 4px 0px 4px;
			background: #fff;
			
		}
		.extra a:active, .extra a:hover {
			color: #843302;
		}

		.mid select {
		float: right;
		background: #d5d5d5 url(bgroundvaria.gif) right top repeat-x;
		border: 0px solid #000;
		}

		.mid img {
		float: left;
		border: 3px solid #b6b6b6;
		margin: 2px 5px 0px 10px;
		}

#right {
    width: 190px;
    float: left;
    height: auto;
	padding: 0px 5px 5px 5px;
    margin-bottom: 50px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}

    #right h1{
		font-size: 15px;
    }


#footer{ color: #fff; position: absolute; width: 100%; height: 50px; bottom: 0; background: #1a1a1a; }
	#footer img{margin-left: 5px;}
	#footer span{font-size: 20px;}
	#footer p{ font-size: 14px;	line-height: 50px; font-weight: bold; font-size: 14px; text-align: left; padding-left: 50px; vertical-align: middle;}


	a:link, a:visited {
	color: #0468ff;
	font-weight: bold;
	font-size: 13px;
	}

	a:active, a:hover {
	color: #0468ff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	}



.contact{
width: 200px;
margin-right: 3px;
} 

	.contact p{
		margin: 0 5px 0 0px;
		font-family: Trebuchet MS, Tahoma, arial, sans-serif;
		font-weight: 11px;
	}

	.contact input {
	width: 200px;
	border: 1px solid #0468ff;
	margin: 5px 5px 5px 7px;
	font-size: 11px;
	color: #888888;
	padding: 2px;
	}
	
	.contact textarea {
	width: 200px;
	height: 140px;
	border: 1px solid #0468ff;
	margin: 5px 5px 5px 7px;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	white-space: pre;
	}

	.contact input.submit {
	width: 205px;
	border: 1px solid #0468ff;
	margin: 5px 5px 5px 7px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	outline: none;
	}