/**
 * @section   : Algemene CSS
 * @project   : Moorddossier
 * @author    : Daan van Middelkoop
 * @version   : 1.0
 */

/* Reset CSS */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,
h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {margin:0; padding:0; font-weight:normal;}

/* html + body element */
html {background:#000; height:100%;}
body {background:url(../images/backgrounds/main.jpg) no-repeat top center; height:100%; font:normal 12px/1.5 Arial, sans-serif; color:#000;}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}

/* Paragraphs */
p {margin:0 0 1em 0;}

/* Anchors */
a {color:#f38a01; text-decoration:underline;}
a:focus,
a:hover {
	color:#000;
	text-decoration:none;
}
a img {border:none;}

/* Images */
img {border:none; margin:0; padding:0; display:block;}

/* Lists */
li ul,
li ol {margin:0 0 0 1em;}
ul, ol {margin:0 0 1.2em 1.2em; padding:0;}
ol {margin-left:1.5em;}

ul {list-style-type:disc;}
ol {list-style-type:decimal;}

/* Inline semantic elements */
strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0;}
hr {border:none 0; border-top:1px solid #e5e5e5; width:100%; height:1px; clear:both; margin:0; line-height:0;}

/* Divisions */
#container {width:995px; height:746px; margin:auto;}
#header {height:200px; position:relative;}
#logo {margin:auto; padding:8px 0 3px 0;}
#nav {
	width:809px; list-style:none; height:46px; border-top:6px solid #000; border-bottom:6px solid #000;
	background:#fff; margin:0; padding:0 0 0 186px; font-size:18px; position:relative; z-index:1;
}
#nav li {margin:0 23px 0 0; padding:0; float:left; display:block; padding:13px 0;  height:20px;}
#nav a {
	color:#000; text-transform:uppercase; font-weight:bold; text-decoration:none; display:block; height:20px;
	background:url(../images/sprites/nav.png) no-repeat 0 0; text-indent:-9999em; overflow:hidden;
}
#nav .dossier {width:98px; background-position:-1px 0;}
#nav .dossier:hover {background-position:-1px -25px;}

#nav .eikbier {width:61px; background-position:-122px 0;}
#nav .eikbier:hover {background-position:-122px -25px;}

#nav .specs {width:107px; background-position:-206px 0;}
#nav .specs:hover {background-position:-206px -25px;}

#nav .inkijk {width:140px; background-position:-337px 0;}
#nav .inkijk:hover {background-position:-337px -25px;}

#nav .media {width:48px; background-position:-495px 0;}
#nav .media:hover {background-position:-495px -25px;}

#nav .contact {width:69px; background-position:-566px 0;}
#nav .contact:hover {background-position:-566px -25px;}

#knipsel {width:193px; height:434px; position:absolute; z-index:2; right:0; top:0; background:url(../images/backgrounds/krantenknipsel.png) no-repeat 0 0;}
#vertrouwelijk {width:185px; height:315px; position:absolute; z-index:2; right:0; top:444px; background:url(../images/backgrounds/vertrouwelijk.png) no-repeat 0 0;}
#bewijs {width:204px; height:746px; position:absolute; z-index:2; left:0; top:0; background:url(../images/backgrounds/bewijs.png) no-repeat 0 0;}

#content {width:592px; height:500px; overflow:hidden; background:url(../images/backgrounds/content.png) no-repeat 0 0; margin:12px auto 0; padding:15px;}
#main {width:582px; height:495px; padding-right:10px; overflow:auto;}

#icons {margin:0; padding:0; list-style:none; position:absolute; top:114px; left:163px; z-index:4;}
#icons li {float:left; margin:0 3px 0 0;}

.pageTitle {font-size:18px;}