body
{
    background-color:   white;
    overflow:           hidden;
}

#website
{
    position:           relative;
    background-image:   url('../images/login_background.jpg');
    width:              500px;
    height:             567px;
	margin-left:        auto;
	margin-right:       auto;
}

#logobox 
{
    margin-top:         50px;
    text-align:         center;   
    margin-bottom:      10px;
}

.melding
{
    position:			relative;
	margin-left:		auto;
	margin-right:		auto; 
	margin-top: 		20px;
	height:             30px;
	font-family:		verdana;
	font-size:			13px;
	text-align:			center;
	color:              #ff0000;	
}

.browserbox
{
    position:			relative;
	margin-left:		auto;
	margin-right:		auto; 
	margin-top: 		40px;
	width:				470px;
	font-family:		verdana;
	font-size:			13px;
	text-align:			center;
}

.loginbox
{
    position:			relative;
	margin-left:		auto;
	margin-right:		auto;
    border:             1px solid #CCCCCC;
    background-color:   #ff0000;
    width:              320px;
    height:             155px;
    font-family:        verdana;
    font-size:          10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.loginbox .box_top
{
    margin-top:     6px; 
    margin-bottom:  3px; 
    margin-left:    10px; 
    color:          white;    
}

.login_inside
{
    border: 1px solid   #CCCCCC;
    background-color:   #F8F8F8;
    padding:            5px;
    height:             100px;
    margin:             0px 10px 10px 10px;
}

.label
{
    float:              left;
    width:              110px;
    height:             25px;
    font-family:        verdana;
    font-size:          11px;
}

.field
{
    float:              left;
    width:              170px;
    height:             25px;
}
.field input
{
    height:             15px;
    width:              160px;
    font-family:        verdana;
    font-size:          11px;    
}

.title
{
    margin-left:        50px;
    width:              300px;
    font-family:        verdana;
    font-size:          24px;
    font-weight:        bold;
    text-align:         center;
}

.error
{
    margin-top:         5px;
    margin-left:        auto;
    margin-right:       auto;
    width:              320px;
    font-family:        verdana;
    font-size:          12px;
    font-weight:        bold;
    color:              red;
    text-align:         center;
}

.browserlink
{
     text-decoration:   none; 
     color:             #105c95;
     font-size:         10px;
     font-family:       verdana;
}

    #login .type
    {
          float:            left;
          width:            100px;
          height:           22px;
          font-size:        13px;
          margin-bottom:    5px;
    }
    
    #login .input
    {
          float:            left;
          width:            180px;
          margin-bottom:    5px;
          height:           22px;
    }
    
    #login .onthoud_gegevens
    {
           float:           left;
           margin-left:     100px;
    }
    
    #login .login
    {
        margin-top:         3px;
        margin-left:        100px;
    }
    
    #login .opties
    {
        position:           absolute;
        bottom:             5px;
        right:              10px;
    }
    #login .opties a
    {
        color:              white;   
    }
    
    .inputtext
    {
        width:              155px
    }