/* =EMBEDDED FONTS ****************************************************/
@font-face {
	font-family: 'LavosHandyRegular';
	src: url('/fonts/lavoshandy/lavoshandy_99-webfont.eot');
	src: local('☺'), url('/fonts/lavoshandy/lavoshandy_99-webfont.woff') format('woff'), url('/fonts/lavoshandy/lavoshandy_99-webfont.ttf') format('truetype'), url('/fonts/lavoshandy/lavoshandy_99-webfont.svg#webfonthVwgxBIB') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =BODY & FONTS ****************************************************/
html { height: 100%; background:url(/img/background.jpg) }
body { height: 100%; font-family: helvetica neue, helvetica, arial, sans-serif; color: #2d2017; padding: 0; margin: 0; background: url(/img/header-background.jpg) no-repeat center top; width: 100%; }
#small { background: url(/img/header-background-smaller.jpg) no-repeat center top; }
#small .column { padding-top: 30px !important; }
p { font-size: 13px; line-height: 17px; margin-bottom: 15px; }
h1, h2, h3, .h3 { color: #b93112; font-size: 25px; margin-bottom: 15px; text-shadow: 1px 1px 2px #000; font-weight: bold;  }
h2 { font-size: 22px; }
h3 { font-size: 18px; text-shadow: 1px 1px 1px #000; }
.h1 { font-size: 25px; }
a { color: #b93112; border-bottom: 1px dotted #b93112; text-decoration: none; }
a:hover { color: #9c290e; border-bottom: 1px solid #9c290e; }
.introduction { font-weight: bold; font-size: 15px; line-height: 22px; margin-bottom: 15px; text-shadow: 1px 1px 1px #d8cab4; }
.introduction a { font-size: 15px !important; }
strong { font-weight: bold; }
em { font-style: italic; }
hr { clear: both; width: 940px; height: 0px; border: 1px solid #c0a68e; border-bottom: 1px solid #cfbba9; }
#content ul { list-style: none outside none; margin-left:1em; padding-left:0; font-size: 13px; line-height: 17px; margin: 3px 0 0px 1em;  }
#content ul li { list-style: disc outside none; margin-bottom: 5px; }
#content ol { list-style-type: decimal; margin-left: 1em; padding-left: 0; font-size: 13px; line-height: 17px; margin: 0 0 0px 1em; }
#content ol li { list-style-type: decimal; margin: 0 0 5px 5px; }
.button, .portfolio-filter { text-align: center; cursor: pointer; color:#2D2017; width: 160px; height: 40px; background: url(/img/button.png); line-height: 40px; background-color: transparent; border: none; font-size: 18px; text-shadow: 1px 1px 0px #fff; display: block; }
.button:active, .portfolio-filter:active { background-position: 0 -40px; }
.button:hover { color: #b93112 !important; text-decoration: none; border: none;  }
table, table tr, table td, td { margin: 0px; padding: 0px; vertical-align: top; }
td p, td strong { margin: 0px; padding: 0px; }

/* =MAIN ************************************************************/
#header { width: 984px; height: 338px; margin: 0 auto; }
#header-smaller { width: 954px; height: 195px; margin: 0 auto; padding: 0 15px; }
#logo { position: absolute; margin: 20px 0 0 15px; display: block; width: 180px; height: 200px; border: none; }
#header-smaller #logo { width: 140px; height: 160px; }
#content { width: 984px; margin: 0 auto; }
.row { width: 984px; clear: both;  }
.column { float: left; padding: 15px 15px 15px 15px; }
.gr-large { width: 578px; }
.gr-small { width: 346px; }
.quarter { width: 216px; }
.third { width: 298px; }
.left { width: 619px; }
.right { width: 305px; }
.half { width: 447px; }

/* =FOOTER **********************************************************/
#footer { position: absolute; overflow: hidden; margin-top: -45px; width: 100%; height: 45px; background: url(/img/footer-background.gif) repeat-x; clear: both; }
#footer-bottom { font-size: 13px; width: 100%; height: 45px; background: url(/img/footer-bottom-background.jpg) repeat-x; clear: both; }
#footer-bottom #try-me { position: absolute; margin: -120px 0 0 -200px; left: 50%; width: 400px; height: 100px; background: url(/img/probeer-mij.gif) center top no-repeat; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -45px; }
.push { height: 150px; clear: both; }
.footer-center { width: 984px; margin: 0 auto; }
#footer-dragger { cursor: row-resize; position: absolute; margin: 14px 0 0 474px; border: none; display: block; width: 37px; height: 14px; background: url(/img/footer-dragger.jpg); }
#footer-paper { position: absolute; width: 220px; height: 155px; padding: 45px 0 0 20px; background: url(/img/footer-paper.png); margin-left: -7px; }
#footer-paper p { color: #b93112; }
#footer-contact { float: left; width: 216px; padding: 45px 15px 15px 15px; margin-left: 246px; }
#footer-contact a, #footer-contact p, #footer-contact h2 { color: #fff; }
#footer-contact a { border-bottom: 1px dotted #fff; }
#footer-testimonial { float: left; padding: 45px 15px 15px 15px; width: 450px; }
.bottom { padding: 15px; width: 954px; }
#social-media { position: absolute; height: 61px; width: 480px; margin: -44px 0 0 489px; }
#social-media #marker { margin: 25px 10px 0 0; }
#social-media a, #social-media img { border: none; float: right; }
#footer-testimonial a { border: none; text-decoration: none; }

/* =MENU ************************************************************/
#menu { float: right; background: url(/img/menu-active.gif) no-repeat -130px 0px; }
#menu li { float: left; }
#menu li a { display: block; border-bottom: none; text-align: center; font-size: 28px; text-decoration: none; color: #fff; min-width: 96px; height: 44px; padding: 15px 15px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
#menu li .active { color: #b93112; }

/* =SLIDESHOW *******************************************************/
#slideshow { width: 578px; height: 362px; background: url(/img/slideshow-background.gif) no-repeat; }
#slideshow .label { position: absolute; width: 95px; height: 95px; margin: 10px 0 0 3px; background: url(/img/slideshow-label.png); z-index: 4; }
#slideshow .corner { position: absolute; background: url(/img/slideshow-corner.png); width: 8px; height: 8px; z-index: 2; }
#slideshow .tl { margin: 23px 0 0 18px; }
#slideshow .tr { margin: 23px 0 0 550px; background-position: -8px 0px; }
#slideshow .bl { margin: 313px 0 0 18px; background-position: 0px -8px; }
#slideshow .br { margin: 313px 0 0 550px; background-position: -8px -8px; }
#slideshow .frame { cursor:pointer; position: absolute; width: 540px; height: 298px; margin: 23px 0px 0px 18px; overflow: hidden; z-index: 1; }
#slideshow .caption { position:absolute; left: 0px; top: 258px; height: 100px; width:541px; border-top: 1px solid #333; background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
#slideshow .caption h2 { color: #fff; text-shadow: 0px 0px 0px; margin: 10px 10px 5px 10px;}
#slideshow .caption p { color: #afafaf; padding: 0 10px; }
#slideshow .hidden-caption { display:none; }
#slideshow .images { width: 10000px; }
#slideshow .frame img { float:left; }
#slideshow .navigation { position: absolute; width: 578px; height: 11px; margin-top: 350px; text-align: center; }
#slideshow .navigation span { display: table; margin: 0 auto; }
#slideshow .navigation a { float: left; margin-right: 4px; width: 11px; height: 10px; border-bottom: none; background: url(/img/slideshow-navigation.gif); }
#slideshow .navigation .active, #slideshow .navigation a:hover { background-position: -11px 0px; }
#slideshow .controls { border: none; position: absolute; width: 28px; height: 57px; z-index: 3; margin-top: 144px; background: url(/img/slideshow-controls.png); }
#slideshow .left { margin-left: 13px; }
#slideshow .right { margin-left: 535px; background-position: -28px 0px; }
#slideshow .left:hover { background-position: 0px -57px; }
#slideshow .right:hover { background-position: -28px -57px; }

/* =SHADOWBOX *******************************************************/
.shadowbox { width: 216px; height: 158px; background: url(/img/shadowbox.png); margin-bottom: 15px; }
.shadowbox img { position: absolute; margin: 9px 0 0 10px; border: 1px solid #dacdb9; }
#tape { position: absolute; width: 984px; height: 60px; background: url(/img/tape.png); }
#tape-half { position: absolute; width: 490px; height: 60px; background: url(/img/tape.png); margin: -15px 0 0 -19px; }

/* =PORTFOLIO *******************************************************/
#portfolio-items { margin-left: -15px !important; width: 984px; clear: both; }
.portfolio-item { float:left; width:196px; height: 242px; margin: 15px 15px; padding: 9px; background: url(/img/shadowbox-portfolio.gif) 0px 0px; border: none; }
.portfolio-item:hover { text-decoration: none; border: none; background-position: -214px 0px; }
.portfolio-item:hover .h3 { color: #9c290e; }
.portfolio-item img { border: 1px solid #dacdb9; margin-bottom: 5px; clear: both; float: left; }
.portfolio-item a span { margin-top: 3px;  }
.portfolio-item .teaser { color: #2d2017; font-size: 13px; }
.portfolio-item .h3 { text-shadow: 1px 1px 0px #fff !important; font-size: 15px !important; clear: both; }
.portfolio-filter { margin: 15px 15px 15px 0; line-height: 40px; float: left; margin-right: 15px; }
.portfolio-filter:hover { border: none; text-decoration: none; }
.active { color: #b93112; }
#categorie { float:right; width: 277px; height: 55px; margin: -45px 120px 0 0; background: url(/img/kies-een-categorie.gif); }
#buttons { float: left; width: 984px; }

/* =PHOTOBOOK *******************************************************/
.photobook { clear: both; }
.photobook a {  display: block; text-align: center; border: none; }
.group:hover img { box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; }
.photobook a img { border: 1px solid #dacdb9; padding: 5px; background: #fff; }
.photobook-grid { float: left; width: 164px; height: 164px; margin: 0 15px 15px 0; display: table; position: static; }
.center {display: table-cell; vertical-align: middle; width: 100%;}

/* =CONTACTFORM *****************************************************/
#contact-card { width: 464px; height: 530px; background: url(/img/contact-card.png); padding: 50px 440px 50px 50px; }
#contact-card img { float: left; margin-left: -5px; }
#contact-card div { float: left; background: url(/img/contact-message.jpg); margin-bottom: 20px; }
#email-image { margin-top: 10px; }
#contact-card .input, #contact-card .textarea { border: none; width: 420px; background-color: transparent; color: #032d59; font-weight: normal; font-style: normal; line-height:normal; font-family: LavosHandyRegular, sans-serif; font-size: 23px; line-height: 40px; }
#contact-card .input { margin-top: -7px; }
#contact-card #input-email { margin-top: -7px; width: 217px; }
#contact-card #email { width: 100%; }
#contact-card .validation_error { position: absolute; width: 350px; height: 100px; color: #B93112; font-weight: bold; margin: 95px 0 0 510px; background: none; line-height: 20px; }
#contact-card .button { float: right; margin: 15px 40px 0 0; color: #032e59; }

/* =BLOG ************************************************************/
.right #top { width: 305px; height: 20px; background: url(/img/blog-card-top.png) no-repeat; }
.right #middle { width: 230px; background: url(/img/blog-card-middle.png) repeat-y; padding: 20px 55px 15px 40px; }
.right #bottom { width: 305px; height: 20px; background: url(/img/blog-card-bottom.png) no-repeat; }
.right #middle div { margin-bottom: 15px; width: 230px; }
.right #middle ul { margin-bottom: 50px; }
.blogitem, .reactions div, .blogitem-overview  { padding: 15px 0; }
.first { padding-top: 0px; }
.blogitem-overview h2 a { border: none; font-size: 25px;}
.blogitem-overview a, .blogitem a, #reactions a { font-size: 13px; }
.blogitem-overview .shadowbox { float: right; margin: 0 0 15px 15px; }
#reactions div { padding: 5px 0; }
#input-message textarea { width: 420px; height: 280px; }
#input-name { width: 420px; height: 40px; }
#input-email { width: 200px; height: 40px; margin-left: 16px; }
.left hr { width: 619px; }
span.subtitel { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-style: italic; font-size: 13px; line-height: 17px; }
.input span { font-size: 13px; }
#react_form .validation_error { color: #B93112; font-weight: bold;  margin-top: -20px; }
#react_form div input, #react_form div textarea, .input input, #captcha { margin: 10px 0; background: #f1ebe1; border: 5px solid #cdbda9; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } 
#captcha { padding: 0px; }
#captcha, .nobreak { float: left; margin-right: 15px; }
.nobreak { margin-top: 19px; }
.arrow { margin-top: 31px; }
#react_form div textarea { width: 600px; }
#react_form input[type=text]:active, #react_form input[type=text]:focus, #react_form textarea:focus, #react_form textarea:active { box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; }
#react_form #submit { margin: 10px 0 50px 0; float: right; }
.pagination span, .pagination a { margin: 0 2px 0 0; float: left; display: block; padding: 3px 5px; border: 1px solid #b93112; font-weight: bold; font-size: 13px; } 
.pagination a { text-decoration: none; }
.pagination a:hover { border: 1px solid #9c290e; }
.pagination .pagination_disabled { font-weight: normal; border: 1px dotted #b93112; }
.pagination .pagination_current { font-weight: normal; }

/* =TESTIMONIALS ****************************************************/
#testimonials { background: #333 /*#354 groen*/ url(/img/bord-achtergrond.jpg) no-repeat; border: 3px solid #ccc; margin: 30px 0 0 0; padding: 40px 0 10px 0; }
#testimonials a { display: block; border: 0; }
#testimonials a ~ a { margin-top: -40px; }
#testimonials #jouw-mening { float: left; margin: 0 0 0 10px; }
#testimonials #stuur-mening { float: right; margin: 0 100px 20px 0; }
img#bord-onderkant { margin: -10px 0 60px 0; } 

/* =ADDTHIS ****************************************************/
.addthis_toolbox { width: 280px; margin: 0 auto; background: #f1ebe1; padding: 6px 0 8px 8px; border: 5px solid #cdbba9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.addthis_toolbox a, .addthis_toolbox span { float: left; width: 16px; height: 12px; padding: 2px 0px; margin-right: 5px; position: relative; text-decoration: none; border: none; }

/* =TWITTER****************************************************/
.twitter_div a.button { float: right; margin-top: 15px; }

/* =GOOGLE MAPS************************************************/
#google-maps { margin-left: 10px; border: 5px solid #cdbba9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; }
.border { border: 5px solid #cdbba9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; }