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

/*MAINSTYLE*/

body {
    background-color: #000000;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

img {
  border: none;
}

img.borderfloat {
border: 1px solid #666666;
float: left;
margin-right: 2%;
}

span.eyeleft {
    background-color: transparent;
    color: #555555;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5em;
}

span.eyeright {
    background-color: transparent;
    color: #555555;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
}

div.title {
    background-color: #111111;
    text-align: left;
    border: 0px solid #333333;
    padding: 0;
    margin: 0 0 0.25% 0;
    width: 100%;
    min-height: 15%;
    float: left;
}

div.titlegallery {
    background-color: #111111;
    text-align: left;
    border: 0px solid #333333;
    padding: 0;
    margin: 0 0 0.25% 0;
    width: 100%;
    min-height: 15%;
    float: left;
}

div.titleuser {
    background-color: #222222;
    text-align: left;
    border: 0px solid #333333;
    padding: 0;
    margin: 0 0 0.25% 0;
    width: 100%;
    min-height: 15%;
    float: left;
}

div.titleleft {
    background-color: transparent;
    color: #cccccc;
    text-align: left;
    font-size: 2.5em;
    border: 0px solid #333333;
    padding: 0.5%;
    width: 25%;
    min-height: 10%;
    float: left;
}

div.titleleftgallery {
    background-color: transparent;
    color: #cccccc;
    text-align: left;
    font-size: 2.5em;
    border: 0px solid #333333;
    padding: 0.5%;
    width: 75%;
    min-height: 10%;
    float: left;
}

div.titleright {
    background-color: transparent;
    color: #ffffff;
    text-align: right;
    border: 0px solid #333333;
    padding: 0.5%;
    width: 70%;
    min-height: 10%;
    float: right;
}

div.titlerightuser {
    background-color: transparent;
    color: #ffffff;
    text-align: right;
    border:0px solid #333333;
    padding: 0.5%;
    width: 70%;
    min-height: 10%;
    float: right;
}

div.navbar {
    background-color: #222222;
    text-align: center;
    border: 0px solid #333333;
    padding: 0;
    margin: 0 0 0.25% 0;
    width: 100%;
    min-height: 15%;
    float: left;
}

div.navbargallery {
    background-color: #222222;
    text-align: center;
    border: 0px solid #333333;
    padding: 0;
    margin: 0 0 0.5% 0;
    width: 100%;
    min-height: 15%;
    float: left;
}

div.navbarleft {
    background-color: transparent;
    color: #555555;
    text-align: left;
    border: 0px solid #333333;
    padding: 0.5%;
    width: 30%;
    min-height: 10%;
    float: left;
}

div.gallery {
    background-color: transparent;
    color: #555555;
    border: 0px solid #333333;
    padding: 0.5%;
    margin: 0.5% 0 0 0.5%;
    width: 5%;
    float: left;
}

div.navbarright {
    background-color: transparent;
    color: #555555;
    text-align: right;
    border: 0px solid #333333;
    padding: 0.5%;
    width: 30%;
    min-height: 10%;
    float: right;
}

div.navbarcenter {
    background-color: transparent;
    color: #555555;
    text-align: center;
    border: 0px solid #333333;
    padding: 0.5%;
    margin: 0 0 0 3%;
    width: 30%;
    min-height: 10%;
    float: left;
}

div.contentwrapper {
    background-color: transparent;
    text-align: center;
    border: 0px solid #333333;
    margin: 0 0 0.75% 0;
    width: 100%;
    /*height: 60%;*/
    float: left;
    /*clear: both;*/
}

div.foot {
    background-color: transparent;
    color: #555555;
    text-align: right;
    font-size: 0.8em;
    border: 1px solid #111111;
    padding: 0.5%;
    margin: 1% 0 0 0;
    width: 99%;
    height: 7%;
    float: left;
}

div.content {
    background-color: transparent;
    text-align: justify;
    border: 0px solid #333333;
    padding: 0.5%;
    margin: 1% 12% 1% 12%;
    width: 75%;
}

div.message {
    background-color: #333333;
    text-align: center;
    border: 1px solid #5555ff;;
    padding: 0.5%;
    margin: 10% 20% 17% 24%;
    width: 50%;
}

div.contenttext {
    background-color: transparent;
    text-align: justify;
    border: 1px solid #333333;
    padding: 2%;
    margin: 5% auto;
    width: 40%;
}

div.illustration {
    background-color: transparent;
    border: 1px solid #333333;
    padding: 0.25%;
    margin: auto 2%;
    float: left;
}

/*_____________________________________TABLE_STYLES_______________________________________*/
/*_______________________________________________________________________________________*/
/*_______________________________________________________________________________________*/
/*_______________________________________________________________________________________*/

table.form {
    background-color: #222222;
    border: 1px solid #333333;
    padding: 0.5%;
    margin: 1% 1% 1% 5%;
    width: 90%;
}

td.boldit {
    color: #0055cc;
    text-align: left;
    font-weight: bold;
}

td.right {
    text-align: right;
    width: 33%;
    font-weight: bold;
}

td.center {
    text-align: center;
    width: 33%;
}

th {
background-color: #222222;
}

tr {
background-color: #222222;
}

tr.accent {
background-color: #883300;
}

td {
text-align: center;
}

td.left {
text-align: left;
}

td.portrait {
background-color: #ff9900;
}

td.people {
background-color: #cc3300;
}

td.product {
background-color: #111155;
}

td.still {
background-color: #000099;
}

td.landscape {
background-color: #009900;
}

td.concert {
background-color: #550000;
}

td.nature {
background-color: #884400;
}

td.urban {
background-color: #777777;
}

td.architecture {
background-color: #333333;
}

td.animals {
background-color: #aa2222;
}

td.sport {
background-color: #5555aa;
}

td.nude {
background-color: #ee8855;
}

td.zwartwit {
background-color: #999999;
}

td.black {
background-color: #000000;
color: #ffffff;
}

tr.bold {
background-color: #555555;
color: #ffffff;
font-weight: bold;
}

/*_______________________________________________________________________________________*/

#usrn {
    background-color: #222222;
    color: #ffffff;
    padding: 0.5%;
    text-align: left;
    width: 33%;
}

