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

/* all */

.wrapper{
width:1024px;
margin:0 auto;}

body{
font-family:Segoe UI;
color: #ffffff;
background-repeat:no-repeat;
background-position:top center;
background-color:#111010;
margin: 0 auto 0 auto;
height:100%;}

/* Head */

#header{
height:100px; 
background-image:url(../Images/background-header.jpg);
z-index:5;}

#navigation{
float:left;
width:462px;
height:25px;
margin-top:10px;
font-size:0.9em;
line-height:normal;}

#navigation ul{
margin:0;
list-style:none;}

#navigation li{
display:inline;
margin:0;
padding-right:10px;
float:left;}

#navigation a{
height:25px;
width:125px;
float:left;
margin:0px;
font-family:Segoe UI;
font-size:15px;
font-weight:800;
text-transform:uppercase;
text-decoration:none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0}

#navigation a span{
float:left;
color:#fff;padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px}

#navigation a span:visited{
float:left;
color:#777666; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px}

#logo{
width:100px;
height:100px;
float:left;
z-index:10;}

#indeximg{
padding-top:25px;
padding-left:29px;}

/* secundaire head */

#empty{
float:left;
width:100px;
height:25px;}

/* Main */

#indeximg{
padding-top:25px;
padding-left:29px;}

#maintekst{
float:left;
padding-top:25px;
height:235px;
width:375px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#mainlink{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:24px;
height:235px;
width:225px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#link{
float:left;
height:168px;
width:56px;}

.rollover { float: left; margin: 0 1px 1px 0; border:hidden;}
.rollover :link, .rollover :visited { display: block; height: 56px; width: 56px; overflow: hidden; position: relative;  border:hidden;}
.rollover img { position: absolute;  border:hidden;}
.rollover a:hover img { top: -56px; left: 0;  border:hidden;}

audio { width: 350px; display: block;}


/* Gallery */

#rotating-item-wrapper {
position: relative;
width: 966px;
height: 510px;}

.rotating-item {
padding-left:29px;
display: none;
position: absolute;
top: 0;
left: 0;}

/* Footer */

#footer{
clear:both;
background-position:top;
background-color:#111010;
height:100px;
border: none;
bottom:0;}

#footertekst{
float:left;
width:450px;
height:25px;
padding-left:574px;
margin-top:10px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
text-transform:uppercase;}

/* Contact */

#contactimg{
float:left;
padding-top:25px;
height:488px;
width:600px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#contactdata1{
float:left;
padding-top:35px;
padding-left:25px;
padding-right:25px;
height:150px;
width:374px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#contactdata2{
float:left;
padding-left:25px;
padding-right:25px;
height:104px;
width:174px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#contactdata3{
float:left;
padding-right:25px;
height:104px;
width:175px;}

.rollover4 { float: left; margin: 0 0px 0px 0; border:hidden;}
.rollover4 :link, .rollover4:visited { display: block; height: 104px; width: 175px; overflow: hidden; position: relative;  border:hidden;}
.rollover4 img { position: absolute;  border:hidden;}
.rollover4 a:hover img { top: -104px; left: 0;  border:hidden;}

#contactdata4{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
height:257px;
width:974px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

/* About */

#aboutimg{
padding-top:25px;
padding-left:25px;
}

#line{
float:left;
padding-top:11px;
height:25px;
width:1024px;}

#personphoto{
float:left;
padding-top:37px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:575px;
width:250px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

.rollover2 { float: left; margin: 0 0px 0px 0; border:hidden;}
.rollover2 :link, .rollover4:visited { display: block; height: 500px; width: 250px; overflow: hidden; position: relative;  border:hidden;}
.rollover2 img { position: absolute;  border:hidden;}
.rollover2 a:hover img { top: -500px; left: 0;  border:hidden;}

#Nickname{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
height:75px;
width:674px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#table1{
float:left;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:475px;
width:674px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

.blank_row{
height: 10px !important; /* Overwrite any previous rules */;}

.tdcontent1{
width:100px;}

.tdcontent2{
width:474px;}

#subtable2{
line-height:16px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

/* Recruitment */
#recruitmentimg{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:500px;
width:540px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#recruitmenttxt{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:500px;
width:384px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

a.rec:link, a.rec:visited, a.speciaal:hover, a.speciaal:active{
color: #d2000c;
text-decoration: none;
}

/* LINKS */

#linkheadimg{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:432px;
width:540px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#linkheadtekst{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:432px;
width:384px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#linksmainhead{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:50px;
width:974px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#linkimg{
float:left;
padding-left:25px;
padding-right:25px;
height:92px;
width:228px;
z-index:10;}

#linkimg2{
float:left;
padding-left:14px;
padding-right:14px;
padding-top:14px;
padding-bottom:14px;
height:92px;
width:228px;
z-index:10;}

.rollover3 { float: left; margin: 0 0px 0px 0; border:hidden; }
.rollover3 :link, .rollover3:visited { display: block; height: 92px; width: 228px; overflow: hidden; position: relative;  border:hidden;}
.rollover3 img { position: absolute;  border:hidden;}
.rollover3 a:hover img { top: -92px; left: 0;  border:hidden;}

#linkdesc{
float:left;
padding-top:5px;
padding-left:25px;
padding-right:25px;
height:87px;
width:508px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#linkrating{
float:left;
padding-left:25px;
padding-right:25px;
height:92px;
width:138px;
z-index:10;}

#linksend{
float:left;
padding-top:25px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:10px;
width:974px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

/* agenda */

#agenda{
float:left;
padding-left:112px;
padding-top:98px;
height:697px;
width:912px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10}

#agenda1{
float:left;
height:256px;
width:256px;

font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10}

/* Background */

#BGleft{
float:left;
padding-left:25px;
padding-right:25px;
padding-top:10px;
height:697px;
width:600px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10}

#BGright{
float:left;
padding-left:25px;
padding-right:25px;
padding-top:10px;
height:232px;
width:324px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10}

/* conscription */

#form{
float:left;
padding-left:25px;
padding-right:25px;
padding-top:20px;
height:320px;
width:512px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10;}

#contentright{
float:left;
padding-left:25px;
padding-right:25px;
padding-top:10px;
height:340px;
width:412px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10}

#check{
float:left;
padding-left:25px;
padding-right:25px;
padding-top:10px;
width:412px;
font-family:Segoe UI;
font-size:10px;
font-weight:400;
z-index:10}