@import url(https://fonts.googleapis.com/css?family=Oswald);
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.last {
	background:none !important;
	border:none !important;
}
.pad_0 {
	padding:0 !important;
}
/* Global properties ======================================================== */
body, html, .extra, .main {
	height:100%;
	min-width:960px;
	min-height:820px;
}
#leftSide, #content {
	min-height:820px;
}
body {
	overflow:hidden;
	border:0;
	font:10px/18px "Trebuchet MS", Arial, sans-serif;
	color:#6c6c6c;
	text-transform:uppercase;
	background:url(../images/bg.png) 0 0 repeat;
}
/* Global Structure ============================================================= */
.extra {
	overflow:hidden;
	position:relative;
}
.main {
	position:relative;
	width:960px;
	height:100%;
	overflow:hidden;
}
.page_spinner {
	position:fixed;
	/*background: url(../images/main_spinner.gif) 50% 50% no-repeat #2c2824;*/
	background: url(../images/loader_100.png) 50% 50% no-repeat #2c2824;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.gall_spinner {
	position:fixed;
	width:40px;
	height:40px;
	bottom:0;
	right:0;
	background: url(../images/plane.png) repeat;
}
.gall_spinner span {
	display:block;
	width:100%;
	height: 100%;
	/*background:url(../images/gallLoader.gif) 50% 50% no-repeat*/
	background:url(../images/loader_100.png) 50% 50% no-repeat
}
.verba_multiprofessioneel_architectenbureau {
	display:none;
	position:fixed;
	background: url(../images/verba_multiprofessioneel_architectenbureau.png) 0 0 no-repeat;
	z-index:100;
	width:330px;
	height:80px;
	top:10px;
	right:10px;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */		
}



/* ============================= main layout ====================== */
a {
	color:#6c6c6c;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color:#fff;
}
h1 {
	padding:0;
}
h2 {
	font:25px/ 20px "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	padding-bottom:38px;
	color:#fff;
}
h3 {
	font-size:12px;
	color:#fff;
	font-weight:normal;
}
h5 {
	font:25px/ 20px "Trebuchet MS", Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	padding-bottom:18px;
}
p {
	padding-bottom:18px;
}
/* ============================= leftSide ====================== */
#leftSide {
	position:relative;
	overflow:visible !important;
	float:left;
	width:300px;
	height:100%;
	background:url(../images/menu_plane.png) 0 0 repeat-y;
	z-index:5;
}
#logo {
	position:relative;
	display:block;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:136px;
	height:272px;
	background:url(../images/logo_verba.png) 0 0 no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */	
}

#tipMenu{
	position:relative;
	display:block;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:136px;
	height:80px;
	background:url(../images/tipMenu.png) 0 0 no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */	
}
/* ============================= menu ====================== */
#menu {
	position:relative;
	text-align:center;
	padding-top:160px;
	height:235px;
}
#menu > li {
	display:block;
	padding-top:2px;
}
#menu > li a {
	display:inline-block;
	font:15px/15px "Trebuchet MS", Arial, sans-serif;
	color:#686563;
	font-weight:bold;
	text-decoration:none;
}
#menu .submenu li a {
	color:#686563;
}
#menu .submenu li a:hover {
	color:#fff;
}
.submenu {
	padding:12px 0 7px;
}
.submenu li {
	padding:0 2px;
	display:inline-block;
}
/* ============================= gallery ====================== */
#gallery{
	min-height:820px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:300px;
	width:304px;
	height:100%;
}
#gallery > a{
	position:absolute;
	width:20px;
	height:100%;
	background:url(../images/gall_arr.png) 0 50% no-repeat;
}
#gallery > div{
	min-height:820px;
	position:absolute;
	padding: 0 32px;
	width:240px;
	height:100%;
	background:url(../images/slider_bg.png) 0 0 repeat-y;
}
#gallery ul{
	position:relative;
}
#gallery li{
	position:relative;
	display:block;
	padding:1px 0;
}
#gallery li > a > span{
	position:absolute;
	top:1px;
	width:240px;
	height:147px;
	background:url(../images/thumb_hover.png) 0 0 no-repeat;
}
/* ============================= content ====================== */
.contWrapper{
	min-height:820px;	
	overflow:hidden;
	float:left;
	width:660px;
	height:100%;
}
#content {
	position:relative;
	display:block;
	width:660px;
	height:100%;
	background:url(../images/page_plane.png) 0 0 repeat;
}
#content > ul {
	position:relative;
	display:block;
	width:660px;
	height:820px;
}
#content > ul > li {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.contPad{
	padding:0 20px;
}
.imgPad{
	padding-bottom:0px;
}
.imgIndent{
	float:left;
	padding-right:18px;
}
.imgBureau {
	float:left;
	padding-right:0px;
	padding-bottom:10px;
}
.botLine{
	padding-bottom:43px;
	margin-bottom:50px;
	border-bottom:1px solid #303030;
}
.botLine2{
	padding-bottom:23px;
	margin-bottom:25px;
	border-bottom:1px solid #303030;
}
.padBot1{
	padding-bottom:18px
}
.more{
	display:inline-block;
	margin-top:10px;
	color:#fff;
	text-decoration:none;
	-webkit-transition:color 0.4s ease;
	-moz-transition:color 0.4s ease;
	-o-transition:color 0.4s ease;
	transition:color 0.4s ease;
}
.more:hover{
	color:#6c6c6c;
}

