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

body{
	background-image:url(../img/bg.png);
	background-repeat: repeat-x;
	border: none;
	background-color: #FFFFFF;
	height: 100.1%;
}

html {
	height: 100.1%;
}

#container{
	margin: auto;
	width: 1024px;
	height: auto;
	font-family:"arial";
	text-align: left;	
}

#header{
	position: absolute;
	margin-top: 7px;
	margin-left: 50px;
}

#bg{
	position: absolute;
	margin-top: 195px;
	margin-left: 51px;
}

#bgmenu{
	position: absolute;
	margin-top: 196px;
	margin-left: 51px;
	height: 68px;
	width: 971px;
	background-color: #D3D3D5;
}

#ganaar{
	position: absolute;
	margin-top: 220px;
	margin-left: 70px;
	border: none;
}

#home{
	position: absolute;
	margin-top: 210px;
	margin-left: 70px;
}

#waar{
	position: absolute;
	margin-top: 210px;
	margin-left: 172px;
}

#assortiment{
	position: absolute;
	margin-top: 210px;
	margin-left: 265px;
}

#voidmenu{
	position: absolute;
	margin-top: 210px;
	margin-left: 592px;
	height: 41px;
	width: 163px;
	background-image:url('../img/voidmenu.png')
}

#contact{
position: absolute;
margin-top: 218px;
margin-left: 770px;
border: none;
}

#opening{
position: absolute;
margin-top: 280px;
margin-left: 770px;
}

#openingstijden{
position: absolute;
margin-top: 308px;
margin-left: 770px;
height: 170px;
width: 220px;
background-color: #FFFFFF;
padding: 10px;
font-size: 12px;
}

#tekstvlak{
position: absolute;
margin-top: 280px;
margin-left: 70px;
height: 260px;
width: 665px;
background-color: #FFFFFF;
padding: 10px;
font-size: 14px;
}

#waar1{
	position:absolute;
	margin-top: 280px;
	margin-left: 70px;
	font-size:14px;
	background-color: #FFFFFF;
	padding: 10px;
	width: 665px;
	height: 450px;
}

#assortiment1{
position: absolute;
margin-top: 280px;
margin-left: 70px;
	font-size:14px;
height: 500px;
width: 665px;
background-color: #FFFFFF;
padding: 10px;
}

#contact1{
position: absolute;
margin-top: 280px;
margin-left: 70px;
font-size:14px;
height: 500px;
width: 665px;
background-color: #FFFFFF;
padding: 10px;
}

#balk{
position: absolute;
margin-top: 570px;
margin-left: 70px;
padding: 10px;
height: 20px;
width: 665px;
background-color: #f78f1e;
font-size: 15px;
}

#tekstvlak1{
position: absolute;
margin-top: 610px;
margin-left: 70px;
height: 350px;
width: 665px;
background-color: #FFFFFF;
padding: 10px;
font-size: 14px;
}

#ppc{
position: absolute;
margin-top: 300px;
margin-left: 80px;
}

#lieverdink{
position: absolute;
margin-top: 410px;
margin-left: 80px;
}

#pga{
position: absolute;
margin-top: 470px;
margin-left: 770px;
}

#adres{
position: absolute;
margin-top: 530px;
margin-left: 770px;
height: 120px;
width: 220px;
background-color: #FFFFFF;
padding: 10px;
font-size: 12px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 

/* main vertical scroll */ 
#main { 
    position:relative; 
    overflow:hidden; 
    height: 600px; 
	width:300px;

} 
 
/* root element for pages */ 
#pages { 
    position:absolute; 
    height:600px; 
	width:300px;

} 
/* root element for horizontal scrollables */ 
.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 500px; 
    height: 600px; 
} 
 
/* root element for scrollable items */ 
.scrollable .items { 
	width:450px;
    position:absolute; 
    clear:both; 
}#main {
	position:relative;
	overflow:hidden;
	height: 450px;
	width:450px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:600px;
}

/* single page */
.page {
	padding:10px;
	height: 600px;
	width:400px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width:400px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:400px;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:400px;
	height:600px;
	padding:10px;
}

/* main navigator */
#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	border-top:1px solid #666;
	clear:both;
	color:#000000;
	font-size:12px;
	height:75px;
	list-style-type:none;
	padding:10px;
	width:190px;
	cursor:pointer;
}

#main_navi li:hover {
	background-color:#444;
}

#main_navi li.active {
	background-color:#555;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}

#main div.navi {
	margin-left:250px;
	cursor:pointer;
}