@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	/*clear: both;*/
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
.clear{
	clear: both;
}

body{
	background: #c3c9ad url(../../images/layout/body_bg.png) 0 0 repeat;
	font-size: 0px;
	line-height: 0px;
}
	#site_wrapper{
		background: url(../../images/layout/site_wrapper_bg.png) 0 0 repeat;
		height: 640px;
		margin: 60px 0 0 0;
		padding: 10px 0;
		width: 100%;
	}
		#wrapper{
			background: url(../../images/layout/wrapper_bg.jpg) 0 0 no-repeat;
			height: 640px;
			margin: 0 auto;
			position: relative;
			width: 960px;
			
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
			box-shadow: 0 0 10px rgba(0,0,0,0.25);
		}
			#container,
			#navigation{
				background-image: url(../../images/layout/wrapper_bg.jpg);
				background-repeat: no-repeat;
				float: left;
				position: relative;
			}
			#container{
				background-color: #808473;
				background-position: 0 0;
				height: 640px;
				width: 640px;
			}
				#border{
					background: url(../../images/layout/container_border.png) 0 0 no-repeat;
					height: 640px;
					left: 0;
					position: absolute;
					top: 0;
					width: 640px;
					z-index: 999;
				}
				#border_top,
				#border_right,
				#border_bottom,
				#border_left{
					background-image: url(../../images/layout/container_border.png);
					background-repeat: no-repeat;
					position: absolute;
					z-index: 999;
				}
				#border_top{
					background-position: 0 0;
					height: 20px;
					left: 0;
					top: 0;
					width: 640px;
				}
				#border_right{
					background-position: -620px -20px;
					height: 600px;
					right: 0;
					top: 20px;
					width: 20px;
				}
				#border_bottom{
					background-position: 0 -620px;
					bottom: 0;
					height: 20px;
					left: 0;
					width: 640px;
				}
				#border_left{
					background-position: 0 -20px;
					height: 600px;
					left: 0;
					top: 20px;
					width: 20px;
				}
		/* --<<[[ HOME ]]>>-- */
			#container.home{
			
			}
				#container.home #preloader{
					background: url(../../images/layout/wrapper_bg.jpg) 0 0 no-repeat;
					height: 640px;
					opacity: 0;
					position: absolute;
					width: 640px;
					z-index: 2;
				}
				#container.home #slideshow{
					background: url(../../media/home/img_01.jpg) -180px 0 no-repeat;
					height: 640px;
					width: 640px;
				}
		/* --<<[[ INFO ]]>>-- */
			#container.info{
				
			}
				#container.info #content{
					padding: 10px;
				}
					#container.info #content .content{
						padding: 10px 50px 0 50px;
					}
						#container.info #content .content img{
							padding: 5px 0;
						}
						#container.info #content .content p{
							color: #ffffff;
							font: normal 14px/18px 'Quicksand', Verdana, Arial, Helvetica, sans-serif;
							padding: 0 0 18px 0;
							text-align: justify;
							
							text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
						}
		/* --<<[[ PRAKTISCH ]]>>-- */
			#container.praktisch{
				
			}
				#container.praktisch #content{
					padding: 10px;
				}
					#container.praktisch #content .content{
						padding: 30px 50px 0 50px;
					}
						#container.praktisch #content .content p{
							color: #ffffff;
							font: normal 14px/18px 'Quicksand', Verdana, Arial, Helvetica, sans-serif;
							padding: 0 0 18px 0;
							text-align: justify;
							
							text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
						}
						#container.praktisch #content .content p span{
							font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
						}
		/* --<<[[ SFEER ]]>>-- */
			#container.sfeer{
				
			}
				#container.sfeer #info{
					background: url(../../media/sfeer/vergroting.png) 0 0 no-repeat;
					display: none;
					height: 65px;
					left: 240px;
					position: absolute;
					top: -40px;
					width: 160px;
					z-index: 100;
				}
				#container.sfeer #images{
					
				}
				#container.sfeer #images a{
					background-image: url(../../media/sfeer/kleur.jpg);
					background-repeat: no-repeat;
					display: block;
					outline: none;
					position: absolute;
				}
					#image_00{
						left: 0;
						position: absolute;
						top: 0;
					}
					#image_01{
						height: 160px;
						width: 640px;
					}
					#image_02, #image_04, #image_05, #image_06, #image_07, #image_10{
						height: 160px;
						width: 160px;
					}
					#image_03, #image_09{
						height: 160px;
						width: 320px;
					}
					#image_08{
						height: 320px;
						width: 160px;
					}
					#image_01{
						background-position: 0 0;
						left: 0;
						top: 0;
					}
					#image_02{
						background-position: 0 -160px;
						left: 0;
						top: 160px;
					}
					#image_03{
						background-position: -160px -160px;
						left: 160px;
						top: 160px;
					}
					#image_04{
						background-position: -480px -160px;
						left: 480px;
						top: 160px;
					}
					#image_05{
						background-position: 0 -320px;
						left: 0;
						top: 320px;
					}
					#image_06{
						background-position: -160px -320px;
						left: 160px;
						top: 320px;
					}
					#image_07{
						background-position: -320px -320px;
						left: 320px;
						top: 320px;
					}
					#image_08{
						background-position: -480px -320px;
						left: 480px;
						top: 320px;
					}
					#image_09{
						background-position: 0 -480px;
						left: 0;
						top: 480px;
					}
					#image_10{
						background-position: -320px -480px;
						left: 320px;
						top: 480px;
					}
		/* --<<[[ MENU ]]>>-- */
			#container.menu{
			
			}
				#container.menu #preloader{
					background: url(../../images/layout/wrapper_bg.jpg) 0 0 no-repeat;
					height: 640px;
					position: absolute;
					width: 640px;
					z-index: 2;
				}
		/* --<<[[ CONTACT ]]>>-- */
			#container.contact{
				overflow: hidden;
			}
				#container.contact img{
					position: absolute;
				}
					#contact_plan{
						left: 0;
						top: 0;
					}
					#contact_bullet{
						height: 22px;
						left: 243px;
						top: 114px;
						width: 22px;
					}
					#contact_coordinates{
						left: 252px;
						top: 123px;
					}			
			#navigation{
				background-color: #e7eae1;
				background-position: -640px 0;
				height: 600px;
				padding: 40px 10px 0 40px;
				width: 270px;
			}
				#navigation a img{
					padding: 15px 20px;
				}
				#navigation ul{
					background: url(../../images/layout/navigation_line.gif) 0 bottom no-repeat;
					padding: 50px 0 0 1px;
				}
				#navigation li{
					background: url(../../images/layout/navigation_line.gif) 0 0 no-repeat;
					padding: 1px 0 0 0;
				}
				#navigation li a{
					color: #5a644f;
					display: block;
					font: bold 14px/15px 'Quicksand', Verdana, Arial, Helvetica, sans-serif;
					padding: 12px 0 12px 40px;
					text-decoration: none;
					width: 200px;
				}
				#navigation li a.active{
					background: url(../../images/layout/navigation_bullet.gif) 13px 13px no-repeat;
				}
				#navigation a:hover{
				
				}
			#birgerdesign{
				bottom: -35px;
				position: absolute;
				right: 20px;
			}