body
{
   padding: 10px 0;
   margin: 0;
   background-image: url('images/A_majestic_line_of_Emperor_penguins,_Antarctica.jpg');
   background-position: left top;
   background-attachment: fixed;
   position: relative;
}

*
{
   outline: none;
   text-decoration: none;
}

@font-face
{
   font-family: "Tex Gyre ScholaBold";
   src: local("Tex Gyre ScholaBold"), url(fonts/texgyreschola-bolditalic-webfont.ttf) format("truetype");
   font-weight: 700;
   font-style: italic;
   font-variant: normal;
   font-stretch: normal;
}

h2
{
   letter-spacing: 3px;
   font-family: "Tex Gyre ScholaBold";
   font-size: 17px;
}

div#headerContainer
{
   height: 120px;
   margin: 0px 0px 0px 460px;
   background-color: #ffffff;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.3;
   -moz-border-radius-topleft: 60px;
   -moz-border-radius-bottomleft: 60px;
   z-index: 10;
   position: relative;
}

div#headerContainer a
{
   display: block;
   position: relative;
   text-decoration: none;
   white-space: nowrap;
   color: rgba(0, 0, 0, 0.75);
   padding-left: 20px;
   text-decoration: none;
   letter-spacing: 10px;
   font-family: "Tex Gyre ScholaBold";
   font-size: 75px;
   text-transform: none;
}

div#headerContainer a:hover, div#headerContainer a:focus em
{
   color: rgba(0, 0, 0, 1.0);
}

div#menu
{
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   left: 10px;
   font-weight: bold;
   text-align: center;
   color: rgb(170, 178, 192); 
   color: rgba(170, 178, 192, .75);
   line-height: 30px;
   z-index: 5;
   padding-left: 10px; 
   text-transform: uppercase;
   letter-spacing: 1px;
}

#menu ul li.current a:hover,
#menu ul li.current a:focus
{
   color: rgb(179, 45, 71); 
   color: rgba(179, 45, 71, 1);
}

#menu a:hover,
#menu a:focus
{
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .1);
}

#menu a:active,
#menu ul li.current a:active
{
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .35);
}

#menu ul
{
   width: 5000px;
}

#menu ul li
{
   float: left;
   width: 100px;
   list-style: none;
   padding: 20px 0;
   color: rgb(170, 178, 192); 
   color: rgba(170, 178, 192, .75);
}

#menu ul li a
{
   display: block;
   width: 100px;
   color: rgb(14, 32, 59); 
   color: rgba(14, 32, 59, .75);
   text-decoration: none;
   position: absolute;
   padding: 20px 0;
   top: 0;
   z-index: 5;
   bottom: 0;
}

#menu ul li.current a
{
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .25);
   color: rgb(179, 45, 71); 
   color: rgba(179, 45, 71, .75);
}

#menu ul li a em
{
   display: none;
}

#menu ul li a:hover > em
{
   display: block;
   width: 100px;
   position: absolute;
   padding-bottom: 100px;
   padding-top: 100px;
   bottom: 0;
   writing-mode:tb-rl;
   -webkit-transform:rotate(270deg);
   -moz-transform:rotate(270deg);
   -o-transform: rotate(270deg);
   white-space:nowrap;
   color: rgb(179, 45, 71); 
   color: rgba(179, 45, 71, .75);
   font-family: "Tex Gyre ScholaBold";
   font-size: 20px;
   text-transform: none;
}

img#wij
{
   float: left;
   position: relative;
}

p#ping
{
   font-family: "Tex Gyre ScholaBold";
   font-size: 19px;
   padding: 5px;
   -moz-border-radius-topleft: 25px;
   -moz-border-radius-bottomleft: 25px;
   -moz-border-radius-topright: 25px;
   -moz-border-radius-bottomright: 25px;
   border: 1px rgba(110, 118, 121, 0.75) solid;
   position: relative;
   z-index: -5;
   background-color: rgba(224, 235, 240, 0.4);
}

div#contentContainer
{
   width: 940px;
   min-height: 750px;
   margin: 30px auto 0px auto;
   padding: 10px;
   background-color: rgba(255, 255, 255, 0.65);
   color: #7B7B7B;
   -moz-border-radius-topleft: 25px;
   -moz-border-radius-bottomleft: 25px;
   -moz-border-radius-topright: 25px;
   -moz-border-radius-bottomright: 25px;
   border: 10px rgba(110, 118, 121, 0.75) solid;
   z-index: 20;
   position: relative;
}

div#contentContainer label.vraag
{
   display: block;
   padding-top: 5px;
   padding-bottom: 4px;
   padding-left: 5px;
   clear: both;
   color: #062E6B;
   font-family: "Arial",Helvetica,sans-serif;
   font-size: 13px;
   font-weight: bold;
}

div#contentContainer input[type=text], div#contentContainer input[type=file], div#contentContainer select
{
   display: block;
   margin-bottom: 20px;
   padding: 3px;
   height: 22px;
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .1);
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   border: 2px #9DB5C4 solid;
   font: 12px "Lucida Grande","Arial",Sans-serif;
   width: 200px;
}

div#contentContainer select
{
   display: block;
   margin-bottom: 20px;
   padding: 3px;
   height: 25px;
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .1);
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   border: 2px #9DB5C4 solid;
   font: 12px "Lucida Grande","Arial",Sans-serif;
   width: 200px;
}

div#contentContainer input[type=submit]
{
   display: block;
   margin-top: 30px;
   margin-bottom: 20px;
   padding: 3px;
   height: 30px;
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .1);
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   border: 2px #9DB5C4 solid;
   font: 12px "Lucida Grande","Arial",Sans-serif;
   font-weight: bold;
   width: 150px;
}

