@import url('https://fonts.googleapis.com/css?family=Special+Elite');

* {
  margin: 0;
  padding: 0;
}

header, footer, aside, nav, article {  
    display: block;  
} 

.clear {
  width: 100%; 
  height: 0; 
  clear: both;
  font-size: 0;
}
a img {
  border: 0px #ffffff none;
}
img {
	max-width: 100%;
}

html {
  background-color: #dfb882;
  
  
}

#pbg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

body {	
  /*font-family: "Gill Sans", "Gill Sans MT", "Calibri", "Cabin", sans-serif;*/
  font-family: 'Special Elite', cursive;
  font-size: 16px;
  font-weight: 200;
  line-height: 26px;
  color: #323232;
  text-align: center;
  letter-spacing: 0.15em;
  
}



#container {
  position: relative;
  margin: 0px auto;
  width: 1060px;
  text-align: left;
  z-index: 100;
}

#head {
	width: 240px;
	text-align: left;
	margin-left: 15px;
	padding-bottom: 30px;
}

#col_left {
	float: left;
	width: 270px;
}
#cols_right {
	float: right;
	width: 790px;
	margin-top: 30px;
}
#col_center {
	float: left;
	width: 790px;
}

#col_right {
	float: right;
	width: 180px;
}

@media all and (max-width: 960px) {
	#container {
		width: 100%;
	}
	#col_left {
		float: left;
		width: 50%;
	}
	#cols_right {
		float: right;
		width: 50%;
	}
	#col_center {
		float: left;
		width: 100%;
	}

	#col_right {
		float: right;
		width: 100%;
	}	
}
@media all and (max-width: 600px) {
	#container {
		width: 100%;
	}
	#col_left {
		float: left;
		width: 100%;
	}
	#cols_right {
		float: left;
		width: 100%;
	}
	#col_center {
		float: left;
		width: 100%;
	}

	#col_right {
		float: left;
		width: 100%;
	}	
}

.block {
	margin: 0px 15px 30px 15px;
	
	/*background: transparent url(images/content-bg.png) repeat top left;*/
}
.block.grey {
	/*background: transparent url(images/content-bg-grey.png) repeat top left;
	color: #ffffff;*/
}
.block.blue {
	/*background: transparent url(images/content-bg-blue.png) repeat top left;
	color: #575656;*/
}
.content {
	padding: 15px 0px;	
}

nav {
	margin: 0px 15px 25px 15px;
	
}
nav ul {
	display: block;
	list-style-type: none;
}
nav ul li a {
	/*background: transparent url(images/content-bg-blue.png) repeat top left;*/
	background-color: #000000;
	display: inline-block;
	/*width: 92%;*/
	padding: 0px 4%;
	line-height: 40px;
	color: #e1e1e1;
	text-decoration: none;
	margin-bottom: 5px;
	text-transform: uppercase;
	
	text-shadow: 1px 1px 1px #A6A6A6;
	letter-spacing: 0.3em;
	
	
	-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
	        -ms-transition: all 500ms ease-in-out;
	        -o-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
	
}
nav ul li a:hover {
	background: transparent url(images/content-bg-grey.png) repeat top left;
	color: #ffffff;
	-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
	        -ms-transition: all 500ms ease-in-out;
	        -o-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
}

.block.contact ul {
	margin-left: 1em;
	list-style: none;
}
.block.contact li {
	padding-left: 1em;
	text-indent: -1em;
}
.block.contact li:before {
	content: "- ";
}


h1 {
	text-transform: none;
	font-weight: 200;
	font-size: 16px;
	line-height: 26px;
	padding: 30px 0px 30px 0px;
	background: url(images/line.png) repeat-x -6px top, url(images/line.png) repeat-x -6px bottom;
}
h2 {
	background-color: #000000;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	text-transform: uppercase;	
	text-shadow: 1px 1px 1px #A6A6A6;
	letter-spacing: 0.3em;
	color: #e1e1e1;
	padding: 0px 6px;
	margin-bottom: 1em;
}
h3 {
	
	text-transform: uppercase;
	font-weight: 200;
	font-size: 16px;
	line-height: 36px;
	padding: 0px;
	letter-spacing: 0.5px;
	padding: 0px 0px 9px 0px;
}
.block.grey h3 {
	/*color: #7faec9;*/
}
h4 {
	/*background-color: #000000;*/
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	text-transform: uppercase;	
	/*text-shadow: 1px 1px 1px #A6A6A6;*/
	letter-spacing: 0.3em;
	color: #262626;
	/*padding: 0px 4px;*/
}
h4:after {
	content: "......";
}
p {
	padding: 0px 0px 18px 0px;
}
.intro {
	/*font-size: 18px;*/
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	text-transform: uppercase;
	width: 100%;
}

.price-list h2 {
	margin-top: 18px;
}
.price-list h2:first-child {
	margin-top: 0px;
}
.price-list td {
	padding: 4px 0px;
	vertical-align: top;
}
.price-list td:last-child {
	padding-left: 20px;
	text-align: right;
	white-space: nowrap;
}
.price-list td:nth-child(2) {
	padding-left: 20px;
	white-space: nowrap;
}
.price-list table {
	margin-bottom: 18px;
	text-transform: none;
}


/* FORMULIER */

label {
	display:block;
}

input {
	margin-bottom: 18px;
	padding: 5px 10px;
	width: 150px;
}

input:focus {
		  	border: 2px #b2ccdb solid;
		  	-webkit-transition: all 0.5s ease-in-out;
		  	-moz-transition: all 0.5s ease-in-out;
		  	-o-transition: all 0.5s ease-in-out;
		  	-ms-transition: all 0.5s ease-in-out;
		  	transition: all 0.5s ease-in-out;
}
		  input.submit {
			  
			display: block;
			  
		  	margin-top: 15px;
			
		  	padding: 5px 10px;
		  	background: #b2ccdb;
		  	color: #575656;
		  	border: 1px #ffffff solid;

		  	-webkit-transition: all 0.5s ease-in-out;
		  	-moz-transition: all 0.5s ease-in-out;
		  	-o-transition: all 0.5s ease-in-out;
		  	-ms-transition: all 0.5s ease-in-out;
		  	transition: all 0.5s ease-in-out;

		  	-webkit-border-radius: 4px;
		  	-moz-border-radius: 4px;
		  	border-radius: 4px;

		  	cursor: pointer;
			font-weight: normal;
		  }
		  .submit:hover {
		  	background: #e7870a;
		  	-webkit-transition: all 0.5s ease-in-out;
		  	-moz-transition: all 0.5s ease-in-out;
		  	-o-transition: all 0.5s ease-in-out;
		  	-ms-transition: all 0.5s ease-in-out;
		  	transition: all 0.5s ease-in-out;
		  }
		  FIELDSET {
		  	border: 0px #FFFFFF none;
		  }