html{
	margin:0;
	padding:0;
    height: 100%;
    }

body{
    margin:0;
    padding:0;
    height: 100%;
    color:#003772;
    letter-spacing: 1px;
    line-height:17px;
	font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background-color:#003772;	
    background-image: url(../images/gradient.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-attachment: fixed;
	}
    
#face-container{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top:0px;
    min-width: 1500px;
    overflow: hidden;
}
    
#face{
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 990px;
    left: 0px;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

#face-vervolg{
    position: fixed;
    width: 827px;
    height: 612px;
    right: 0px;
    top:0px;
    background-image: url(../images/bg-vervolg.jpg);
    background-repeat: no-repeat;
}

#d-sign-container{
    position: absolute;
    width: 709px;
    height: 698px;
    top:50%;
    margin-top: -349px;
    left: -55px;
}

#d-sign{
    position: relative;
    float: left;
    display: inline;
    width: 709px;
    height: 127px;
    margin-top: 20px;
}

#content-container{
    position: relative;
    width: 602px;
    height: 100%;
    min-width: 602px;
    min-height: 698px;
    margin-left: 390px;
    margin-right: none;    
}

#content-subcontainer{
    position: absolute;
    width: 602px;
    height: 698px;
    top: 50%;
    margin-top: -349px;
    background-image: url(../images/bg-content.png);
    background-repeat: no-repeat;
}

#banner-container{
    position: absolute;
    width: 555px;
    height: 314px;
    left: 25px;
    top: 25px;
}

#banner-fotos{
    position: absolute;
    width: 555px;
    height: 314px;
    left: 0px;
    top: 0px;
}

#banner-overlay{
    position: absolute;
    width: 555px;
    height: 314px;
    left: 0px;
    top: 0px;
    background-image: url(../images/banner-overlay.png);
    background-repeat: no-repeat;
    background-position: top;
}

#banner-container:hover #banner-overlay{
    background-image: url(../images/banner-overlay.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.btn-left{
    position: absolute;
    left: 0px;
    top:138px;
    width: 20px;
    height: 39px;
    background-image: url(../images/btn-left.png);
    background-repeat: no-repeat;
    background-position: top;
    outline: none;
    cursor: pointer;
}

.btn-right{
    position: absolute;
    right: 0px;
    top:138px;
    width: 20px;
    height: 39px;
    background-image: url(../images/btn-right.png);
    background-repeat: no-repeat;
    background-position: top;
    outline: none;
    cursor: pointer;
}

.btn-left:hover{
    background-position: bottom;
    outline: none;
    cursor: pointer;
}

.btn-right:hover{
    background-position: bottom;
    outline: none;
    cursor: pointer;
}


#content{
    position: relative;
    float: left;
    display: inline;
    width: 525px;
    height: 300px;
    padding: 0px 30px 0px 0px;
    margin-left: 25px;
    margin-top: 359px;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: justify;
    overflow: hidden;
}

p{
    margin:0px!important;
    padding:0px!important;
}
 	
h1{
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:15px;
    line-height:20px; 
    color:#003772;
    letter-spacing: 3px;
    font-weight: normal;
    }
	
h2{
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:16px;
    line-height:18px; 
    color:#003772;
    font-weight: normal;
	}
	
h3{
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    line-height:17px; 
    color:#003772;
    font-weight: normal;
    }


a:link, a:visited, a:active{
    color:#0096d8;
    text-decoration:none;
}

a:hover{
    color: #0096d8;;
    text-decoration:underline;
}

ul{
	list-style-position:inside;
}

li{
	list-style-position:inside;
}

a img {
    /* Zorgt ervoor dat er geen border komt om een plaatje
    in enkele browsers */
    border: 0;
}
