html, body{
   font-family: 'Segoe UI';
   margin: 0;
   padding: 0; 
   height: 100%;
}

a{
    text-decoration: none;   
}

a img{
    border: 0px;   
}
#content a {
    color: #F60;
    text-decoration: underline;
}
#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%; 
    margin: 0px 0px -137px 0px;
}

#headerwrapper{
    margin: -10px 0px 0px 0px;
    background-image: linear-gradient(bottom, #FFFFFF 22%, #F6F6F6 81%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 22%, #F6F6F6 81%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 22%, #F6F6F6 81%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 22%, #F6F6F6 81%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 22%, #F6F6F6 81%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.22, #FFFFFF),
        color-stop(0.81, #F6F6F6)
    );
}

#header {
    margin: 0 auto;
    width: 930px;
    height: 178px;
}

#logo {
    width: 480px;
    height: 178px;
    float: left;
}

#logo img{
    margin-top: 30px;
}

#menu {
    width: 450px;
    height: 178px;
    float: right;
    overflow: hidden;
}

#arrow{
    position: absolute;
    width: 500px;
    height: 100px;
    display: none;
}

#arrow img{
    margin: 0px 0px 0px -25px;
}

#wiebenik{
    width: 440px;
    float: left;
}

.wie{
    margin-left: 75px;
    display: none;   
}

#menu ul{
    margin: 110px 0px 0px -20px;
}

#menu li{
    float: left;
    list-style: none;
    margin-left: 25px;
    font-size: 20px;
    color: #0b1550;
}

#menu li a{
    text-decoration: none;
    color: #0b1550;
}

#subheader-wrap{
    width: 100%;
    height: 245px;
    background-image: url('/images/subhead-bg.png');
    border-top: 7px solid #ff6600;
}

#subheader{
    width: 930px;
    height: 200px;
    margin: 0 auto;
}

#subheader-wrap-small{
    width: 100%;
    height: 50px;
    background-image: url('/images/subhead-bg.png');
    border-top: 7px solid #ff6600;
}

#subheader-small{
    width: 930px;
    height: 25px;
    margin: 0 auto;
}

#paperclip{
    float: left;
    width: 490px;
}

#paperclip img{
    margin: -12px 0px 0px -30px;
}


#ingrid{
    background-image: url('/images/ingrid6.png');
    height: 245px;
    width: 377px;
    float: right;
}


#naam p{
    margin: 0;
}

#content{
    margin: 0 auto;
    width: 930px;
    margin-bottom: 10px;
    height: 100%;
}

#module{
    margin: 0 auto;
    width: 930px;
    margin-top: 0px;
}

#module h1{
    font-family: 'Segoe UI light';
    font-size: 36px;
    float: right;
    margin: -10px 0px 5px 0px;
}

#content h1{
    font-family: 'Segoe UI light';
    font-weight: lighter;
    font-size: 36px;
    float: right;
    margin: -10px 0px 5px 0px;
}

#content p{
    text-align: justify;
    margin-bottom: -10px;
}

#box-wrap{
    width: 930px;
}

.box{
    width: 438px;
    height: 140px;
    float: left;
    margin: 40px 0px 0px 0px;
    border: 1px solid #cacaca;
    background: #eeeeee;
    -webkit-box-shadow: 2px 2px 2px 1px #676565;
    box-shadow: 2px 2px 2px 1px #676565;
    cursor: pointer;
}

.box:hover{
    background: #ffe6c3;
    border: 1px solid #ff6e0d;
}

.box-space{
    margin-left: 40px
}

