/* -------------------------------------------- */
/* STANDARD HTML TAG RESET                      */
/* -------------------------------------------- */

body,
h2,
ul, li,
form, input, dd,
p {
  margin: 0px 0px 17px 0px;
  padding: 0px;
}

img { border: 0; }

ul { list-style: none; }

/* -------------------------------------------- */
/* STANDARD HTML TAG DEFINITION                 */
/* -------------------------------------------- */

body {
  background: url(images/body_bg.gif) repeat-x;
  font-family: Trebuchet MS, Arial;
  font-size: 14px;
  color: #444;
}

span, strong { color: #000; }

h1 { display: none; }

h2 {
  font-family: Verdana, Trebuchet MS, Conduit, Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #FF0F19;
}

hr 
{
    height: 3px;
    margin: 24px 0px 10px 0px;
    background-color:  #ff0f19; 
    color: #FF0F19;
}

abbr[title], acronym[title], span[title], strong[title] {
	border-bottom: thin dotted;
	cursor: help;
}

input, textarea {
  font-family: Arial;
  font-size: 12px;
  color: #444;
  padding: 5px;
  width: 375px;
  background: #f3f3f3;
  border-top: 1px solid #b4b5b5;
  border-left: 1px solid #b4b5b5;
  border-right: 1px solid #dededd;
  border-bottom: 1px solid #dededd;
}

input { height: 17px; }
dt { color: #000; font-weight: bold; margin: 10px 0 3px 0; }


/* -------------------------------------------- */
/* PAGE ELEMENTS                                */
/* -------------------------------------------- */

div#container {
  width: 640px;
  margin: 0 auto;
  padding-top: 45px;
}

/* -------------------------------------------- */
/* BLOKKEN                                      */

div#reputatie, div#watwedoen, div#wiezijnwe {
  margin-top: 24px;
  width: 640px;
  float: left;
}

div#klanten, div#juicystuff, div#contact {
  width: 472px;
  float: right;
}

div#juicystuff, div#contact {
  margin-top: 40px;
}

div#klanten img { float: left; margin-right: 2px; }

/*
div#watwedoen, div#wiezijnwe {
  clear: left;
  margin-top: 40px;
}
*/
div#wiezijnwe {
  margin-top: 40px;
}

div#watwedoen h2, div#juicystuff h2 { margin-bottom: 15px; }

div#reputatie li, div#klanten li, div#watwedoen li, div#tarieven li { margin-top: 15px; }
div#klanten li { clear: left; overflow: hidden; }

div#tarieven {
  width: 190px;
  float: left;
  margin-top: 15px;
}

div#concurrenten {
  width: 176px;
  float: right;
  margin-top: 15px;
}

div#concurrenten ul {
  list-style: disc;
  color: #444;
  margin-top: 15px;
  padding-left: 15px;
}

div#concurrenten li a {
  color: #444;
  text-decoration: none;
}

div.user {
  clear: left;
  overflow: hidden;
  margin-top: 15px;
}

div.user img { float: left; margin-right: 15px; }
div.user a { color: #444; text-decoration: none; }

div.contact
{
    float: left;
    width: 300px;
}


/* -------------------------------------------- */
/* CUSTOM CLASSES                               */
.vacatures { float: right; }

p.informatie {
  clear: both;
  font-size: 18px;
  color: #222;
  margin-bottom: 25px;
  margin-top: 23px;
}

.submit {
  width: 73px;
  height: 22px;
  background: #f3f3f3;
  border-top: 1px solid #dedddd;
  border-left: 1px solid #dedddd;
  border-right: 1px solid #b3b4b4;
  border-bottom: 1px solid #b3b4b4;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  cursor: pointer;
  padding: 0;
}