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

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

.mctr { margin:0 auto; width:965px; }

/* Cross-styles */
#submenu ul, #submenu ul li a:hover, #content-nav ul li a, #footer, .eee, #content div#subnav, #actieknoppen_top, #content blockquote ul li a {
  background:#eeeeee;
  background-image: linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(238,238,238)),
    color-stop(1, rgb(255,255,255))
    );
}
#submenu ul li.active a, #content-nav ul li.active a, #content div#subnav ul li.active a {
  color:#FFFFFF;
  background:#0281AC;
  background-image: linear-gradient(top, rgb(0,153,204) 0%, rgb(4,108,143) 100%);
  background-image: -o-linear-gradient(top, rgb(0,153,204) 0%, rgb(4,108,143) 100%);
  background-image: -moz-linear-gradient(top, rgb(0,153,204) 0%, rgb(4,108,143) 100%);
  background-image: -webkit-linear-gradient(top, rgb(0,153,204) 0%, rgb(4,108,143) 100%);
  background-image: -ms-linear-gradient(top, rgb(0,153,204) 0%, rgb(4,108,143) 100%);
  
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(0,153,204)),
    color-stop(1, rgb(4,108,143))
    );
}
#content a, #col-right a {
  color:#0099CC;
  font-weight:bold;
}
#content a:hover, #col-right a:hover { color:#086489; }
#col-left div#submenu ul, #col-right .eee, #vergelijken img, 
#aangesloten img, #content h5, #actieknoppen div, #oform fieldset, #content div#subnav ul li a, 
#actieknoppen_top a.knop_links, #actieknoppen_top a.knop_rechts {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow: 3px 3px 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px #ccc;
  box-shadow: 3px 3px 3px #ccc;
}

.nieuws { overflow:auto; }
.nieuws hr { height:1px; background:#ddd; color:#ddd; border:0; margin-bottom:10px; }
.nieuws p { margin-bottom:10px; color:#222; }
.nieuws a { text-decoration:underline; }

/* Elements */
#geld-lenen-kost-geld { padding:5px 0 5px 5px; }
#geld-lenen-kost-geld img {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border:1px solid #fff;
}

#header {
  height:110px;
  margin-left:7px;
  background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/bg-header.jpg) left no-repeat;
border-bottom:#A5DA19 20px solid;
}
#header div#contact {
  position:absolute;
  margin-left:760px;
  margin-top:40px;
  text-align:right;
  width:200px;
  height:50px;
  line-height:12px;
  font-size:11px;
}
#header div#contact strong { line-height:20px; margin:0; padding:0; }
#header h1#logo {
  position:absolute;
  color:#039BCC;
  font-weight:bold;
  font-size:28pt;
  margin-top:15px;
  margin-left:380px;
}
#header h1#logo i {
  font-style:normal;
  font-size:16pt;
  color:#a5da19;
}
#header div#nav {
  position:absolute;
  margin-top:80px;
  margin-left:210px;
  height:30px;
  line-height:30px;
}
#header div#nav ul { list-style:none; }
#header div#nav ul li { display:inline; }
#header div#nav ul li a {
  background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/knop-zwart.gif) left top no-repeat;
color:#FFFFFF;
text-align:center;
font-size:16px;
font-weight:bold;
display:block;
float:left;
width:150px;
height:30px;
}
#header div#nav ul li.active a {
  color:#000000;
  background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/knop-groen.gif) left top no-repeat;
}

#page {
  width:940px;
  margin:20px 0;
  margin-left:20px;
  overflow-y:auto;
}

#col-left {
  width:200px;
  float:left;
}
#col-left img#telefoon { margin-bottom:20px; }

#col-left h2, #col-right h2 {
  display:block;
  font-size:16px;
  font-weight:bold;
  color:#0E88B1;
  margin:0 0 10px 0;
}

#col-left div#submenu ul {
  list-style:none;
  border:1px solid #ccc;
  margin-bottom:30px;
}
#col-left div#submenu ul li { display:inline; }
#col-left div#submenu ul li a {
  display:block;
  color:#000000;
  text-decoration: none;
  font-weight:bold;
  line-height:30px;
  padding-left:10px;
  border-bottom:1px solid #ccc;
}
#col-left div#submenu ul li a:hover { color:#000000; }
#col-left div#submenu ul li.active a { color:#FFFFFF; }
#col-left div#submenu ul li.last a { border:0; }

.orangebuttons { overflow:auto; padding: 0 15px; }
.orangebuttons ul { list-style:none; padding:0; margin:0; }
.orangebuttons ul li { display:inline; }
.orangebuttons ul li a {
  display:block;
  text-align:center;
  font-size:18px;
  color:#ffffff;
  padding-top:30px;
  width:225px;
  height:70px;
  text-align:center;
  line-height:20px;
  background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/orangebutton.png) top left no-repeat;
  float:left;
}
.orangebuttons ul li.lft { float:left; }
.orangebuttons ul li.rgt { float:right; }

#content {
  width:500px;
  margin:0 0 0 20px;
  float:left;
  line-height:22px;
}
#content blockquote { quotes: none; display:block; }
#content blockquote ul { margin:0; list-style:none; }
#content blockquote ul li { display:inline; }
#content blockquote ul li a {
  display:block;
  padding:20px 0 20px 20px;
  font-size:24px;
  border-bottom:1px solid #ccc;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content table, #content ul, #content ol { margin-bottom:15px; }
