/* ============== 
    Reset
   ===============*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{ border:0}

/* ============== 
    Tags & children
   ===============*/
h1 
{
    font-size: 30px; 
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: 25px 5px;
    padding-left: 79px;
} 
h1 a{ color: Black; }  
h1 a:hover{ text-decoration: none; }  

h2 
{
    font-size: 16px;
    margin-bottom: 1em;
    margin-top: 1.5em;
}

h2 span
{
    background-color: Black;
    display: inline-block;
    color: white;
    padding: 0px 3px;
}

h3 span
{
    background-color: #00c6ff;
    color: white;
    font-size: .85em;
    padding: 1px 3px 4px;
    margin-right: 5px;
}

#Wat-Doen-We h3
{
    background-image: url(../images/pijltje.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 9px;
    
}

h3{ font-size: 14px; margin-bottom: .25em; position: relative;}
h4{ font-size: 12px; }
h3,h4, h5{ font-weight: bold;}
p{ margin-bottom: 1.25em; }
a{ color: #00c6ff; text-decoration: none; }
a:hover{ text-decoration: underline; }

strong{ color: Black !important; }

/* ============== 
    Algemeen
   ===============*/

body 
{
    font-size: 12px; 
    font-family: Georgia; 
    color: #1F1F1F;
    padding-bottom: 2em;
}

#page 
{
    width: 780px; 
    margin: 2em auto;
}

#content, #contact
{
    line-height: 1.8em;
}
#content 
{
    margin-left: 80px;
    width: 460px;
    margin-right: 20px; 
    float: left;
}
#contact 
{
    width: 220px; 
    float: left; 
}

#footer{ clear: both; text-align: center; padding-top: 1em; }

h1 .slogan{ display: block; margin-top: 5px; font-size: 12px; }
h1 .enome{ color: #00c6ff; font-weight: bold; }
h1 strong{ font-weight: bold; text-decoration: underline; }

/* ============== 
    home
   ===============*/

#recenteWerken{ word-spacing: 15px; }
#recenteWerken a:hover{ text-decoration: none; }
#recenteWerken img{ border: 8px solid #EFEFEF; }
#recenteWerken img:hover{ border-color: Black; }

/* ============== 
    portfolio
   ===============*/   
   
#portfolio img  
{
   border: 4px solid #EFEFEF;
   position: absolute;
   left: -68px;
   top: 5px;
   width: 40px;
}
#portfolio li 
{
    padding-bottom: 1.5em; 
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 1.5em;
    position: relative;
    /*padding-left: 68px;*/
}

/* ============== 
    SLIMBOX
   ===============*/   

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}