@import url('reset.css');
body{font: 12px Arial, Sans-serif; color: #464646; line-height: 166%;
background: #fff url('../img/mainbg.jpg') no-repeat fixed; background-repeat: no-repeat; background-attachment: fixed;}
h1{font: bold 21px Arial, sans-serif; color: #4C1212; line-height: 90%; letter-spacing: 3px;}
a, a:visited, a:active{text-decoration: none; color: #464646; font-weight: bold;}
a:hover{text-decoration: underline;}

#content a, #content a:visited, #content a:active{color: #00587E;
text-decoration: none; font-weight: bold;}

/* all pages */
#layer{background: url('../img/layer.png') no-repeat; margin-top: 25px; width: 910px;
overflow: hidden; margin-bottom: 60px;}
#titleBar{height: 30px; line-height: 30px; margin-left: 15px; font: bold 21px Arial, Sans-serif;}

#topBorder{width: 549px; background: #fff url('../img/nietjes_top.png') no-repeat top;}
#rightBorder{background: url('../img/nietjes_rechts.png') repeat-y top right; overflow: hidden;
min-height: 570px; padding: 0 0 0 13px;}
#bottomBorder{height: 6px; background: url('../img/nietjes_bottom.png') no-repeat bottom;}

#content{width: 400px; margin-left: 54px;}
#contentPadding{padding: 15px 30px 30px 26px;}
#spacer{margin-left: -1px; width: 1px; float: left; height: 300px;}

/* homepage */
#homeTitle{margin-top: 30px; color: #4C1212; font: bold 22px Arial, sans-serif; letter-spacing: 1px; margin-bottom: 22px;}

/* navigation */
#category_nav{font: bold 21px Arial; width: 260px; overflow: hidden;
text-align: right; float: right; line-height: 190%; padding-top: 25px; margin-right: 25px;}
.asterix{padding: 0 3px 0 10px; font-weight: bold;}
#category_nav a{text-decoration: none; color: inherit; color: #000;}

#nav_main{width: 310px; float: right; margin-top: 15px; margin-bottom: 50px;
background: url('../img/mainmenubg.png') no-repeat center center; text-align: center; margin-right: 25px}
li.navItem{display:inline;}
li.navItem a{font-size: 11px; font-weight: bold; text-decoration: none;
color: #fff; padding: 0 9px 0 7px; background: url('/img/separator.gif') no-repeat right;}
#nav_main a:visited{color: #ffffff;}
#nav_main li.last a{background:none;}
ul li ul { display: none; } /* no nested trees... */

#archive{height: 144px; background: url('../img/archivebg.png') no-repeat right; 
clear: both; overflow: auto; line-height: 180%; padding-right: 25px;}


/* category, pages */
#columnLeft{width: 260px; float: left; 
background: url('../img/nietjes_rechts.png') repeat-y top right;}
#columnRight{width: 260px; float: left;}

/* snippets */
.snippet{float: left; padding: 10px 0 10px 13px;}
.snippetContent{}

#snippet_0{padding-right: 18px; background: url('../img/nietjes_rechts.png') repeat-y top right;}
#snippet_0 .snippetContent{width: 230px; height: 248px; overflow: hidden;}
#snippet_1 .snippetContent{width: 230px; height: 248px; overflow: hidden;}
#snippet_2{background: #fff url('../img/nietjes_top.png') no-repeat top right;}
#snippet_2 .snippetContent{width: 510px; overflow: hidden; padding-bottom: 13px;
background: url('../img/nietjes_bottom.png') repeat-x bottom left;}
#snippet_3{padding-right: 18px; background: url('../img/nietjes_rechts.png') repeat-y top right;}
#snippet_3 .snippetContent{width: 230px; height: 137px; overflow: hidden;}
#snippet_4{padding: 10px 0 0 13px;}
#snippet_4 .snippetContent{width: 230px; height: 137px; overflow: hidden;}

.itemDate{font: bold italic 9px Georgia, "Times New Roman", Times, serif; color: #999999;}
.itemTitle{font: bold italic 13px Georgia, "Times New Roman", Times, serif; letter-spacing: normal; color: #EC008C; padding-bottom: 13px;}
.itemTitle a{color: inherit; text-decoration: none;}
.itemLink{font: bold italic 10px Arial, Helvetica, sans-serif; color: #000000; 
text-decoration: none; padding-top: 9px; display: block;}

/* main layout */
#right{float: left; width: 350px;}
#articles{padding-left: 15px; height: 100px; overflow-y: auto; overflow-x: hidden;}
#articles li{padding:0 0 0 15px; margin: 0; background: url('../img/bullet.gif') no-repeat 0 7px;}
#articles a{line-height: 17px; text-decoration: none; color: #000;}
#articles a:hover{text-decoration: underline;}

/* article navigation */
.articleNavigation{overflow: hidden; height: 30px; margin: 0 30px 0 15px; }
.previousArticle{font: bold italic 10px Arial, Helvetica, sans-serif; color: #000000; 
text-decoration: none; padding-top: 9px; display: block; float: left;}
.nextArticle{font: bold italic 10px Arial, Helvetica, sans-serif; color: #000000; 
text-decoration: none; padding-top: 9px; display: block; float: right;}