/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background-color:#0a1f5c; color:#FFF;}

a {color:#FFF;}
a:hover {color:#8DDE35;}

#b {color:#A3B8F5; text-decoration:none;}
#b:hover {color:#FFF; text-decoration:none;}

#a {color:#000; text-decoration:none;}
#a:hover {color:#FFF; text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background-color:#081745;}

#logo {color:#FFF;}
#logo a {border-top:2px solid #8DDE35; color:#FFF;}
#logo a:hover {border-top:15px solid #8DDE35;}
#logo span {color:#8DDE35;}

#logo2 {
text-align: center; 
font:bold 130%/1.2 "arial",sans-serif;
border: 1px solid #111; 
position:absolute;
width: 400px;
top:64px;
right:274px;
color: black; 
background-image: url('../design/back.png'); 
background-repeat: repeat;
}
#logo3 {
}
#logo4 {
text-align: center; 
font:bold 130%/1.2 "arial",sans-serif;
border: 1px solid #111; 
position:absolute;
width: 700px;
top:64px;
right:135px;
color: black; 
background-image: url('../design/back.png'); 
background-repeat: repeat;
}

#nav {background-color:#050f2e;}
#nav ul li a {border-right:1px solid #0A1F5C; color:#A3B8F5;}
#nav ul li#nav-active a {background:#8DDE35; color:#050f2e;}
#nav ul li a:hover {background:#030817; color:#FFF;}

#nav2 {background-color:#050f2e;}
#nav2 ul li a {border-right:1px solid #0A1F5C; color:#A3B8F5;}
#nav2 ul li#nav-active a {background:#8DDE35; color:#050f2e;}
#nav2 ul li a:hover {background:#030817; color:#FFF;}

#content {background:#081745;}

#aside {background:#081745;}
#aside .title {border-bottom:1px solid #152F52; background:#050F2E; color:#8DDE35;}

#aside #search .search-input {border:1px solid #152F52; border-right:1px solid #1F477A; border-bottom:1px solid #1F477A; background:#050F2E; color:#FFF;}
#aside #search #search-submit {background:#8DDE35; color:#050F2E;}
.search-submit {background:#8DDE35; color:#050F2E;}

#footer-top {background-color:#8DDE35;}
#footer-bottom {background-color:#8DDE35;}        
#footer {background:#8DDE35; color:#050F2E;}
#footer a {color:#050F2E;}

.low, .low a, a.low {color:#A3B8F5;}
.low a:hover, a:hover.low {color:#FFF;}

.high, .high a, a.high {color:#FFF;}
.high a:hover, a:hover.high {color:#8DDE35;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {border-bottom:1px solid #152F52; border-top:1px solid #152F52; background:#050F2E;}
#topstory h2 a {color:#FFF;}
#topstory h2 a:hover {color:#000;}
#topstory p.info {color:#050F2E}
#topstory p.info a {color:#050F2E;}
#topstory p.info a:hover {color:#FFF;}

#topstory #topstory-title {border-bottom:1px solid #80D620; background:#66B319;}

.col50 .article.bg {background:#050F2E; border-bottom:1px solid #152F52;}
.col50 .article p {color:#A3B8F5;}
.col50 .article p.info {color:#8DDE35;}
.col50 .article p.info a {color:#FFF;}
.col50 .article p.info a:hover {color:#BEED8D;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.hx-style01 {color:#8DDE35;}

/* ----------------------------------------------------------------------------------------------------------
Eigen extra's
---------------------------------------------------------------------------------------------------------- */
#avatar { float:right; padding:10px 10px 10px 10px; text-align:center;}
#collectie { width: 210px;height: 180px; border: 1px solid #00008B; overflow: none; overflow-x: none; overflow-y: none; float:left; padding:5px;}
#invite { width: 630px; border: 1px solid #00008B;}
#invite2 { width: 640px; border: 1px solid #00008B;}
#inviteb { background-color: #00008B;}
#collectie2 { width: 320px; float:right;}
#downloads { width: 210px;height: 180px; border: 1px solid #00008B; overflow: none; overflow-x: none; overflow-y: none; float:right; padding:5px;}
#tussen { padding:10px; }
#tussenaanmelden { padding:10px; width: 600px;}
#usernamecheck { padding:10px; width: 600px;}
#aammeldencode { width: 230px; float:right; padding:11px;}
#tddot {background:url("../design/dot.gif") 0 100% repeat-x;}
#tddott {background:url("../design/dot.gif") 0 100% repeat-x; padding-left: 0px; padding-right: 0px;}
#a {text-decoration:none;}
#tablehead {background:url("../design/msf.gif") 0 100% repeat-x; color: black;}

            #zoek {padding:1px 0;}
            #zoek .search-input {width:160px; padding:5px; font:normal 100%/1.2 "arial",sans-serif; border:1px solid #152F52; border-right:1px solid #1F477A; border-bottom:1px solid #1F477A; background:#050F2E; color:#FFF;}
            #zoek #search-submit {padding:4px 5px; border:0; font:bold 100%/1.2 "arial",sans-serif; background:#8DDE35; color:#050F2E;}

#films{
padding:10px;
width:270px;
height:325px;
line-height:9pt;
text-align:left;
color:#FFFFFF;
overflow-x: none;
overflow-y: none;
overflow: auto;
}
#gebeurtenis{
line-height:9pt;
padding:5px;
width:620px;
height:210px;
text-align:left;
color:#FFFFFF;
overflow-x: none;
overflow-y: none;
overflow: auto;
}
#colbewerk { width: 320px; float:left; padding:5px;}
#colbewerk2 { width: 302px; float:right; padding:5px;}
#indexonder{
margin-top:168px;
}

.usercheck-available {
display:block;
background-color: #339900;
font-weight:bold;
padding:5px;
color: #FFFFFF;
height: 15px;
}
.usercheck-taken {
display:block;
background-color: red;
font-weight:bold;
padding:5px;
color: #FFFFFF;
height: 15px;
}