body {background-color:#f0f0f0; font:"Lucida Grande","Lucida Sans Unicode","Tahoma","sans-serif";}

/* Wrappers */
div#wrapper {width:703px; border:1px solid #dcdcdc; background-color:#fff; margin:0 auto; margin-top:15px;
			-moz-border-radius-topleft:3ex; -moz-border-radius-topright:3ex; -webkit-border-top-left-radius:3ex; -webkit-border-top-right-radius:3ex;}
div.content {min-height:275px; padding-bottom:25px;}

/* Navigation */
ul.navigation {list-style:none; overflow:hidden; padding:0; margin-right:30px;}
ul.navigation li {margin-left:-13px;float:right; }
ul.navigation li a {background-color:#999999; background:transparent url(../images/buttons/default/btn.png); color:#fff; 
					display:inline-block; line-height:22px; text-decoration:none;  text-align:center; width:169px; float:left; 
					border:1px solid #fff; -moz-border-radius-topleft:1.5ex; -moz-border-radius-topright:1.5ex;
			 		-webkit-border-top-left-radius:1.5ex; -webkit-border-top-right-radius:1.5ex;}
ul.navigation li a.webdesign:hover,
ul.navigation li a#activeLink.webdesign {background:transparent url(../images/buttons/hover/blue.png);}
ul.navigation li a.referenties:hover,
ul.navigation li a#activeLink.referenties {background:transparent url(../images/buttons/hover/green.png);}
ul.navigation li a.nieuws:hover,
ul.navigation li a#activeLink.nieuws {background:transparent url(../images/buttons/hover/red.png);}
ul.navigation li a.contact:hover,
ul.navigation li a#activeLink.contact {background:transparent url(../images/buttons/hover/yellow.png);}

/* Header */
div.logo h1 {font-size:24px; padding:0; margin:25px 0 0 30px;}
div.logo h1 a {text-decoration:none; color:#338dc8;}
div.logo h2 {font-size:14px; color:#6d6e70; margin:0 0 0 30px; padding:0; font-weight:normal;}
img.pagePicture {margin:20px auto 0 auto; display:block}

/* Content */ 
div.content {margin:0 30px; padding-top:15px; overflow:hidden;}
h3.blue,
h3.red,
h3.green,
h3.yellow {margin:0; padding-bottom:15px; text-transform:capitalize;}
h3.blue {color:#338DC8;}
h3.red {color:#D83438;}
h3.green {color:#C1D234;}
h3.yellow {color:#FAEF07;}

/* References */
ul.thumb {float: left; list-style: none; margin: 0; padding: 0px; width: 380px;}
ul.thumb li {margin: 0; padding: 5px; float: left; position: relative; width: 85px;height: 85px;}
ul.thumb li img {width: 75px; height: 75px; -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0;}
ul.thumb li img.hover {border:none; background:url(../images/backgrounds/thumb.png) no-repeat center center; cursor:pointer; float:left}
div.description {float:left; width:260px; float:left; position:relative;}
div.description h3 {margin-top:0;}

/* Reference detail */
ul.photogallery {float: left; list-style: none; margin: 0; padding: 0px; width: 325px;}
ul.photogallery li {float: left; position: relative; height:100px; width:100px; overflow:hidden; margin:15px 15px 0 0;}
div.descriptionDetail {float:left; width:316px; float:left; position:relative;}
div.descriptionDetail h3 {margin-top:0;}

/* Contact */
form.contactform input {width:260px;}
form.contactform input,
form.contactform textarea {float:left; position:relative;}
form.contactform label.error {padding-left:15px; float:left; position:relative; width:220px;}

/* Footer */
div#footer {width:703px; height:120px; border:1px solid #dcdcdc; background-color:#fff; margin:10px auto;}
div#footer h3 {margin-top:10px;}
div#footer div.subNav {float:left; padding:0 18px; min-width:133px;}
div#footer div.subNav a {color:#666; text-decoration:none;}
div#footer div.subNav a:hover {text-decoration:underline;}
div#footer div.subNav div {float:left; height:100px;}
div#footer div.vr {background-color:#dcdcdc; width:1px; float:left; min-height:100px; margin-top:10px;}
div#footer div.subNav img {float:left; margin:12px 12px 0 0;}

div.disclaimer {width:703px; margin:0 auto 15px auto; font-size:10px; color:#999;}
div.disclaimer a {text-decoration:none; color:#999;}
div.disclaimer a:hover {text-decoration:underline;}

/* Misc */
ui.dialog ui-dialog-content {background-color:#FFF; font-size:10px}
a {color:#338DC8; text-decoration:none;}
a:hover {text-decoration:underline;}