.box-img{
    width: 140px;
    height: 135px;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.box-content{
    width: 298px;
    height: 135px;
    float: left;
}

.box-content p{
    color: #555555;
    margin: 5px 15px 0px 0px;
    font-size: 14px;
}

.box-content h2{
    font-family: Segoe UI Light;
    font-size: 24px;
    margin: 5px 0px 0px 0px;
}

.box-content a{
    float: right;
    text-decoration: none;
    margin: 0px 15px 0px 0px;
}

.red h2, .red a{ color: #ff0000; }
.orange h2, .orange a{ color: #ff5400; }
.green h2, .green a{ color: #397b1c; }
.blue h2, .blue a{ color: #0090ff; }

#left-module{
    width: 465px;
    float: left;
}

#twitter{
    height: 200px;
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}

#twitter img{
    float: left;
    width: 50px;
}

#twitter h2{
    font-family: Segoe UI light;
    font-size: 26px;
    float: left;
    margin: 5px 0px 0px 20px;
}

.twitter-title{
    text-align: left;
    font-weight: normal;
    color: #ed5411 !important;
    text-decoration: none !important;
    margin-top: 30px;
}

.twitter-at{
    font-size: 11px;
    font-weight: normal;
    color: #555555;
    margin-left: 5px;
}

.twitter-time{
    float: right;
}

#twitter p{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

#twitter a{
    text-decoration: underline;
    color: black;
}

#twitter-more{
    margin: 10px 0px 0px 0px;
    text-decoration: none !important;
    color: #ed5411 !important;
    float: right;
}

#right-module{
    width: 465px;
    float: left;
}

#shop{
    height: 200px;
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}

#shop img{
    float: left;
    width: 50px;
}

.boekje{
    width: 140px !important;
    margin-top: 30px !important;
    margin-left: 20px;
    float: left;
}

#shop h2{
    font-family: Segoe UI light;
    font-size: 26px;
    float: left;
    margin: 5px 0px 0px 20px;
}

.shop-title{
    color: #ed5411 !important;
    margin-left: 20px;
}

.shop-auteur{
    font-size: 12px;
    font-weight: normal;
    color: #555555;
    margin-left: 5px;
}

.shop-onderschrift{
    text-align: left;
    font-size: 13px;
    margin-left: 20px;
}

.shop-info{
    margin: 25px 0px 0px 20px;
    float: left;
}

.shop-isbn{
    font-size: 11px;
    float:left;
    margin-left: 15px;
    margin-top: 30px;
}

.shop-price{
    color: #ed5411;
    font-size: 44px;
    margin: 20px 0px 0px 20px;
    float: left;
}

.shop-price-small{
    color: #ed5411;
    font-size: 20px;
    margin: 5px 0px 0px 0px;
    float: right;
}

.shop-exc{
    float: left;
    font-size: 13px;
    margin-left: 20px;
}

.shop-buy{
    background-image: url('/images/kopen.png');
    width: 120px;
    height: 27px;
    float: left;
    margin: 35px 0px 0px 15px;
}

.shop-buy p{
    font-size: 20px;
    margin: -2px 0px 0px 35px;
    color: white;
}

#footer{
    margin-top: 40px;
    width: 100%;
}

.breadcrumb{
    float: left;
    color: white;   
}

.breadcrumb a{
    color: white;
    text-decoration: underline;  
}

.wie-img{
    margin-top: 20px;
    float: left;   
}

.pagetitle{
    margin: 0 auto;
    margin-top: 10px;
    width: 930px;
    font-size: 36px;
    font-family: Segoe UI light;
    text-align: right;
}

.pagetitle2{
    margin: 0 auto;
    width: 800px;
    font-size: 36px;
    font-family: Segoe UI light;
    text-align: right;
}


.pagephoto{
    width: 380px;
    float: left;   
}

.pagecontent{
    color: #555555;
    float: left;
    margin: 0px 0px 20px 20px;
    width: 530px;
}

.first{
    margin-left: 0px !important;   
}

.port-box{
    width: 215px;
    height: 280px;
    float: left;
    margin: 40px 0px 0px 20px;
    border: 1px solid #cacaca;
    background: #eeeeee;
    -webkit-box-shadow: 2px 2px 2px 1px #676565;
    box-shadow: 2px 2px 2px 1px #676565;
    cursor: pointer;
}