div#contentContainer textarea
{
   display: block;
   margin-bottom: 10px;
   padding: 3px;
   background-color: rgb(14, 32, 59); 
   background-color: rgba(14, 32, 59, .1);
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   border: 2px #9DB5C4 solid;
   font: 12px "Lucida Grande","Arial",Sans-serif;
}

div#contentContainer label.vraagNietIngevuld
{
   display: block;
   padding-top: 5px;
   padding-bottom: 4px;
   padding-left: 5px;
   clear: both;
   color: #D70505;
   font-family: "Arial",Helvetica,sans-serif;
   font-size: 13px;
   font-weight: bold;
}

div#contentContainer div.vraag
{
   margin-top: 20px;
   margin-bottom: 20px;
}

div#contentContainer div.vraagNietIngevuld
{
   margin-top: 20px;
   margin-bottom: 20px;
   border: 1px dotted #D70505;
   -moz-border-radius: 15px;
}

div#contentContainer font.vraag
{
   color: #062E6B;
   font-family: "Arial",Helvetica,sans-serif;
   font-size: 14px;
   font-weight: bold;
}

div#contentContainer font.vraagNietIngevuld
{
   color: #D70505;
   font-family: "Arial",Helvetica,sans-serif;
   font-size: 14px;
   font-weight: bold;
}

div#contentContainer div#boxFouten
{
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   letter-spacing: 3px;
   font-family: "Tex Gyre ScholaBold";
   font-size: 15px;
   text-transform: none;
   width: 550px;
   border: 3px solid #D70505;
   background: #FFEBE8;
   padding: 10px;
   margin: 10px auto 20px auto;
   color: #D70505;
}

div#contentContainer div#boxVerzonden
{
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   letter-spacing: 3px;
   font-family: "Tex Gyre ScholaBold";
   font-size: 15px;
   text-transform: none;
   width: 550px;
   border: 3px solid #159E31;
   background: #C5FFCB;
   padding: 10px;
   margin: 0px auto 0px auto;
   color: #159E31;
}

div#contentContainer div#twitter_update_list
{
   margin-top: 20px;
   margin-right: 50px;
   margin-left: 250px;
   padding: 10px;
   border: 3px solid #38CDFF;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   background-color: rgba(192, 222, 237, 0.9);
   right: 0px;
   position: relative;
}

div#contentContainer div#laatsteArtikels
{
   width: 300px;
   margin-top: 20px;
   margin-right: 50px;
   padding: 10px;
   border: 3px solid #38CDFF;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   background-color: rgba(192, 222, 237, 0.9);
   position: relative;
}

div#contentContainer div#twitter_update_list li
{
   list-style-type: none;
   padding-top: 4px;
   padding-bottom: 4px;
   color: rgba(0, 0, 0, 0.75);
   padding-left: 20px;
   text-decoration: none;
   font-size: 13px;
   text-transform: none;
}

div#contentContainer div#twitter_update_list li:first-letter
{
   color:#1261A2;
   font-size: 14px;
   font-weight: bold;
}

div#contentContainer div#twitter_update_list li a
{
   color: rgba(0, 0, 0, 0.5);
}

div#contentContainer a img#twitter
{
   width: 128px;
   height: 128px;
   left: 730px;
   bottom: 0;
   position: absolute;
   border: 0;
}

div.bestandenLinux
{
   width: 700px;
   margin: 10px auto 10px auto;
   padding: 5px;
   border: 1px solid #38CDFF;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   background-color: rgba(255, 255, 255, 0.5);
   position: relative;
   word-wrap: break-word;
}

div#facebookStartpagina
{
   margin-top: 20px;
   margin-right: 50px;
   margin-left: 250px;
   padding: 10px;
   border: 1px solid #38CDFF;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomleft: 10px;
   background-color: rgba(255, 255, 255, 0.5);
   right: 0px;
   position: relative;
}

div#facebookStartpagina:hover
{
   border: 3px solid #38CDFF;
   padding: 8px;
   background-color: rgba(255, 255, 255, 0.7);
}

div.sshSleutel
{
   font-size: 11px;
}

div.bestandenLinux:hover
{
   border: 3px solid #38CDFF;
   padding: 3px;
   background-color: rgba(255, 255, 255, 0.7);
}

div.bestandenLinux h2.bestandsnaam
{
   letter-spacing: 2px;
   font-family: "Tex Gyre ScholaBold";
   font-size: 17px;
   display: block;
   padding: 0;
   color: #B65268;
   margin: 0;
}

div.bestandenLinux p.toegevoegd
{
   font-family: "Tex Gyre ScholaBold";
   font-size: 13px;
   display: block;
   padding: 0 0 5px 0;
   margin: 0;
}

div.bestandenLinux p.beschrijving
{
   font-size: 12px;
   display: block;
   padding: 5px 0 0 5px;
   margin: 0 0 10px 0;
}

div.bestandenLinux a
{
   color: #B65268;
   font-weight: bold;
   font-size: 12px;
}

div.bestandenLinux a img
{
   border: 0px;
}

div.bestandenLinux span.grootte
{
   font-weight: bold;
   font-size: 11px;
}

div#socialMedia
{
   width: 700px;
   margin: 10px auto 0 auto;
}

div#socialMedia a img
{
   border: 0px;
}

div#socialMediaStart
{
   margin: 10px auto 0 auto;
   margin-left: 300px;
   position: relative;
}

div#socialMediaStart a img
{
   border: 0px;
}

a#rss
{
   color: #B65268;
}

a#rss img
{
   border: 0;
}

div#fotos
{
   width: 800px;
   margin: 0px auto 0px auto;
}