#content p, #content h5, #content table { margin:0 0 15px 5px; }
#content ul, #content ol { margin-left:30px; }
#content ul  { list-style-image:url(https://www.degoedkoopstelening.nl/projects/dgl/img/bull.gif); }
#content h1 {
  font-size: 24px;
  color:#fa791c;
  margin-bottom:20px;
}
#content h2, #content h3, #content h4 {
  font-size:18px;
  font-weight:bold;
  margin-bottom:13px;
  color:#0E88B1;
}
#content h5 {
  display:block;
  background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/info.png) 10px 15px no-repeat #FFFDAB;
  padding:15px;
  font-size:13px;
  padding-left:80px;
  border:1px solid #FFFFFF;
  font-weight:normal;
  line-height:25px;
  -moz-border-radius: 1em 2em 1em 2em;
  border-radius: 1em 2em 1em 2em;
}
#content div#content-nav {
  overflow:auto;
  height:36px;
  line-height:30px;
  border-bottom:1px solid #ccc;
}
#content div#content-nav ul { list-style:none; padding:0; margin:0; }
#content div#content-nav ul li { display:inline; }
#content div#content-nav ul li a {
  display:inline-block;
  color:#000000;
  padding:0px 10px;
  margin-top:5px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
#content div#content-nav ul li.active a {
  color:#FFFFFF;
  margin-top:0px;
  padding-top:5px;
  line-height:30px;
}
#content div#content-nav ul li.first a {
  border-left:1px solid #ccc;
}
#content div#subnav {
  overflow:auto;
  height:47px;
  border-bottom:1px solid #ccc;
  padding-left:15px;
  margin-bottom:15px;
}
#content div#subnav ul { list-style:none; }
#content div#subnav ul li { display:inline; }
#content div#subnav ul li a, #content div#subnav span {
  display:block;
  float:left;
  line-height:10px;
  margin:10px 10px 10px 0;
  color:#046C8F;
  padding:5px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#content div#subnav ul li a:hover { color:#000; }
#content div#subnav ul li.active a:hover { color:#FFF; }
#content div#subnav span {
  margin-right:10px;
  border:0;
  background:none;
  line-height:16px;
}
#content div#subnav.nomt { margin-top:0; }
#content div#subnav.nomb { margin-bottom:0; }

#print a {
  display:block;
  float:right;
  padding-right:26px;
  background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/print.png) right no-repeat;
}

#actieknoppen_top {
  overflow:auto;
  margin-bottom:20px;
}
#actieknoppen_top a.knop_links, #actieknoppen_top a.knop_rechts {
  display:block;
  width:223px;
  height:100px;
  margin:10px 0;
  border:2px solid #fff;
}
#actieknoppen_top a:hover { border:2px solid #ddd; }
#actieknoppen_top span {
  position:absolute;
  display:block;
  line-height:30px;
  font-size:18px;
  font-weight:bold;
  text-align:right;
  margin:10px 10px 0px 100px;
  color:#fff;
}
#actieknoppen_top span em { font-weight:bold; font-size:28px; }
#actieknoppen_top a.knop_links { margin-left:15px; float:left; background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/bg_button_links.png) left top no-repeat; }
#actieknoppen_top a.knop_rechts { margin-right:15px; float:right; background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/bg_button_rechts.png) left top no-repeat; }
#actieknoppen_top strong {
  position:absolute;
  margin:77px 0 0 103px;
  color:#000;
}

#actieknoppen {
  height:102px;
  overflow:auto;
  padding-bottom:7px;
  margin-bottom:15px;
}

#actieknoppen div#knop-links , #actieknoppen div#knop-rechts {
  width:225px;
  height:100px;
  border:1px solid #CCCCCC;
}

#actieknoppen a {
  display:block;
  padding: 23px 0px 23px 80px;
  font-weight:bold;
  font-size:13px;
  line-height:18px;
  color:#0099cc;
}
#actieknoppen span {
  font-size:11px;
  color:#555555;
}
#actieknoppen div#knop-links { float:left; margin-right:16px; background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/bgknop1.png) left center no-repeat; }
#actieknoppen div#knop-rechts { float:left; background:url(https://www.degoedkoopstelening.nl/projects/dgl/img/bgknop2.png) left center no-repeat; }
#actieknoppen div#knop-rechts a { padding:23px 0px 23px 90px; }

#col-right {
  overflow-y:auto;
  width:192px;
  padding-right:7px;
  float:right;
}
#col-right .eee { margin-bottom:25px; padding:10px; line-height:20px;  }
#col-right .eee p { margin-bottom:10px; }
#col-right div#vergelijken { height:127px; margin-bottom:25px; }
#col-right div#vergelijken img { border:1px solid #eee; }
#col-right div#vergelijken img.first { display:block; }
#col-right div#aangesloten { height:168px; }
#col-right div#aangesloten img { border:1px solid #ddd; }
#col-right div#aangesloten img.links { position:absolute; }
#col-right div#aangesloten img.rechts { position:absolute; margin-left:122px; }

#footer {
  height:60px;
  line-height:60px;
  border-top:#A5DA19 20px solid;
  background:#E9E9E9;
  text-align:left;
  padding-left:20px;
}
#footer a {
  color:#666666;
  font-weight:bold;
  text-decoration:none;
}
#formulier {
  width:100%;
  padding:10px 0;
}

#formulier ul {
  list-style:none;
}
#formulier li {
  display:block;
  width:95%;
  height:28px;
  line-height:28px;
  margin-bottom:5px;
  padding:2px;
  clear:both;
}

#formulier .sfleft {
  display:block;
  float:left;
  width:45%;
  margin-right:3px;
  margin-bottom:5px;
}
#formulier .textarea { height:100px; }
#formulier .sfright {
  float:left;
  width:45%;
  margin-bottom:5px;
}
#formulier .sfbutton { width:auto; }
#formulier .clear { clear:both; }