* {
	margin:		0px;
	padding:	0px;
}

body,td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

p {
	padding: 5px 0px 5px 0px;
}

body {
	background-image: url('../gfx/site/gfx_background.gif');
	background-repeat: no-repeat;
}

ul {
	padding-left:	25px;
}

ul>li {
	color:			#000;
}

h1 {
	color: 			#0063BE;
	margin-bottom:	5px;
	font-size:		18px;
}

h2 {
	color: 			#0063BE;
	font-weight: 	bold;
	font-size:		12px;
	margin-bottom:	5px;
}

h3 {
	color: 			#0063BE;
	font-size:		11px;
	margin-bottom:	5px;
}

a.active {
	color:			#0063BE;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 	Verdana;
	color: 			#000000;
	font-size: 		12px;
	margin-bottom: 	1px;
	margin-top: 	1px;
}

form {
	display: 		inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'] {
	margin-left: 4px;
}

/* Buttons */
button, input[type='submit'], .input_submit {

}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}

.style4 {color: #0063BE}
.style5 {color: #000000}
.style8 {color: #000000; font-family: "Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic"; font-weight: bold; }
.style9 {font-size: 12px}
.style10 {color: #000000; font-family: "Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic"; font-size: 12px; }
.style11 {
font-size: 16px;
color: #0063BE;
}

div#top_flag {
	position:				absolute;
	left:					750px;
	top:					4px;
	z-index:				10;
}

#container {
	position:				absolute;
	width:					964px;
	height:					100%;
	left:					50%;
	margin-left:			-482px;
	border-left:			0px solid #cccccc;
	border-right: 			0px solid #cccccc;
}

#balkconstructie{
	position:absolute;
	width:269px;
	height:200px;
	left:0px;
	top:100px;
	background-color:#0063be;
	color:#FFFFFF;
	padding-left:0px;
}

#structuur{
	position:absolute;
	width:71px;
	height:200px;
	left:269px;
	top:100px;
	background-color:#6e7275;
	color:#FFFFFF;
	padding-left:0px;
	background-image: url('../gfx/site/profiel_staal_menu.jpg');
}

#menurolluik{
	position:absolute;
	padding-left:		10px;
	padding-top:		10px;
	width:127px;
	height:190px;
	left:335px;
	top:100px;
	background-color:#a8a9ad;
	color:#000000;
	font-family: "Trebuchet MS";
}

#menurolluik a {
	color:		black;
}

#menu{
	position:absolute;
	width:129px;
	height:200px;
	left:472px;
	top:100px;
	background-color:#CCCCCC;
	color:#000000;
	padding-left:10px;
	font-size: 12px;
	padding-top: 0px;
	line-height: 18px;
	font-family: "Trebuchet MS";
}

#menu a {
	color:		black;
}

#balkblue{
	position:absolute;
	width:25px;
	height:200px;
	left:610px;
	top:100px;
	background-color:#0063be;
	color:#FFFFFF;
	padding-left:0px;
}

#balkwissel{
	position:absolute;
	width:305px;
	height:200px;
	left:635px;
	top:100px;
	background-color:#6e7275;
	color:#FFFFFF;
	padding-left:0px;
}

#balkbluerechts{
	position:absolute;
	width:25px;
	height:200px;
	left:940px;
	top:100px;
	background-color:#0063be;
	color:#FFFFFF;
	padding-left:0px;

}

#logo{
	position:absolute;
	width:217px;
	height:76px;
	left:747px;
	top:5px;
	color:#FFFFFF;
	padding-left:0px;

}

#rolluiken{
	position:absolute;
	width:300px;
	height:206px;
	left:100px;
	top:349px;
	color:#FFFFFF;
	padding-left:0px;

}

#reflectie{
	position:absolute;
	width:965px;
	height:40px;
	left:0px;
	top:299px;
	color:#FFFFFF;
	padding-left:0px;
}

