/*============================== Layout ==============================*/

html
{
  width: 100%;
  height: 100%;
  font-family: Georgia;
  font-size: 14px;
  font-weight: normal;
  color: black;  
}

body
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
}

*
{
  font-family: Century Gothic;
  font-size: 14px;
  margin: 0; 
  padding: 0;  
}

/* ----------container to center the layout-------------- */
#container 
{
  background-color: transparent;
  width: 960px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- banner for the header -------------- */

#header
{

  width: 960px;
  background-color: transparant;
  height: 172px;
  background-image: url(../images/header.gif);
  background-repeat: no-repeat;
  background-position: center center;  
}

/* -----------------content--------------------- */

#left
{
  float: left;
  width: 210px;
  background-color:transprant;
}

#left_menu_border_outer
{
  width: 208px;
  border: 1px solid #55caef;
}

#left_menu_border
{
  width: 180px;
  border: 14px solid #82E1FF;
}

#left_menu_border_inner
{
  width: 178px;
  border: 1px solid #55caef;
}

#left_menu 
{
  width: 178px;
  margin-bottom: 10px;
}

#left_menu a
{
  margin-left: 5px;
  font-size: 16px;
  text-decoration: none;   
  color: black;
  margin-top: 10px;
  display: block;
}


#left_menu a:link,a:visited 
{ 
  color: black; 
}

#left_menu a:hover
{
  color: #30A4C7;  
}

#left_menu a.menu_item_active
{
  color: #30A4C7; 
}

#left_menu li
{
  margin-left: 35px;
  list-style-image: url(../images/dot.gif);
}

#left_menu li.menu_item_active
{
  margin-left: 35px;
  list-style-image: url(../images/dot_down.gif);
}

#content 
{
  background-color: transparent;
  float: left;
  width: 750px;
  min-height: 400px;
}

#content_text
{
  padding-left: 25px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 10px;
}

#content img
{
  border: 1px solid #848484; 
}

#content img.no_border
{
  border: 0;
}

#content li
{
  margin-left: 25px;
  list-style-image: url(../images/dot_small.gif);
}
/*============================== Content ==============================*/

h2
{
  font-size: 18px;
  color: #30A4C7;
  font-weight: bold;
  text-decoration: underline;
}

h3
{
  font-size: 15px;
  color: #30A4C7;
  font-weight: bold;
  text-decoration: underline;
}

h4
{
  font-size: 15px;
  font-weight: bold;
}

b
{
  font-weight: bold;
}

.vet
{
  font-weight: bold;
}

li
{
  margin-bottom: 3px;
}

.align_center
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.float_left
{
  float: left;
}

.float_right
{
  float: right;
}

/*============================== ==============================*/

/*============================== Link ==============================*/
a, a:visited, a:active
{
  text-decoration: underline;
  color: #0b7798;
}

a:hover
{
  color: #7abcd0; 
}
/*==============================  ==============================*/

/*============================== Contact formulier ==============================*/

input, textarea
{
  border : 1px solid #30A4C7;
}

.no_border
{
  border: none;
}

.button
{
  padding: 3px;
}

.button:hover
{
  background-color: #cde7ef;
}


.contact_tabel
{
  width: 100%;  
}

.contact_tabel .veld_naam
{
  vertical-align: top;
  width: 20%;
  text-align: left
}

.contact_tabel .veld_invoer
{
  vertical-align: top;
  width: 80%;
  text-align: left;
}

/*==============================  ==============================*/

.bericht_container
{
  width: 100%;
  border: 1px dotted #044457;
}

.kopje
{
  padding-top: 10px;
  margin-left: 25px;
  margin-right: 25px;
}

.titel
{
  float: left;
  font-size: 14px;
  color: #30A4C7;
  font-weight: bold;
}

.datum
{
  float: right;
  font-size: 13px;
  text-decoration: italic; 
  font-weight: normal;
  color: #044457;  
}


.bericht
{
 padding-top: 10px;
 margin-bottom: 10px;
 margin-left: 25px;
 margin-right: 25px;
 clear: both;
 font-size: 14px;
 color: #044457;
 font-weight: normal;
}

.email_tabel td
{
  padding-right: 50px;
}