*, html {margin:0;padding:0}
body { 
        font: 78%/1.5em normal Arial, Helvetica, Verdana, sans-serif;
        background: #fff url(../images/bg.png) repeat-x;
}

a:link, a:visited {
	color: #888;
	text-decoration: none;
	-webkit-transition-duration: 0.25s;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: ease-in;
}

a:hover, a.active {
   color: #444;
}

#tekst #content a:link, #tekst #content a:visited {
	color: #888;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
}

#tekst #content a:hover, #tekst #content a.active {
   color: #444;
   border-bottom: 1px dotted #fff;
}
	
a img {
	border: 0;
}

h2 {
	font-size: 1.9em;
	margin: 0 0 15px 0;
	font-weight: normal;
}

h3 {
	font-size: 1.7em;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

h6 {
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

:focus { outline-style:none; }
.clear { clear: both; }
/* @group Structure */

#branding {
	 text-align: left;
	 width: 400px;
	 float: left;
      }

#nav { 
     float: right;
     }	

#container {
       width: 880px;
       margin: 0;
       padding-left: 50px;
       }

#content {
	    text-align: left;
	    width: 880px;
	    clear: left;
	    float: left;
	}	
	
/* @end */		
	
/* @group Branding */

#branding {
	margin: 0 0 20px 0px;
	height: 214px;
	background: transparent url(../images/bg_branding.png) no-repeat 250px 50%;
	width: 880px;
	position: relative;
}     

#branding h1 {
	margin: 127px 0 0px 0px;
	width: 220px;
	height: 73px;
	display: relative;
	text-indent: -9999px;
}

#branding h1 a {
	display: block;
	width: 220px;
	height: 73px;
    background: transparent url(../images/logo.png) no-repeat top left;
    cursor: hand;
} 

#branding ul#languageSelect {
	float: left;
	list-style: none;
}   

#branding ul#languageSelect li {
	float: left;
	margin: 0 5px 0 0;
}

#branding ul#languageSelect li a {
	display: block;
	background: transparent url(../images/bg_lang.png) no-repeat left top;
	width: 24px;
	height: 30px;
	padding: 10px 0 0 7px;
	color: #fff; text-transform: uppercase; font-weight: bold;
}
#branding ul#languageSelect li.selected a, #branding ul#languageSelect li a:hover {
	background: transparent url(../images/bg_lang.png) no-repeat right top;
}

#branding ul.nav {
    clear: both;
	float: right;
	list-style: none;
	border-left: 1px dotted #5c5c5c;
	padding: 5px 0 0 20px;
	margin: 10px 0 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
}

#branding ul.nav li {
    text-indent: -9999px;
}

/* HOME */
#branding ul.nav li#home a {
	background: transparent url(../images/en_home.png) no-repeat;
	width: 59px;
	height: 24px;
	display: block;
}
.fr #branding ul.nav li#home a {
	background: transparent url(../images/fr_home.png) no-repeat;
	width: 67px;
	height: 24px;
	display: block;
}
#branding ul.nav li#home a:hover, #branding ul.nav li#home.selected a {
	background: transparent url(../images/en_home_hover.png) no-repeat;
}
.fr #branding ul.nav li#home a:hover, .fr #branding ul.nav li#home.selected a {
	background: transparent url(../images/fr_home_hover.png) no-repeat;
}

/* GALLERY */
#branding ul.nav li#gallery a {
	background: transparent url(../images/nl_gallery.png) no-repeat;
	width: 62px;
	height: 24px;
	display: block;
}
.en #branding ul.nav li#gallery a {
	background: transparent url(../images/en_gallery.png) no-repeat;
	width: 66px;
	height: 24px;
	display: block;
}
.fr #branding ul.nav li#gallery a {
	background: transparent url(../images/fr_gallery.png) no-repeat;
	width: 75px;
	height: 24px;
	display: block;
}
#branding ul.nav li#gallery a:hover, #branding ul.nav li#gallery.selected a {
	background: transparent url(../images/nl_gallery_hover.png) no-repeat;
}
.en #branding ul.nav li#gallery a:hover, .en #branding ul.nav li#gallery.selected a {
	background: transparent url(../images/en_gallery_hover.png) no-repeat;
}
.fr #branding ul.nav li#gallery a:hover, .fr #branding ul.nav li#gallery.selected a {
	background: transparent url(../images/fr_gallery_hover.png) no-repeat;
}


/* BLOG */
#branding ul.nav li#blog a {
	background: transparent url(../images/en_blog.png) no-repeat;
	width: 52px;
	height: 24px;
	display: block;
}
#branding ul.nav li#blog a:hover, #branding ul.nav li#blog.selected a {
	background: transparent url(../images/en_blog_hover.png) no-repeat;
}