#text{
	position:absolute;
	width:460px;
	height:403px;
	left:475px;
	top:350px;
	color:	#FFFFFF;
	padding-left:10px;
	font: verdana;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family: "Trebuchet MS";
	overflow:auto;
}

#text_breed{
	position:absolute;
	width:660px;
	height:400px;
	left:270px;
	top:350px;
	color:	#FFFFFF;
	padding-left:10px;
	font: verdana;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family: "Trebuchet MS";
	overflow:auto;
}

#text_full{
	position:absolute;
	width:950px;
	height:400px;
	left:00px;
	top:350px;
	color:	#FFFFFF;
	padding-left:10px;
	font: verdana;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family: "Trebuchet MS";
	overflow:auto;
	border:0px solid black;
}

#metacon_products_contents {
	float:			left;
	margin-right:	10px;
	width:			450px;
	min-height:		485px;
	border:			0px solid blue;
	padding:		5px;
	color:			#000;
}

#metacon_products {
	float:			left;
	width:			450px;
	height:			385px;
	border:			0px solid blue;
}

#afbeelding{
	position:absolute;
	width:305px;
	height:355px;
	left:635px;
	top:352px;
	background-color:
	color:#FFFFFF;
	padding-left:0px;
	font: verdana;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family: "Trebuchet MS";
}

#tekstafbeelding{
	position:absolute;
	width:115px;
	height:148px;
	left:464px;
	top:368px;
	background-color:
	color:#FFFFFF;
	padding-left:20px;
	font: verdana;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	font-family: "Trebuchet MS";
	padding-right: 0px;

	}

#submenu{
	position:absolute;
	width:113px;
	height:167px;
	left:351px;
	top:350px;
	background-color:
	color:#FFFFFF;
	padding-left:0px;
	font: verdana;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	font-family: "Trebuchet MS";

	}

	#afbeelding1{
	position:absolute;
	width:200px;
	height:140px;
	left:269px;
	top:350px;

	}

	#afbeelding2{
	position:absolute;
	width:200px;
	height:140px;
	left:269px;
	top:500px;

	}

#balkonder{
	position:absolute;
	width:965px;
	height:32px;
	left:0px;
	top:770px;
	color:	#fff;
	padding-left:0px;
	padding-top:5px;
	font: verdana;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	font-family: "Trebuchet MS";
	background-image:  url('../gfx/site/balk.jpg');
	background-repeat: no-repeat;

}


div#links {
	margin-left:		25px;
	float:				left;
}

div#links a {
	color:				#fff;
}

div#copyright {
	float:				right;
	width:				250px;
}

/*styles*/


.menu{
	font-size:12px;
	display:block;
	width:150px;
	height:50px;
	top:50px;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:5px;
}

a:link {
	color: #0063be;
	text-decoration: none;
	font-family: "Trebuchet MS";
}
a:visited {
	text-decoration: none;
	color: #0063be;
	font-family: "Trebuchet MS";
}
a:hover {
	text-decoration: none;
	color: #0063be;
	font-family: "Trebuchet MS";
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #0063be;
	font-family: "Trebuchet MS";
	font-weight: normal;
}

/* DIVS */
div.product_info {
	border:			1px solid #cec;
	padding:		2px;
}

div.product_expand {

}

div.product_photo {
	float:			left;
	border:			0px solid #ece;
	margin:			5px;
	padding:		2px;
	height:			75px;
	width:			90px;
	text-align:		center;
}

div.product_photo_title {
	height:			24px;
	line-height:	11px;
}

.clear {
	clear: 				both;
}

/* error message */
#photo_div{
	position:absolute;
	left:50%;
	top:50%;
	margin-left: -220px;
	margin-top: -250px;
	width:410px;
	height:	600px


	font-size:11px;
	line-height:15px;
	background-color: #ffffff;
	padding: 5px;
	border:1px solid #000;
	z-index: 98;
	visibility: hidden;
	color: black;
}

#close_msg{
	position:absolute;
	left:320px;
	top:5px;
}

/* mask */
#mask {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background: #000000;
	z-index: 90;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	visibility: hidden;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(image/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}