.mid-port-box{
    width: 290px;
    height: 340px;
    float: left;
    margin: 40px 0px 0px 20px;
    border: 1px solid #cacaca;
    background: #eeeeee;
    -webkit-box-shadow: 2px 2px 2px 1px #676565;
    box-shadow: 2px 2px 2px 1px #676565;
    cursor: pointer;
    text-align: center;
}

.big-current-box{
    width: 920px;
    height: 280px;
    margin: 40px 0px 0px 0px;
    border: 1px solid #cacaca;
    background: #eeeeee;
    -webkit-box-shadow: 2px 2px 2px 1px #676565;
    box-shadow: 2px 2px 2px 1px #676565;
    cursor: pointer;
}

.big-current-box:hover{
    background: #ffe6c3;
    border: 1px solid #ff6e0d;
}

.port-box:hover{
    background: #ffe6c3;
    border: 1px solid #ff6e0d;
}

.port-box-large{
    width: 930px;
    height: 200px;
    float: left;
    margin: 20px 0px 0px 0px;
    border: 1px solid #cacaca;
    background: #eeeeee;
    -webkit-box-shadow: 2px 2px 2px 1px #676565;
    box-shadow: 2px 2px 2px 1px #676565;
}

.port-large-img{
    float: left;
    width: 280px;
    height: 200px;   
}

.port-large-cont{
    float: left;
    width: 650px;
    height: 200px;   
}

.port-large-cont a{
    color: blue;  
}

.port-photo-img{
    max-width: 240px;
    max-height: 180px;   
}

.port-large-cont h2{
    font-family: 'Segoe UI light'; 
    margin: 10px 10px 0px 0px;
}

.port-box-top{
    width: 195px;
    height: 150px;
    margin: 10px; 
}

.port-box-img{
    max-width: 195px;
    max-height: 150px;   
}

.port-box-bottom p{
    font-size: 18px;
    margin: 20px 10px 0px 10px;   
}

.port-large-cont p{
    margin: 10px 10px 0px 0px;
    height: 130px;
}

.port-large-cont a{
    float: right;
    text-decoration: none;
    margin: -8px 10px 0px 0px !important;
}

.active{
    border-bottom: 2px solid #0B1550;   
}

.footer-sub{
    border-top: 0px !important;
    border-bottom: 7px solid #FF6600;
}

.copyright{
    float: right;
    color: white;      
}

#contactform {
    text-align:left;
    margin: 20px 0px 0px 0px;
}

#contactform ul {
    margin-left: -20px;   
}

#contactform li {
    margin: 5px 0px 5px -40px;
    list-style: none;
}
#contactform li label {
    
    display: inline-block;
    width: 200px;
    margin-bottom: 5px; 
}
#contactform li input[type=text], #contactform li input[type=password] {
    border: 1px solid #CCCCCC;
    padding: 5px;  
    width: 250px;  
}
#contactform li select {
    border: 1px solid #CCCCCC;
    padding: 5px;  
    width: 262px;  
}
#contactform li textarea {
    border: 1px solid #CCCCCC;
    padding: 5px;  
    width:455px; 
    height: 150px; 
    margin: 5px 0px 0px 0px;
}
#contactform li input[type=submit] {
    background: url('/images/button-blue-small.png');
    background-repeat: no-repeat;
    width: 82px;
    height: 30px;
    border: 0px;
    color: white;
    cursor: pointer;
}

.subphoto{
    margin: 20px 0px 0px 10px;   
}

.first-subphoto{
    margin: 20px 0px 0px 0px;   
}

.push{ height: 50px; }

.pagination-wrap{ float: right; }
.pagination { width: 30px; height: 30px; border: 1px solid #cacaca;
    background: #eeeeee; color: black; float: left; margin: 0px 0px 0px 5px; }
.pagination p{ position: absolute; margin: 4px 0px 0px 11px; }
.pagination-last{ margin: 0px; }
.pagination-selected{ background: #0b1550; color: white; }