/* WORKSHOPS */
#branding ul.nav li#workshops a {
	background: transparent url(../images/en_workshops.png) no-repeat;
	width: 94px;
	height: 24px;
	display: block;
}
#branding ul.nav li#workshops a:hover, #branding ul.nav li#workshops.selected a {
	background: transparent url(../images/en_workshops_hover.png) no-repeat;
}

/* CONTACT */
#branding ul.nav li#contact a {
	background: transparent url(../images/en_contact.png) no-repeat;
	width: 73px;
	height: 24px;
	display: block;
}
#branding ul.nav li#contact a:hover, #branding ul.nav li#contact.selected a {
	background: transparent url(../images/en_contact_hover.png) no-repeat;
}


/* ABOUT */
#branding ul.nav li#about a {
	background: transparent url(../images/nl_about.png) no-repeat;
	width: 77px;
	height: 24px;
	display: block;
}
.en #branding ul.nav li#about a {
	background: transparent url(../images/en_about.png) no-repeat;
	width: 61px;
	height: 24px;
	display: block;
}
.fr #branding ul.nav li#about a {
	background: transparent url(../images/fr_about.png) no-repeat;
	width: 105px;
	height: 24px;
	display: block;
}
#branding ul.nav li#about a:hover, #branding ul.nav li#about.selected a {
	background: transparent url(../images/nl_about_hover.png) no-repeat;
}
.en #branding ul.nav li#about a:hover, .en #branding ul.nav li#about.selected a {
	background: transparent url(../images/en_about_hover.png) no-repeat;
}
.fr #branding ul.nav li#about a:hover, .fr #branding ul.nav li#about.selected a {
	background: transparent url(../images/fr_about_hover.png) no-repeat;
}


/* REFERENTIES */
.nl #branding ul.nav li#referenties a {
	background: transparent url(../images/nl_references.png) no-repeat;
	width: 97px;
	height: 24px;
	display: block;
}
.en #branding ul.nav li#referenties a {
	background: transparent url(../images/en_references.png) no-repeat;
	width: 94px;
	height: 24px;
	display: block;
}
.fr #branding ul.nav li#referenties a {
	background: transparent url(../images/fr_references.png) no-repeat;
	width: 94px;
	height: 24px;
	display: block;
}

.nl #branding ul.nav li#referenties a:hover, .nl #branding ul.nav li#referenties.selected a {
	background: transparent url(../images/nl_references_hover.png) no-repeat;
}
.en #branding ul.nav li#referenties a:hover, .en #branding ul.nav li#referenties.selected a {
	background: transparent url(../images/en_references_hover.png) no-repeat;
}
.fr #branding ul.nav li#referenties a:hover, .fr #branding ul.nav li#referenties.selected a {
	background: transparent url(../images/fr_references_hover.png) no-repeat;
}


/* KLANTENLOGIN */
.nl #branding ul.nav li#klantenlogin a {
	background: transparent url(../images/nl_clientlogin.png) no-repeat;
	width: 108px;
	height: 24px;
	display: block;
}
.en #branding ul.nav li#klantenlogin a {
	background: transparent url(../images/en_clientlogin.png) no-repeat;
	width: 102px;
	height: 24px;
	display: block;
}
.fr #branding ul.nav li#klantenlogin a {
	background: transparent url(../images/fr_clientlogin.png) no-repeat;
	width: 111px;
	height: 24px;
	display: block;
}
.nl #branding ul.nav li#klantenlogin a:hover, .nl #branding ul.nav li#klantenlogin.selected a {
	background: transparent url(../images/nl_clientlogin_hover.png) no-repeat;
}
.en #branding ul.nav li#klantenlogin a:hover, .en #branding ul.nav li#klantenlogin.selected a {
	background: transparent url(../images/en_clientlogin_hover.png) no-repeat;
}
.fr #branding ul.nav li#klantenlogin a:hover, .fr #branding ul.nav li#klantenlogin.selected a {
	background: transparent url(../images/fr_clientlogin_hover.png) no-repeat;
}

         
/* @end */	         
  

/* @group Content */

#home #intro {
	clear: left;
	color: #6b6b6b;
	padding: 15px 0 15px;
	font-size: 14px;
	line-height: 1.5em;
}