#mailx {
    background-color: #222222;
    color: #ffffff;
    padding: 0.5%;
    text-align: left;
    width: 33%;
}

#pas1x {
    background-color: #222222;
    color: #ffffff;
    padding: 0.5%;
    text-align: left;
    width: 33%;
}

#pas1y {
    background-color: #222222;
    color: #ffffff;
    padding: 0.5%;
    text-align: left;
    width: 33%;
}

#pas2x {
    background-color: #222222;
    color: #ffffff;
    padding: 0.5%;
    text-align: left;
    width: 33%;
}

#vraagx {
    background-color: #222222;
    color: #ffffff;
    padding: 0.5%;
    text-align: left;
    width: 33%;
}

b.red {
background-color: #ffffff;
color: #ff0000;
padding: 0.3%;
}

span.title {
    font-size: 1.8em;
    text-align: right;
}

div.links {
text-align: center;
padding: 0.5% 0% 0.5% 0%;
border: 1px solid #333333;
background-color: transparent;
width: 355px;
min-height: 355px;
float: left;
margin: 1% 0% 0% 3.5%;
}

div.linkimage {
text-align: center;
border: 0px solid #333333;
background-color: transparent;
width: 185px;
height: 185px;
margin: 1% 25% 1% 25%
}

div.linktext {
text-align: justify;
padding: 3%;
border: 0px solid #333333;
background-color: #222222;
width: 320px;
min-height: 275px;
margin: 2%;
}

p.centerdark {
text-align: center;
background-color: #111111;
padding: 3px;
}

a:link {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #cc5500; }
a:visited {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #cc5500; }
a:hover {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #ffffff; }

a.green:link {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #55aa55;; }
a.green:visited {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #55aa55;; }
a.green:hover {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #ffffff; }

a.blue:link {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #5555ff;; }
a.blue:visited {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #5555ff;; }
a.blue:hover {text-decoration: none; font-size: 12px; font-family: helvetica, sans-serif; color: #ffffff; }

/*_____________________________________IMAGE_STYLES_______________________________________*/
/*_______________________________________________________________________________________*/
/*_______________________________________________________________________________________*/
/*_______________________________________________________________________________________*/

div.thumb {
    background-color: transparent;
    border: 1px solid #333333;
    padding: 5px;
    opacity: 0.3;
    filter:alpha(opacity=30);
    width: 10%;
    margin: 0.75%;
    float: left;
}

div.thumbclear {
    background-color: transparent;
    border: 1px solid #333333;
    padding: 5px;
    opacity: 0.3;
    filter:alpha(opacity=30);
    width: 10%;
    margin: 5px 5px 0px 0px;
    float: left;
    clear: left;
}

div.image {
    background-color: transparent;
    border: 1px solid #111111;
    text-align: center;
    padding: 5px;
    width: 52%;
    min-height: 50%;
    margin: 0 0 0 0;
    float: right;
}

div.imagey {
text-align: center;
width: 235px;
height: 235px;
border: 1px solid #333333;
float: left;
/*clear: left;*/
margin: 0.25%;
}

button {
color: transparent;
text-align: center;
max-width: 235px;
max-height: 235px;
}

div.exif {
color: #777777;
font-style: italic;
text-align: center;
border: 1px solid #333333;
/*width: 50%;*/
/*float: left;*/
/*clear: left;*/
margin: 0.25%;
}

td.portrait {
background-color: #ff9900;
}

td.still {
background-color: #000099;
}

td.landscape {
background-color: #009900;
}

td.concert {
background-color: #550000;
}

td.nature {
background-color: #884400;
}

td.urban {
background-color: #777777;
}

td.architecture {
background-color: #333333;
}

td.animals {
background-color: #aa2222;
}

td.sport {
background-color: #5555aa;
}

td.nude {
background-color: #ee8855;
}

td.zwartwit {
background-color: #999999;
}