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

/* 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,td{
  font-size: 12px;
  font-family: Verdana;
}

/* VORMGEVING ACHTERGROND */

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

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

/* VORMGEVING VAN DE MAIN DIV */

div.main{
  width: 985px;
  position: absolute;
  left: 50%;
  margin-left:-478px;
  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; 
}

/* TEKST */

h1{
  font-size: 16px;
  font-weight: bold;
  color: #208BC4;
  margin: 10px;
}
h2{
  font-size: 12px;
  font-weight: bold;
  color: #208BC4;
  margin: 10px;
}
p{
  color: #585858;
  margin: 10px;
}
div.text{
  position: absolute;
  left: 10px;
  top: 250px;
  width: 600px;
}
p a{
  color: #208BC4;
}

/* WAT ZEGGEN ZIJ */

div.wat_zeggen{
  position: absolute;
  left: 620px;
  top: 260px;
  background-image: url('../image/wat_zeggen.png');
  width: 356px;
  height: 338px;
  background-repeat: no-repeat;
}
.wat_zeggen p{
  margin: 10px 20px;
}
.wat_zeggen h1{
  margin: 70px 20px 20px 20px;
}
.wat_zeggen a{
  text-align: right;
  color: #208BC4;
  font-weight: bold;
}
p.bericht_van{
  margin: 15px 20px;
  text-align: right;
  color: #208BC4;
  font-weight: bold;
}

/* TEKST ONDER */

div.bottom{
  position: absolute;
  left: 0px;
}
div.bottom p{
  margin: 5px;
  color: #CCCCCC;
  position: relative;
  left: 180px;
}
div.bottom a{
  color: #CCCCCC;
}
div.streep{
  height: 1px;
  width: 100%;
  background-image: url('../image/streepje.png');
  background-repeat: repeat-x;
  position: absolute;
  border: 0px;
}
h3{
  font-size: 16px;
  font-weight: bold;
  color: #208BC4;
  margin: 15px 20px;
}
img.lijntje{
  position: absolute;
}
a.lees{
  position: relative;
  left: 480px;
  color: #585858;
}

/* CONTACT */

input,textarea{
  border: dashed 1px #BBBBBB;
  width: 230px;
  margin: 0px 10px;
}
textarea{
  width: 550px;
}
div.velden p{
  margin: 5px 10px;
}
input.verzenden{
  border: solid 1px #BBBBBB;
  color: #BBBBBB;
  background-color: #FFFFFF;
  width: 100px;
  position: relative;
  left: 450px;
  top: 10px;
}

/* 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;
}