BODY
{
    margin: 0 0 0 0;
    background-color: #3C372A;
    font-family    : "Geneva","Trebuchet MS","Lucida Sans";
    font-size      : 12px;
    line-height    : 18px;
    letter-spacing : 1px;
    word-spacing   : 1px;
    align          : left;
}

TABLE
{
    font-family: "Trebuchet MS","Lucida Sans"; 
    font-size: 12px;
}

TABLE P
{
  margin-top    : 0px;
  margin-bottom : 0px;
}

HR
{
  border: 0;
  color: #F2663A;
  background-color: #F2663A;
  height: 1px;
}

INPUT
{
border:0px solid #3C372A;
color:#3C372A;
}

H1
{
  color:#01B4D0;
  font-size:13px;
  font-weight:bold;
font-style  : italic;
  height:28px;
  margin-bottom : 5px;
}

H2
{
  color:#01B4D0;
  font-size:13px;
  font-weight:bold;
  height:16px;
  margin-top : 10px;
  margin-bottom : 0px;
}

H3
{
  color:#000000;
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  margin-top : 0px;
  margin-bottom : 0px;
}

a
{
  color:#999999;
  text-decoration:none;
}

a:hover
{
  color:#01B4D0;
  text-decoration:none;
}

.tabel_lijst
{
  font-size:13px;
}

.tabel_lijst TH
{
  color:#01B4D0;
  text-align:left;
  padding-left : 5px;
  padding-right : 5px;

}

.tabel_lijst TD
{
  font-size:11px;
  padding-left : 5px;
  padding-right : 5px;
}

.tabel_lijst a
{
  color:#01B4D0;
  text-decoration:none;
}

.tabel_lijst a:hover
{
  color:#F9CE85;
  text-decoration:none;
}

#container_bottom a
{
    color: #999999;
    font-size: 11px;
    text-decoration: none;
}

#container_bottom a:hover
{
    color: :#01B4D0;
    text-decoration: none;
}


#blok_filler
{
  padding-top    : 10px;
  padding-bottom : 10px;
  clear:both;
}


#blok_item
{
  border-bottom : 1px solid #FFFFFF;
  padding-top    : 10px;
  padding-bottom : 10px;
  clear:both;
  text-align : left;
}

#blok_item H1
{
  font-size   : 13px;
  font-weight : bold; 
  font-style  : italic;
  text-indent : 48px;
  color:01B4D0;
  text-align: left; 
  background: transparent url(../images/blok_item_h1.png) no-repeat scroll 0 50%;
  background-position: 5px;
  padding-top:25px;
  margin-top:0px;
  margin-right:0px;
  margin-left:0px;
  margin-bottom:0px;
  width:100%;
}

#blok_item .label
{
  color:#FFFFFF;
  font-size:10px;
  float:right;
text-align: right;
padding-left : 20px;
}

#blok_item .knop
{

  background:transparent none repeat scroll 0 0;
  font-size:9px;
  color:#FFFFFF;
}

.MenuItem
{
    color: #999999;
    font-size: 9px;
    text-decoration: none;
}

.MenuItem:hover
{
    color: #01B4D0;
    font-size: 9px;
    text-decoration: none;
}

.MenuItemS
{
    color: #01B4D0;
    font-size: 9px;
    text-decoration: none;
}

.RoundItemLeft
{
    background: url(  '../images/Catalog_Green_Left.gif' ) top;
    height: 10px;
    width: 12px;
}

.RoundItemRight
{
    background: url(  '../images/Catalog_Green_Right.gif' ) top;
    height: 10px;
    width: 12px;
}

.RoundAlternateItemLeft
{
    background: url(  '../images/Catalog_Orange_Left.gif' ) top;
    height: 10px;
    width: 12px;
}

.RoundAlternateItemRight
{
    background: url(  '../images/Catalog_Orange_Right.gif' ) top;
    height: 10px;
    width: 12px;
}

#agenda
{
    background: none repeat scroll 0 0 #FFFFFF;
    left: 0;
    position: absolute;
    top: 0;
    width: 980px;
    z-index:15;
    min-height:500px;
}

#agenda .header
{
  border-bottom: solid 1px #cecdca;
  background: url( '../images/HairPodiumLogo.jpg' ) no-repeat #3c372a;
  height: 98px;
  width  : 100%;
}

#agenda .bar
{
  border-top: solid 1px #ffffff;
  background: url('../images/Hair-Podiummenu_03.gif') repeat #FFFFFF;
  width  : 100%;
  height : 28px; 
}

#agenda .button_exit
{
  background : url('../images/button_exit.png') no-repeat;
  float      : right;
  width      : 25px; 
  height     : 25px; 
}

#agenda .splitter
{
  float      : right;
  width      : 10px; 
  height     : 25px; 
}

#agenda .button
{
  float      : right;
  width      : 25px; 
  height     : 25px; 
  cursor     : pointer;
}



#container
{
  position:relative;
  width:980px;
  text-align : left;
}

#container_left
{
  float : left;
  background: #3C372A;
  width:200px;
  padding-bottom:3px;
  border:1px solid #CECDCA;
background: url( '../images/master_col2_img01.gif' );
}