#content { color: #6b6b6b; }

	#content p { margin: 0 0 1.5em; }

	#content #sub_content { width: 310px; float: left; padding: 20px 0; }
		#content #sub_content .googleMap { width: 280px; height: 220px; }
		#content #sub_content p { margin: 0 0 1.5em; line-height: 1.5em; }

	#content #content_main { float: right; width: 552px; background-color: #ffffff; line-height: 1.8em; /* border: 1px solid #e8e8e8; */ -moz-box-shadow: 0px 0px 20px #bbb; -webkit-box-shadow: 0px 0px 20px #bbb; }

		#content #content_main #foto { position: relative; text-align: center; }
		#content #content_main #foto table { border-collapse: collapse; position: relative; width: 550px; }
			#content #content_main #foto table tr td.pic { height: 550px; }
				#content #content_main #foto table tr td #main_image { vertical-align: middle; text-align: center; width: 550px; }
					#content #content_main #foto table tr td #main_image .caption { position: absolute; top: 550px; left: 0; display: block; width: 542px; height: 55px; padding: 0 5px; }
						#content #content_main #foto table tr td #main_image .caption a {border-bottom: 1px dotted #999;}
						#content #content_main #foto table tr td #main_image .caption a:hover { border-bottom: 1px solid #999; }

	#content #content_main img.foto{ vertical-align: middle; }
	
	#content #content_main .nav { position: absolute;	top: 515px; right: 225px; width: 100px; text-align: right; height: 25px; }
		#content #content_main .nav #foto_prev, 
		#content #content_main .nav #foto_next { height: 18px; width: 18px; text-indent: -9999px;}
		#content #content_main .nav #foto_prev { right: 28px; }
		#content #content_main .nav #foto_next { right: 5px; }

	#content #content_main .tekst { padding: 20px; }
	#content #content_main p { margin: 0 0 20px 0; }
	#content #content_main .tekst ul { margin: 0px 0px 10px 20px; }
 
 
	#container #content .klantenlogin { width: 100%; float: none; height: 750px; margin-bottom: 20px; }
/* @end */     


/* @group Forms */ 
#content #content_main form div {
	clear: both;
}
#content #content_main form label {
	display: block;
	float: left;
	width: 85px;
	padding: 4px 0;
}
#content #content_main form input, #tekst #content #content_main form textarea {
	border: none;
	background: #cecece;
	padding: 4px;
	margin: 3px 0;
	font-family: inherit;
	font-size: inherit;
	color: #333;
	border: 1px solid #6b6b6b;
}
#content #content_main form input {
	width: 200px;
}
#content #content_main form textarea {
	height: 150px;
	width: 350px;
}
#content #content_main form input.submit {
	height: 25px;
	width: 103px;
	margin-left: 85px;
}

/* @end */ 


/* @group Sub Content */ 

#content ul#categorien {
	float: left;
	width: 280px;
	list-style: none;
	font-size: 14px;
	margin: 0 20px 20px 0;
}

#content ul#categorien li {
	clear: left;
	cursor: pointer;
}

#content ul#categorien li a {
	padding: 5px;
	display: block;
	float: left;
	color: #6b6b6b;
	cursor: pointer;
	border-bottom: 1px dotted #c9c9c9;
}

#content ul#categorien li a img.thumb {
	border: 3px solid #212121;
	float: left;
	margin: 0 10px 0 0;
}

#content ul#categorien li a .pijl {
	float: right; width: 18px; height: 19px;
	background: transparent url(../images/pijl.png) no-repeat;
	margin: 15px 0 0 0; text-indent: -9999px;
}
#content ul#categorien li a.selected .pijl,
#content ul#categorien li a:hover .pijl { background: transparent url(../images/pijl_hover.png) no-repeat; }

#content ul#categorien li a span.categorie {
	display: block;
	width: 190px;
	float: left;
	height: 25px;
	padding: 20px 0 0 0;
}
		        
/* @end */						

/* @group Site Info */

#footer {
	clear: left;
}

#footer ul.contact {
	list-style: none;
	border-top: 1px dotted #5c5c5c;
	width: 300px;
	padding: 10px 0 10px 0;
	margin: 0 0 15px 0;
}

#footer ul.contact li {
	float: left;
	margin: 0 10px 0 0;
}

#footer a {
	color: #999;
	border-bottom: 1px dotted #999;
}
#footer a:hover {
	color: #6b6b6b;
	border-bottom: 1px dotted #fff;
}
        
/* @end */        

div.captcha {
    width: 90%;
    padding: 7px;
    border: 1px solid #CCC;
    background-color: #EEE;
    text-align: center;
    margin: 7px auto 12px auto;
}

#content #content_main form div.captcha label {
    float: none;
    width: 100%;
}

#content #content_main form div.captcha label, 
div.captcha img {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#content #content_main form div.captcha input {
    width: 125px;
    margin-bottom: 3px;
}