.back{
	display:inline-block;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	-webkit-transition:color 0.4s ease;
	-moz-transition:color 0.4s ease;
	-o-transition:color 0.4s ease;
	transition:color 0.4s ease;
}
.back:hover{
	color:#6c6c6c;
}

.google_map{
	float:left;
	margin-right:18px;
    width: 345px;
    height: 308px;
	border:10px solid #262626;
    background: #262626;
}
.addressGroup{
	overflow:hidden;
	height:336px;
}
.address {
	float:left;
	width:180px;
	padding-bottom:18px;
}
.address > span{
	display:block;
	padding-bottom:18px;
	width:145px;
	font-size:12px;
	color:#fff;
}
.mailLink{
	color:#fff;
	text-decoration:none;
}
.mailLink:hover{
	text-decoration:underline;
}
/* ============================= lists ====================== */
.list1{
	padding-bottom:8px;
}
.list1 li{
	overflow:hidden;
	width:100%;
	padding-bottom:20px;
}
.list1 li > img{
	float:left;
	padding-right:0px;
}
.list1 li > div{
	padding-top:10px;
	overflow:hidden;
	float:left;
}
.list1 li > div a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.list1 li > div a:hover{
	text-decoration:underline;
}
.list2 {
	margin-top:-7px;
}
.list2 li{
	width:100%;
	border-bottom:1px solid #1c1c1c;
}
.list2 li a{
	display:inline-block;
	padding:3px 0;
	text-decoration:none;
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
.list2 li a:hover{
	color:#fff;
}
.list3 li{
	width:100%;
}
.list3 a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.list3 a:hover{
	text-decoration:underline;
}
.list4 li{
	overflow:hidden;
	width:100%;
	padding-bottom:21px;
}
.list4 li > img{
	float:left;
	padding-right:20px;
}
.list4 li > div{
	overflow:hidden;
	float:left;
	width:290px;
}
.list4 li > div h3{
	margin-top:-3px;
	padding-bottom:18px
}
.list5{
	overflow:hidden;
}
.list5 li{
	position:relative;
	float:left;
	padding-right:20px;
}
.list5 li span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/page4_hover.png) 0 0 no-repeat;
}

/* Nieuws: list6  */

.list6 li{
	overflow:hidden;
	width:100%;
	padding-bottom:21px;
	border-bottom:1px solid #1c1c1c;
}
.list6 li > img{
	float:left;
}
.list6 li > div{
	overflow:hidden;
	float:left;
}
.list6 li > div h3{
	margin-top:-3px;
	padding-bottom:18px
}

/* Downloads: list7  */

.list7 li{
	overflow:hidden;
	width:100%;
	padding-bottom:4px;
	border-bottom:1px solid #1c1c1c;
}
.list7 li > img{
	float:left;
}
.list7 li > div{
	overflow:hidden;
	float:left;
}
.list7 li > div h3{
	margin-top:-3px;
	padding-bottom:2px
}


