<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
 * Blogger Template Style
 * tb20090324_thegrail
 * v1.0
 * by Thur Broeders
 * http://www.thurbroeders.nl/
 * theme HomePage: http://thurbroederstest002.blogspot.com/
 */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color" type="color" default="#333" value="#333333">
   <Variable name="textcolor" description="Text Color" type="color" default="#EEE" value="#EEEEEE">
   <Variable name="blogtitlecolor" description="Blog Title Color" type="color" default="#FFF" value="#FFFFFF">
   <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa">
   <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 75% Verdana, Arial, Helvetica, sans-serif" value="normal normal 75% Verdana, Arial, Helvetica, sans-serif">
   <Variable name="headingfont" description="Heading Font" type="font" default="normal normal 75% Georgia, Times, serif" value="normal normal 75% Georgia, Times, serif">
   <Variable name="hbb" description="Header Box Background Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="hbbc" description="Header Box Border Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="cbb" description="Content Box Background Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="cbbc" description="Content Box Border Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="sbb" description="Sidebar Box Background Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="sbbc" description="Sidebar Box Border Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="fbb" description="Footer Box Background Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="fbbc" description="Footer Box Border Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="ffbb" description="Footer Background Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="ffbbc" description="Footer Border Color" type="color" default="#2B9CCE" value="#2B9CCE">
   <Variable name="bquote" description="Blockquote Background Color" type="color" default="#3C3C3C" value="#3C3C3C">
   <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right">
