* {
    margin:0px;
    padding:0px;
}

html, body{
    height: 100%;
}

body {
    font-family: "HelveticaNeue-Light","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    background-image: url(images/fp_header_bg.png);
    background-repeat: repeat-x;
    text-align:left;
}

#container {
    margin: 0 auto;
    min-height:100%;
    width: 700px;
}

#header{
    height: 240px;
}

#main {
    text-align: left;
    overflow: auto;
    padding-bottom: 61px; /*must be same height as the footer */
    margin-left: -20px
    margin-right: -20px;
}

#footer {
    position: relative;
    margin-top: -51px; /*negative value of footer height*/
    height: 50px;
    clear: both;

    background-color: #E0E0E0;
    border-top: 1px solid #B0B0B0;
    width:100%;
}

#foot {
    margin-top: 10px;
    text-align: center;
}

/*Opera fix footer*/
body:before{
    content:"";
    height: 100%;
    float: left;
    width:0;
    margin-top:-32767px;/
}

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

a:hover{
    color: #333333;
}

#login-form{
    background-image: url(images/inlog_bg.png);
    background-repeat: repeat-x;
    width: 350px;
    height:40px;
    margin-left: 0px;
    padding-top: 10px;
    padding-left:10px;
}


#login-form input{
    width: 90px;
    margin-right: 5px;
}

#login-form label{
    margin-right: 2px;
}

#login-form dd, #login-form dt{
    display: inline;
}

#login-form .submit-label, #aanmeld-form .submit-label{
    display:none;
}

#menu{
    text-align: left;
    list-style: none;
    margin-top:40px;
}

div#menu li{
    font-size: 16px;
    display: inline;
    margin: 0 35px;
}

div#menu a:hover{
    color: #666666;
}

div#menu a{
    color: #333333;
}

p,h1,h2,h3 {
    font-weight:normal;
}

h2, h3{
    color: #072453;
    font-weight: normal;
}

h2{
    line-height: 24px;
    font-size: 19px;
    margin-bottom: 5px;
}

h3{
    font-size: 16px;
    margin-bottom: 3px;
}

p{
    line-height: 22px;
}

#headline {
    margin-top: 60px;
    height: 40px;
    text-align: left;
}

#headline h1{
    font-size: 40px;
    color: white;
}

ul p,ul h3{
    text-align: center;
}

ul p{
    margin-bottom: 5px;
}

.link{
    text-decoration: underline;
    color: blue;
}

#aanmeld-form{
    margin: 15 0px;
    padding: 10px 6px 6px 6px;
    border: dotted 1px gray;
    width:350px;
}

#aanmeld-form dd{

}


#aanmeld-form dt{
    float: left;
    width: 150px;
    margin-right: 10px;

}


#aanmeld-form input{
    width: 180px;
}

#aanmeld-form #submit{
    width: 80px;
    margin-left: 120px;
}

#aanmeld-form .opmerkingen{
    height:200px;
}


/**
 * Carousel
 */

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 600px;
    padding: 20px 50px 0px 50px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  600px;
    height: 610px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 600px;
    height: 610px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons Carousel
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}