/* kleuren: geel:#F6C218; donkerblauw:#006DB8 lichtblauw:#ACE1FA; rood:#D92128;  */

* {font-family: futura, helvetica, arial, sans-serif; font-size:12px;}
html {margin:0; padding:0;}
body {margin:0; padding:0; background:url("../randomimage.php") #FFFFFF;}

h1 {margin:0; padding:0; color:#D92128; font-weight: normal;}
h2 {margin:0 0 8px 0; padding:0; color:#F6C218; font-size: 14px; font-weight: normal;}
img {margin:0; padding:0; border:0 none;}
p {color:#006DB8;}
a {color:#ACE1FA;}
a:visited {color:#ACE1FA;}
a:hover {color:#006DB8;}
ul {list-style-type: none;}
form {margin:0; padding:0;}

.hidden {display: none;}

.pagecontent {margin:auto; padding:0; position:relative; width:1024px; background:#FFF; overflow: hidden;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}

.header {margin:0; padding: 20px 40px 0 40px; height:170px; background:url("../images/header.png") #FFF -1px 20px no-repeat;}
h1 img {margin:0 0 4px 0; display:block;}
h1 span {font-size: 12px; margin-left: 3px;}
.navigation {position:absolute; right:40px; top:20px;}
.navigation li {padding:0; float: left; list-style-type: none; border-right: 2px solid #ACE1FA;}
.navigation li.active {border-color: #006DB8;}
.navigation li.last {border:none;}
.navigation a {padding: 0 18px; font-size:16px; text-decoration: none;}
.active a {color:#006DB8;}
.address {position:absolute; right:59px; top:64px; color:#F6C218; text-align:right;}

.image-slideshow {margin:0 auto 30px auto;text-align:center;}

.columns {padding:0 28px;overflow:hidden;}
.column {margin-bottom: -1000px; padding-bottom: 1000px; float:left; width:236px; background:url("../images/line.png") #FFF right 2px no-repeat;}
.latest-flickr-photos {width:256px;}
.column.last {background:#FFF;}
.column.middle h2, .column.middle p, .column.last h2, .column.last p {margin: 0 20px;}
.readmore, .readmore:visited {margin: 0 20px; color:#F6C218;}

.get-in-touch ul {margin: 0 20px; padding: 0;}
.get-in-touch img {margin-right: 10px; margin-bottom:16px; float:left; vertical-align:text-top;} 
.get-in-touch li {clear: both; margin-top: 10px; list-style-type: none;}
.get-in-touch a {text-decoration:none; display:block; color:#006DB8;}
.get-in-touch .title {float:left; width: 150px; font-size: 14px; margin-top: -4px;}
a:hover .title {color:#F6C218;}
.get-in-touch .subtitle {float: left; margin-top: -4px; color:#ACE1FA; font-size: 10px;}

.latest-blog p {padding-bottom: 10px;}
.when {display: block; color:#ACE1FA; font-size: 10px; margin-bottom: 10px;}

.footer {clear:both; display:block; padding-bottom:10px; text-align:center; color:#ACE1FA;}

/* simplemodal dialog */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#FFF; border:1px solid #888; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:1px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:33px; height:30px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#simplemodal-container h2 {}
#simplemodal-container h2 a {font-size:16px; display: block; text-align:right;}
.about {height: 560px;}
.about h2 a, .about p {color:#D92128;}
.about .content {border: 2px dashed #D92128; height: 550px; padding: 0 20px;}
.about h3 {margin-bottom: -13px;}
.about .content img {float: right; margin-left: 20px; margin-top: 20px;}

.contact h2 a {color:#F6C218;}
.contact {height: 560px;}
.contact fieldset {border:none; padding:0;}
.contact label {color:#F6C218; font-size: 14px; letter-spacing:2px;}
.contact input {width: 300px; background:#F6C218; border:1px solid #F6C218; margin-bottom: 16px; color:#FFF; padding: 3px 8px;}
.contact input.button {width: 140px; margin-bottom:0; background:#006DB8; border:1px solid #006DB8; color:#FFF; letter-spacing:2px;}
.contact input.button:hover {background:#ACE1FA;border:1px solid #ACE1FA;}
.contact textarea {width: 400px; padding:8px; height: 200px; margin-bottom: 16px; background:#F6C218; border:1px solid #F6C218; color:#FFF;}
.contact form {margin: 20px 20px 0 0;}
.contact form div {text-align:right;}
.contact .address {right:43px; top:458px;}
.contact .address span {display: block; margin-top: 10px;}
.contact .address a {color: #F6C218;}
.contact .address a:hover {color: #006DB8;}
.contact .content {height: 550px; background: url("../images/brush.png") #FFF 20px 20px no-repeat; border: 2px dashed #F6C218;}
.contact .content p, .contact .content h2 {margin-left: 140px;}
.content h2 {margin-top: 20px;}
.contact h3 {margin-left: 140px; margin-bottom: -13px;}
.contact #lastname { display: none; height: 0; margin: 0; padding: 0; visibility: hidden;}