/* - DOCUMENT INFORMATION
------------------------------------------------- 
	Website Name: 
	Description: 
	Website link:
	Version: 1.0

*/


/* - CONTENTS
-------------------------------------------------
    - CSS Reset ............................ 1.0
    - Font-Face ............................ 2.0
    - Globaal .............................. 3.0
    	- Structuur ........................ 3.1
    	- Tekst ............................ 3.2
    	- Menu ............................. 3.3   
    	- Footer ........................... 3.4 
    - Contact .............................. 0.0            
*/


/* - 1.0 - CSS RESET
---------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul{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;}

#aside img {
	width: 100%;	
}

/* - 2.0 - FONT-FACE
---------------------------------------------- */


/* - 3.0 - GLOBAAL
---------------------------------------------- */

	
	/* - 3.1 - STRUCTUUR
	------------------------------------------ */
	
	body {
		background-color: #fff;	
		font: 12px/14px Georgia,Times New Roman,serif;
		font-size:13px;
	}

	html,body {
		height:100%;
		width:100%;
	}
	
	/* - 3.2 - Tekst
	------------------------------------------ */

	h1 {
	}

	h2 { 
		font-family: 'celestecapsregular';
		font-weight:bold;
		margin-bottom:10px;
		font-size: 15px;
		color:#8e744a;
		text-transform:uppercase;
	}

	p, ul {
		margin: 0px 0px 15px 0px;
	}

	a	{text-decoration: none;}

	.left {float: left;}
	.right {float: right;}
	.center {text-align: center;}

	
	/* - 3.3 - HEADER
	------------------------------------------ */

	#header {
		margin:0 auto;
		width: 100%; width: 870px;
	}

		#logo-bar {
			margin: 25px auto;
			width:100%; height:103px;
			text-align:center;
		}

	#nav {
		width: 100%; height:60px;
		background-color:#e2dbd0;
		overflow:hidden;
	}
	
	#nav ul {
		margin: 0 auto;
		width: 870px; height:60px;
	}
	
	#nav ul li {
		float:left;	
		font-size: 13px;
		color: #1a171b;
		text-transform:uppercase;
		font-family: 'celestecapsregular';
		font-weight:bold;
	}

	#nav ul li.active a {
		background-color: #ac997a;
	}

	#nav ul li a{
		padding:23px 22px 23px 22px;
		float:left;
		color: #1a171b;
	}

	/* - 3.4 - CONTENT
	------------------------------------------ */
	
	#content_container {
		margin:0 auto;
		width: 870px; 
	}	

	#aside {
		width: 250px;
		float: left;
	}	
	
	#aside img {margin-bottom:15px;}

	#right_content {
		margin-top: 20px;
		margin-right:150px;
		width: 400px; 
		float: right;
	}	

	#home_content {
		width:100%;  height: 305px;
		float:left;
		text-align:center;
		background:url(../images/placeholders/home_img.jpg) repeat-x left top;
	}

	#content_full {
		margin:0 auto;
		width: 870px; 
	}	
	
	.gal_titel {
		width:100%; 
		text-align:center; 
		margin:10px 0;
		font-size: 14px;
		text-transform:uppercase;
	}


	.contact ul {float:left;}

	/*.contact ul li {position:relative;}*/

	.contact ul li label{
		margin-top:4px;
		margin-bottom: 10px;
		float:left;
		width:130px;
	}

	.contact ul li input, .contact ul li textarea{
		margin-bottom: 10px;
		float:left;
		width:230px; height:18px;
		border: 1px solid #000;
	}

	.contact ul li textarea{
		margin-bottom: 10px;
		float:left;
		width:230px; height:100px;
		resize:none;
		border: 1px solid #000;
	}
	
	.contact ul li button {
		margin-left:130px;
		background-color:#fff;
		border: 1px solid #000;
	}
	
	#footer {
		margin-top:30px;
		width:100%;	
		float:left;
		border-top: 2px solid #e8e3db;
	}
	
	#footer .copy {
		padding-top:20px;
		margin: 0 auto;
		width:870px;
	}
	
	#footer .copy p {
		margin-left: 265px;
		text-transform:uppercase;
		font-size: 13px;
		float:left;
	}
	
	#footer .copy ul#lang {float:left;}
	#footer .copy ul#lang li{float:left; padding: 0 5px; border-right: 1px solid #9d9d9d;}
	#footer .copy ul#lang li.last{border:0;}
	
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  background-color: #008cba;
  border-color: #0079a1;
  color: white; }
  .alert-box .close {
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    right: 0.25rem;
    color: #333333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  .alert-box.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #43ac6a;
    border-color: #3c9a5f;
    color: white; }
  .alert-box.alert {
    background-color: #f04124;
    border-color: #ea2f10;
    color: white; }
  .alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #dadada;
    color: #4e4e4e; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #ea7d10;
    color: white; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #8bc9e3;
    color: #4e4e4e; }
	
	div.gallery-slider {
		width: 100%;
		position: relative;	
	}
	img.gallery-image {
		position: absolute;
		top: 0; left: 0;
		min-width: 100%;	
		display: none;
		z-index: 8999;
	}
	div.gallery-slider img.active, div.gallery-caption.active {
		display: block;	
	}
	div.gallery-caption {
		width: 100%;
		text-align: center;
		display: none;	
	}
	div.clear { clear: both; }
	a.next-slide { position: absolute; top: 350px; right: 0; z-index: 9999; width: 28px; height: 22px; background: url(../images/slider/arrows.png) right center no-repeat; }
	a.prev-slide { position: absolute; top: 350px; left: 0; z-index: 9999; width: 28px; height: 22px; background: url(../images/slider/arrows.png) left center no-repeat; }