#container_main_top
{
    border-bottom: solid 1px #cecdca;
    background: url( '../images/HairPodiumLogo.jpg' ) no-repeat #3c372a;
    height: 98px;
}

#container_main
{
  top : 0px;
  background: #FFFFFF;
  float : left;
  margin-left : 7px;
  width:560px;
  border:1px solid #CECDCA;
  min-height:300px;
}

#container_main_inner
{
  margin : 5px;
  height : 100%;
  float  : left;
  width  : 550px;
}

#container_right
{
  top : 0px;
  float : right;
  background: #3C372A;
  width:200px;
  padding-bottom:3px;
  border:1px solid #CECDCA;
background: url( '../images/master_col2_img01.gif' );
}

.left_blok_top
{
  background: url( '../images/spiegel.jpg');
  height: 175px;
  width:100%;
}

.spiegel
{
  padding-top : 16px;
  padding-left : 28px;
  height     : 100%;
  width      : 100%;
}



#container_main TH
{
  border-top: solid 1px #DB5D31;
  border-bottom : 1px solid #DB5D31;
  text-align:left;
  color : #8C8D8F;
}


#main_sitepath
{
  color:#47BCC3;
  border-top: solid 1px #ffffff;
  background:#B7FFFF;
  clear:both;
  height:16px;
  padding-left : 5px;

}

#main_sitepath a
{
  color:#47BCC3;
  text-decoration:none;
}

#main_sitepath a:hover
{
  color:#3C372A;
  text-decoration:none;
}

#main_bottom
{
  background:#22D3D3;
  clear:both;
}

#main_bottom a
{
  color:#FFFFFF;
  text-decoration:none;
}

#main_bottom a:hover
{
  color:#3C372A;
  text-decoration:none;
}



.main_navigatie_top
{
  border-top: solid 1px #ffffff;
  background: url('../images/Hair-Podiummenu_03.gif') repeat #FFFFFF;
  height: 55px;
}

.main_navigatie_top_inner
{
  padding-top:10px;
}

table.menu_table
{
  font-family:'Lucida Sans';
  font-size:10px;
  text-transform:uppercase;
}

table.menu_table td
{
  padding-left:3px;
  padding-right:3px;
}

table.menu_table a
{
  color:#47BCC3;
  display:block;
  font-weight:bold;
  text-decoration:none;
}

table.menu_table a:hover
{
  color:#3C372A;
  text-decoration:none;
}

.menu_table_sub
{
  padding-top : 10px;
  padding-left: 10px;
  font-family:'Lucida Sans';
  font-size:10px;
  text-transform:uppercase;
  float : left;
}

.menu_table_sub_splitter
{
  padding-top : 7px;
  padding-left: 10px;
  float : left;
}

.main_blok
{
  float : left;
  width : 270px;
}

.main_blok a
{
  color:#47BCC3;
  text-decoration:none;
}

#main_blok a:hover
{
  color:#3C372A;
  text-decoration:none;
}


.main_blok_inner
{
  float : center;
  margin-bottom : 20px;
}

.main_button
{
  color:#01B4D0;
  font-size:14px;
  font-weight:bold; 
  left: 5px; 
  cursor: pointer;
  background: #FFFFFF url(../images/btn_orange.gif) no-repeat scroll 0 50%;
  padding-left:15px;
  position: relative; 
  clear:both;
}






.right_blok_top
{
  border-bottom: solid 1px #cecdca;
  padding-top:5px;
  padding-left:10px;
  background: url( '../images/master_col2_img01.gif' );
}

#container_left .label
{
  color:#999999;
  font-size:9px;
  float:right;
}

#container_left .knop
{
  background:transparent none repeat scroll 0 0;
  font-size:9px;
  color:#FFFFFF;
}


#form_main
{
	position:relative;
	width : 540px;
}

#form_main .kop
{
	margin-top:  15px;
	font-size:12px;
        color:#01B4D0;
	border-bottom:1px solid #01B4D0;
	text-transform:uppercase;
}

#form_main .label 
{
	font-size:12px;
	position:relative;
	float:left;
	width:175px;
    	text-align : right;
	margin-top:  6px;
	margin-right: 5px;
        color:#01B4D0;
}

#form_main .veld
{
	position:relative;
	float:left;
    	text-align : left;
	margin-top:5px;
}

#form_main textarea
{
	font-size:12px;
	border: 1px #01B4D0 solid;
	height: 120px; 
	width : 230px;
}

#form_main input
{
border:1px solid #01B4D0;
color:#3C372A;
}

#form_main .radio
{
  border:0px solid #01B4D0;
  color:#3C372A;
}

#form_main .checkbox
{
  border:0px solid #01B4D0;
  color:#3C372A;
}

#form_main .knop
{
    font-family: Verdana, Geneva, Helvetica;
    background-color: #FFFFFF;
    border: 1px #01B4D0 solid;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    color: #01B4D0;
    text-align: center;
    vertical-align: bottom;
    cursor:pointer;
}

#form_main .clear
{
	clear:both;
}