@charset "UTF-8";
/* CSS Document */

div.Index{
	position:absolute;
	background-image:url(../images/system/intro.jpg);
	
	
	width: 960px;
	height: 579px;
	
	left: 50%;
	top: 50%;
	
	margin:0px;
	margin-left: -480px;
	margin-top: -290px;

	padding: 0px;
}

body{
  font-family: Verdana, Geneva, Helvetica, Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  color: #000000;
  margin: 0px;  
  padding: 0px;
  background-color:#C0C0C0;

}
body#Intro{
  background-color:#000000;
}

img{
	border:0px;
	padding:0px;
	margin:0px;
}


/* Main Box */
div.Main {
	position:absolute;
	background-image:url(../images/system/background.png);
	
	
	width: 910px;
	height: 530px;
	
	left: 50%;
	top: 50%;
	
	margin:0px;
	margin-left: -475px;
	margin-top: -250px;

	padding: 0px;
}

div.Copyright a{
	color:#333333;
}
div.Copyright {
	position:relative;
	top: 515px;
	left:12px;
	
	color:#333333;
	font-size:9px
}

/* Logo */
div.Main .Logo {
	position:absolute;
	
	width: 300px;
	height: 75px;

	left: 33px;
	top: 31px;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/system/logo.png');
}

div.Main .Logo[class] {
	background-image: url(../images/system/logo.png);
}


/* Left Part of the Site - Menu & text */
div.Main .LeftBox {
	position:absolute;
	background-color:#000000;
	
	width: 720px;
	height: 500px;
	
	left: 10px;
	top: 10px;
}

div.Main .LeftBox .Menu{
	position:absolute;
	
	width: 400px;
	height: 30px;
	
	left: 340px;
	top: 10px;
	z-index:99;
	
}

div.Main .LeftBox .Content{
	position:absolute;
	
	width: 310px;
	height: 410px;
	
	left: 10px;
	top: 60px;
	
	padding: 10px;
	
	color:#FFFF00;
	
	overflow:auto;
	text-align:justify;
}

div.Main .LeftBox .Content .Title{	

	display:block;
	width: 120px;
	
	font-weight:bold;
}

div.Main .LeftBox .ContentBack{
	position:absolute;
	background-color:#000000;
	opacity: .50;
	filter:alpha(opacity=50); /* IE's opacity*/
	
	width: 330px;
	height: 430px;
	
	left: 10px;
	top: 60px;
}

div.Main .LeftBox .BackImage {
	position:absolute;
	
	width: 720px;
	height: 500px;
	
}



/* Right Part of the Site - Banners & News*/

div.Main .RightBox1 {
	position:absolute;
	background-color:#000000;
	
	width: 150px;
	height: 120px;
	
	left: 740px;
	top: 10px;
}

div.Main .RightBox2 {
	position:absolute;
	background-color:#000000;
	
	width: 150px;
	height: 120px;
	
	left: 740px;
	top: 140px;
}

div.Main .RightBox1 .BoxTitle,
div.Main .RightBox2 .BoxTitle{
	position:absolute;
	width:140px;
	
	text-align:right;
	font-size:12px;
	text-transform:uppercase;
	padding:5px;
}

div.Main .RightBox1 .BoxTitle a,
div.Main .RightBox2 .BoxTitle a{
	text-decoration:none;
	color:#FFFFFF;
}

div.Main .RightBox1 .BoxImage,
div.Main .RightBox2 .BoxImage,
div.Main .RightBox3 .BoxImage{
	position:absolute;

}

div.Main .RightBox3 {
	position:absolute;
	
	width: 150px;
	height: 240px;
	
	left: 740px;
	top: 270px;
}
div.Main .RightBox3 .BoxText{
	position:absolute;
	overflow:auto;
	width:130px;
	height:220px;
	
	font-size:10px;
	padding:10px;
	color:#FFFFFF;
	
}

/* Gallery Images */

div.Main .LeftBox .ContentGallery{
	position:absolute;
	opacity: .50;
	filter:alpha(opacity=50); /* IE's opacity*/
	
	width: 90px;
	height: 30px;
	
	left: 50%;
	top: 100%;
	
	margin-left: -45px;
	margin-top: -45px;
	
	color:#FFFF00;
}

div.Main .LeftBox .ContentBackGallery{
	position:absolute;
	background-color:#000000;
	opacity: .75;
	filter:alpha(opacity=75); /* IE's opacity*/
	
	width: 100px;
	height: 40px;
	
	left: 50%;
	top: 100%;
	
	margin-left: -50px;
	margin-top: -50px;
}

div.Main .LeftBox .Content .nav_gallery{
	position:absolute;
	opacity: .50;
	filter:alpha(opacity=50); /* IE's opacity*/
	
	width: 60px;
	height: 30px;
	
	left: 50%;
	top: 100%;
	
	padding:0px;
	margin:0px;
	margin-left: -30px;
	margin-top: -40px;
	
}

/* SHOP */

a#gallery_thumb,
a#shop_thumb{
	color:#FFFF00;
	text-decoration:none;
}
img#gallery_thumb,
img#shop_thumb{
	margin:10px;
	border:0px;
	width:135px;
}

/* CONTACT */

label
{
	font-weight:bold;
}

label#textfield
{
	display:block;
	width:100px;
	
	float:left;
	font-weight:bold;
}

label#spacer
{
	display:block;
	width:200px;
}
input{
	width:20px;
}
input#Bedrijf,
input#Naam,
input#Straat,
input#Postcode,
input#Plaats,
input#Telefoon,
input#Email
{
	float:left;
	display:block;
	width:180px;
}
textarea#Vraag
{
	display:block;
	width:180px;
}
input#btnSubmit{
	width:75px;

}