*/
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;}
html {font-size:16px;}
body {margin-bottom:10px;font:$bodyfont;line-height:1.5em;background-color:$bgcolor;color:$textcolor;}
h1.title {padding:10px 0;font-size:3em;font-weight:normal;color:$blogtitlecolor;}
.container {width:950px;margin:0 auto;}
div.span-4, div.span-5, div.span-8, div.span-14, div.span-16, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-8 {width:310px;}
.span-14 {width:550px;}
.span-16 {width:630px;}
.span-24, div.span-24 {width:950px;margin:10px 0 0;}
.box {background:transparent;width:100%;margin:0;padding:0;float:left;}
.xtop, .xbottom {display:block;background:transparent;font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #EEE;border-right:1px solid #EEE;}
.xb1 {margin:0 5px;background:#EEE;}
.xb2 {margin:0 3px;border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px;margin:0 1px;}
.xbox {display:block;border:0 solid #EEE;border-width:0 1px;height:auto;padding:10px;}
* html .xbox {height:1px;}
.hbb{background-color:$hbb;} /* header box background color */
.cbb{background-color:$cbb;} /* content box background color */
.sbb{background-color:$sbb;} /* sidebar box background color */
.fbb{background-color:$fbb;} /* footer box background color */
.ffbb{background-color:$ffbb;} /* footer background color */
.hbbc{border-color:$hbbc;} /* header box border color */
.cbbc{border-color:$cbbc;} /* content box border color */
.sbbc{border-color:$sbbc;} /* sidebar box border color */
.fbbc{border-color:$fbbc;} /* footer box border color */
.ffbbc{border-color:$ffbbc;} /* footer border color */
.hi{background: url() top center fixed}
a:link, a:visited {color:$linkcolor;text-decoration:none}
a:hover, a:active {color:$linkcolor;text-decoration:underline;}
a img {border-width:0;}
h1,h2,h3,h4{font: $headingfont}
h1.title a {color:#fff;}
h1.title a:hover {color:#ccc;text-decoration:none;}
h2 {margin:0px;padding:0px;}
h2.date-header {padding-top:15px;color:#999;padding-bottom:0px;margin-bottom:0px;font-size: 90%;}
h3.post-title {font-size:2em;color:#999999;line-size:1.5em;padding:15px 0 20px;}
#main .widget {padding-bottom:10px;margin-bottom:20px;border-bottom:dotted 0px #999999;clear: both;}
#main .Header {border-bottom-width:0px;}
.post {margin-bottom:20px;}
.post-footer {color:#999;margin-top:10px;}
#comments {padding-top:30px;color:#999;padding-bottom:0px;margin-bottom:0px;font-weight:bold;}
#comments .comment-footer {font-size:1em;font-weight:normal;color:#999;margin-right:10px;display:inline;}
.comment-author {margin-top:3%;}
.comment-body {font-size:1em;font-weight:normal;margin:5px 0;}
.deleted-comment {font-style:italic;color:gray;}
.comment-link {margin-left:.6em;}
.feed-links {clear: both;line-height:2.5em;}
#blog-pager-newer-link {float:left;}
#blog-pager-older-link {float:right;}
#blog-pager {text-align:center;}
.clear {clear:both;}
.profile-img {float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;}
.sidebar h2 {font-size:1.2em;font-weight:bold;color:#DDDDDD;margin: 5px 0px;}
.entry-content img {border:1px solid #666;padding:2px;margin:10px 10px 10px 0;float:left;}
ul{margin-left:25px;}
ol{margin-left:30px;}
blockquote {background-color:$bquote;padding:15px;margin:20px 0;}
.sidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.sidebar li {margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;text-indent:-15px;line-height:1.5em;}
.BlogList ul {float:left;}
#footer {background:#363636;color:#fff;clear:both;line-height:2em;text-align:center;margin-bottom:10px;}
#footer a {color:#f0c825;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
.blog-posts {
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* (Hide Navbar) */
/* #navbar-iframe {height:0px;visibility:hidden;display:none;} */
]]></b:skin>
<link href='http://***/favicon.ico' rel='icon'/>
</head>
<body>
  <div class='container'>
<div class='span-24'>
<div class='box'>
<b class='xtop '><b class='xb1 hbb'/><b class='xb2 hbbc hi'>
</b><b class='xb3 hbbc hi'/><b class='xb4 hbbc hi'/></b>
<div class='xbox hbbc hi'>
<b:section class='header' id='header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Blog Title (Header)' type='Header'/>
</b:section>
</div>
<b class='xbottom'><b class='xb4 hbbc hi'/><b class='xb3 hbbc hi'/>
<b class='xb2 hbbc hi'/><b class='xb1 hbb'/></b>
</div>
</div>
<div class='span-24'>
<div class='span-5'>
<div class='box'>
<b class='xtop '><b class='xb1 sbb'/><b class='xb2 sbbc'>
</b><b class='xb3 sbbc'/><b class='xb4 sbbc'/></b>
<div class='xbox sbbc'>
<b:section class='sidebar' id='sidebar4' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Add a ...' type='HTML'/>
</b:section>
</div>
<b class='xbottom'><b class='xb4 sbbc'/><b class='xb3 sbbc'/>
<b class='xb2 sbbc'/><b class='xb1 sbb'/></b>
</div>
</div>
<div class='span-14'>
<div class='box'>
<b class='xtop '><b class='xb1 cbb'/><b class='xb2 cbbc'>
</b><b class='xb3 cbbc'/><b class='xb4 cbbc'/></b>
<div class='xbox cbbc'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<b class='xbottom'><b class='xb4 cbbc'/><b class='xb3 cbbc'/>
<b class='xb2 cbbc'/><b class='xb1 cbb'/></b>
</div>
</div>
<div class='span-5 last'>
<div class='box'>
<b class='xtop '><b class='xb1 sbb'/><b class='xb2 sbbc'>
</b><b class='xb3 sbbc'/><b class='xb4 sbbc'/></b>
<div class='xbox sbbc'>
<b:section class='sidebar' id='sidebar0' preferred='yes'>
<b:widget id='Text1' locked='false' title='Add a ...' type='Text'/>
</b:section>
</div>
<b class='xbottom'><b class='xb4 sbbc'/><b class='xb3 sbbc'/>
<b class='xb2 sbbc'/><b class='xb1 sbb'/></b>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='span-24'>
<div class='span-8'>
<div class='box'>
<b class='xtop '><b class='xb1 fbb'/><b class='xb2 fbbc'>
</b><b class='xb3 fbbc'/><b class='xb4 fbbc'/></b>
<div class='xbox fbbc'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>  
</div>
<b class='xbottom'><b class='xb4 fbbc'/><b class='xb3 fbbc'/>
<b class='xb2 fbbc'/><b class='xb1 fbb'/></b>
</div>
</div>
<div class='span-8'>
<div class='box'>
<b class='xtop '><b class='xb1 fbb'/><b class='xb2 fbbc'>
</b><b class='xb3 fbbc'/><b class='xb4 fbbc'/></b>
<div class='xbox fbbc'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Blogger Templates' type='BlogList'/>
</b:section>  
</div>
<b class='xbottom'><b class='xb4 fbbc'/><b class='xb3 fbbc'/>
<b class='xb2 fbbc'/><b class='xb1 fbb'/></b>
</div>
</div>
<div class='span-8 last'>
<div class='box'>
<b class='xtop '><b class='xb1 fbb'/><b class='xb2 fbbc'>
</b><b class='xb3 fbbc'/><b class='xb4 fbbc'/></b>
<div class='xbox fbbc'>
<b:section class='sidebar' id='sidebar3' preferred='yes'>
<b:widget id='Text4' locked='false' title='Third Footer Box' type='Text'/>
</b:section>  
</div>
<b class='xbottom'><b class='xb4 fbbc'/><b class='xb3 fbbc'/>
<b class='xb2 fbbc'/><b class='xb1 fbb'/></b>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='span-24' id='footer'>
<div class='box'>
<b class='xtop '><b class='xb1 ffbb'/><b class='xb2 ffbbc'>
</b><b class='xb3 ffbbc'/><b class='xb4 ffbbc'/></b>
<div class='xbox ffbbc'>
<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> is powered by <a href='https://www.blogger.com/start' title='Blogger start'><img src='http://www.blogger.com/img/b16-rounded.gif' style='margin-bottom:-4px'/></a> | Theme by <a href='http://www.thurbroeders.nl/' title='Thur Broeders'>Thur</a></p>
</div>
<b class='xbottom'><b class='xb4 ffbbc'/><b class='xb3 ffbbc'/>
<b class='xb2 ffbbc'/><b class='xb1 ffbb'/></b>
</div>
</div>
</div>
</body>
</html>
                