body
{
	background-color: #000;
	background-image: url("../layout_images/concrete1.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
}

.wrapper
{
	position: absolute;
	left: 2%;
	right: 2%;
	top: 1%;
	bottom: 1%;
	background-color: #fff;
	background-image: url("../layout_images/concrete2.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: -4% -2%;
	border: 1px solid #fff;
}

.lefttop
{
	position: absolute;
	left: 0px;
	top:0px;
	width: 235px;
	height: 205px;
	background-image: url("../layout_images/menu-top2.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

.lefttop2
{
	position: absolute;
	left: 0px;
	top:0px;
	width: 235px;
	height: 240px;
	background-image: url("../layout_images/menu-top3.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

.leftmiddle
{
	position: absolute;
	left: 0px;
	top: 205px;
	bottom: 99px;
	width: 235px;
	background-image: url("../layout_images/menu-middle2.png");
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: left top;
}

.leftbottom
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 235px;
	height: 99px;
	background-image: url("../layout_images/menu-bottom2.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

.rightcolumn
{
	position: absolute;
	top: 61px;
	bottom: 10px;
	right: 0px;
	width: 199px;
}

.headerleft
{
	position: absolute;
	top: 0px;
	left: 266px;
	width: 559px;
	height: 61px;
	background-image: url("../layout_images/header-left.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

.headercenter
{
	position: absolute;
	top: 0px;
	left: 825px;
	right: 78px;
	height: 61px;
	background-image: url("../layout_images/header-center.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: right top;
}

.headerright
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 78px;
	height: 61px;
	background-image: url("../layout_images/header-right.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

.headermenu
{
	position: absolute;
	height: 61px;
	top: 0px;
	left: 266px;
	right: 24px;
	background-color: transparent;
}

.headermenu img
{
	width: auto;
	height: 61px;
	margin: 0;
	padding:0;
	float: right;
}

.leftmenu
{
	position: absolute;
	top: 198px;
	left: 28px;
	bottom: 20px;
	width: 206px;
	background-color: transparent;
}

.leftmenu a, .leftmenu a:visited
{
	display: block;
	height: 26px;
	width: 195px;
	font-family: Georgia;
	color: #65626a;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal; 
	text-decoration: none;
	background-image: url('../layout_images/menu3bg.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	border: none;
}

.leftmenu a:hover 
{
	color: #39383b;
	background-image: url('../layout_images/menu3bg-r.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.logos
{
position: absolute;
left: 14px;
bottom: 42px;
}

.logos2
{
position: absolute;
left: 14px;
bottom: 14px;
}

.logos img, .logos2 img
{
float: left;
margin-left: 6px;
border: none;
}

.logos a, .logos a:visited, .logos2 a, .logos2 a:visited
{
background-image: none;
padding-left: 0px;
padding-bottom: 0px;
width: auto;
height: auto;
}

.logos a:hover, .logos2 a:hover
{
background-image: none;
padding-left: 0px;
padding-bottom: 0px;
width: auto;
height: auto;
}

#container
{
position: absolute;
left: 256px;
right: 199px;
top: 71px;
bottom: 10px;
background-color: transparent;
overflow: auto;
overflow-x: hidden;
}

#container h1
{
	font-family: Georgia;
	height: 24px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	width: 100%;
	margin: 0px;
	padding: 2px 0px 0px 4px;
	background-image: url('../layout_images/extrageopendbg.png');
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#container h2
{
	font-family: Georgia;
	height: 22px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	width: 95%;
	margin: 0px;
	padding: 2px 0px 0px 4px;
	background-image: url('../layout_images/extrageopendbg.png');
	background-repeat:repeat-x;
	background-position: left top;
	float: left;
}

#container p, #container form
{
	float: left;
	padding: 4px 4px 4px 4px;
	width: 95%;
	background-image: url("../layout_images/bg-text.png");
	background-repeat: repeat;
	background-position: left top;
}

#container a
{
	color: #000;
	text-decoration: none;
}

#container a:hover
{
color: #65626a;
}

div#keyword_list
{
	float: left;
	position: absolute;
	top: 52px;
	left: 5px;
	width: auto;
	height: auto;	
}

#keyword_list a
{
	float: left;
	display: block;
	width: 100%;
	background-color: #F6F2B0;
	border-width: 0px 0px 1px 0px;
	border-color: #A8A2CD;
	border-style: solid;
	cursor: pointer;
}

.fotoframekleinl
{
float: left;
width: 240px;
/*height: 230px;*/
height: 240px;
background-image: url('../layout_images/fotoframeklein3.png');
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
margin-left: 0px;
margin-right: 4px;
margin-bottom: 12px;
}

.fotoklein
{
width: 210px;
height: auto;
margin: 28px 0px 0px 12px;
padding: 0;
font-size: 9px;
line-height: 10px;
font-family: verdana;
}

.fotoklein img
{
padding-bottom: 4px;
}

.fotoframekleinr
{
float: right;
width: 245px;
height: 235px;
background-image: url('../layout_images/fotoframeklein.png');
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
}

.winkel
{
	position: absolute;
	left: 5%;
	top: 36%;
	width: 15%;
}

.openingstijden
{
	position: absolute;
	left: 30%;
	width: 40%;
	top: 20%;
	padding: 5% 8% 2% 3%;
	font-family: Georgia;
	font-size: 80%;
}

.openingstijden h3
{
	font-family: Georgia;
	height: 18px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	width: 85%;
	margin: 0% 15% 2% 0%;
	padding: 0 6px 0px 4px;
	background-image: url('../layout_images/extrageopendbg.png');
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

.openingstijden ul
{
display: block;
float: left;
width: 100%;
margin: 0px;
margin-left: 0%;
padding: 0%;
}

.openingstijden li
{
display: inline;
margin: 0px;
margin-left: 0%;
padding: 0%;
padding-left: 6%;
width: 44%;
float: left;
}

.fotogroot
{
float: left;
width: 444px;
height: 299px;
margin: 52px 53px 0px 51px;
padding: 0px;
}

.fototextgroot
{
float: left;
width: 295px;
height: 63px;
margin: 0px 0px 0px 166px;
padding: 0;
}

img.bgimage
{
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 35%;
}

img.bgimagegroot
{
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 50%;
}

img.bgimage2
{
	position: absolute;
	right: 0%;
	bottom: 0%;
	width: 20%;
}

img.fotoframegroot_img
{
	position: absolute;
	left: 30%;
	right: 20%;
	width: 50%;
	top: 14%;
}

/*.import_img
{
	position: absolute;
	left: 24%;
	top: 7%;
	width: 25%;
}

.verlichting_img
{
	position: absolute;
	left: 32%;
	top: 60%;
	margin-top: -6%;
	width: 25%;
}

.sfeer_img
{
	position: absolute;
	left: 61%;
	top: 60%;
	margin-top: -8%;
	width: 25%;
}

.accessoires_img
{
	position: absolute;
	left: 0%;
	top: 50%;
	margin-top:-5%;
	width: 25%;
}

.swdotcom_img
{
	position: absolute;
	left: 49%;
	top: 11%;
	width: 36%;
}

.inspiratie_img
{
	position: absolute;
	left: 56%;
	top: 21%;
	width: 16%;
}

.koeien_img
{
	position: absolute;
	left: 1%;
	bottom: 10%;
	margin-top:-5%;
	width: 30%;
}*/

.import_img
{
	position: absolute;
	left: 36%;
	top: 18%;
	width: 22%;
}

.verlichting_img
{
	position: absolute;
	left: 39%;
	top: 68%;
	margin-top: -6%;
	width: 22%;
}

.sfeer_img
{
	position: absolute;
	left: 63%;
	top: 60%;
	margin-top: -8%;
	width: 22%;
}

.accessoires_img
{
	position: absolute;
	left: 14%;
	top: 42%;
	margin-top:-5%;
	width: 22%;
}

.swdotcom_img
{
	position: absolute;
	left: 49%;
	top: 11%;
	width: 36%;
}

.inspiratie_img
{
	position: absolute;
	left: 60%;
	top: 21%;
	width: 16%;
}

.koeien_img
{
	position: absolute;
	left: 1%;
	bottom: 10%;
	margin-top:-5%;
	width: 20%;
}

.verfblikken_img
{
	position: absolute;
	left: 1%;
	bottom: 2%;
	margin-top:-5%;
	width: 27%;
}

.kleuradviezen_img
{
	position: absolute;
	left: 63%;
	top: 62%;
	margin-top: -8%;
	width: 22%;
}

.combinaties_img
{
	position: absolute;
	left: 31%;
	top: 64%;
	margin-top: -6%;
	width: 22%;
}

.sundays p
{
	font-family: Georgia;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	float: right;
}

.sundays h3
{
	font-family: Georgia;
	height: 18px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	margin: 8px 10px 6px 0px;
	padding: 0px;
	padding-right: 8px;
	background-image: url('../layout_images/extrageopendbg.png');
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
}

.rightmenu
{
	width: 80%;
	float: right;
	padding-bottom: 4px;
	*margin-right: 10px;
}

.rightmenu a
{
	clear: right;
	font-family: Georgia;
	color: #000;
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	display: inline;
	height: 23px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	*margin-right: 0px;
	float: right;
}

.rightmenu a:hover
{
	padding-right: 8px;
	*padding-right: 0px;
	margin: 0px;
	color: #fff;
	background-image: url('../layout_images/rightmenubg.png');
	background-repeat: no-repeat;
	background-position: left top;
}

.address
{
	position: absolute;
	width: 80%;
	bottom: 0%;
	right: 0%;
	padding-top: 4px;
}

.address p
{
	font-family: Georgia;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	float: right;
}

.address a
{
	font-family: Georgia;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	width: 100%;
	margin: 8px 10px 8px 0px;
	padding: 0px;
	float: right;
}

.address a:hover
{
	padding-right: 8px;
	*padding-right: 0px;
	color: #fff;
	background-image: url('../layout_images/rightmenubg.png');
	background-repeat: no-repeat;
	background-position: left top;
}

div#inline_screen
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url('../layout_images/filter.png');
	background-repeat: repeat; 
	z-index: 3;
}

div#inline_photo
{
	position: absolute;
    float: left;
	background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;   
	z-index: 3;
}

#inline_photo img
{
}

#inline_photo p
{
	width: 100%;
	height: 98px;
	font-family: verdana;
	font-size: 9px;
	background-color: #FFFFFF;
    margin: 0px;
}

a#photo_previous
{
	float: left;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 40px;
	width: 29px;
	height: 23px;
	background-image: url('../layout_images/vorige.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

a#photo_next
{
	float: left;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 2px;
	width: 29px;
	height: 23px;
	background-image: url('../layout_images/volgende.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

div#photo_close
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 23px;
	height: 23px;
	background-image: url('../layout_images/sluit.jpg');	
	background-repeat: no-repeat;
	background-position: top right;
}

/* Scroll Bar Master Styling Starts Here */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 14px;
background: transparent url("scrollbar.png") -36px 0px repeat-y;
}
.vscrollerbarbeg {
height: 8px !important;
width: 14px;
background: url("scrollbar.png") -108px -30px no-repeat;
}
.vscrollerbarend {
float: left;
height: 8px;
width: 14px;
background: url("scrollbar.png") -108px -18px no-repeat;
}

.vscrollerbase {
float: left;
width: 14px;
background: transparent url("scrollbar.png") 0px 0px repeat-y;
}
.vscrollerbasebeg {
float: left;
width: 14px;
height: 8px !important;
background: url("scrollbar.png") -72px -49px no-repeat;
}
.vscrollerbaseend {
float: left;
height: 8px;
width: 14px;
background: url("scrollbar.png")  -72px 0px no-repeat;
}

.vscrollerbar, .hscrollerbar {
padding: 12px;
z-index: 2;
}

/* Scroll Bar Master Styling Ends Here */

/* Start Google Maps styles */

.mapstop
{
margin-right: -3%;
margin-left: 3%;
padding: 0;
width: 100%;
/*position: absolute;
top: 0px;
left: 3%;
right: 0%;*/
height: 50px;
background-image: url("../layout_images/maps-top.png");
background-position: right top;
background-repeat: no-repeat;
float: left;
}

.mapscenter
{
margin-right: -3%;
margin-left: 3%;
padding: 0;
width: 100%;
/*position: absolute;
top: 50px;
bottom: 61px;
left: 3%;
right: 0%;*/
height: 380px;
background-image: url("../layout_images/maps-middle.png");
background-position: right top;
background-repeat: repeat-y; 
float: left;
}

.mapsbottom
{
/*position: absolute;
left: 3%;
right: 0%;
bottom: 8px;*/
margin-right: -3%;
margin-left: 3%;
padding: 0;
width: 100%;
height: 53px;
background-image: url("../layout_images/maps-bottom.png");
background-position: right top;
background-repeat: no-repeat;
display: block;
float: left;
}

#map
{
margin-left: 1%;
margin-right: 6%;
width: 91%;
height: 310px;
float: left;
}

#mapform
{
margin-left: 1%;
margin-top: 8px;
padding: 0;
width: 91%;
/*position: absolute;
top: 316px;
right: 45px;
left: 10px;*/
height: 30px;
background-image: url('../layout_images/extrageopendbg.png');
background-repeat:repeat-x;
background-position: left top;
float: left;
}

#direction_container
{
/*position: absolute;
top: 346px;
left: 0px;
right: 0px;
padding-right: 45px;*/
margin-left: 3%;
width: 100%;
height: auto;
background-image: url("../layout_images/maps-middle.png");
background-position: right top;
background-repeat: repeat-y; 
float: left;
}

#directions
{
margin-left: 1%;
width: 91%;
float: left;
}

