/*
Theme Name: Hakatrading
Author: khaki
Author URI: http://khakiwebsites.nl
*/

/*----------------------START-RESET-------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ border:0; font-family:inherit;font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }
:focus { outline:0; }
body { background:#fff; line-height:1; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
/*----------------------EINDE-RESET-------------------------*/


/*----------------------START-LAYOUT-------------------------*/
html { background-color:#6D787F; overflow-y:scroll; }
body, header, #slider, footer, header > section#headerbalk1, header > section#headerbalk2, #slider, section#introtekst, footer, section#content { width:100%; }
section.container, ul.container { width:960px; margin:0 auto; position:relative; }
header, #slider, header > section#headerbalk2 ,header > section#headerbalk1 > section.container > nav { position:absolute; }

#home header > section#headerbalk1 > section.container > nav > ul > li > a.nav1, .styleinliving nav > ul > li > a.nav2, #p13 nav > ul > li > a.nav3, #p14 nav > ul > li > a.nav4, #p19 nav > ul > li > a.nav5 { color:#004488 !important; background-color:white; -webkit-border-radius:5px; border-radius:5px; }

#slider { background-color:#E8E8E8; }
#schaduwslider { width:960px; height:10px; background:url("images/schaduwslider.jpg") 0 1px no-repeat scroll; }
.styleinliving #slider { background-color:white; height: 605px; }

#home section#introtekst { height:184px; background-color:white; text-align: center; padding: 511px 0 0; }
#home section#introtekst > ul.container > li { display: inline-block; height: 100%; padding: 5% 10px 5% 0; vertical-align: middle; width: 18%; background:url("images/introtekststreep.jpg") right 15% no-repeat scroll; }
#home section#introtekst > ul.container > li.laatste { background:none; }

section#content > section.container { width:890px; }
section#content { margin: 188px 0 0; }
section#content > section.container { padding:35px; }
section#content > section.container > section.artikelcontainer { clear: both; }
section#content > section.container > section.artikelcontainer > header { height: 5em; margin: 0 auto; position: relative; width: 100%; }
section#content > section.container > section.artikelcontainer > figure { height: auto; margin: 0 0 5em; width: 32%; float:left; }
section#content > section.container > section.artikelcontainer > figure > img { width:298px; height:auto; }
section#content > section.container > section.artikelcontainer > article { width: 62%; float:right; margin: 0 0 3em; }

#p14 section#content > section.container > figure { float: left; height: auto; width: 45%; margin:0 0 3em; }
#p14 section#content > section.container > figure > img { width: 412px; height:auto; border: 1px solid #CCCCCC; -webkit-box-shadow: 0 0 2px 1px #CCCCCC; box-shadow: 0 0 2px 1px #CCCCCC; padding: 10px; margin:0; }
#p14 section#content > section.container > article  { float: right; height: auto; width: 47%; margin: 0 0 35px; }

header { height:215px; top:0; }
header > section#headerbalk1 { height:135px; background-color:#002B7F; }
header > section#headerbalk1 > section.container { height: 100%; }
header > section#headerbalk1 > section.container > section#logo { width:336px; height:100%; background:url("images/logo.png") no-repeat scroll 20px center transparent; }
header > section#headerbalk1 > section.container > nav { height: 35px; right:0; position: absolute; top:55px; width: 51%; }
header > section#headerbalk1 > section.container > nav.de { width:62%; }
header > section#headerbalk1 > section.container > nav.fr { width:62%; }

header > section#headerbalk1 > section.container > nav > ul > li { display: inline; }
header > section#headerbalk1 > section.container > nav > ul > li > a { display: inline-block; }
header > section#headerbalk2 { height:53px; }
header > section#headerbalk2 > section.container { height:100%; }
header > section#headerbalk2 > section.container > figure { width:397px; height:34px; background:url("images/slogan.png") 0 0 no-repeat scroll; float:left; margin: 9px 0 0 22px; }
header > section#headerbalk2 > section.container > ul#vlaggen { width:129px; height:34px; background:url("images/vlaggen.png") 0 0 no-repeat scroll; float:right; margin: 9px 20px 0 0; }
header > section#headerbalk2 > section.container > ul#vlaggen > li > a { width:30px; height:30px; display:block; float:left; }

.clear { clear:both; }

footer { height:auto; background-color: #6D787F; }
footer > section.container { padding:22px 0; }
footer > section.container > ul > li { display: inline-block; margin: 0 22px; width: 20%; vertical-align: top; }

section#content > section.container > section.artikelcontainer:nth-child(even) > figure { float:right; }
section#content > section.container > section.artikelcontainer:nth-child(even) > article { float:left; }

nav.bladeren { clear: both; width:100%; height: 40px; text-align:left; }
nav.een { text-align:right; }
nav.twee { text-align:left; }
nav.bladeren > span.ouder > a {  background: url("images/pijlouder.png") no-repeat scroll 0 2px transparent; float: left; height: 28px; margin: 0 1em 0 0; text-indent: 30px; width: 88px; display: inline-block; }
nav.bladeren > span.nieuwer > a { background: url("images/pijlnieuwer.png") no-repeat scroll 68px 0 transparent; height: 46px; padding: 0 39px 0 0; width: 75px; display: inline-block; }

span.wpcf7-not-valid-tip-no-ajax { display:none !important; }
#p19 section#content > section.container > article.kolom { width:47%; margin: 0 0 4em; }
#p19 section#content > section.container > article.een { float:left; }
#p19 section#content > section.container > article.twee { float:right; }
#p19 section#content > section.container > article.twee > p { float:left; display:inline-block; margin:0 2em 2em 0; }
#p19 section#content > section.container > article.een form { width: 100%; height:auto; margin:3em 0 0; }
#p19 section#content > section.container > article.een form > div#geslacht { width: 100%; margin: 2em 0 0; }
#p19 section#content > section.container > article.een form > ul { width: 417px; }
#p19 section#content > section.container > article.een form > ul > li { float: left; width: 49%; height: 50px; }
article.een form > ul > li > span#naam, article.een form > ul > li > span#email, article.een form > ul > li > span#bedrijf, article.een form > ul > li > span#onderwerp, span#berichtlabel { position: relative; z-index: 1; }
#p19 section#content > section.container > article.een form > ul > li > span#naam { left: 5px; top: 24px; }
#p19 section#content > section.container > article.een form > ul > li > span#email { left: 5px; top: 25px; }
#p19 section#content > section.container > article.een form > ul > li > span#bedrijf { left: 5px; top: 25px; }
#p19 section#content > section.container > article.een form > ul > li > span#onderwerp { left: 5px; top: 24px; }
#p19 section#content > section.container > article.een form > ul > li > span > input { float: left; height: 29px; margin: 0 14px 14px 0; width: 190px !important; border: 1px solid #BBBBBB; -webkit-box-shadow: 0 3px 3px -2px #BBBBBB inset; box-shadow: 0 3px 3px -2px #BBBBBB inset; text-indent: 3px; }
#p19 section#content > section.container > article.een form > ul > li > span > input:focus { border: 1px solid #666666; -webkit-box-shadow: 0 3px 3px -2px #666666 inset; box-shadow: 0 3px 3px -2px #666666 inset; }
#p19 section#content > section.container > article.een form > div#bericht { display: inline; }
#p19 section#content > section.container > article.een form > div#bericht > span#berichtlabel { left: 7px; top: 23px; }
#p19 section#content > section.container > article.een form > div#bericht > span > textarea { max-width: 390px; min-width: 390px; width: 390px; height: 212px !important; border: 1px solid #BBBBBB; -webkit-box-shadow: 0 3px 3px -2px #BBBBBB inset; box-shadow: 0 3px 3px -2px #BBBBBB inset; padding: 3px; }
#p19 section#content > section.container > article.een form > div#bericht > span > textarea:focus { border: 1px solid #666666; -webkit-box-shadow: 0 3px 3px -2px #666666 inset; box-shadow: 0 3px 3px -2px #666666 inset;  }
#p19 section#content > section.container > article.een form > div#versturen { width: 100%; margin: 0 0 2em; }
#p19 section#content > section.container > article.een form > div#versturen > input { padding:.5em 1em; }

.styleinliving .flexslider { margin: -154px 0 0; }
.styleinliving footer { padding: 610px 0 0; }
.styleinliving .flexslider .slides li, .styleinliving .flexslider .slides img {  width:810px; margin: 0 auto; }
.styleinliving .flexslider .slides img { height:auto; }
.styleinliving .flexslider .slides li { border: 1px solid #CCCCCC; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px 2px #CCCCCC; box-shadow: 0 2px 4px 2px #CCCCCC; height: 540px; margin-top: 121px; overflow: hidden; }
.styleinliving .flex-control-nav { bottom:-44px; }
.styleinliving nav.stylenav { width:799px; height:68px; margin: 24px auto 0; }
.styleinliving nav.stylenav > ul > li { display:inline; }
.styleinliving nav.stylenav > ul > li > a { padding:10px 12px; color:#002B7F; text-decoration:none; }
.styleinliving nav#style1 > ul > li.style1 > a, .styleinliving nav#style2 > ul > li.style2 > a, .styleinliving nav#style3 > ul > li.style3 > a, .styleinliving nav#style4 > ul > li.style4 > a, .styleinliving nav#style5 > ul > li.style5 > a { color:white; -webkit-border-radius:4px; border-radius:4px; background-color:#002B7F; }
/*----------------------EINDE-LAYOUT-------------------------*/


/*----------------------START-TEKST------------------------*/
body, input, textarea { color:#666666; font:normal 12px/1.4em Arial, Helvetica, sans-serif; word-spacing: 1px; }
p > a { text-decoration:underline; }

header > section#headerbalk1 > section.container > nav > ul > li > a, footer > section.container > ul > li > h4 { color:white; font:italic 18px/1.7em Georgia, "Times New Roman", Times, serif; text-decoration:none; }
header > section#headerbalk1 > section.container > nav > ul > li > a { padding: 0 10px 2px; }
section#introtekst > ul.container > li { color:#002B7F; font:italic 16px/1.7em Georgia, "Times New Roman", Times, serif; text-decoration:none; }
footer > section.container > ul > li > h4 { line-height: 1.3em; margin: 1em 0; }
footer > section.container > ul > li > p, footer > section.container > ul > li > p > a { color:white; }

h1,h2,h3,h4,h5,h6 { clear:both; font-family:Georgia, "Times New Roman", Times, serif; text-shadow: 0 -1px 0 white; }
h1 { color:#002B7F; font-size:24px; margin:0 0 1em; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
p, input, textarea, article > ul, article > ol { line-height: 1.6em; margin: 0 0 1.6em; text-shadow: 0 -1px 0 white; }
article > ul li { list-style: disc inside none; }
article > ol li { list-style: decimal inside none; }
article a { color:#666666; }
section.artikelcontainer > header > small { font:bold 12px/3em Georgia, "Times New Roman", Times, serif; text-shadow: 0 -1px 0 white; }
nav.bladeren a { color:#666666; font:normal 18px/26px Georgia, "Times New Roman", Times, serif; text-decoration:none; }

strong { font-weight:bold; }
em { font-style:italic; }

header nav a:active { color:#BFC4C2 !important; }
.styleinliving nav.stylenav > ul > li > a { font:normal 18px/1em Georgia, "Times New Roman", Times, serif; }
.styleinliving nav.stylenav > ul > li > a:hover { background-color:#DEE5E2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.styleinliving nav.stylenav > ul > li > a:active { background-color:#CAD0CD; }

#home header > section#headerbalk1 > section.container > nav > ul > li > a.nav1, .styleinliving nav > ul > li > a.nav2, #p13 nav > ul > li > a.nav3, #p14 nav > ul > li > a.nav4, #p19 nav > ul > li > a.nav5 { text-shadow: 0 -1px 0 white; }
.styleinliving nav#style1 > ul > li.style1 > a, .styleinliving nav#style2 > ul > li.style2 > a, .styleinliving nav#style3 > ul > li.style3 > a, .styleinliving nav#style4 > ul > li.style4 > a, .styleinliving nav#style5 > ul > li.style5 > a { text-shadow: 0 -1px 0 black; }
header > section#headerbalk1 > section.container > nav > ul > li > a:hover { background-color:#001253; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#home header > section#headerbalk1 > section.container > nav > ul > li > a.nav1:hover, .styleinliving nav > ul > li > a.nav2:hover, #p13 nav > ul > li > a.nav3:hover, #p14 nav > ul > li > a.nav4:hover, #p19 nav > ul > li > a.nav5:hover { background-color:white !important; }

footer > section.container > ul > li > h4, footer > section.container > ul > li > p, footer > section.container > ul > li > p > a { text-shadow: 0 -1px 0 black; }
nav a:hover { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
/*----------------------EINDE-TEKST-IMG------------------------*/