html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

html {
	height:100%;
	background:#4e4e4e;
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
}

body {
	margin:0;
	color:#282828;
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	letter-spacing:1px;
	font-size:11px;
	height:670px;
}

img {border-style:none;border:0}




h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;padding:0}

h1{
	font-size:24px;
	text-transform:uppercase;
	color:#fff;
	line-height:35px;
	margin-bottom:30px;
	}
h2{
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	line-height:35px;
	margin-bottom:10px;
	}
h3{
	font-size:12px;
	color:#fff;
	line-height:15px;
	margin-bottom:5px;
	font-weight:bold;
	}
p{
	font-size:11px;
	color:#c9c9c9;
	line-height:17px;
	margin-bottom:21px;
	}
strong{
	font-weight:bold;
	color:#fff;
	}
p:last-child, p:only-child{
	margin-bottom:0px;
	}
a{
	color:#b7b7b7;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
	
li{
	list-style:none;
	margin:0;
	padding:0
}

#wrapper{	
 	width:100%;
	height:650px;
}

.center{
	width:980px;
	margin:0 auto;
	position:relative;
}
#content{
	width:100%;
	height:489px;
	background-color:#4e4e4e;
	overflow:hidden;
	clear:both;
}

#galerie li{
	border-right:1px solid  #3f4041;
}


#all_langues{
	width:100%;
	height:20px;
}

.content_langues{
	width:980px;
	height:20px;
	margin:0px auto;
}

.content_langues div{
	float:right;
}

.langues{
	display:inline-block;
	width:30px;
	height:15px;
	background:#333;
	margin-right:5px;
}

.langues_grey{
	display:inline-block;
	width:30px;
	height:15px;
	background:#4e4e4e;
	margin-right:5px;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
opacity:0.3;
}







.all_navigation{
	width:100%;
	background:#4e4e4e;
}

.navigation{
	height:45px;
	margin: 0px auto;
	position:relative;
	z-index:200;
	padding:0px;
	}
	
.navigation .left_navigation{
	margin:0px auto;
	width:980px;
	height:45px;
	background:url(../images/nav_left.png) 0px 33px no-repeat;
	}

.navigation div{
	float:left;
	}
	
.navigation ul li{
	float:left;
	text-align:center;
	width:162px;
	padding-top:15px;
	padding-bottom:15px;
	}
.navigation ul li:hover{
	background:#000;
	color:#fff;
	}
.navigation ul li#b_home:hover{
	background:#004042;
	}
.navigation ul li#b_presentation:hover{
	background:#004042;
	}
.navigation ul li#b_articles:hover{
	background:#004042;
	}
.navigation ul li#b_news:hover{
	background:#004042;
	}
.navigation ul li#b_contact:hover{
	background:#004042;
	}
.navigation ul li#b_shop:hover{
	background:#004042;
	}
.navigation ul li a{
	text-transform:uppercase;
	color:#fff;
	font-size:10px;
	}
.navigation ul li ul{
	display:none;
	position:relative;
	width:161px;
	}
.navigation ul li ul li{
	width:161px;
	text-align:center;
	padding:5px 21px;
	margin-top:10px;
	margin-left:-100px;
	overflow:hidden;
	}
.navigation ul li ul li:hover{
	width:161px;
	overflow:hidden;
	text-align:center;
	background:#005c5f;
	padding:5px 0px 5px 1px;
	margin-left:-80px;
	text-align:center;
	}
.navigation ul li ul li a{
	color:#fff;
	text-transform:lowercase;
	font-size:11px;
	}
.navigation ul li a:hover{
	color:#fff;
	text-decoration:none;
	}


	
	
	
#all_footer{
	border-top:4px #4e4e4e solid;
	width:100%;
	background:#4e4e4e;
	height:44px;
}
	
#footer{
	width:980px;
	margin:0 auto;
	position:relative;
}

.fb-like{
	margin:8px 0px;
	float:left;
	position:absolute;
	z-index:2;
}

.logo{
	margin:0px auto;
	padding:3px auto;
	width:327px;
	height:55px;
	float:left;
	margin-left:252px;
}





#all_hosting{
	background:#4e4e4e;
	width:100%;
	height:40px;
	line-height:40px;
	bottom:0px;
	position:fixed;
	z-index:-5;
	font-size:7px;
}

#hosting{
	margin:0px auto;
	padding:0px;
	border:0px;
	width:980px;
	height:40px;
	line-height:40px;
	font-weight:400;
	color:#aaa;
	font-size:7px;
	text-align:center;
	text-transform:uppercase;
}

#hosting a{
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:40px;
	color:#aaa;
	font-size:7px;
	text-transform:uppercase;
}

#hosting a:hover{
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:40px;
	font-size:7px;
	color:EEE;
	text-transform:uppercase;
}






.right_big{
	position:absolute;
	width:980px;
	left:250px;
	overflow:hidden;
	}
.right_big ul li{
	float:left;
	}
	
.big{
	position:absolute;
	width:2500px;
	left:0px;
	overflow:hidden;
	}
.big ul li{
	float:left;
	}
.controls{
	position:absolute;
	top:0px;
	left:250px;
	top:200px;
	}
.controls ul li{
	float:left;
	margin-right:1px;
	}
.controlsbig{
	position:absolute;
	top:0px;
	left:0px;
	top:220px;
	}
.controlsbig ul li{
	float:left;
	margin-right:1px;
	}
