/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



/*

Begin van de layout

*/

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
}

.description{
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 9;
}

#topcolors{
	background: url(images/topcolors.gif) repeat;
	height: 10px;
	width: 100%;
	position:absolute;
	top: 0;
	left: 0;
	line-height: 1px;
	font-size: 1px;
}

#navbar {
	background: url(images/navbar.png);
	height: 95px;
	width: 100%;
	position: absolute;
	top: 122px;
	left: 0;
	z-index: 0;
}

#container{
	width: 770px;
	margin: 0 auto 0;
	text-align: left;
	position: relative;
}

#header{
	width: 839px;
	height: 247px;
	position: relative;
	top: 10px;
	left: -34px;
	background: url(images/header.png) no-repeat bottom;
	z-index: 3;
}

#content{
	width: 540px;
	float: left;
	margin: -70px 0 0 0;
	position: relative;
	padding: 5px;
	z-index: 4;
}

.entry {
	margin: 0;
	padding: 0;
	position:relative;
	background: url(images/accordeon_heading.jpg) bottom;
	width: 523px;
	height: 20px;
	clear: both;
	padding: 0 0 0 5px;
}

.accordeoncontent{
	width: 528px;
	background: url(images/accordeon_content.jpg) top no-repeat;
	margin: 0;
	padding: 0;
	
}
#sidebar {
	width: 150px;
	float: left;
	position: relative;
	margin: 0 0 0 5px;
}

#sidebar ul{
	list-style: none;
}

#sidebar li ul{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

#sidebar h1{
	margin: 20px 0 0 0;
}

#about{
	margin: 0 0 20px 0;
}

#menu{
width: 770px;
height: 0px;
position:relative;
margin: 0 auto;
overflow: visible;
z-index: 5;
}

#menu ul{
	position: absolute;
	width: 770px;
	margin: 0;
	height: 20px;
	top: 142px;
	list-style-type: none;
	overflow: hidden;
	left: 0;
}

#menu ul li a {
	position: absolute;
	top: 0;
	height: 20px;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

body #menu ul li #home{
	background: url(images/home.png) top ;
	width: 69px;
	left: 100px;
}

body #menu ul li #portfolio{
	background: url(images/portfolio.png) top ;
	width: 91px;
	left: 200px;
}

body #menu ul li #blog{
	background: url(images/blog.png) top ;
	width: 53px;
	left: 320px;
}

body #menu ul li #contact{
	background: url(images/contact.png) top ;
	width: 85px;
	left: 400px;
}

body #menu ul li a:hover{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#footer{
	width: 770px;
	height: 166px;
	margin: 0 auto 0;
	text-align: left;
	position: relative;
	clear:both;
	z-index: 0;
}

#footer_img{
	width: 839px;
	height: 166px;
	position: absolute;
	top: 15px;
	left: -34px;
	background: url(images/footer.jpg) no-repeat top;
	z-index: 0;
}

.navigation{
}

.post{
	position: relative;
	top: 10px;
}

.clear{
	clear:both;
}

#category {
	float:left;
	width: 540px;
}

#comment {
	width: 540px;
	height: 100px;
}

#lightbox a, #lightbox a:hover{
	background: none;
	text-decoration: none;
	border: none;
}

/* standaard spul */
em              { font-style: italic; }
p               { margin: 0 0 18px 0; }
small           { font-size: 80%; }
strong          { font-weight: bold; }


ul, ol          { margin-top: 18px; margin-bottom: 18px; padding-left: 16px; list-style-position: outside; list-style-type: disc; }
ol              { list-style-type: decimal; padding-left: 17px; }
    
dl              { margin-top: 18px; margin-bottom: 18px; }
dl dt           { font-weight: bold; }

blockquote      { border-left: 1px solid #666; margin-top: 18px; margin-bottom: 18px; padding-left: 17px; font-style: italic; }
blockquote *    { color: #666; }

.left           { float: left; }
.right          { float: right; }

h1 				{font-size: 18px; margin: 0; padding: 0; }

h2 				{font-size: 12px; margin: 0; padding: 0; color: #FFFFFF; }

h3 				{font-size: 12px; margin: 0; padding: 0; padding:0; margin:0; color: #f06048; }

a				{ color: #009999;  text-decoration:none; border-bottom: 1px dotted #009999;}
a:hover			{ background-color: #ccffff;}

/* Remove annoying border on linked images. */
a img { border: none; }
a img:hover {opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}