/* Stylesheets geschreven door Krijn Hoetmer ~ http://ktk.xs4all.nl/ voor SQR Amsterdam */


* { margin: 0; padding: 0; background-repeat: no-repeat; }
html { background-color: #fff; }
body { margin: 15px; font-family: "Trebuchet MS", sans-serif; font-size: 90%; background-color: #d9cebf; background-image: url('/_img/top-bg.gif'); background-repeat: repeat-x; }
div#container { width: 743px; background-color: #fff; padding-right: 15px; }

h1 { font-family: Georgia, serif; font-style: italic; text-align: right; background-color: #d44a07; color: #f3e4d3; font-size: 130%; padding: 5px; float: right; height: 135px; }
h1.img { padding: 0; }
hr { display: none; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
img { display: block; }
a img { border: none; }


ul#menu { list-style-type: none; font-size: 0.9em; background-image: url('/_img/top.gif'); }
ul#menu li { position: relative; width: 157px; margin: 0; }
ul#menu a { color: #fff; display: block; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; width: 157px; line-height: 13px; }
ul#menu a:hover { color: #d44a07; background-color: #fff; }
ul#menu ul { list-style-type: none; display: none; position: absolute; top: 0; left: 157px; border-left: 15px solid #fff; width: 565px; }
ul#menu ul li { border-bottom: 1px solid transparent; }
ul#menu ul a { color: #f60; background-color: #fff; width: 571px; }
ul#menu ul a:hover, ul#menu ul li.nochange a { color: #fff; background-color: #f60; }
ul#menu li:hover ul, ul#menu li.nochange ul { display: block; }

div.blok { margin: 15px 0; overflow: hidden; width: 100%; font-family: Georgia, serif; font-size: 13px; color: #614934; line-height: 140%; }
div.blok a { color: #d44a07; text-decoration: underline; }
div.blok h2 a { text-decoration: none; font-weight: normal; }
div.blok a:hover { color: #f60; text-decoration: none; }
div.blok h2 { font-size: 110%; line-height: 110%; margin-bottom: 5px; }
div.blok div, div.blok img, div.blok p { float: left; margin-left: 15px; }

div.blok .links { width: 157px; margin: 0; }
div.blok .midden { width: 364px; }
div.blok .midden-links { width: 157px; }
div.blok .midden-rechts { width: 192px; }
div.blok .rechts { width: 192px; }
div.blok .volledig { width: 500px; }

div.blok div, div.blok p { padding: 15px; }
div.blok div div, div.blok div p { padding: 0; margin: 0; }
div.blok div.links, div.blok p.links { width: 127px; }
div.blok div.midden, div.blok p.midden { width: 334px; }
div.blok div.midden-links, div.blok p.midden-links { width: 127px; }
div.blok div.midden-rechts, div.blok p.midden-rechts { width: 162px; }
div.blok div.rechts, div.blok p.rechts { width: 162px; }
div.blok div.volledig, div.blok p.volledig { width: 470px; }

div.blok div.hoekje { background-image: url('/_img/content/hoekje_content.gif'); background-position: top left; }

div.blok div.plaatje { padding: 170px 10px 0 10px; }
div.blok div img { margin: 10px auto; border: 1px solid #e7cfb9; clear: both; }

div.klein { background-image: url('/_img/blok-klein.gif'); background-repeat: repeat-y; }
div.middel { background-image: url('/_img/blok-middel.gif'); background-repeat: repeat-y; }
div.groot { background-image: url('/_img/blok-groot.gif'); background-repeat: repeat-y; }

div.blok div .ruimte { margin-top: 1em; }
div.blok ul { margin-left: 1em; }

div.blok .volledig * { float: none; }

table { color: #614934; border: 2px solid #d9cebf; text-align: center; border-color: #d9cebf; }
tr { height: 25px; }
tr, th, td { border-color: #614934; }
th { white-space: nowrap; background-color: #d44a07; color: #fff; }
th, td { padding: 3px 5px; }

img.randje { border-bottom: 15px solid #fff;  }
address { font-style: normal; }

#footer { text-align: center; height: 30px; line-height: 30px; background-image: url('/_img/footer.gif'); color: #fff; background-color: #f3e4d3; font-size: 11px; font-family: Verdana, sans-serif; font-style: normal; }

img.imap { border: none; }

div#example { left: 202px; top: 190px; position: absolute; border: none; margin: 0 auto; text-align: right; }
div#example img { margin: auto; background-color: #fff; border: 1px solid #614934; cursor: pointer; }
div#example a { float: right; }

/* BODIES */
body.press ul#menu ul a, body.projects ul#menu ul a, body.services ul#menu ul a, body.approach ul#menu ul a, body.company ul#menu ul a, body.crew ul#menu ul a { width: 157px; }
body.home div.blok { line-height: 120%; }