html {
 padding: 0;
 margin: 0;
 background: #FFF url(/images/bg_gradient.gif) repeat-x fixed bottom left;
 height: 100%;
}

body {
 margin: 0;
 font: 12px arial, sans-serif;
}

object {
 outline: none;
}

a, a:visited {
 color: #1397D5;
 font-weight: bold;
}

a img {
 border: 0;
}

#topbar {
 width: 100%;
 height: 26px;
 margin: 0;
 background: url(/images/top_bg_gradient.gif) repeat-x;
 z-index:0;
}

ul#topnav {
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
 width: 1000px;
}

ul#topnav li {
 float: right;
 margin: 7px 10px 0 0;
 line-height: 100%;
}

ul#topnav li a, ul#topnav li a:visited {
 text-decoration: none;
 color: #878888;
} 

li#nav-home, li#nav-contact {
 border-right: 1px #878888 solid;
 padding-right: 10px;
}

#wrapper {
 width: 1000px;
 margin: 0 auto;
}

h1#logo {
 float: left;
 width: 110px;
 height: 76px;
 border: 0px;
 margin: 8px 0 0 8px;
}

ul#kreten {
 float: right;
 list-style-type: none;
 width: 849px;
 height: 58px;
 margin: 26px 0px 26px 0;
 padding: 0;
 padding-right: 10px;
 text-align: right; 
 font-size: 30px;
}

ul#kreten li {
 display: inline;
 margin-left: 80px;
 text-align: right;
}

img#grootse-ideeen {
 float: left;
}

#top {
  height: 18px;
  text-align: right;
  color: #878888;
  padding: 4px;
  word-spacing:5px;
}

#header {
  height: 108px;
}

#middle {
 clear: left;
}

#vlakken {
 padding-top: 20px;
 width: 1000px;
 height: 150px;
 clear: both;
 margin-left: 6px;
}

div#vlakken object {
 margin-right: 8px;
}

p#adres-gegevens {
 text-align: center;
 font-size: 10px;
 color: #878888;
 padding: 10px 0 20px 0;
}

div#rechts {
 width: 363px;
 float: left;
}


/* content */
#contentwrapper img, ul#thumbList li img  {
 border: 1px solid #d5d5d5;
 padding: 2px;
}

#projecten {
 background: url(/images/projectenvlak.gif) no-repeat;
 height: 202px;
 width: 364px;
 float: left;
}

div#shortcuts div, div#shortcuts object {
 margin-top: 10px;
}

div.vlak {
 width: 239px;
 height: 200px;
 float: left;  
}

div.last {
  margin-right: 0px;
}

div.rechtervlak {
 width: 363px;
 height: 95px;
 float: left;  
 margin-top: 10px;
}

div#content-wrapper {
 float: left; 
 width: 616px;
 color: #878888;
 margin-right: 10px;
 line-height: 150%;
}

div#content-top {
 background: #FFF url(/images/contenttop.png) no-repeat;
 height: 9px;
 width: 616px;
}

div#content-mid {
 background: url(/images/contentmid.gif) repeat-y;
 width: 586px;
 min-height: 470px; 
 margin: 0;
 padding: 15px; 
 font-size: 14px;
}

div#contents {
  position: relative;
  width: 1000px;
}

div#contents table{
  padding:0 0 0 6px;
  margin:0;
}

div#contents table tr{
  width:1000px;
}

div#contents table tr td{
  padding:10px 0 10px 10px;
}

div#contents table tr td p{
  padding:10px 0 10px 10px;
  text-align:justify;
}



div#content-bottom {
 background: url(/images/contentbottom.png) no-repeat;
 height: 8px;
 width: 616px;
}

#top a, #kreten a {
 text-decoration: none;
 color: #878888;  
}

/*
#portfolioNav {
  position: absolute;
  right: 10px;
  bottom: 5px;
  width: 100px;
  text-align: right;
  color: #1296D4;
  font-size: 12px;
}

#portfolioNav span.disabled {
  text-decoration: none;
  color: #ccc;
  font-weight: bold;
  cursor: default;
}

#portfolioNav a, a.more {
  text-decoration: none;
}
*/

/* websitedetail */

div.websiteImage, div.websiteInfoHead, div.websiteInfo {
  float: left;
  height: 300px;  
}

div.websiteImage {
  width: 375px;
  margin-right: 10px;
  font-size: 10px;  
}

div.websiteInfo {
  width: 100px;
  color: #1397D5;
}

div.websiteInfoHead {
  width: 95px;
  font-weight: bold;
}

div.websiteCaption {
  clear: both;
}

div.websiteDetail {
  height: 297px;
  font-size: 12px;
}

ul#thumbList {
 list-style: none;
 margin: 0;
 padding: 0;  
}

ul#thumbList li {
 float: left;
 width: 170px;
 height: 180px; 
 margin: 0 31px 0 0;
 padding: 0;
}

ul#thumbList li.last {
 margin-right: 0px; 
}

ul#thumbList li a {
 text-decoration: none;
}

h2 {
 color: #1296D4;
 margin-top: 0px;
}

h4.testimonial {
 color: #1296D4;
 margin-top: 30px;
}

span.testimonial_author {
 font-weight: bold;
}

div.testimonial {
  padding: 5px;
  margin-bottom: 15px;
}

div.testimonial.odd {
  background-color: #F8F8F8
}

div.testimonial.even {
  background-color: #F3F3FF
}

div.testimonial p {
  margin-top: 0px;
}

div#kruimelpad a{
  color: #1296D4;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
}
div#kruimelpad img {
  border:0px;
  padding:0px;
}

div#kreten a img{
  border: 0px;
}

h4.subheader{
  padding-top:10px;
}

.subheader{
  padding-top:15px;
  padding-bottom: 10px;
  margin: 0;
  display: block;
  font-weight: bold;
  font-size: 14px;
}

span.portfolioContent {
  font-size: 12px;
}

/* contactformulier */

form fieldset {
  margin-bottom: 10px;
  padding-left: 0px;
  border: 0;
  margin-left: 0;
}

form legend {
  padding: 0 2px;
  font-weight: bold;
}

form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

form fieldset ol {
  margin: 0;
  padding: 0;
}

form fieldset li {
  list-style: none;
  padding: 0px;  
  margin: 0;
}

form fieldset li input, form fieldset li textarea {
  border: 1px #ccc solid;
  font: 12px arial;
  width: 200px;
}

form fieldset li textarea {
  height: 90px;
}

form fieldset li input:hover,
form fieldset li input:focus,
form fieldset li textarea:hover,
 form fieldset li textarea:focus {
  background: #F3F3F3;
}

form input.submit {
  border: 1px #1397D5 solid;
  background: #FFF;
}

form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form label {
  width: 120px; /* Width of labels */
}

div#contactform ul {
  padding-left: 20px;
  font-size: 12px;
}

input.highlight, textarea.highlight {
  background: #FFBFC2;
}

.software_button{
font-size:14px;
font-weight:bold;
color:#13a8ea;
width:177px;
text-align:center;
}
.link_overzicht{
width:150px;
float:right;
margin-right:10px;
}