/* ====================== CSS DOCUMENT ===================== */
@charset "utf-8";

/* =================== ALGEMENE SETTINGS =================== */

*{margin:0; padding:0}
body{background:url(../images/bgvast.gif) no-repeat left top;}
.alignleft{float:left;}
.alignright{float:right;}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}

/* ===================== LETTERSTIJLEN ===================== */

p, p1, p2, p3, h, h2{font-family:Verdana; line-height:18px;}
p, p1				{font-size:12px;}
p					{font-style:italic;}
p2	 				{color:#FFF; font-size:14px; text-align:justify}
p3					{color:#FFF; font-size:14px;}
h					{font-weight:bold; line-height:20px; font-size:15px; color:#FFF;}
h2					{font-size:18px; color:#000;}
a:link, a:visited	{text-decoration:none}

.rood{
	font-size:22px;
	color:#96141B;
	font:Times New Roman;
}

/* ========================= WRAPPERS ========================= */

.wrapper{
	width:940px; 
	margin:0 auto;
	}
#body_container{
	float:left; 
	background:#FFF; 
	width:940px; 
	padding:4px 0 4px 0;
	border-top:4px solid;
	border-top-color:#96141B;
	}

/* ========================= HEADER ========================= */
header{
	float:left; 
	width:100%; 
	min-width:940px; 
	padding:35px 0 0 0;
}
.logo{
	float:left; 
	width:402px;
	height:103px;
	background-image:url(../images/logoklein.gif);
}
.recensie{
	float:right; 
	width:475px; 
	padding:17px 30px 0 0;
}
.nav{
	float:right; 
	padding:35px 0 5px 0;
	width:529px;
}

/* =================== NAVIGATIE UITERLIJK =================== */

ul{
	list-style-type:none
}

.nav ul li{
	float:right; 
	list-style-type:none
}
	
.nav ul li a{
	padding:9px 18px; 
	font-size:20px; color:#96141B; text-decoration:none; 
	font-family:"Times New Roman";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.nav ul li a:hover{
	background-color:#96141B; background-repeat:repeat-x;
	color:#FFF
}

.nav ul li.current a{
	background-image:url(../images/bgmenu.gif); background-repeat:repeat;
	color:#FFF;
}

/* ======================= CONTAINERS ======================= */

.leftcontainer{
	float:left;
	padding:0px;
	background-color:#717171;
	width:402px;
	height:494px;
}
.leftcontainercontent{
	float:left;
	height:130px;
	width:353px;
	margin:12px 0 0 18px;
}
.uppercontainer{
	float:right;
	padding:0px;
	margin:0 0 0 4px;
	background-color:#717171;
	width:534px;
	height:249px;
}
.uppercontainercontent{
	float:left;
	width:505px;
	height:230px;
	margin:12px 0 0 15px;
}
.lowercontainer{
	float:right;
	padding:0px;
	margin:4px 0 0 4px;
	background-color:#717171;
	width:534px;
	height:241px;
}
.lowercontainercontent{
	float:right;
	width:248px;
	height:212px;
	margin:16px 25px 0 0;
	text-align:justify;
}
.rightcontainer{
	float:right;
	width:534px;
	height:486px;
	padding:0px;
}
.rightcontainercontent{
	float:right;
	width:466px;
	height:418px;
	margin:34px;
}

/* ========================= FOOTER ========================= */

.fleftcontainer{
	float:left;
	padding:8px 0 0 18px;
	background-color:#FFF;
	width:381px;
	height:67px;
}

.fcentercontainer{
	float:left;
	padding:8px 0 0 0;
	margin:0 0 0 4px;
	background-color:#FFF;
	width:159px;
	height:67px;
}

.frightcontainer{
	float:right;
	padding:0px;
	background-color:#FFF;
	width:282px;
	height:67px;
}

/* ================ SLIDESHOW INSTELLINGEN ================= */

#slideshow {
	position:relative;
	height:249px;
	width:534px;
}

#slideshow .slide {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow div.active {
	z-index:10;
	opacity:1.0;
}

#slideshow div.last-active {
	z-index:9;
}

/* ================== PHOTOWALL INSTELLINGEN =============== */
.photowall { 
	float:left;
	width:940px;
	height:100%;
	background-color:#717171;
}
.pw-slide {
	float:left;
	margin:0px 0px 12px 12px;
	cursor:pointer;
}
.pw-slide .pw-image {
	max-height:150px;
}
.pw-slide .pw-image-desc {
	display:none;
}
.pw-image-desc {
	width:250px;
	text-align:justify;
}
.pw-previewer {
	position:relative;
	float:left;
	width:940px;
	margin:0px;
	padding:25px 0px;
	color:#EEE;
	background:#96141B;
}
.pw-previewer.hide {
	display:none;
}
.pw-previewer .pw-previewer-close {
	position:absolute;
	right:20px;
	top:5px;
	font-size:40px;
	font-family:Verdana, Arial, sans-serif;
	color:#FFF;
}
.pw-previewer .pw-previewer-close:hover {
	cursor:pointer;
	color:#000;
}
.pw-previewer .pw-image {
	float:right;
}
.pw-previewer > div {
	float:left;
	max-width:600px;
	margin:0 0 0 30px;
}
.photowalltitle {
	float:left;
	width:800px;
	margin:10px 0 12px 12px;
}

/* ================ CONTACT FORMULIER =================== */
.detail {
	width:260px;
	font-family:Verdana;
	margin-top:2px;
	display:block;
}
.bdetail {
	width:340px;
	max-width:350px;
	overflow:auto;
	height:170px;
	font-family:Verdana;
	margin-top:2px;
	display:block;
}
.submit {
	background-color:#FFF;
	color:#FFF
	font-size:14px;
	font-family:Verdana;
	font-weight:bold;
	border:1px solid #000;
	width:300px;
}
input, textarea {
	font-size:14px; color:#96141B;
	background-color:#FFF;
	padding:2px 6px;
	border:1px solid #000;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
input:focus, textarea:focus {
		-webkit-box-shadow:0 0 6px #ccc;
		-moz-box-shadow:0 0 6px #ccc;
		box-shadow:0 0 6px #ccc;
			
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		transform: scale(1.03);
}
span.error{
	color:#000;
	display:block;
	font-family:Verdana;
	font-size:12px;
	background-image:url(../images/x.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
}
iframe{
	float:right;
	padding:0px;
	margin:0 0 4px 4px;
	background-color:#717171;
	width:534px;
	height:241px;
}