.left_small{
	width:220px;
	color:#fff;
	float:left;
	padding-top:50px;
	height:500px;
	padding-right:30px;
	}
	
.left_small ul li{
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
.left_small p{
	font-size:11px;
	color:#fff;
	line-height:16px;
	}
.scroll_text{
	background:none;
	width:220px;
	height:320px;
	padding-right:30px;
	}
.slider_left{
	width:499px;
	float:left;
	}
.right{
	background:#004042;
	float:right;
	width:260px;
	padding:12px;
	height:480px;
	}
	
.center_center{
	float:left;
	width:260px;
	padding:12px;
	height:480px;
	}
	
input{
	border:1px solid #666;
	padding:5px;
	background:#3f4041;
	color:#fff; 
	}
	input[type="file"]{
	border:none;
	background-color:transparent;	
	padding-left:0px;
	}
	textarea{
		border:1px solid #666;
	padding:5px;
	background:#3f4041;
	color:#fff;
	}
label{
	color:#b7b7b7;
	margin-right:10px;
	
	}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b7b7b7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b7b7b7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b7b7b7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b7b7b7;
}

.news_item{
	width:980px;
	float:left;
	}
.news_item img{
	
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	}
.news_item h3{
	margin-top:50px;
	margin-left:50px;
	}
#scroll_news{
	width:200px;
	height:320px;/*390*/
	padding-right:10px;
	}
	
#map_canvas{
	width:400px;
	height:500px;
	}
	
.caption{
	position:absolute;
	z-index:100;
	bottom:10px;
	margin-left:10px;
	/*background:rgb(63, 64, 65);*/
	padding:5px 7px;
	background:#3f4041/*url(../images/caption_flou.png) repeat*/;
	 
	 width:auto;
	/*bottom:0px;
	 
	 width:100%; */
	color:#fff;
	}
	 
	
#prijslijst a{
	display:block;
	padding:7px 5px;
	background:#581761;
	text-align:center;
	color:#fff;
	margin-top:15px;
	}
	
#prijslijst a:hover{
	
	background:#9f5da8;
	text-decoration:none;
	}
	
#scroll_text ul li a.active{
	background:none;
	}
	
#scroll_text ul li a:hover{
	text-decoration:none;
	color:white;
	}
	
.gb_item{
	clear:both;
	float:left;
	
	border-bottom:1px dotted #666;
	margin-bottom:20px;
	}
	.gb_tekst{
	width:408px;
	 
	}
	
.gb_item .gb_foto{
	float:left;
	width:120px;
	margin-bottom:20px;
	padding-right:20px;
	}

.btn_gastenboek{
	position:absolute;	
	right:500px;
	 
	top:42px;
	border:1px solid #666;
	border-right:none;
	
	background:#3f4041;
	color:#fff; 
	font-size:11px;
	text-transform:uppercase;
	display:block;
}
.btn_gastenboek a{ 
	padding:8px;
	display:block;
}

.btn_gastenboek a:hover{
	text-decoration:none;
	color:#fff;
}





/* FORM */

#form {
	margin: 23px 0px 0px 0px;
	width:240px;
	height:400px;
	display:block;
	border:0px;
}

#form input {
	border:#002c2d 1px solid;
	background:#002c2d;
	color:#ccc;
	font-size:13px;
	height:16px;
	padding:9px 4px 11px 15px;
	outline: medium none;
	width:240px;
	
	float:left;
}

#form textarea {
	border:#002c2d 1px solid;
	background:#002c2d;
	color:#ccc;
	font-size:13px;
	line-height:14px;
	height: 140px;
	outline: medium none;
	overflow: auto;
	padding: 9px 4px 11px 15px;
	width:240px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}

#form label {
	position:relative;
	display: block;
	min-height:45px;
}

#form label .message{
	position:relative;
	display: block;
	min-height:0px;
	width:240px;
	float:left;
}

#form .error, #form .empty {
	color: #82a3a4;
	display: none;
	font-size: 9px;
	line-height:10px;
	float:left;
}

#form .error-empty {
	margin: 2px 0 5px 5px !important;
	display:none;
	float:left;
	width:240px;
	font-size:9px;
}

#form .success {
	display:none;
	padding-bottom:6px;
	color:#fff;
	font-size:9px;
	line-height:12px;
	text-shadow:none;
}



.btns {
	position:relative;
	padding:0px;
	margin-right:10px;
	width:257px;
	height:34px;
}

.btns a {
	margin: 0px; 
	cursor:pointer;
	width:123px;
	display:block;
	float:left;
	margin-left:5px;
}

.btns a:hover {
	margin: 0px; 
	cursor:pointer; 
	color:#600;
	width:123px;
	display:block;
	float:left;
	margin-left:5px;
}

a.link { 
	color:#fff; 
	font-size:14px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#002c2d;
	-webkit-transition: all 0.4s ease; 
	text-transform:uppercase; 
	display:block;
    -moz-transition: all 0.4s ease; 
    -ms-transition: all 0.4s ease; 
    -o-transition: all 0.4s ease; 
    transition: all 0.4s ease;}
	
a.link:hover { 
	color:#fff;
	height:34px;
	line-height:34px;
	text-align:center;
	background-color:#001011;
	text-decoration:none; 
	-webkit-transition: all 0.4s ease; 
    -moz-transition: all 0.4s ease; 
    -ms-transition: all 0.4s ease; 
    -o-transition: all 0.4s ease; 
    transition: all 0.4s ease;}

/* FIN FORM */