.slideList h2{
	padding-bottom:8px;
}
.slideList ul{
	overflow:hidden;
	padding-bottom:15px;
}
.slideList p{
	padding-bottom:0;
}
.slideList .more{
	margin:0;
}
.slideList li{
	float:left;
	padding-right:25px;
	height:12px;
	text-indent:18px;
	line-height:12px;
}
.icon1{
	background:url(../images/blog_icon1.png) 0 0 no-repeat;
}
.icon2{
	background:url(../images/blog_icon2.png) 0 0 no-repeat;
}
.icon3{
	background:url(../images/blog_icon3.png) 0 0 no-repeat;
}
/* ============================= gallery ====================== */
.gallery, .slideList{
	overflow:visible !important;
	margin-bottom:32px;
}
.slideList{
	margin-bottom:26px;
}
.gallery_prev, .gallery_next, .pagination > a, .slideList_prev, .slideList_next, .slideList_pagination > a {
	display:inline-block;
	text-decoration:none;
	color:#fff;
	-webkit-transition:color 0.4s ease;
	-moz-transition:color 0.4s ease;
	-o-transition:color 0.4s ease;
	transition:color 0.4s ease;
}
.gallery_prev{
	position:absolute;
	left:0;
	top:0;
}
.gallery_next {
	position:absolute;
	right:0;
	top:0;	
}
.pagination{
	display:block;
	text-align:center;
}
.slideList_prev, .slideList_next, .slideList_pagination{
	float:left;
}
.slideList_pagination{
	padding:0 15px;
}
.pagination > a, .slideList_pagination > a{
	margin:0 5px;
	color:#6c6c6c;
}
.pagination > a:hover,  .pagination > .active ,.slideList_pagination > a:hover, .slideList_pagination > .active{
	color:#fff;
}
.gallery_prev:hover, .gallery_next:hover, .slideList_prev:hover, .slideList_next:hover {
	color:#6c6c6c;
}
/* ============================= footer ====================== */
footer{
	text-align:center;
	line-height:22px;
	color:#4b4949;
}
footer a{
	text-decoration:none;
	color:#4b4949;
	font:15px/15px "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
}
/* ============================= forms ============================= */
#form1 input {
	margin:0;
	border:1px solid #a7a7a7;
	background-color:#fff;
	padding:15px 0 15px 16px;
	width:282px;
	box-shadow:none;
}
#form1 textarea {
	resize: none;
	margin:0;
	border:1px solid #a7a7a7;
	background-color:#fff;
	padding:13px 0 5px 16px;
	width:282px;
	height:167px;
	overflow:auto;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:70px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:10px;
	color:#696969;
	text-transform:none;
}
.btns{
	float:right;
}
.btns a{
	margin:18px 0 0 13px;
}
/* Form defaults */
input, select, textarea {
	font:10px/15px "Trebuchet MS", Arial, sans-serif;
	color:#696969;
	text-transform:uppercase;
}

/* Verba */

#textList{

padding: 0;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 5px;
margin-top: 5px;
text-align:justify;
}

#textList li{
list-style: square;
display: list-item;
margin-left: 0px;
margin-bottom: 5px;
}

#textList li a{
}

#textList li a:link, #textList li a:visited{
	COLOR: #333333; 
	TEXT-DECORATION: none;
	font-weight:bold;
}

#textList li a:hover{
	COLOR: #333333; 
	TEXT-DECORATION: underline;
}

#textList li a.current{
} 

.bg_alpha80 {
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.8 opacity */
background: rgba(0, 0, 0, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#slider {

	/* You MUST specify the width and height */
	width:213px;
	height:327px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery_bureau{
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery_bureau li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500;
	
	/* width should be lesser than #slider width */
	width:0px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}


.mosaic-block a{ text-decoration:none; }
.details{ }	
.details h4{ line-height:160%; letter-spacing:0.15em; color:#fff;  }
.details p{  color:#aaa; }
.details a {
	color:#6c6c6c;
	text-decoration: underline;
	outline:none;
}
.details a:hover {
	color:#fff;
}