@charset "utf-8";
/* CSS Document */

root {
    display: block;
}
body {
    background-color:white;
}
#pagina {
    margin:0 auto;
    width:840px;
    font-family:"Courier New", Courier, monospace;
    position:relative;
}
#kop {
    float:left;
    position:relative;
    width:840px;
    height:150px;
    text-align:right;
}
#logo{
    float:left;
    position:relative;
    margin-left:-50px;
    z-index:-999;
}

#inleiding {
    float:left;
    width:800px;
    position:relative;
    margin-top:10px;
    padding:0;
    font-size:0.9em;
    height:25px;
}

#mainbox {
    float:left;
    padding:0px;
    position:relative;
    margin-top:60px;
    width:840px;
    background:white;
    font-size:0.9em;
    text-align:justify;
    letter-spacing:-0.8px;
}
#mainbox a{
    text-decoration:underline;
}
#contents{
    float:left;
    width:840px;
    position:relative;
}
#frontpage{
    float:left;
    height:595px;
    width:840px;
    margin-left:0px;
    padding-left:0px;
    position:relative;
    background-image:url('../images/backgroundfrontpage.jpg');
    background-repeat:no-repeat;
}
.clickmessage{
    float:right;
    padding-left:10px;
    font-size:0.8em;
    padding-top:10px;
}
#web{
    float:left;
    position:relative;
    width:520px;
    height:135px;
    margin-top:80px;
    left:150px;
}
#detailweb{
    background-color:#f0f0f0;
    position:relative;
    margin-left:0px;
    padding-left:0px;
    float:left;
}
#graphic{
    position:relative;
    float:left;
    width:520px;
    height:135px;
    left:150px;

}
#detailgraphic{
    background-color:#f0f0f0;
    position:relative;
    margin-left:0px;
    padding-left:0px;
    float:left;
}
#visualisation{
    position:relative;
    float:left;
    width:520px;
    height:135px;
    left:150px;
}
#detailvisual{
    background-color:#f0f0f0;
    position:relative;
    margin-left:0px;
    padding-left:0px;
    float:left;
}
#sections{
    float:left;
    height:30px;
    padding-top:0px;
    padding-bottom:30px;
    position:relative;
    list-style:none;
    width:840px;
    color:black;
}
#sections ul{
    float:left;
    list-style:none;
    text-align:left;
    position:relative;


}
#sections li {
    float:left;
    list-style:none;
    font-weight:bold;
}
#sections ul li a{
    float:left;
    padding-right:50px;
    list-style:none;
    color:black;
    text-decoration:none;
}
#sections ul li a:hover{
    background-color:black;
    color:white;
}
#contents{
    width:840px;
}
#footer{
    padding-top:10px;
    position:relative;
    float:left;
    width:840px;
    color:black;
    border-top-style:solid;
    border-top-width:1px;
    margin-top:20px;
}
#comment{
    float:right;
    width:48%;
}
#footer a {
    text-decoration:none;
    color:black;
}
#footercopy {
    float:left;
}
#footeradmin{
    float:right;
    font-size:0.7em;
}
#news{
    float:left;
    width:840px;
    background-color:#f0f0f0;
}
#newsnaming{
    color:white;
    background:black;
}
#formulier{
    float:left;
    margin-left:15%;
    margin-right:15%;
    padding-top:5%;
}
#labels{
    margin:0 auto;
    float:left;
    width:100px;
}
#invoer{
    margin:0 auto;
}
#output{
    font-size:0.8em;
    color:red;
    font-weight:bold;
}
/* Navigation menu */
#nav, #nav ul{
    float:left;
    padding:0;
    margin-top:0;
    margin-left:0;
    width:840px;
    background:white;
    list-style:none;
    line-height: 1;
}
#nav a{
    margin:0 auto;
    display:block;
    padding-right:25px;

    color:maroon;
}
#nav a:hover {
    background-color:black;
    color:white;
}
#nav li{
    width:auto;
    float:left;
    font-weight:bold;
}

/* SubNavigation CSS */
#subnav, #subnav ul{
    float:left;
    position:relative;
    padding:0;
    margin-top:30px;
    margin-bottom:0px;
    margin-left:0;
    width:840px;
    list-style:none;
    line-height: 1;
}

#subnav li{
    float:left;
    font-weight:bold;
    padding-right:25px;
}

#subnav li a:hover{
    background-color:black;
    color:white;
}
#sections, #sections ul{
    float:left;
    position:relative;
    padding:0;
    margin-top:30px;
    margin-bottom:0px;
    margin-left:0;
    width:840px;
    list-style:none;
    line-height: 1;
}
#sections li{
     float:left;
    font-weight:bold;
    padding-right:25px;
}
#sections li a{
    text-decoration:none;
}
#sections li a:hover{
    background-color:black;
    color:white;
}
/* Login */
#loginlink{
    padding-top:0px;
}
#loginlink a{
    color:black;
    font-size:0.9em;
}

.big{
    font-size:3em;
    text-align:center;
    padding-top:25%;
    font-weight:bold;
}
#musiclist{
    padding:0px;
    margin-left:33%;
    float:left;
    width:50%;
    padding-bottom:20px;
}

.userloginform fieldset {
    width:100%;
    background-color:#F1F1F1;
}
.userloginform {
    margin-left:10%;
    margin-right:15%;
    padding-top:20px;
    font-size:0.9em;
    text-align:justify;
}
.userloginform form ul {
    list-style:none;
    margin:0;
    padding:0;
}
.userloginform form ul li{
    padding:0px;
    margin-left:0%;
    margin-right:0%;
}
.userloginform form ul label {
    float:left;
    width:210px;
}

.userloginform form input {
    width:200px;
}

.userloginform a{
    font-weight:bold;
    text-decoration:underline;
}

/*
* The style for the register form 
*/
#newuserstreetnr{
    width:40px;
}
#newuserpostalcode{
    width:40px;
}
#buttons1{
    width:60px;
    font-size:0.9em;
    background-color:white;
    border-width:1px;
}
#newusernick.approved{
    background-color:lime;
}
#newusernick.thinking{
    background-color:yellow;
}
#newusernick.denied{
    background-color:red;
}
#newpswduser1.approved{
    background-color:lime;
}
#newpswduser1.thinking{
    background-color:yellow;
}
#newpswduser1.denied{
    background-color:red;
}
#newemailuser.approved{
    background-color:lime;
}
#newemailuser.thinking{
    background-color:yellow;
}
#newemailuser.denied{
    background-color:red;
}
#buttons2{
    width:60px;
    font-size:0.9em;
    border-width:1px;
}
#browsedata{
    width:100%;
    position:relative;
    background-color:black;
    color:white;
    font-weight:bold;
    float:left;
}
#browsedata a{
    text-decoration:none;
    background-color:white;
    font-weight:bold;
    color:black;
}
#pagelisting{
    float:right;
}
h2.sectiontitle{
    float:left;
    padding-top:60px;
    margin-left:0px;

}

a{
    color:black;
    text-decoration: none;
}
p{
    margin-top:0px;
    padding-top:0px;
}

input{
    width:250px;
}
img{
    border:0;
}
h2{
    padding-top:20px;
    font-size:2em;
    font-weight:900;
}
h3.frontpage {
    float:left;
}
h3.curriculum {

    background-color:silver;
}
.attheright{
    float:right;
    padding-left:10px;
    text-align:right;
}
.attheleft{
    float:left;
    padding-right:10px;
    text-align:left;
}