body {margin: 0; padding: 0; font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; background: #fff url(/images/2.gif) repeat-x; color: #002f2f;}

/*DIVISIONS*/
#wrap {width: 960px; margin: auto; background: #fff url(/images/9.gif) repeat-x; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#head {float: right; margin: 50px 10px 0 10px; background: #fff url(/images/8.gif) no-repeat; width: 220px; height: 70px;}
#content {width: 700px; height: 100%; float: left; margin: 0 10px;}
#sidebar {width: 220px; float: right; margin: 0 10px 10px 10px;}
#featured {background: #046380 url(/images/4.gif) repeat-x; color: #fff; margin-top: 10px; padding: 0 10px; border-top: 4px solid #046380;}
#featured-1, #featured-2 {width: 456px; height: 120px; float: left; margin: 20px 5px 10px 5px; height: auto; font-family: Helvetica, sans-serif; font-weight: bold;}
#featured-1 {border-right: 2px solid #046380}
#foot {background: #002f2f; color: #ccc; padding: 5px; margin-bottom: 10px;}
#skip ul {margin: 0; padding: 0;}
#articlenav {border-top: 4px solid #046380; margin-top: 10px;}

/*IDS*/
#e-mail {background: #fff url(/images/11.png) no-repeat left 2px}
#address {background: #fff url(/images/10.png) no-repeat left 2px}
#social-networking {background: #fff url(/images/12.png) no-repeat left 2px}
#comment {margin-bottom: 12px}

/*ELEMENTEN*/
h1 {position: absolute; left: -1000px; top: -1000px;}
h1, h2, h3, h4, h5 {padding: 0; margin: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: normal;}
h2 {border-top: 4px solid #046380; padding-top: 4px;}
h2:first-letter {text-transform: uppercase}
h4, h5 {font-weight: bold; font-size: 1em;}
#featured h2 {border: 0; font-size: 400%; margin: 20px 0 0 5px; font-weight: bold;}
#content h3 {background: #fff url(/images/6.gif) repeat-x bottom; padding-bottom: 5px; margin-top: 2em; font-size: 150%; color: #046380;}
#release h3 {font-weight: bold; background: #EFECCA url(/images/5.gif) repeat-x; color: #002f2f; padding: 0.2em; margin: 15px 0 5px 0; font-size: 1em;}
dt {font-weight: bold; padding: 0 0 2px 24px; margin-top: 2em; color: #046380; border-bottom: 1px solid #046380;}
dd {margin: 0}
#content p {text-align: justify; line-height: 1.8em;}
#articlenav p {text-align: right; font-weight: bold; font-size: 18px; margin: 0 !important;}
#release img {display: block}
img {border: 0}
.comments-wrapper table {border: none}
.comments_error {color: #f30; font-weight: bold;}

/*KLASSEN*/
.clear {clear: both; width: 0; height: 0;}
.date {float: left; height: 60px; width: 60px; background: #002f2f url(/images/3.gif) no-repeat; text-align: center; font-size: 24px; line-height: 30px; margin: 15px 10px 5px 0; color: #fff; font-weight: bold;}
.left-float {float: left; margin: 5px 10px 5px 0;}
.skip {position:absolute; top:0; left:-1000px;}
.skip:focus, .skip:active {top:0; left:0; background:#046380; color:#FFF;}
.post-body {margin-left: 75px}
.gravatar {float: left; margin-right: 6px; padding: 2px; border: 3px solid #ccc;}
.small {clear: both; font-size: 80%; color: #777; border-bottom: 1px dotted #777; padding-bottom: 3px; text-align: right; background: #fff;}
.odd, .even {margin-bottom: 24px}
.odd {background: #eee}
.even {background: #fafafa}
.introtext {color: #555; font-variant: small-caps; font-style: italic; padding: 0.2em 0.8em; background: #ffe;}
.buynow {color: #333; font-weight: bold; padding: 0.5em 0.8em; background: #fe9;}
.meta {color: #666; padding: 0.5em 0.8em; background: #eee; font-size: 0.8em;}
img.left {float: left; margin: 0 5px 5px 0;}

/*MENU*/
#menu {height: 70px; float: left; margin: 50px 10px 0 10px;}
#menu ul {padding: 0; margin: 0; list-style: none; display: block; height: 24px;}
#menu li {display: block; float: left; height: 24px; margin-right: 1em;}
#menu a {font-weight: bold; color: #002f2f; text-decoration: none; display: block; height: 24px;}
#menu a:hover, #menu a:focus, #menu a:active, #menu a.active {color: #046380; background: #fff url(/images/7.gif) no-repeat center bottom; outline: none;}

/*LINKS*/
a {color: #046380; text-decoration: none;}
a:hover, a:focus, a:active {color: #A7A37E}
a[rel='external']:after {content: ' ' url(/images/22.gif)}
a[rel='external']:hover:after {content: ' ' url(/images/23.gif)}
#content a {border-bottom: 1px solid #046380}
#featured a, #foot a {color: #fff; text-decoration: underline;}
#featured a[rel='external']:after {content: ' ' url(/images/24.gif)}
h3 a {border-bottom: 0 !important}

/*FORM*/
form, fieldset {margin: 0; padding: 0;}
fieldset {border: 0}
legend {display: none}
input, textarea {display: block; padding: 0.2em;}
input:focus, textarea:focus {background: #f5f5f5}
select {display: block}
.checkbox, .comments-wrapper .button {float: left}

/*CLEARING*/
#featured:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}