html { 
padding : 0; 
margin : 0; 
} 
body { 
margin : 0; 
background : #fff; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 100%; 
color : #333; 
line-height : 100%; 
} 


#header { 
margin : auto; 
padding : 0; 
top : 0; 
left : 0; 
width : 100%; 
height : 80px; 
position : fixed; 
background : #333; 
} 


#headerimage { 
top : 0; 
right : 0; 
width : 600px; 
margin : 0; 
height : 80px; 
position : fixed; 
background : #fff; 
}

#headermask { 
top : 0; 
width : 600px; 
right : 0; 
margin : auto; 
height : 80px; 
position : fixed; 
background : url(http://www.lettergekletter.be/img_site/masker.png) no-repeat; 
} 


#headerleft { 
top : 0; 
left : 0; 
width : 600px; 
height : 80px; 
margin : auto; 
position : fixed; 
background-color : #333; 
} 



h1.logo-text { 
bottom : 30px; 
left : 15px; 
position : absolute; 
font-size : 140%; 
color : #444; 
text-decoration : none; 
outline : none; 
z-index : 1; 
}

 
p.site-slogan { 
bottom : 10px; 
left : 15px; 
position : absolute; 
font-size : 70%; 
color : #f5f5f5; 
z-index : 1; 
}



 
#navigatie { 
left : 0; 
top : 80px; 
width : 100%; 
margin : auto; 
height : 20px; 
background : #f5f5f5; 
position : fixed; 
z-index : 1; 
} 
p.navigatie { 
margin : 0 -15px; 
left : 0; 
top : 80px; 
width : 100%; 
height : 20px; 
font-size : small; 
text-decoration : none; 
text-align : right; 
} 
a.navigatie { 
color : #888; 
text-decoration : underline; 
} 
div.container { 
padding : 0 0 0 0; 
} 
h2 { 
font-size : 200%; 
letter-spacing : 10px; 
text-align : center; 
margin : 30px 0 30px; 
} 
h3 { 
font-size : 110%; 
letter-spacing : 1px; 
text-decoration : none; 
margin : 30px 0 22px; 
text-align : center; 
} 
h3:first-letter { 
font-size : 150%; 
font-family : "Engravers MT", "Times New Roman", serif; 
} 
h3.r:first-letter { 
color : #f00; 
} 
h3.b:first-letter { 
color : #06f; 
}
h3.g:first-letter { 
color : #393; 
} 
h4 { 
font-weight : 600; 
text-decoration : none; 
margin : auto; 
width : 64%; 
padding : 10px 0 5px; 
text-align : left; 
} 
p.art { 
margin : auto; 
width : 64%; 
padding : 0; 
text-align : justify; 
font-size : small; 
} 
p.top { 
margin : auto; 
width : 64%; 
padding : 0; 
text-align : right; 
font-size : small; 
} 
p.intro { 
margin : auto; 
width : 70%; 
font-size : small; 
text-align : justify; 
}
p.extro { 
padding : 0 0 30px 0; 
} 
p.contact { 
margin : auto; 
width : 90%; 
font-size : x-small; 

}
blockquote { 
font-weight : bold; 
} 
#footer { 
left : 0; 
bottom : 0; 
width : 100%; 
margin : auto; 
height : 20px; 
position : fixed; 
background : #f5f5f5; 
} 
p.footer { 
left : 0; 
bottom : 2px; 
width : 100%; 
height : 18px; 
margin : 0 0 13px 0; 
font-size : x-small; 
text-decoration : none; 
text-align : center; 
padding : 2px 0 0 0; 
} 
#line-top { 
top : 100px; 
left : 0; 
width : 100%; 
height : 1px; 
background : #fff; 
position : fixed; 
z-index : 1; 
} 
#line-bottom { 
left : 0; 
bottom : 20px; 
height : 1px; 
width : 100%; 
position : fixed; 
background : #fff; 
} 
img { 
border-style : none; 
} 
.imgb { 
display : block; 
margin-left : auto; 
margin-right : auto; 
} 
.imgr { 
margin : 0 0 0 10px; 
float : right; 
} 
.imgl { 
margin : 0 10px 0 0; 
float : left; 
} 
.imgc { 
margin : 0 10px 0 10px; 
} 
.imgf { 
margin : 0 0 0 0; 
} 
.bord { 
border-style : solid; 
border-width : 1px;
} 
.flag { 
border-style : solid; 
border-width : 1px;
color : #ddd;
} 
.topp { 
padding : 110px 0 0 0; 
} 
.hr { 
width : 64%; 
margin : auto; 
height : 2px; 
color : #ccc; 
background-color : #f5f5f5; 
border-style : none; 
} 
.rss { 
margin : auto; 
width : 64%; 
padding : 0; 
text-align : justify; 
font-size : small; 
} 
.vid { 
text-align : center; 
} 
div.img_link { 
margin : 12px; 
border : 1px solid #eee; 
height : auto; 
width : auto; 
float : left; 
text-align : center; 
} 
div.img_link img { 
display : inline; 
margin : 2px; 
border : 1px solid #eee; 
} 
div.img_link a:hover img { 
border : 1px solid #eee; 
} 
div.desc_link { 
text-align : center; 
font-size : x-small; 
width : 170px; 
margin : 2px; 
} 
div.img_linka { 
margin : 8px; 
border : 1px solid #eee; 
height : auto; 
width : auto; 
float : left; 
text-align : center; 
} 
div.img_linka img { 
display : inline; 
margin : 2px; 
border : 1px solid #eee; 
} 
div.img_linka a:hover img { 
border : 1px solid #eee; 
} 
div.desc_linka { 
text-align : center; 
font-size : xx-small; 
width : 120px; 
margin : 2px; 
} 
a { 
color : #888; 
text-decoration : underline; 
} 
.aa { 
color : #ccc; 
text-decoration : underline; 
} 
a:hover, a:active, a:focus { 
color : #333; 
text-decoration : underline; 
} 

#div-1a {
 float: left;
 top: 200 px;
 width: 33%;
}
#div-1b {
 float: left;
 width: 33%;
}
#div-1c {
 float: left;
 width: 34%;
}