/*
Baby blauw 	: #00aff0;
Grijs		: #565656;
Licht grijs : #e9e9e9;
*/
html,body,form { margin: 0; padding: 0; }

body,input,textarea { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }

a { color: #000; text-decoration: none; }
a:hover { color: #00aff0;  }
a:focus { outline: none; }
a.hl { color: #00aff0; }
a.hl:hover { text-decoration: underline; }
a.bold { font-weight: bold; }

h2 { color: #00aff0; font-size: 24px; margin: 12px 0 10px 0; padding: 0; }
h3 { font-size: 18px; margin: 18px 0; padding: 0; font-weight: normal; }
p { margin: 10px 0; }

input.text, textarea { border: 1px solid  #d5d5d5; }
input.text1 { border: 1px solid  #d5d5d5; width: 25px;}


.tableheader { position: relative; height: 32px; line-height: 32px; border-bottom: 1px solid #00aff0; margin-top: 20px; }
.tableheader h2 { float:left; display: inline-block; font-size: 18px; font-weight: normal; color: #FFF; margin: 0 10px 0 0; padding: 0; background: #00aff0 url('../images/tableheadbg.gif') top right no-repeat;   }
.tableheader h2 span { height: 33px; line-height: 33px; background: #00aff0 url('../images/tableheadbg.gif') top left no-repeat; display: inline-block; padding-left: 12px; padding-right: 9px; margin-right: 3px; } 
.tableheader .rss { position: absolute; right: 0; top: 0; line-height: 32px; background: url('../images/rss.gif') left center no-repeat; padding-left: 22px; }

table { border-collapse: collapse; width: 100%; }
table.category { width: 82%; float: right; }
table.half {  width: 50%; }
table th { padding: 10px; text-align: left; border-bottom: 1px solid #00aff0; }
table th.normal { padding: 10px; text-align: left; font-weight: normal; border: none;vertical-align: top; width: 150px; }
table td { padding: 10px; vertical-align: top;  }
table tr.up td { }
table tr.down td { background: #e9e9e9; }
table td strong { background: #00aff0; color: #FFF; padding: 5px; } 
table td a { font-weight: bold; }
table th.aanbod { width: 80px; }
table th.datum { width: 105px; }
table th.kudos { width: 85px; }
table th.initiatiefnemer { width: 120px; }
table td.width10 {width: 10%; }
table td.width40 {width: 40%; }
table td.width50 {width: 50%; }
table .width150px {width: 150px; }
table .width100px, table th.width100px {width: 100px; }
table.profiletable { float: right; width: 335px; }
form td, ul.cols2 td,  ul.cols2 th.normal { padding: 5px 10px 5px 0; }
form td input.text, form td textarea  { width: 100%; }

.createusername { font-size: 24px; margin: 20px 0; }
.createusername input.text { font-size: 24px; color: #00aff0; }

.sortup		{ display: inline-block; width: 10px; margin-left: 2px; height: 8px; margin-bottom: 3px; overflow: hidden; text-indent: -999em; background: url('../images/sort.gif') top left no-repeat; }
.sortdown 	{ display: inline-block; width: 10px; margin-left: 2px; height: 8px; margin-bottom: 3px; overflow: hidden; text-indent: -999em; background: url('../images/sort.gif') top right no-repeat; }

p.tagcloud { text-align: left}
.tagcloud a { white-space: nowrap; }
.tagcloud .size1 { font-size: 12px;}
.tagcloud .size2 { font-size: 14px;}
.tagcloud .size3 { font-size: 16px;}
.tagcloud .size4 { font-size: 18px;}
.tagcloud .size5 { font-size: 20px;}
.tagcloud .size6 { font-size: 22px;}
.tagcloud .size7 { font-size: 24px;}
.tagcloud .size8 { font-size: 26px;}

.pages a.selected { color: #fff; background: #00aff0; padding: 3px 6px 3px 6px;}
.pages a { color: #00aff0; background: #fff; padding: 3px 6px 3px 6px;}
.pages a:hover { color: #fff; background: #00aff0; padding: 3px 6px 3px 6px;}


.profiel { min-height: 33px; position: relative; }
.detail { min-height: 33px; position: relative; }

.detail h2 { width: 720px; }

.support { position: absolute; top: 10px; right: 0; text-align: right; }
.support a.kudo { display: inline-block;  background: #565656 url('../images/supportrood.gif') top right no-repeat; color: #FFF; margin-right: 12px; line-height: 32px; }
.support a.kudo span {  display: inline-block; background: #565656 url('../images/supportrood.gif') top left no-repeat; color: #FFF; padding-left: 12px; padding-right: 9px; margin-right: 3px; cursor: pointer;  line-height: 32px; }

.home { height: 240px; overflow: hidden; }
.home .biglink { display: block; height: 240px; float: left; width: 660px; background: url('../images/neeminitiatief.jpg'); text-indent: -999em; }
.home ul { margin: 0; padding: 0; list-style: none; height: 240px; width: 300px; float: left; overflow: hidden; }
.home ul li h2 { margin: 0; padding: 0; font-size: 18px; }
.home ul li { height: 34px; line-height: 34px; font-size: 18px; padding: 0 10px; overflow: hidden; }
.home ul li.up { }
.home ul li.down { background: #e9e9e9; }

ul.linkblock { height: 96px; margin: 20px 0; padding: 0; list-style: none; background: url('../images/linkblock.gif') no-repeat; }
ul.linkblock li { float: left; }
ul.linkblock li a { background: url('../images/linkblockdot.gif') left bottom no-repeat;  color: #FFF; display: block; font-size: 24px; font-weight: bold; line-height: 48px; height: 48px; width: 400px; margin-left: 40px; padding-left: 40px; }	
ul.linkblock li a:hover { background: url('../images/linkblockdot.gif') left top no-repeat; }  

/*#content { width: 960px; padding: 0 20px; margin: 20px auto; }*/
#content { width: 960px; padding: 0; margin: 20px auto; }
#content.nowhitespace {  margin-top: 0; margin-bottom: 0; }

#header { background: url('../images/headerbg.gif') repeat-x; }
#header .inner{ position: relative; width: 960px; margin: 0 auto; padding: 0 20px; height: 147px; }
img { border: 0px; }
img.pasfoto { float: left; }

#header #menu { position: absolute; height: 46px; overflow: hidden; margin: 0; padding: 0; right: 20px; bottom: 50px !important; bottom: 49px; list-style: none;  }
#header #menu li { float: left; margin-left: 8px; background: #00aff0 url('../images/menubg.gif') top right no-repeat; height: 35px; line-height: 35px; margin-top: 11px; }
#header #menu li a { display: block; color: #FFF; background: #00aff0 url('../images/menubg.gif') top left no-repeat; padding-left: 12px; padding-right: 9px; margin-right: 3px; font-size: 13px;}

#header #menu li.selected,
#header #menu li.hover,
#header #menu li:hover { margin-top: 0; background: #565656 url('../images/menubghover.gif') top right no-repeat;  height: 46px;}
#header #menu li.selected a,
#header #menu li.hover a,
#header #menu li:hover a {  background: #565656 url('../images/menubghover.gif') top left no-repeat; }

#header #menu li.selected a { font-size: 13px; }

#header #quicksearch { position: absolute; bottom: 0px; padding: 7px 0; height: 30px; }
#header #quicksearch input.text { background: none; border: none; width: 394px; margin-right: 20px; padding: 5px 10px; background: url('../images/headerinput.gif') no-repeat; color: #000;  }
#header #quicksearch select { width: 400px;  margin-right: 20px; margin-bottom: 3px; }
#header #quicksearch input.submit, #header #globallinks input.submit { background: #565656; border: none; color: #FFF;  padding: 5px 0; width: 100px;  }

#header #globallinks { position: absolute; right: 20px; top: 13px; }
#header #globallinks form { display: inline; margin-left: 10px; }

#header #logo { position: absolute; left: 20px; top: 0px; width: 240px; height:83px; background: url('../images/headerbg.gif') repeat-x; color: #000} 
#header #logo h1 {display:none; }

#footer { background: url('../images/footerbg.gif') repeat-x; height: 70px;   }
#footer .inner{ position: relative; width: 960px; margin: 0 auto; padding: 0 20px; height: 28px; line-height: 28px; color: #FFF; }
#footer .inner a { color: #FFF; }

ul.cols2 { margin: 0; padding: 0; list-style: none; }
ul.cols2 li { float: left; width: 470px; }
ul.cols2 li:first-child {  margin-right: 20px; }

li.clear, br.clear { clear: both; }

ul.centerline { background: url('../images/horizontalgrey.gif') repeat-y center center; height:  175px; margin-top: 10px; }
ul.centerline li {  padding-left: 10px; width: 460px; }

#content form input.submit, #content input.submit { background: #565656; border: none; color: #FFF; padding: 5px 10px; margin: 20px 0px;  }
#content form td select { width: 100%; }

p.errorgroot  {font-weight: normal; color: white; padding: 10px; border: 1px solid #FF0000; background-color: #FF0000; margin-top: 20px; font-size: 16px; text-align: center; display: block;}
p.errorgroot a {color: #FFF; text-decoration: underline; }
p.errorgroot a:hover {color: #FFF; text-decoration: none; } 

p.melding a {color: #000; text-decoration: underline; }
p.melding a:hover {color: #000; text-decoration: none; } 
p.error a {color: red; text-decoration: underline; }
p.error a:hover {color: red; text-decoration: none; } 

p.melding  {font-weight: normal; color: #000; padding: 10px; border: 1px solid #00aff0; }
p.error  {font-weight: normal; color: red; padding: 10px; border: 1px solid #FF0000; }
p.notice {font-weight: normal; color: red; padding: 10px; border: 1px solid #FF0000; }

ul.list, ul.comment { margin: 0; padding: 10px 0; list-style: none; width: 100%; }
ul.list li { display: block; margin: 0; padding: 0; width: 100%; }
ul.list li span, ul.comment li span { font-weight: bold; }
ul.list li span, ul.comment li span a {text-decoration: underline; }
ul.comment li { margin: 0; padding: 0 0 10px 0; }
ul li span.admin { font-size: 10px; font-weight: normal; margin-left: 40px; }

div.drafttree { width: 960px; height: 1261px; background-image: url('/template/images/boom1.gif'); position: relative;}
div.draftname { position: absolute; background-color: black; padding: 10px; color: white; display: inline-block; font-weight: bold;}
div.draftname a { color: white;}

span.countdown { font-size: 10px; }
span.countdown input { font-size: 8px; border-width: 0px; background-color: white; text-align: center; width: 20px; }

div.category { float: left; width: 16%; padding-left: 1%;}
div.category a.bold { font-weight: bold; }
div.category span a { line-height: 46px; font-weight: bold; }

.floatleft { float: left; }