* { margin:0; padding:0; text-decoration:none; font-weight:normal; outline:none; }
strong { font-weight:bold; }

body {
  font-size:13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.ballon {
  position:absolute;
  width:310px;
  border:6px solid #a20000;
  margin-left:324px;
  margin-top:90px;
  border-radius:20px;
  background:#fff;
  box-shadow:3px 3px 3px #666;
}
.ballon span {
  display:block;
  padding:8px 10px;
}

h1, h2, h3, h4, h5 { font-family:Source Sans Pro, Verdana, Arial, Helvetica, sans-serif; }

.mc { overflow:auto; }
.pdw { padding:0 20px; }
.wrap { margin:0 auto; width:930px; }
.cwrap { overflow:auto; }
.brdt { border-top:1px solid #ccc; padding-top:20px; }

.masterbg { background:url(http://www.betonzand.net/projects/site-a/img/header.jpg) top center no-repeat; min-height:430px; }

div.top, div.footertop {
  height:10px;
  /* Permalink - use to edit and share  this gradient:  http://colorzilla.com/gradient-editor/#b9c8d6+0,54606b+49,3f4e5d+68,39434e+100  */
background: #b9c8d6; /* Old browsers */
background: -moz-linear-gradient(left,  #b9c8d6 0%, #54606b 49%, #3f4e5d 68%, #39434e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #b9c8d6 0%,#54606b 49%,#3f4e5d 68%,#39434e 100%); /* Chrome10-25,Safari5.1-6 */
background:  linear-gradient(to right,  #b9c8d6 0%,#54606b 49%,#3f4e5d 68%,#39434e  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c8d6', endColorstr='#39434e',GradientType=1 ); /* IE6-9 */


}
div.footertop { height:15px; }

div.offerte div.top, div.navwrap, div.etc h2 {
  /* Permalink - use to edit and share  this gradient:  http://colorzilla.com/gradient-editor/#b9c8d6+0,54606b+49,3f4e5d+68,39434e+100  */
background: #b9c8d6; /* Old browsers */
background: -moz-linear-gradient(top,  #b9c8d6 0%, #54606b 49%, #3f4e5d 68%, #39434e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b9c8d6 0%,#54606b 49%,#3f4e5d 68%,#39434e 100%); /* Chrome10-25,Safari5.1-6 */
background:  linear-gradient(to bottom,  #b9c8d6 0%,#54606b 49%,#3f4e5d 68%,#39434e  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c8d6', endColorstr='#39434e',GradientType=0 ); /* IE6-9 */


}

.header { overflow:auto; margin-bottom:20px; }

h1.logo { float:left; }
h1.logo a {
  display:block;
  background:url(http://www.betonzand.net/projects/site-a/img/sprite.png) top left no-repeat;
  width:348px;
  height:74px;
  margin-top:20px;
}
h1.logo strong { display:none; }

div.offerte {
  width:290px;
  float:right;
  margin-top:30px;
  box-shadow:3px 3px 3px #ccc;
  margin-bottom:5px;
}
div.offerte div.arrow, div.offerte div.bottom { background:#DCDDDF; }
div.offerte div.arrow {
  height:28px;
}
div.offerte div.arrow div {
  background:url(http://www.betonzand.net/projects/site-a/img/sprite.png) 0 -74px;
  width:56px;
  height:28px;
  margin-left:50px;
}
div.offerte div.top {
  overflow:auto;
  height:auto;
  padding:10px;
  text-align:center;
  border-radius:20px 0 0 0;
}
div.offerte div.top h2 {
  font-size:22px;
  font-weight:700;
  text-transform:uppercase;
  color:#fff;
}
div.offerte div.bottom {
  padding:15px 10px 20px 10px;
}

div.formulier { font-size:12px; }
div.formulier ul { list-style:none; }
div.formulier li {
  display:block;
  height:28px;
  line-height:24px;
  margin-bottom:5px;
  padding:2px;
  clear:both;
}
div.formulier .sfleft {
  display:block;
  float:left;
  width:80px;
  margin-right:3px;
  margin-bottom:5px;
}
div.formulier li.ta { height:175px; }
div.formulier textarea { width:260px; height:130px; }
div.formulier .sfright {
  float:right;
  width:160px;
  margin-bottom:5px;
}
div.formulier .sfbutton { width:auto; }
div.formulier .clear { clear:both; }
div.formulier input, div.formulier select, div.formulier textarea {
  background:#F6F6F7;
  border:1px solid #ccc;
  padding:2px;
  -moz-box-shadow: inset 1px 1px 2px #4e7699;
  -webkit-box-shadow: inset 1px 1px 2px #4e7699;
  box-shadow: inset 1px 1px 2px #4e7699;
}
div.formulier input.submit {
  color:#fff;
  font-size:13px;
  margin-left:133px;
  display:block;
  width:132px;
  background:url(http://www.betonzand.net/projects/site-a/img/sprite.png) 0 -102px;
  line-height:30px;
  float:left;
}

/* -------------------- NAV -------------------- */

div.etc h2 {
  display:block;
  height:40px;
  line-height:40px;
  border-radius:20px 0 20px 0;
  box-shadow:3px 3px 3px #ccc;
  overflow:auto;
  margin-bottom:20px;
}
.navwrap {
  border-radius:20px 0 20px 0;
  box-shadow:3px 3px 3px #ccc;
  margin-bottom:20px;
}

#nav {
  display:block;
  height:40px;
  line-height:40px;
  display:block;
  list-style:none;
}
#nav li {
  display:block;
  float:left;
  padding:0 12px;
  position:relative;
  z-index:500;
}
#nav li a {
  line-height:40px;
  color:#fff;
  text-transform:lowercase;
}

#nav ul {
  position:absolute;
  left:0;
  display:none;
  margin:0;
  padding:0;
  list-style:none;
  background:#39434e;
  padding-bottom:10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}
#nav ul li {
  float:left;
  border:0;
  width:170px;
}
#nav ul a {
  display:block;
  text-align:left;
  height:35px;
  line-height:35px;
  color:#fff;
  font-size:12px;
}
#nav ul a:hover {
  text-decoration:underline;
}
*html #nav ul {
  margin:0 0 0 -2px;
}

/* -------------------- Page -------------------- */

div.page { overflow:auto; padding-bottom:40px; }
div.page div.col_left {
  width:610px;
  float:left;
}
div.page div.col_right {
  width:290px;
  float:right;
}

div.page div.content_c1, div.page div.content_c2 { width:295px; float:left; }
div.page div.content_c2 { float:right; }

div.content { line-height:25px; }
div.content h1, div.content h2, div.content h3, div.content h4, div.content p, div.content ul, div.content ol, div.content table, div.content hr { margin-bottom:20px; }
div.content ul, div.content ol { padding-left:30px; }

div.content h1, div.content h2, div.content h3, div.content h4 {
  color:#171717;
  font-weight:bold;
}
div.content h2, div.content h3 { font-size:20px; line-height:28px; margin:8px 0 5px 0; font-weight:600; }
div.content h3 { font-size:18px; }
div.content h1, div.usp h2, div.links h2, div.cwrap h1, div.cwrap h2 { font-size:22px; line-height:28px; margin:8px 0 10px 0; font-weight:600; }
div.cwrap ul, div.cwrap ol { margin-top:-20px; }
div.content a { color:#326887; }
div.pt { padding-top:10px; }
div.content hr { height:1px; border:0; background:#fff; color:#fff; border-bottom:1px dotted #ccc; }


div.brdbox {
  border-radius:15px;
  margin-bottom:20px;
  padding:10px;
}

div.usp {
  background:#f7f7f7;
}
div.usp h2, div.links h2 {
  color:#490D00;
  margin-top:0;
}
div.usp ul { list-style:none; margin-bottom:20px; }
div.usp ul li { display:block; margin-bottom:8px; }
div.usp ul li em {
  display:inline-block;
  width:31px;
  height:30px;
  background:red;
  vertical-align:bottom;
  margin-right:5px;
  background:url(http://www.betonzand.net/projects/site-a/img/sprite.png) -132px -102px;
}

div.imgwrap { overflow:auto; }
div.imgwrap a.lft { float:left; margin-right:20px; }
div.imgwrap a.rgt { float:left; }
div.imgwrap a strong { display:none; }
div.usp a.mollie {
  display:block;
  width:140px;
  height:100px;
  background:url(http://www.betonzand.net/projects/site-a/img/sprite.png) 0 -139px;
}
div.usp a.certified {
  display:block;
  width:94px;
  height:105px;
  background:url(http://www.betonzand.net/projects/site-a/img/sprite.png) 0 -239px;
}

div.links { background:#ededed; }
div.links p { line-height:30px; }
div.links a { color:#343434; }

div.etc h2 { font-size:15px; color:#fff; text-align:center; margin-bottom:15px; font-weight:400; }
div.etc p { margin-bottom:20px; }


div.footer {
  line-height:25px;
  border-top:1px solid #ccc;
  text-align:center;
  padding:15px 0;
  font-size:12px;
}
div.footer p { margin-bottom:10px; }
div.footer, div.footer a {
  background:#e8e9ed;
  color:#121212;
}

/* SFF Formulier */
#sff ul { margin:0; padding:0; }
.sffwrap { }
.sff { overflow:auto; width:610px; border-radius:20px 0 0 20px; padding:10px 20px 0 0; }
.sff ul { list-style:none; padding:0; margin:0; }
.sff ul li { display:block; overflow:auto; margin-bottom:10px; line-height:28px; }
.sff ul li span.lft, .sff ul li span.rgt { display:block; float:left; }
.sff ul li span.lft { float:left; }
.sff ul li span.rgt { float:right; width:65%; text-align:right; padding-right:6px; }
.sff input.text, .sff textarea, .sff select, .sff input.submit {
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
}
.sff input.text, .sff textarea, .sff select {
  border:2px solid #CFCDCE;
  padding:3px;
}
.sff textarea { width:90%; height:200px; padding:7px; }
.sff input.submit {
  margin:0 8px 6px 0;
  border:0;
  padding:0 5px 2px 5px;
  background:#39434e;
  text-align:center;
  height:30px;
  font-weight:bold;
  color:#fff;
  float:right;
  -moz-box-shadow: 3px 3px 3px #888;
  -webkit-box-shadow: 3px 3px 3px #888;
  box-shadow: 3px 3px 3px #888;
}
.sff li.mbb { margin-bottom:15px; }
.sff input.text, .sff select { line-height:24px; height:24px; width:90%; padding-left:10px; }
.sff select { width:94%; padding:4px; height:33px; }
.sff h2 { margin-bottom:30px; }
.sff li strong { font-weight:normal; }
 


#syc {
  margin-top:20px;
  display:block;
  height:800px;
  overflow-y:scroll;
  border:1px solid #ccc;
}
#syc p {
  background:#eee;
  border-bottom:1px solid #ddd;
  line-height:25px;
  margin:0;
  padding:0;
  padding-left:10px;
  text-transform:uppercase;
}
#syc ul { list-style:none; padding:0; margin:0; }
#syc ul li {
  display:block;
  padding:0 10px;
  line-height:25px;
  border-bottom:1px solid #eee;
}