/* CSS VOOR GBWEBDESIGN 
 * Beschrijving: Dit is het algemene CSS document voor de website
 * van GBWebdesign. 
 * Auteur: Gert van den Brink (GBWebdesign)
 * Datum: 20-04 
 */

/* ALGEMENE EIGENSCHAPPEN */

*{
  margin: 0px;
  padding: 0px;
}
img{
  border: 0px;
}
body{
  font-size:12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,b,li,a{
  font-size: 12px;
  font-family: Verdana;
}

/* VORMGEVING ACHTERGROND */

div.donkerboven{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #282828;
  width: 100%;
  height: 500px;
  z-index: 0;
}

div.balk{
  position: absolute;
  background-image: url('../image/balk.png');
  background-repeat: repeat-x;
  top: 455px;
  width: 100%;
  height: 100px;
  z-index: 2;
}

/* VORMGEVING VAN DE MAIN DIV */

div.main{
  width: 985px;
  position: absolute;
  left: 50%;
  margin-left:-478px;
  top: 0px;
  z-index: 1;
}

/* HET LOGO */

.logo{
  margin: 10px;
}

/* MENU */

ul.menu{
  position: absolute;
  left: 340px;
  top: 0px;
}

ul.menu li{
  background-image: url('../image/menu_button.png');
  background-repeat: no-repeat;
  height: 76px;
  width: 197px;
  list-style-type: none;
  position: absolute;
}
ul.menu img{
  position: absolute; 
}

/* VORMGEVING BLAUWE VAK */

div.blauw_vak{
  background-image: url('../image/blauw_vak.png');
  background-repeat: no-repeat;
  height: 305px;
  width: 955px;
  position: absolute;
  left: 0px;
  top: 136px;
}

/* TEKST BLAUWE VAK */

h1{
  color: #277aa3;
  font-size: 33px;
  font-weight: normal;
  left: -2px;
  position: relative;
}
h2{
  color: #277aa3;
  font-size: 16px;
  font-weight: normal;
}
p{
  margin: 10px 0px;
  color: #000000;
}
div.text{
  position: absolute;
  left: 35px;
  top: 25px;
  width: 400px;
}

/* TEKST ONDER */

div.bottom{
  position: absolute;
  left: 0px;
}
div.bottom p{
  margin: 5px;
  color: #CCCCCC;
  position: relative;
  left: 180px;
}
div.bottom a{
  color: #CCCCCC;
}
h3{
  font-size: 16px;
  font-weight: bold;
  color: #208BC4;
  margin: 15px 20px;
}
img.lijntje{
  position: absolute;
  right: 0px;
  top: 0px;
}
a.lees{
  position: relative;
  left: 180px;
  color: #585858;
}

/* WAT BIEDT */

div.wat_biedt{
  position: absolute;
  top: 555px;
  left: 0px;
  width: 318px;
}
div.wat_biedt ul{
  list-style-image: url('../image/vinkje.png');
}
div.wat_biedt li{
  color: #585858;
  margin: 6px 44px;
}

/* LAATSTE NIEUWS */

div.nieuws{
  position: absolute;
  top: 555px;
  left: 319px;
  width: 318px;
}
div.nieuws p{
  margin: 15px 0px 15px 20px;
  color: #585858;
}

/* CONTACT */

div.contact{
  position: absolute;
  top: 555px;
  left: 637px;
  width: 318px;
}
input,textarea{
  border: dashed 1px #BBBBBB;
  width: 230px;
  margin: 5px 0px;
}
form{
  margin: 15px 20px;
}
div.velden{
  position: absolute;
  top: 43px;
  left: 80px;
}
div.contact_tekst p{
  margin: 15px 0px;
}
input.verzenden{
  border: solid 1px #BBBBBB;
  color: #BBBBBB;
  background-color: #FFFFFF;
  width: 100px;
  position: relative;
  left: 130px;
}

/* FOUTMELDING BOXEN */

#msg{
  display:none; 
  position:absolute; 
  z-index:200; 
  background:url('../image/msg_arrow.gif') left center no-repeat; 
  padding-left:7px;
}
#msgcontent{
  display:block; 
  background:#f3e6e6; 
  border:2px solid #924949; 
  border-left:none; 
  padding:5px; 
  min-width:100px; 
  max-width:130px;
}

.streep{
  height: 1px;
  width: 100%;
  background-image: url('../image/streepje.png');
  background-repeat: repeat-x;
  position: absolute;
}