body {font:80% Arial, Helvetica,Sans-Serif;line-height:1.7em;color:#333;background:#FFF;margin:0px;background:#0b4f79 url(page_bkg2.jpg) repeat-x scroll center top;}
fieldset {margin: 10px;padding:10px;border:solid 1px #EAEAEA;display:block;}
fieldset legend {color:#169CAB;font-weight:bold;}
a, a:link, a:visited, a:active {color:#169CAB;text-decoration:none;}
a:hover {color:#169CAB;text-decoration:none;}
ul {margin-top:5px;margin-bottom:5px;list-style:square;}
li {margin-bottom: 2px;}
h1 {font-size:170%;line-height:120%;font-weight:bold;color:#6b9a13;margin-top:6px;margin-bottom:6px;padding-top:0px;padding-bottom:0px;}
h2 {font-size:130%;line-height:120%;font-weight:bold;color:#6E0010;margin-top:1.2em;margin-bottom:10px;}
h3 {font-size:120%;line-height:100%;font-weight:bold;color:#C22400;margin-top:0.7em;margin-bottom:10px;}

#main {width:960px;height:100%;margin-left:auto;margin-right:auto;margin-top:20px;background-color:#FFF}

#header {height:100px;background-color:#F1F9FA;background:#0b4f79 url(header_bkg.jpg) no-repeat scroll center top;}
#header a {color:#0b4f79;font-weight:bold;}
#headeri .rss {vertical-align:middle; border:none;}
#logo img {margin: 0 0 0 30px;border:none;}
#menu {float:right;margin:20px 20px 0 0;text-align: right;width:480px}
#menu ul {margin:0;padding:0}
#menu li {display:inline;list-style-type:none;margin-right:10px}

#searchbox {margin-top:10px;width:273px;float:right}
#searchbox input[type=text] { margin-right:5px;width:200px}
#searchbox label[for=searchcomments] { }

#categories {font-size:140%;height:20px;padding:10px 20px;background:#ee014c url(/default/imgHdrCatsBg5.gif) repeat-x scroll left bottom;}
#categories a {color:#FFF;}
#categories ul {margin:0px;padding:0px;display:inline}
#categories li {display:inline;list-style-type:none;margin-right:30px}

#categorylist {margin:0px;padding:0px}
#categorylist a img {border:none}
#categorylist .rssButton {display:none;width:0px;}
#categorylist li {list-style-type:none;margin:0px 0px 30px 0px ;border-bottom: solid 1px #ccc;padding-bottom:30px;}
#categorylist .categoryTitle {font-size:160%;line-height:120%;font-weight:bold;color:#6E0010;margin-top:1.2em;margin-bottom:10px;}
#categoriesTopLine {background-color:#FFF;height:1px;}
#categoriesBottomLine {background-color:#FFF;height:1px;}

.dv {display:block;float:left;margin:10px;}
.gv {margin:10px 0px;}
.dv caption, .gv caption {color:#78a32d;font-size:150%;font-weight:bold;clear:both;display:block;text-align:left;}

.bc {display:block;padding:0px;border-bottom:solid 1px #CCC;clear:both;margin-bottom:10px}	
#c {padding:0px;display:block;clear:both;width:100%;}
#ci {display:block;clear:both;margin:20px;}
#ct {width:100%;margin:0px;padding:0px;}
#ct td{vertical-align:top; }
#cl {padding-right:15px;}
#cr {width:300px;}
#cr img {margin-bottom:10px;}


#footer {width:100%;}
#footertop {background:#6b9a13 url('/default/bg_h.jpg') repeat-x left bottom;height:10px;margin:0px;}
#footeri {display:block;margin:0px;}
#footerii {margin:0px;color:#333333}
#footeriii {}
#footeriiii {background:#6b9A13 url(/default/imgHdrFooterBg2.gif) repeat-x scroll left bottom;color:#fff;text-align:center;padding:10px;border-bottom:solid 1px white}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color:#FFF;}


.header_links a:link, .header_links a:visited, .header_links a:active, .header_links a:hover{color:#FFF;}
.updateProgress {border-width:1px; border-style:solid; background-color:#FFFFFF; position:absolute; width:300px; height:50px;}

.ulform {display:block;clear:both;}
.ulform li {list-style-type:none;}
.ulform li label {display:block;width:150px;float:left;}
.indent {padding-left: 20px;}
.title {font-size:140%; font-weight:bold;clear:both;}
.short {background-color:#DDEABF;padding:10px;display:block;overflow:visible}
.highlight {background-color:#DDEABF;}	

.clear {clear:both;}
.seperator {border-bottom:solid 1px #E4E4D9;background-color:#F8F8F6;margin:1px;}
.altseperator {border-bottom:solid 1px #E4E4D9;background-color:#FFF;margin:1px;}
.seperator p, .altseperator p { padding: 0px 10px 0px 10px;margin:0; margin-bottom: 20px;}
.seperator h2, .altseperator h2 { padding: 10px 10px 0px 10px;margin:0; padding-top: 20px; font-size:110%;}
.seperator img, .altseperator img { padding: 5px 10px 5px 0px;margin:0;}
.seperator h2 a, .altseperator h2 a { text-decoration:none;}
.seperatorsmall {border-bottom: solid 1px #E4E4D9;background-color: #F8F8F6;}

.paraimg {width:199px;text-align:center;background-color:#DDEABF;padding:2px 2px 5px 2px;margin:10px;clear:both;}
.prevnext {width:100%;border-top:solid 1px #CCC;margin-top:20px}	
.prev {float:left;padding-left:5px;padding-right:5px;}
.next {float:right;padding-right:5px;padding-left:5px;}


.h {display:block;width:300px;position:relative;float:left;margin:10px;margin-bottom:20px;}
.hheader {display:block;background:#169cab url(/default/bg_h_header.jpg)  no-repeat;padding:10px;color:#FFF;font-weight:bold;}
.hheader a {color:#FFF;font-weight:bold;}
.hbody {display:block;background:#FFF url(/default/bg_h_sides.gif) repeat-y;margin:0px;padding:5px;margin-bottom:-10px;}
.hitem {display:block;background:#FFF url(/default/bg_h_item.gif) repeat-x bottom;clear:both;border-bottom:solid 1px #169cab;padding:5px;margin:2px;font-size:95%;}
.hitem a{font-weight:bold}
.hitem img{border:0px;margin:5px;}
.hfooter {display:block;background:#FFF url(/default/bg_h_footer.gif) no-repeat;height:10px;}
.hmore {display:block;position:absolute; right:31px;width:80px; bottom:-26px; background: url(/default/bg_h_more.gif)  no-repeat ;height:31px;clear:both}
.hmore a {color:#FFF;font-weight:bold;text-decoration:none;padding:10px}

.h2 {display:block;width:620px;position:relative;float:left;margin:10px;margin-bottom:20px;}
.h2header {display:block;background:#169cab url(/default/bg_h2_header.jpg)  no-repeat;padding:10px;color:#FFF;font-weight:bold;}
.h2header a {color:#FFF;font-weight:bold;}
.h2body {display:block;background:#FFF url(/default/bg_h2_sides.gif) repeat-y;margin:0px;padding:5px;margin-bottom:-10px;}
.h2item {display:block;background:#FFF url(/default/bg_h_item.gif) repeat-x bottom;clear:both;border-bottom:solid 1px #169cab;padding:5px;margin:2px;font-size:95%;}
.h2item a{font-weight:bold}
.h2item img{border:0px;margin:5px;}
.h2footer {display:block;background:#FFF url(/default/bg_h2_footer.gif) no-repeat;height:10px;}
.h2more {display:block;position:absolute; right:31px;width:80px; bottom:-26px; background: url(/default/bg_h_more.gif)  no-repeat ;height:31px;clear:both}
.h2more a {color:#FFF;font-weight:bold;text-decoration:none;padding:10px}


.floatleft{float:left;}
.floatright{float:right;}
.fs .lbl {float: left;display:block;width:10em;margin:0.5em;}


.info, .success, .warning, .error, .validation,.msg {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    display:block;
}
.info,.msg {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/default/info.png');
}
.success {
    /*color: #4F8A10;
    color: #4F8A10;*/
    background-color: #DFF2BF;
    background-image:url('/default/success.png');
}
.warning {
    /*color: #9F6000;*/
    background-color: #FEEFB3;
    background-image: url('/default/warning.png');
}
.error {
   /* color: #D8000C;*/
    background-color: #FFBABA;
    background-image: url('/default/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('/default/validation.png');
}




/* Post */

.post,#page,#contact{ padding:10px; background-color:#F1F9FA;margin-bottom:20px}
.post h1 a { text-decoration:none;}
.post .moreContainer{ margin-bottom:10px}
.post img{padding:5px;border:Solid 1px #414747}
.postAds{margin:5px 0px}
.postAds a{margin-right:10px}
.post .text{}
.post .text a{border-bottom:dotted 1px #5DABE2}
.post .text a:hover{border-bottom:solid 1px #006BE5}
.post .descr{font-size:11px;font-family:Arial,Helvetica,Sans-Serif; margin-top:5px;border-bottom:dotted 1px #169CAB}
.post .comments{ color:#FFF;font-size:18px;float:right;text-align:center;margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;background-image:url('comment_cloud.png');background-repeat:no-repeat;background-position:left center;height:34px;width:35px}
.post .comments a{ color:#FFF;text-decoration:none;}
.post .sharebox{ margin:0px 0px 40px 0px}
.post a img {border:none}
.post a.demo, #postcontent a.demo{background-image:url(tv_icon.png);background-position:left center;background-repeat:no-repeat;border-bottom:medium none;display:inline-block;margin:5px 0;padding:15px 5px 15px 70px;width:195px;color:#FFF;font-weight:bold}
.post a.file, #postcontent a.file{background-image:url(download_icon.png);background-position:left center;background-repeat:no-repeat;border-bottom:medium none;display:inline-block;margin:5px 0;padding:15px 5px 15px 70px;width:195px;color:#FFF;font-weight:bold}


#postPaging a{padding:5px 10px;border-bottom:none;background-color:#6b9a13;color:#fff;font-family:Arial,Helvetica,Sans-Serif;margin:5px 0px}
#postPaging a:hover{ background-color:#169cab}

.shareBox { overflow:hidden; font-size:90%; background-color:#c1e7f2;margin-top:10px}
.shareBox p{margin:10px}


/* related posts */
#relatedPosts {width:100%;overflow:hidden;}
#relatedPosts  a:first-child {border-top:#FFF 2px solid;}
#relatedPosts  a, #relatedPosts  a:visited { display: block; border-bottom:#FFF 2px solid;text-decoration:none;}
#relatedPosts  a:hover { font-weight:bold;}
#relatedPosts div span { display:none;}
#relatedPosts span { display: block; margin-top: 5px; margin-left: 30px; margin-bottom: 5px; }

/* comments */
#comment { margin-top:20px; }
.comment  a, .comment  a:visited { text-decoration:none; border-bottom:none;}
.comment  a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
.comment{ padding:10px; background-color:#F1F9FA;margin-bottom:20px;overflow:hidden}
.comment .photo { border:#FFF 0px solid;width:50px;padding:0px;display:block;height:50px;margin-right:10px;vertical-align:top;float:left;}
.comment #commentHeader { display:block; margin: 0px 0px 5px 0px; padding:0px 0px 5px 0px;}
.comment .author { font-weight:bold; width:180px;height:50px;vertical-align:top;float:left;margin-right:10px;background-color:#F1F9FA}
.comment .adr { display:inline;}
.comment .date { display:inline;font-size:85% }
.comment .text {display:inline;}
.self {background-color:#c1e7f2;}

/* comment form */
.commentForm { padding:10px; background-color:#F1F9FA;margin-bottom:20px}
.commentForm label { display:inline-block;width:120px;}
/*.commentForm input[type="text"]  { display:block; background-color:#ddf2f9; border:solid 2px #FFF; padding:5px; width:300px;}
.commentForm select  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:310px;}
.commentForm textarea  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:500px;}
.commentForm input[type="text"], .commentForm select, .commentForm textarea {margin-left:120px;}*/
#commentMenu { margin:0px 0px 0px 0px; padding:0px;}
#commentMenu li { display:inline; background-color:#DDF2F9;padding:5px 5px; cursor:pointer;}
#commentMenu li a { padding:5px 5px; background-color:#DDF2F9;}
#commentMenu li a:hover { background-color:#DDF2F9;}
#commentMenu li.selected { display:inline; background-color:#c1e7f2;padding:5px 5px;}
#commentPreview {border: solid 2px #c1e7f2}
.bbcode {float:right; margin:15px 10px 0px 0px;}
.bbcode a {margin:0px 5px;}

/* Contact */
#contact label { display:block;}
#contact input[type="text"]  { display:block; background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:300px;}
#contact select  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:310px;}
#contact textarea  { background-color:#ddf2f9; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:500px;}

/* Sidebar */
#sidebar { margin:30px 0px; width:420px; float:left; overflow:hidden; text-align:right;}
#sidebarleft { margin-right:20px; float:left; width:200px; text-align:left;}
#widgetzone {padding:0px; margin:0px; float:left; width:200px; text-align:left;}
.widget a {color:#004c6c; text-decoration:none; border:none;}
.widget a:hover {text-decoration:underline;}
.widget img { border:none;}
.aboutbox img { text-align:left; float:left; margin-right:10px;}
.widget {background-image: url(widget_bkg.jpg); background-repeat:no-repeat; background-position:center top; background-color:#e5f5ea; padding:10px; margin-bottom:20px; text-align:left;}
.widget h4 {font-size:18px; color:#242a2b;}
.widget ul {list-style:none; padding:0px; margin: 0px;}
.widget ul li:first-child {border-top:solid 1px #57c9e9; text-decoration:none;}
.widget ul li {border-bottom:solid 1px #57c9e9;}
.widget ul li a, .widget ul li a:visited {display:block; padding:3px; color:#004c6c; text-decoration:none;}
.widget ul li a:hover {color:#242a2b; background-color:#c1e7f2; text-decoration:none;}
.widget .delete {float:right;}
.pagelist, #monthList, #recentPosts {list-style-type:none;padding:0;margin:0;}
.pagelist li, #monthList li, #recentPosts li {list-style-type:none;padding:0;margin:0}
#monthList .year li {display:inline;margin-right:20px}
.pagelist, #monthList, #recentPosts {display:block;background:#FFF url(/default/bg_h_sides.gif) repeat-y;margin:0px;padding:5px;margin-bottom:-10px;}
.pagelist li, #monthList .year, #recentPosts li  {display:block;background:#FFF url(/default/bg_h_item.gif) repeat-x bottom;clear:both;border-bottom:solid 1px #169cab;padding:5px;margin:2px;font-size:95%;}
.pagelist li a, #monthList .open a, #recentPosts li a {font-weight:bold}

#monthList > li { border: none;}
.xoxo img { display:none;}
.xoxo > li > a { font-weight:bold;}
.xoxo > li > a:first-child { display:none;}
.xoxo ul { margin-left:10px; border:none;}
.xoxo ul li { border:none;}
.xoxo ul li:first-child { border:none;}
/*
#recentPosts li a, #recentPosts li a:visited { color:#004c6c; text-decoration:none; border:none;}
#recentPosts li a:hover {text-decoration:underline; background-color:Transparent;} 
#recentPosts span {font-size:11px; margin-right:5px;}
*/
#recentComments li a, #recentComments li a:visited { color:#004c6c; text-decoration:none; border:none; display:inline;}
#recentComments li a:hover {text-decoration:underline; background-color:Transparent;} 

/* STAR RATING */
.rating { font-size:11px; font-family:Arial, Sans-Serif; }
.rating p {	display: inline; position: relative; top: 14px; left: 55px; margin-top:0px;}
.star-rating{ background-color: #ffffff; position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0px;
	padding: 0px; background-position: left top; border: solid 1px #ffffff;}
.star-rating li { display: inline;}
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px;
	outline: none; overflow: hidden; border: none;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {	background-position: left bottom;}
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5;}
.star-rating a.three-stars { width: 60%; z-index: 4;}
.star-rating a.four-stars { width: 80%; z-index: 3;}
.star-rating a.five-stars {	width: 100%; z-index: 2;}
.star-rating .current-rating {z-index: 1; background-position: left center;}
/* smaller star */
.small-star { width: 50px; height: 10px;}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating  {
	background-image: url(star_small.gif); line-height: 10px; height: 10px; }
	
/* Archive */
#archive { padding:10px; margin-bottom:20px}
#archive h2 img {border:none; margin-right:10px;}
#archive table { font-size:100%;}
#archive table .date {}
#archive table .title {}
#archive table .comments { text-align:center;}
#archive table .rating { text-align:center;}

/* Code */	
code, .code { font-size: 12px; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #F1F1F1; line-height: normal; display:block; padding:10px; }
.code p {padding: 5px; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt {	background-color: #f4f4f4; }
.code .lnum { color: #606060;}


/* tag cloud */
.tagcloud { margin:0px;padding:0px;margin-bottom: 10px; white-space: normal; text-align:center; }
.tagcloud li { display: inline; border-bottom: none; }
.tagcloud .content ul li { border-bottom:none !important;}
.tagcloud a { margin-right: 4px; display: inline; text-decoration: none; border-bottom: none; }
.tagcloud a:hover { }
.tagcloud a.biggest { font-size: 16px; font-weight: 900; }
.tagcloud a.big { font-size: 14px; font-weight: 700; }
.tagcloud a.medium { font-size: 12px; font-weight: 500; }
.tagcloud a.small { font-size: 10px; font-weight: 300; }
.tagcloud a.smallest { font-size: 9px; font-weight: 100; }



/* Search page */
.searchresult { margin-bottom: 20px; }
.searchresult a { font-weight: bold; }
.searchresult span.text { clear: both; display: block; margin: 3px 0; }
.searchresult span.type { display: block; }
.searchresult span.url { }
.searchpage { padding: 2px; }
.searchpage ul.paging { list-style-type: none; margin: 0px; margin-bottom: 20px; padding: 0px; }
.searchpage ul.paging li { display: inline; margin-right: 5px; }
.searchpage ul.paging li a { padding: 5px 8px; }
.searchpage ul.paging li.active { }

/* contact */
#contact { padding: 10px; }
#contact h1 { margin-top: 0; }
#contact label { display: block; padding-top: 5px; }
#contact input.field { width: 200px; }
#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0; }

/* page */
#page { padding: 10px; }
#page h1 { margin-top: 0; }






.codeSnippet{margin-bottom: 5px;}
.codeHeader{padding-left: 16px;	font-size: 12px;}
.codeContainer{font-family: Monospace;width: 400px;overflow: auto;font-size: 12px;padding: 5px;padding-bottom: 15px;border: 1px solid #cecece;background-color: #fff;max-height: 400px;min-height: 40px;}
.lineNumber{color: #aaa;border-right: 1px dotted #bebe7;padding-right: 2px;margin-right: 3px;}





@media print {
#hr, #nav,#cr,#zoek {display:none;}
#header, #headeri, #ci {padding:0px;clear:both;width:100%;margin:0px;}
#c {padding:0px;clear:both;width:100%;margin:0px;}
#cl {width:100%;margin:0px;clear:both}
#cr {margin:0px;clear:both;width:0px;}
#logo {margin-left:0px;}
}