* {
	margin: 0;
	padding: 0;
	}

BODY { 
scrollbar-face-color: #000; 
scrollbar-shadow-color: #808080; 
scrollbar-highlight-color: #808080; 
scrollbar-3dlight-color: #000; 
scrollbar-darkshadow-color: #000; 
scrollbar-track-color: #808080; 
scrollbar-arrow-color: #808080; 
}

html, body {
	background: #000;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	width: auto;
	overflow-x:hidden;
	}
code {
	background: #717171;
	font-family: Arial;
	font-size: 16px;
	color: #FFF;
	padding: 3px;
	}
a {
	color: #FFF;
	}
a:hover {
	color: #727272;
	}
	
h1 {
	font-size: 14px;
	font-style:italic;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-style:italic;
	font-weight: normal;
	padding: 16px 0 0 0;
}

	
	
img { margin: 0px; padding: 0px; border: none}
img.panorama, #loadarea { border: 1px solid #808080; padding: 0px;}
img.panorama1 { border: 1px solid #808080; width: 118px;height: 102px; margin-right: 1px}


#container { margin: 0px;}


	
/* CONTAINER CLASSES THAT DETERMINE WIDTH, ADD TO FOOTER AS WELL!!! */
.forfull {
	width: auto;
	}
.for800 {
	width: 740px;
	}
.for1024 {
	width: 990px;
	}
/* CONTAINER CLASSES THAT DETERMINE WIDTH, ADD TO FOOTER AS WELL!!! */
	
#header {
	width: 638px;
	height: 70px;
	vertical-align: middle;
	background: #000;
	color: #FFF;
	text-align: center;
	position: relative;
	float: left;
}
#header h1 {
	font-size: 22px;
	color: #FFF;
	background: #000;
}

p {
	padding: 4px 0;
	line-height: 20px;
}
	
/* TEXT WIDTHS, ADD THIS TO A DIV AROUND A PARAGRAPH */
.left_side {
	width: 355px;
	height: 628px;
	float: left;
	background: url(../images/balkjes.jpg) no-repeat;
	background-position: right top;
}

.left_visual {
	width: 355px;
	height: 487px;
	background: url(../images/balkjes2.jpg) no-repeat top;
	background-position: right;
}

.left_footer {
	width: 352px;
	height: 141px;
}

.pos33 {
	width: 33.33%;
	height: auto;
	float: left;
}

.pos50 {
	width: 50%;
	height: auto;
	float: left;
}

.main {
	position:relative;
	padding: 15px 0 15px 15px;
	width: 612px;
	height: 400px;
	float: left;
}

.main_bosch {
	background: url(../images/boschbg.jpg) no-repeat right top;
	background-position: 280px 100px;
	position:relative;
	padding: 15px 0 15px 15px;
	width: 612px;
	height: 400px;
	float: left;
}

.actiebosch {
	border: 1px solid black;
	padding: 5px;
	text-align:center;
	background:gray;
	width: 612px;
}


.main_home {
	background: url(../images/bg-home.jpg) no-repeat;
	padding: 115px 30px 10px 10px;
	margin-left: 10px
	width: 618px;
	float: left;
	}


.main2 {
position:relative;
	padding: 15px 0 15px 15px;
	width: 612px;
	height: 400px;
	float: left;
}


.main_home2 {
	background: url(../images/bg-home.jpg) no-repeat;
	padding: 195px 10px 10px 10px;
	width: 618px;
	float: left;
	}



.mainextra {
	padding: 15px 0 15px 15px;
	position:relative;
	width: 615px;
	height: 400px;
	float: left;
}

.mainshowroom {
	padding: 15px 0 10px 14px;
	width: 618x;
	height: 400px;
	float: left;
}

	
#linksextra {
	width: 305px;
	height: auto;
	float: left;
}

#rechtsextra {
	width: 300px;
	height: auto;
	float: left;
}	

#kleurplaatextra {
	height: 50px;
	width: 614px;
}


/* TEXT WIDTHS, ADD THIS TO A DIV AROUND A PARAGRAPH */
	
#footer {
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	margin-top: -45px;
	clear: both;
	background: #EBEBEB;
	}
#footer p {
	font-family: Arial;
	font-size: 10px;
	padding: 0;
	line-height: 30px;
	}
	
	
div.right_footer {
	padding: 10px 0 10px 10px;
	height: 141px;
	float: right;
}	

td.smoel {
	padding-right: 3px;
	vertical-align: top;
	height: 220px;
}
	
td.aanbieding {
	height: 194px;
	width: 194px;
	border: 1px solid #7A7A7A;
}

.terug, .terug a:link, .terug a:visited {
padding-left: 10px;
text-decoration: none;
color: #FFF;
font-size: 12px;
}

/* TEKST UITLEINEN NAAR BENEDEN */
.bottomtekst {
	bottom: 5px;
	left: 15px;
	position:absolute;
}