html {
 overflow-y:scroll;
}
html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-color: #1D4A54;
}

body {
	font-size:14px;
	font-family: Verdana, Sans-serif;
	font-weight:normal;
	color: white;
}

/* ========== GENERAL STYLING ========== */
a 					{ color:#000; text-decoration:none; }
a:visited 	{ color:#000; }
a:active 		{ color:#333; text-decoration:none; }
a:hover 		{ color:#000; text-decoration:none; }

h1,h2,h3,h4,h5,h6 { margin:5px 0 10px 0; color:#463031;}
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }

img 				{ border:0; }
table 			{ border-collapse:collapse }
input 			{ font-family:Arial, Verdana, sans-serif; }


/* achtergronden */
.omhullende 
{
	width: 100%;
	height: 700px;
}
.omhullende .left
{
	position: relative;
	background-image: url('../images/bg_left.jpg');
	background-repeat: repeat-x;
	background-position: 0px -70px;
}
.omhullende .middle
{
	width: 1000px;
	min-height: 700px;
	background-image: url('../images/bg_content.jpg');
	background-repeat: no-repeat;
	background-position: 0px -70px;	
}
.omhullende .right 
{
	position: relative;
	background-image: url('../images/bg_right.jpg');
	background-repeat: repeat-x;
	background-position: 0px -70px;
}

.content
{
	position: relative;
	width: 1000px;
	min-height: 700px;
}

/* navigatie */
img.logo
{
	position: absolute;
	display: block;	
	top: 14px;
	left: 30px;
	width: 314px;
	height: 37px;
	background-image: url('../images/logo.png');
}
img.slogan
{
	position: absolute;
	display: block;
	top: 24px;
	right: 86px;
	width: 495px;
	height: 22px;
	background-image: url('../images/slogan.png');
}
#knoppen
{
	position: absolute;
	z-index: 1000;
	top: 75px;
	left: 30px;
}
img.knop_logo
{
	width: 314px;
	height: 37px;
	background-image: url('../images/logo.png');
}
img.knop_home
{
	width: 157px;
	height: 35px;
	background-image: url('../images/home.png');
}
a:hover img.knop_home
{
	width: 157px;
	height: 35px;
	background-image: url('../images/home_over.png');
}
img.knop_nieuws
{
	width: 157px;
	height: 35px;
	background-image: url('../images/nieuws.png');
}
a:hover img.knop_nieuws
{
	width: 157px;
	height: 35px;
	background-image: url('../images/nieuws_over.png');
}
img.knop_productinfo
{
	width: 157px;
	height: 35px;
	background-image: url('../images/productinfo.png');
}
a:hover img.knop_productinfo
{
	width: 157px;
	height: 35px;
	background-image: url('../images/productinfo_over.png');
}
img.knop_aaalux
{
	width: 157px;
	height: 35px;
	background-image: url('../images/aaalux.png');
}
a:hover img.knop_aaalux
{
	width: 157px;
	height: 35px;
	background-image: url('../images/aaalux_over.png');
}
img.knop_contact
{
	width: 157px;
	height: 35px;
	background-image: url('../images/contact.png');
}
a:hover img.knop_contact
{
	width: 157px;
	height: 35px;
	background-image: url('../images/contact_over.png');
}
img.knop_login
{
	width: 150px;
	height: 35px;
	background-image: url('../images/site2.png');
}
a:hover img.knop_login
{
	width: 150px;
	height: 35px;
	background-image: url('../images/site2_over.png')
}
img.knop_verzenden
{
	width: 191px;
	height: 35px;
	background-image: url('../images/verzenden.png');
}
a:hover img.knop_verzenden
{
	width: 191px;
	height: 35px;
	background-image: url('../images/verzenden_over.png');
}
/* nieuws, productinfo, aaa-lux, */
#nieuws
{
	position: absolute;
	/*top: 250px;*/
	top: 150px;
	left: 30px;
	width: 905px;
	height: 436px;
	color: white;
	background-image: url('../images/bg_formulier.gif');	
}
#nieuws .left
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 230px;
}
#nieuws .right
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 555px;
}

/* formulier */
#formulier
{
	position: absolute;
	/*top: 250px;*/
	top: 150px;
	left: 30px;
	width: 905px;
	height: 436px;
	color: white;
	background-image: url('../images/bg_formulier.gif');	
}
#formulier .formcenter
{
	position: relative;
	width: 905px;
	height: 436px;
	padding-top: 180px;
	text-align: center;
}
#formulier .formleft
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 200px;
}

#formulier .formleftscroll
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 230px;
	height: 406px;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left; /* Override direction */	
	/* image-align:left; */
	scrollbar-base-color: #22798D;
}

