/*OVERALL*/
html, body { height:100%; background-color: #050505;}
body { margin:0; padding:0; width:100%; height:100%; }
img {border: 0;}

/* TYPOGRAPHY */
h1{color: #FFF; font-family: Georgia, "Times New Roman", Times, serif;  border-bottom: #27B4E8 2px solid; margin: 5px; text-transform: uppercase; font-size: 18px; display:inline;}
p{color: #CCC; font-family: Georgia, "Times New Roman", Times, serif; margin: 5px 5px 20px 5px; font-size: 11px;}

a{color: #27B4E8; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline;}
a:hover{color: #27B4E8; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none;}
ul {margin: 5px 0 0 20px; padding: 0}
li {color: #CCC; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 5px 0; font-size: 11px;}

.inzendingen {color: #FFF; text-transform: uppercase; font-size:26px; border-bottom: #27B4E8 3px solid; margin: 0; padding: 0;}
.button {display: inline; width: auto; }
.button a {text-transform: uppercase; color: #FFF; padding: 5px; text-decoration: none;}
.button a:hover {text-decoration: none; background: #FFF; color: #27B4E8;}
.readmore {text-align: right; text-transform: uppercase; }
/* id's */
#webpage { width:100%; height:100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; background-color:#050505;}
#swfBgDiv { margin: 0; padding: 0; width:100%; height:100%; overflow: hidden; z-index: 1; position: absolute; top: 0; left: 0;}
#menuContainer { width: 990px; height:50px; background: url(../images/transparant_black.png); margin: 0 50% 0 50%; padding: 0; position: fixed; top: 0; left: -495px; z-index: 2; }
#contentContainer { width: 990px; background: url(../images/transparant_black.png); margin: 0 50% 0 50%; padding: 5px 0 0 0; position: fixed; bottom: 0; left: -495px; z-index: 2; }
#logos { position: absolute; top: 100px; padding:0; margin:0;}
#footer{ clear: both; margin: 0; padding: 0 20px 0 0px; text-align: right; border-top: 1px solid #222;}

/* ELEMENTS */
.noTitle {margin-top: 32px;}

.menu ul {list-style-type: none; margin-left: 15px; padding-left: 0; }
.menu li {float: left; margin: 5px 0 10px 0; padding-right: 20px;  padding-left: 20px; border-right: 1px solid #333; border-left: 1px solid #000; }
.menu li.first {border-left: 0; padding-left:0; margin-left: 0; }
.menu li.last {border-right: 0; }
.menu a {color: #FFF; text-transform: uppercase; text-decoration: none; border: 0; font-size: 16px; }
.menu a:hover {color: #FFF; text-transform: uppercase; text-decoration: none; border-bottom: #27B4E8 2px solid; font-size: 16px; }
.menu a.current {border-bottom: #27B4E8 2px solid; }

.logos {position: absolute; right: 10px; top: 0px;}
.logos td{ height: 50px; vertical-align: middle; padding: 5px; }

.column2 {width: 440px; float: left; margin-left: 10px; }
.column3 {width: 320px; float: left; margin-left: 10px; }
.bigColumn {width: 650px; float: left; margin-left: 10px; }

.button {background: #27B4E8; display: inline-block; margin: 10px 0 10px 0; }