html
{
    margin:     0px;
    padding:    0px;
    
    height:     100%;
    
    /*
    scrollbar-face-color:       #FFFFFF;
    scrollbar-track-color:      #F8F8F8;
    scrollbar-3dlight-color:    #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;    
    scrollbar-arrow-color:      #8b8b8b;    
    scrollbar-shadow-color:     #8b8b8b;
    scrollbar-highlight-color:  #8b8b8b;    
    */
}

form
{
margin: 0px;
/*border: 1px solid red;*/
}

body
{
    margin:             0px;
    padding:            0px;
    text-align:         center;
    
    height:             100%;
    
    background-color:   #F8F8F8;
    
    font-size:          8pt;
    font-family:        Verdana;     
    line-height:        20px;
    color:              #8b8b8b;    
    
}

td
{
    font-size:          8pt;
    font-family:        Verdana;     
    line-height:        20px;
    color:              #8b8b8b; 
}

div#container
{
    position: 	relative;
    width: 		780px;      
    
    height: 	100%;    
    
    margin: 	0 auto;
    
    background-color:   #F8F8F8;
}

div#header
{
    position:       relative;
    left:           0px;
    top:            0px;
    
    width:          780px;
    height:         347px;    
}

div#domeinnaamvrijMenu
{
    position:       absolute;
    left:           10px;
    top:            170px;
    
    width:          250px;
    height:         120px;    
    z-index:        2;
    
    border:         1px solid #8b8b8b;   
    
}

div#content
{
    position:           relative;
    background-color:   #F8F8F8;    
    text-align:         left;    
}

div#contentContent
{
    position:       relative;
    float:          left;
    text-align:     left;
    width:          465px;
    left:           120px;
    text-align:     justify;    
}

div#webhostingBlz
{

    bottom:         0px;
    width:          100%;
}

div#headerMenu
{
    position:           absolute;
    right:              14px;
    top:                22px;
    z-index:            1;
}

div#headerLeft
{
    position:           absolute;
    left:               5px;
    top:                0px;
    z-index:            1;
}

div#toonUitleg
{
    position:           absolute;
    z-index:            3;
    margin-left:        300px;
    margin-top:         380px;
    width:              400px;
    height:             230px;
    background-color:   #F8F8F8;   
    color:              #8b8b8b; 
    border:             1px solid #8b8b8b;
    text-align:         justify;
    padding:            5px;
    overflow:           auto;
}

div#hoverEffect
{
 position: absolute;
 z-index: 100;
 left: 520px;
 top: 168px;
 width: 100px;
 height: 20px;
}

div#hoverEffect img
{
 display: none;
}


.hdn
{
   display:        none;
}

.vsbl
{
    display:        block;
}

h1
{
    color:          #81B346;
    font-size:      14px;
    
    font-weight:    bold;
    
    padding-top:    0px;
    margin-top:     0px;
}

/** Submenu **/
div#subMenu
{
    position:       relative;
    float:          left;
    text-align:     right;
    left:           95px;
    width:          180px;        
}

div#subMenu ul{
    margin: 0 auto;
    padding: 0px;
    list-style: none;        
}

div#subMenu ul li{
    padding-bottom: 10px;
    line-height: 10px;
}

div#subMenu a{
    font-size: 11px;    
    text-decoration: none;
    color: #0055A4;
}

div#subMenu a:hover{
    color: #8cd6ef;
}

div#subMenu a.active{
    color: #0055A4;
}

/* a */
a{       
    text-decoration: none;
    color: #0055A4;
}

a:hover{
    color: #8cd6ef;
}

a.active{
    color: #0055A4;
}

input.button
{	
    FONT-FAMILY:        Verdana; 
    margin-top:         5px; 
    border:             1px outset; 
    FONT-SIZE:          11px; 
    FONT-WEIGHT:        BOLD; 
    HEIGHT:             20px;     
    background-color:   #F8F8F8; 
    margin-left:        3px;
    color:              #8b8b8b;
}

input.button_domein
{	
    FONT-FAMILY:        Verdana; 
    margin-top:         5px; 
    width:              100px;
    border:             1px outset; 
    FONT-SIZE:          11px; 
    FONT-WEIGHT:        BOLD; 
    HEIGHT:             20px;     
    background-color:   #F8F8F8; 
    margin-left:        3px;
    color:              #8b8b8b;
}

input.text 
{
    FONT-FAMILY:        Verdana; 
    FONT-SIZE:          11px;     
    width:              160px; 
    margin-left:        3px;  
    background-color:   #F8F8F8;  
}

select.text 
{
    FONT-FAMILY:        Verdana; 
    FONT-SIZE:          11px;     
    width:              166px; 
    margin-left:        3px;  
    background-color:   #F8F8F8;  
}

textarea.text 
{
    FONT-FAMILY:        Verdana; 
    FONT-SIZE:          11px;          
    margin-left:        3px;    
    background-color:   #F8F8F8;
}

a
{
    cursor:             pointer;
}

/* login --------------------------------------------- */
form ul {
    margin: 0;
    padding: 0;
}
form li {
    list-style: none;
    padding: 2px;
    margin: 0;
    white-space: nowrap;
}
form li label {
    display: -moz-inline-box !important;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    width: 80px;
    padding-top: 2px !important;
    padding-top: 0px;
}
input#save_email {
    margin-left: 83px !important;
    margin-left: 80px;

}
input#save_password {
    margin-left: 83px !important;
    margin-left: 80px;
}
input#submit {
    margin-left: 83px !important;
    margin-left: 80px;
    margin-top: 8px;    
    
    font-size: 100%;
    font-family: Verdana, Sans-Serif;
    letter-spacing: 0.03em;    
}
label#label_save_email {
    width: auto;
}
label#label_save_password {
    width: auto;
}

div.error {
    padding: 4px 4px 4px 4px;
    border: 1px solid black;
    background: #ffffe1;
    margin-bottom: 8px;
}
div.error img {
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 1px;
}

input.required {
    background: #ffffe1;  
    
    font-size: 100%;
    font-family: Verdana, Sans-Serif;
    letter-spacing: 0.03em;       
}

input.ihea_invoeren
{
	height: 14px;
	width: 135px;	
	font-size: 10px;
	FONT-FAMILY: Verdana;
}

input.ihea_button
{
	height: 20px;	
	font-size: 10px;
	FONT-FAMILY: Verdana;
}