#formulier .nieuwsleft
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 230px;
}

#formulier .nieuwsleftscroll
{
	overflow: auto;
	height: 400px;
	width: 230px;
	scrollbar-base-color: #22798D;
}

#formulier .aaaluxleftscroll
{
	position: relative;
	float: left;
	padding: 15px;
	width: 260px;
	height: 400px;
	overflow-y:auto;
	overflow-x:hidden;
	direction:rtl;  /* Right To left */ 
	text-align:left; /* Override direction */	
	image-align:left;
	scrollbar-base-color: #22798D;
}
#formulier .productleft
   {
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 230px;
}

#formulier .formright
{
	position: relative;
	width: 485px;
	padding: 15px 30px;	
	float: left;
}

#formulier .formrightscroll
{
	position: relative;
	width: 550px;
	height: 406px;
	padding: 15px 30px;	
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-base-color: #22798D;
}

#formulier .nieuwsright
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 545px;
	height: 400px;
	border-style: none none none double;	
}
#formulier .nieuwsrightscroll
{
	overflow: auto;
	height: 400px;
	width: 545px;
	scrollbar-base-color: #22798D;
}
#formulier .productright
{
	position: relative;
	float: left;
	padding: 15px 30px;
	width: 545px;
	
}



#formulier .login
{
	position: absolute;
	top: 150px;
	left: 260px;
}
#formulier .loginknop
{
	position: relative;
		
}
#formulier .comment
{
	margin-top: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: right;
	vertical-align: top;
}
#formulier .error
{
	font-weight: bold;
	color: red;
}
#formulier label
{
	margin: 0px 3px 0px 3px;
}
#formulier input[type=text]
{
	font-size: 12px;
	font-family: verdana;
	margin-top: 5px;
	width: 250px;
}
#formulier input[type=password]
{
	font-size: 12px;
	font-family: verdana;
	margin-top: 5px;
	width: 250px;
}
#formulier input[type=radio]
{
	margin: 0px 5px 5px 0px;
}
#formulier input[type=checkbox]
{
	margin: 0px 5px 5px 0px;
}
#formulier textarea
{
	font-size: 12px;
	font-family: verdana;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 255px;
	height: 50px;
}
#formulier .knop
{
	position: relative;
	width: 191px;
	height: 35px;
	margin-bottom: 10px;
	background-image: url('../images/bg_knop.png');
}

/* velden */
#velden 
{
	position: absolute;
	bottom:100px;
	left: 63px;
	width: 860px;
	height: 475px;
}
#velden0
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 860px;
	height: 475px;
	background-image: url('../images/velden0.png');
}
#velden1
{
	position: absolute;
	display: none;
	bottom: 0px;
	left: 0px;
	width: 860px;
	height: 475px;
	background-image: url('../images/velden1.png');
}
#velden2
{
	position: absolute;
	display: none;
	bottom: 0px;
	left: 0px;
	width: 860px;
	height: 475px;
	background-image: url('../images/velden2.png');
}
#velden3
{
	position: absolute;
	display: none;	
	bottom: 0px;
	left: 0px;
	width: 860px;
	height: 475px;
	background-image: url('../images/velden3.png');
}
#velden4
{
	position: absolute;
	display: none;	
	bottom: 0px;
	left: 0px;
	width: 860px;
	height: 475px;
	background-image: url('../images/velden4.png');
}
#velden5
{
	position: absolute;
	display: none;	
	bottom: 0px;
	left: 0px;
	width: 860px;
	height: 475px;
	background-image: url('../images/velden5.png');
}