/* Import external stylesheet */
@import url('reset.css');

html { height: 100%; overflow: -moz-scrollbars-vertical; font-family: 'Trebuchet MS'; }
body{ font: 76%/115% georgia,verdana,arial;text-align:left;line-height:20px;color:#444; background: #6B9A5F url('../images/bg-body.gif') repeat-x 0 0; margin: 0px; }
a{ color:#FF2929; }
div.wrapper-top { width: 1000px; margin: 16px auto 0px auto; height:10px; border:solid 0px red; background: url('../images/bg-wrapper-top.png') no-repeat 0 0; }
div.wrapper { width: 986px; margin: 0px auto; padding: 0 7px 0 7px; border:solid 0px red; background: url('../images/bg-wrapper.png') repeat-y 0 0; }
div.wrapper-bottom { width: 1000px; margin: 0px auto 0px auto; height:13px; border:solid 0px red; background: url('../images/bg-wrapper-bottom.png') no-repeat 0 0; }

div.header { height: 126px; border:solid 0px red; padding: 0 16px 0 0; position:relative; top:-4px; background: #fff url('../images/bg-header.jpg') no-repeat right 0;  }
div.header img { margin-top:30px; }

#slogan { position:relative; display:block; text-align:right; top:-28px; border:solid 0px #999; font-size:1.4em; font-weight:bold; }

div.mainmenu-holder { height:58px; background: url('../images/bg-mainmenu.jpg?c=2') repeat-x right 0; position:relative; top:-4px;}
div.mainmenu-holder div.rightside { height:58px; background: url('../images/bg-mainmenu-right.jpg') no-repeat right 0; float:right; width:456px; display:block; }

#mainmenu { color:#fff; }
#mainmenu ul {float:left;list-style-image:none;list-style-type:none;margin-top: 0px;padding:0px; }
#mainmenu ul li {float:left;padding: 0 0 0 3px; height:58px; margin-left:10px; margin-right:2px; background: url('../images/bg-menu-item.png?c=1') no-repeat left 58px}
#mainmenu ul li a { background:url('../images/bg-menu-item.png') no-repeat right 58px; display:block; height:46px; font-family: 'Trebuchet MS'; color:#fff; text-shadow:1px 1px 1px #000; text-decoration:none; font-size:2.0em; padding:12px 20px 0px 17px;}
#mainmenu ul li a span { font-size:0.5em; display:block; border:solid 0px red; text-align:left; line-height:1.6em; color:#888; text-shadow:none; }

#mainmenu ul li a:hover { color:#20AEF9;  }

#mainmenu ul li.active { background-position: left -458px; }
#mainmenu ul li.active a { background: #009AF1 url('../images/bg-menu-item.png') no-repeat right -458px; color:#222; text-shadow:1px 1px 1px #ccc; }
#mainmenu ul li.active a span { color:#fff; }

div.content-wrapper {  background: #fff url('../images/bg-content-wrapper.jpg') no-repeat right -20px; border:solid 0px red; position:relative; top:-4px; }
div.content-wrapper h1 { color:#FF2929; }
div.content-wrapper-left { width:600px;float:left;padding:0 0 0 20px; background-color:#fff; margin-bottom:20px; }
div.content-wrapper-right { padding:5px 5px 5px 15px;width:300px;margin-left:650px;border-left:solid 1px #2E2E2E; }

/* news flash */
#newsflash-header { position:relative; top:22px; text-align:right; font-size:1.7em; font-weight:normal; padding-right:10px; }

#newsflash { box-shadow: 2px 2px 5px #888; -moz-box-shadow: #888 2px 2px 5px; -webkit-box-shadow: 2px 2px 5px #999;  border: solid 1px #2E2E2E; background: #c1c1c1 url(../images/bg_nf.gif) repeat-x 0 0; list-style-type:none; -moz-border-radius:3px; -webkit-border-radius: 3px; margin: 20px 0 0px 0; padding:10px; }
#newsflash li { display:block; margin:5px; }
#newsflash li span { font-size: 0.8em; color:#555; display:block; } 
#newsflash li span a { font-weight:bold; text-decoration:none; color:#555; }
#newsflash li h3  { color: #FF2929; }
#newsflash li a.readfull { font-size:0.9em; line-height:24px; color: #FF2929; text-decoration: underline; padding-right:14px; background: url(../images/extlink.gif) no-repeat right -4px; }
#newsflash li img.flag { position: relative; top:4px; left: 3px; display:none; }
#newsflash li p img { float:left; width: 60px; height:50px; margin: 4px 6px 0px 0px; border:solid 2px #fff; -moz-box-shadow: 0px 0px 5px #222; -webkit-box-shadow: 0px 0px 5px #222; }

#newsflash_selector { border: solid 0px red; float:left; display:block; width:100%; text-align: right; margin-bottom:5px; } 
#newsflash_selector span { cursor:pointer; margin:0px 3px; padding: 2px 4px 4px 4px; border:solid 0px #2E2E2E; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius: 3px; border-radius-bottomleft: 3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius: 3px; border-radius-bottomright: 3px; }
#newsflash_selector span.active  { background-color: #2E2E2E; color:#fff; top:-1px; position:relative;  box-shadow: 2px 2px 5px #888; -moz-box-shadow: #888 2px 2px 5px; -webkit-box-shadow: 2px 2px 5px #999;  }


h2.newsflashheader { font-size:1.4em; font-weight:normal; line-height:130%; text-decoration:none; margin:40px 0 6px 0; }
h3.flashitem-month { margin: 20px 4px 0 0; padding: 0 20px 0 0; text-align: right; background: url(../images/cards-stack.png) no-repeat right 2px; }
#newsflashItems  { padding:2px; border:solid 2px #fff; -moz-border-radius:5px; -webkit-border-radius: 5px; margin-top:2px; background: #c1c1c1 url(../images/bg_nf.gif) repeat-x 0 0;  box-shadow: 0px 0px 5px #888; -moz-box-shadow: #888 0px 0px 5px; -webkit-box-shadow: 0px 0px 5px #999;  }
#newsflashItems  li { padding:2px 10px 2px 10px;  }
#newsflashItems  li.active { border: solid 1px #ccc; background-color:#ddd; -moz-border-radius:3px; -webkit-border-radius: 3px; text-shadow:0 1px 1px #FFFFFF; padding-left:9px; }
#newsflashItems  li  a:hover { text-decoration: underline }
#newsflashItems  li span { color: #666; font-size:0.8em; padding: 0 0 5px 10px; }

#currentnewsflash span.cnfspan { color: #666; font-size:0.8em;  }
#currentnewsflash p img.flag { position: relative; top:4px; left: 3px; display:none; }
#currentnewsflash p img.avatar { float:left; width: 60px; height:50px; margin: 4px 6px 0px 0px; border:solid 2px #fff; -moz-box-shadow: 0px 0px 5px #222; -webkit-box-shadow: 0px 0px 5px #222; }
#currentnewsflash  a.readfull { font-size:0.9em; line-height:24px; color: #FF2929; text-decoration: underline; padding-right:14px; background: url(../images/extlink.gif) no-repeat right -4px; }

div.stretcher { clear:both; background-color:#3E3E3E; height:100px; position:relative; top:10px; border:solid 1px #fff; text-align:center; padding-top:10px; }
div.footer { color:#fff; text-align:center; padding-bottom:20px; }
div.footer a { color: #fff; text-decoration:none; padding:3px; }
div.footer a:hover { background-color: #FF2929; }

div.widget  h3 { border-bottom:1px solid #2E2E2E; margin-bottom:4px; font-size:1.2em; }
div.widget { padding:10px 0 10px 0; }
div.widget ul li{background:transparent url(../images/arrow-medium.png) no-repeat left 1px;padding-left:18px;margin-bottom:5px;}
div.widget ul li.rss {	background:transparent url(../images/rss_bullet.png) no-repeat left 1px; }
div.widget ul li.mobi { background:transparent url(../images/mobile-phone.png) no-repeat left 1px; }
div.widget ul li.twitter { background:transparent url(../images/twitter-icon.png) no-repeat left 1px; }
div.widget ul li.blog { background:transparent url(../images/blog.png) no-repeat left 1px; }
div.widget ul li.author { background:transparent url(../images/author.png) no-repeat left 1px; }
div.widget ul li.source { background:transparent url(../images/direction.png) no-repeat left 1px; }
div.widget ul li.views { background:transparent url(../images/users.png) no-repeat left 1px; }
div.widget ul li.category { background:transparent url(../images/categories.png) no-repeat left 1px; }

div.widget ul.tag { display:block; height:40px; }
div.widget ul.tag li { float:left; padding:0; background: none; margin:2px 4px 2px 3px; }
div.widget ul.tag li  a { background:transparent url(../images/star-small-empty.png) no-repeat left 1px; padding-left:18px; }
div.widget ul.tag li  a:hover { background:transparent url(../images/star-small.png) no-repeat left 1px; }

ul.tags { display:block; height:40px; }
ul.tags li { float:left; padding:0; color:#fff; margin:2px 4px 2px 3px; font-weight:bold; }

#reactions ul li { background:transparent url(../images/balloon.png) no-repeat left 1px; }
#reactions ul li.reaction-hidden { display:none; }
#reactions ul li a span { color: #2E2E2E; font-size: 0.9em; }
#reactions ul li a h4 b { font-size: 0.7em; color: #bbb; }
#reactions ul li.more-reactions { cursor: pointer; margin:10px 10px 0 20px; padding: 3px; border: solid 2px #ccc; font-size:1.2em; font-weight:bold; color:#FF2929;  -moz-border-radius:6px; -webkit-border-radius: 6px; background: none; background-color: #ddd; text-shadow: 1px 1px 1px #fff; text-align: center; }

#tweets h3 { background: url(../images/balloon-twitter.png) no-repeat 0 2px; padding-left:20px;} 
#loading-tweets { background: url(../images/tweet-loader.gif) no-repeat left 0; padding-left:18px; color:#ccc; margin-right:40px; }
#tweets ul li { border-bottom: dotted 1px #60A1E8; padding-bottom:5px; margin:5px 0 5px 0; cursor:default; background:transparent url(../images/mail.png) no-repeat left 3px; }
#tweets ul li:hover { background-color:#eee; }
#tweets ul li span { padding:5px; display:none;position:absolute; width:170px; min-height:60px; background-color:#fff; border:solid 1px #60A1E8; -moz-border-radius:3px; -webkit-border-radius: 3px; }
#tweets ul li span img { margin-right: 5px; height:48px; width:48px; border:solid 1px grey; padding:1px;  -moz-border-radius:2px;}

.hentry{ border-bottom: dotted 1px #999; margin:10px 0 10px 0; padding-bottom:10px; }
.entry-title{}
.entry-title { text-decoration:none; font-size:2.0em; line-height:140%; font-weight:normal; }
.entry-meta{ }
.entry-meta p, .entry-meta abbr{ color:#999; margin-bottom:10px; font-size:1.2em; }
.metadata{color:#999;}
.author-vcard { font-weight:bold; }
.entry-content{ }
.entry-content ul { margin-left:2px; }
.entry-content ul li { list-style: circle inside; }
.entry-content h2 { font-size:1.35em;margin-bottom:5px; }
.entry-content span.retweet { float:left; padding: 4px 10px 0 0; }
.entry-content p img{margin:10px;}
.entry-content p{font-size:1.15em;margin-bottom:15px;line-height:165%;color:#444;text-align:justify; }

blockquote{border-top:3px double #eee;border-bottom:3px double #eee;padding:15px 20px 3px 20px;margin-bottom:10px;font-style:italic;background:transparent url(../images/Blockquote.gif) no-repeat scroll 5px -8px;}

div.digg {float:left;padding:10px;} 
div.digg a { margin-right:6px; }
div.digg a:hover { text-decoration:none; border:solid 0px #fff; }

div.bron { margin-top:8px; float:right; }
div.bron a { padding:0 12px 0 0; background: url('../images/extlink.gif') no-repeat right -5px; }

.hentry div.read-more { margin: 6px 0 0 0px; padding:8px 0 0 1px; border:solid 0px red; background:transparent url(../images/bgReadreaction.jpg) no-repeat 0px 7px; display:block; height:30px; }
.hentry div.read-more a { color:#555; text-shadow:1px 1px 1px #fff; }
.hentry div.read-more a.readmorelink { margin-right:0px; border:solid 0px red; display:block; height:23px; width:77px; text-align:center; float:left; padding-top:2px; }
.hentry div.read-more a.readmorelink:hover { color:#222; background:transparent url(../images/bgReadmoreActive.jpg) no-repeat 0 0; text-decoration:none; } 
.hentry div.read-more a.reactionlink { border:solid 0px red; display:block; height:23px; width:79px; text-align:center; float:left; padding-top:2px; }
.hentry div.read-more a.reactionlink:hover { color:#222; background:transparent url(../images/bgReactionsActive.jpg) repeat-x 0 0; text-decoration:none; } 

div.reactions { border:solid 0px red; margin-top:60px; }
div.reactions div.reaction { border-bottom:dotted 0px #60A1E8; margin-bottom:15px; padding: 0 0 5px 0; }
div.author { height:16px; } 
div.author b { color:#FF2929; }
div.reaction-arrow { border:solid 0px red; width:12px; height:10px; position:relative; top:1px; left:16px; background: url(../images/reaction-top.gif) no-repeat 0 0; } 
div.reaction-content { border:solid 1px #999; -moz-border-radius:6px; -webkit-border-radius: 6px; padding:5px; font-style:italic; }
div.make-reaction { font-weight:bold; color: #FF2929; margin: 20px 0 10px 0; border-bottom: solid 1px #ccc; text-align:right;}
div.form-warning { margin:10px 0 10px; border:dotted 1px red; padding:5px 5px 5px 25px; -moz-border-radius:3px; -webkit-border-radius: 3px; background: url(../images/warning.png) no-repeat 5px 6px; }

#page-navigation{margin:20px 0 20px 0; border:solid 0px green; height:25px; }
.previous a{	float:left;	padding:3px 10px;background:#ccc;color:#fff;font-variant:small-caps;font-size:1.2em;margin-top:-3px; -moz-border-radius:3px; -webkit-border-radius: 3px; }
.next a{float:right;padding:3px 10px;background:#ccc;color:#fff;font-variant:small-caps;font-size:1.2em;margin-top:-3px; -moz-border-radius:3px; -webkit-border-radius: 3px; }
.previous a:hover, .next a:hover{border:none;background:#333;}

.paging_wrapper { display:block; border:solid 0px red; height:0px; text-align:center; } 
.paging { border:solid 0px; text-align:center; position:relative; top:-45px; font-size:1.2em; display:inline; }
.paging  a, .paging span { padding:1px 5px 5px 5px; text-decoration:none; margin:0 3px 0 3px; cursor:pointer; color:#FF2929; }
.paging  a.active, .paging  a:hover, .paging  span:hover { background-color: #FF2929; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius: 3px; }
#more-pages { position:absolute; background-color:#fff; float:left; padding: 2px 0 2px 0; border:solid 1px #FF2929; width:34px; -moz-border-radius:3px; -webkit-border-radius: 3px; positon:relative; margin-top:12px; z-index:3; display:none; }
#more-pages  a { float:left; margin-top:2px; width:18px; text-align:center; }

table.reaction-table { border:solid 0px grey; width:100%; margin:10px 0px 10px; }
table.reaction-table tr  td{ padding:10px; border-bottom:3px #fff solid; }
table.reaction-table tr  td input.verplicht, table.reaction-table tr  td textarea.verplicht { background:#fff url(../images/verplicht.png) no-repeat right 0; }
table.reaction-table tr  td input{ border:solid 1px #ccc; width:370px; padding:6px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
table.reaction-table tr  td textarea{ border:solid 1px #ccc; padding:6px; width:450px; height:100px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
table.reaction-table tr.odd { background-color:#eee; }
table.reaction-table tr.even { background-color:#ddd; }
span.verplicht { float:left; background:#fff url(../images/verplicht.png) no-repeat 0 4px; padding:2px 2px 2px 14px; } 
input.submitcontact { float:right; padding:4px 7px 4px 7px; margin-right:10px; } 

table.contact { border:solid 0px grey; width:100%; margin:10px 0px 10px; }
table.contact tr  td{ padding:10px; border-bottom:3px #fff solid; }
table.contact tr  td input.verplicht, table.contact tr  td textarea.verplicht { background:#fff url(../images/verplicht.png) no-repeat right 0; }
table.contact tr  td input{ border:solid 1px #ccc; width:370px; padding:6px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
table.contact tr  td textarea{ border:solid 1px #ccc; padding:6px; width:570px; height:100px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
table.contact tr.odd { background-color:#eee; }
table.contact tr.even { background-color:#ddd; }


h1.io-header { font-size: 2em; color:#333 !important; margin-top:20px;}