/* Reset!
----------------------------------------------------------------------------- */
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;
}
body {line-height:1.5;}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:	before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Shields up! Here we go!
----------------------------------------------------------------------------- */
body {font-size:81.25%; font-family:Arial, Helvetica, Verdana, sans-serif; color:#000; background:#000 url(/images/bg.png) center 94px repeat-y;}

#layout {width:959px; margin:0 auto; background:transparent url(/images/foto_bg.jpg) 0 92px no-repeat;}
.container {margin-left:108px; width:851px; background:transparent}

#main, #searchbar {float:left;}

#main {width:512px; margin:0 12px 0 22px; padding-top:36px;}
#searchbar {width:293px; margin-left:12px; min-height:530px; background:transparent url(/images/sb_bg.png) no-repeat top right; padding-top:36px;}

body.useable            {background:#000 url(/images/bg2.png) center 94px repeat-y;}
body.useable #searchbar {background:transparent;}

/* Header
----------------------------------------------------------------------------- */
#header {width:959px; height:94px; background:#000 url(/images/header.png) no-repeat; color:#fff;}
#header h1, #header p {display:none;}

#mainnav {height:26px; position:relative; top:68px; left:130px; width:300px;}
#mainnav ol {font-size:12px; font-weight:bold; line-height:22px; margin:0; padding:0;}
#mainnav ol li {margin:0; padding:0 24px 0 0; display:block; float:left;}

#subnav {height:26px; position:relative; top:43px; left:627px; width:330px;}
#subnav ol {font-size:12px; font-weight:bold; line-height:22px; margin:0; left:130px;}
#subnav ol li {margin:0; padding:0 24px 0 0; display:block; float:left;}
#subnav ol li.dashboard {padding:0;}
#subnav ol li.dashboard a {color}

/* Footer
----------------------------------------------------------------------------- */
#footer {width:512px; margin-left:130px; margin-top:24px; border-top:3px solid #f5da33;}
#footer p {padding-top:1em; font-size:.8em; margin-bottom:1.875em; line-height:1.875em;}

/* Typography
----------------------------------------------------------------------------- */
p           {margin:0 0 1.5em;}
blockquote  {margin:1.5em; color:#666; font-style:italic;}
strong      {font-weight:bold;}
strong.req  {color:#f00;}
strong a, strong a:visited {font-weight:bold;}

em,dfn      {font-style:italic;}
dfn         {font-weight:bold;}
sup, sub    {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}
address     {margin:0 0 1.5em; font-style:italic;}
del         {color:#666;}

label       {cursor:pointer;}

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 2.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal;}

ul.provinces {list-style-type:none; margin-left:0;}
ul.provinces li {margin-left:0;}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

h5 span     {font-size:13px; font-weight:normal;}

a,
a:visited   {text-decoration:none; color:#000; border-bottom:1px solid #000; font-weight:normal;}
a:focus,
a:hover     {color:#fc0; border-bottom:1px solid #fc0;}

#mainnav a, #mainnav a:visited {text-decoration:none; border-bottom:1px solid #000; color:#ffe400;}
#mainnav a:focus, #mainnav a:hover {border-bottom:1px solid #ffe400; color:#ffe400;}

#subnav a, #subnav a:visited {text-decoration:none; border-bottom:1px solid #000; color:#fff;}
#subnav a:focus, #subnav a:hover {border-bottom:1px solid #fff; color:#fff;}

#subnav .dashboard a, #subnav .dashboard a:visited {text-decoration:none; border-bottom:1px solid #000; color:#5cc31f;}
#subnav .dashboard a:focus, #subnav .dashboard a:hover {border-bottom:1px solid #ffe400; color:#ffe400;}

#subnav .english a, #subnav .english a:visited {text-decoration:none; border-bottom:1px solid #000; color:#ffe400;}
#subnav .engslih a:focus, #subnav .english a:hover {border-bottom:1px solid #ffe400; color:#ffe400;}

#searchbar a, #searchbar a:visited {text-decoration:none; border-bottom:1px solid #000; color:#000; font-weight:bold;}
#searchbar a:focus, #searchbar a:hover {border-bottom:1px solid #fff; color:#fff;}

#searchbar span.delete a, #searchbar span.delete a:visited {border:none; padding-left:5px; color:#c00;}
#searchbar span.delete a:hover {color:#000;}
span.delete img {margin-bottom:-3px;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#111;}
h1 {font-size:3em; line-height:1; margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0.75em;}
h3 {font-size:1.5em; line-height:1; margin-bottom:1em;}
#searchbar h3 {color:#ffe500; font-size:1.1em; font-weight:bold; border-top:1px solid #000; width:195px; margin-bottom:.5em; padding-top:10px;}
.useable #searchbar h3 {width:281px;}

h4 {font-size:1.2em; line-height:1.25; margin-bottom:0; font-weight:bold;}
.admin h4 {margin-bottom:1.25em; font-weight:normal;}
h5 {font-size:1.1em; font-weight:bold; margin-bottom:0;}
h6 {font-size:1em; font-weight:bold;}

h3.newslettertitle {font-size:2em}
h3.newslettertitle strong {color:#f5da33; font-weight:normal;}

h4#teens {margin-top:2em;}
h4#partners {margin-bottom:1em;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {margin:0;}

h3 span {margin-left:27px;}

hr         {background:#f5da33; color:#f5da33; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none;}
hr.space   {background:#fff; color:#fff;}
hr.empty   {background:#fff; color:#fff; height:0; margin:0;}
hr.marge   {margin-top:1.45em;}

.small     {font-size:.8em; margin-bottom:1.875em; line-height:1.875em;}
.large     {font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}

.quiet     {color:#666;}
.loud      {color:#000; font-size:1.2em; font-weight:bold;}
.loud a    {font-weight:bold;}
.highlight {background:#ffc;}
div.highlight {background:#f1f5fa; padding:10px;}

.votes {float:left; margin-top:5px; font-size:15px; font-weight:bold;}

.title-date    {margin-bottom:1.5em;}
.title-date p  {margin:0;}
.title-date h3 {margin:0 0 .25em 0;}

.box {background:#000; padding:12px 12px 1px 12px; margin-bottom:1.5em; color:#fff;}
.box h4 {color:#ffe400; font-size:1.1em; margin:0;}
.box .desc {color:#eee;}
.box p {padding-top:6px;}

p.attentie {width:163px; float:left; margin-right:10px; color:#ffe400; background:#000; font-size:14px; padding-bottom:7px;}
p.attentie img {padding-bottom:5px;}
p.laatste {margin-right:0;}
p.attentie a {border:none; text-decoration:none; color:#ffe400; font-weight:normal;}
p.attentie span.titel {font-size:13px; padding:0 5px;}
p.attentie span.datum {font-size:11px; padding:0 5px;}

p.button {float:right; margin:0 0 10px 10px;}
p.button a {border:0;}
#logos a {border:0;}

.signup {font-size:16px;}
.signup a {font-weight:bold; }

p.map {margin-top:12px;}
p.foto {float:left; margin-right:14px;}

.vcard {margin-bottom:1.5em;}
.vcard p, .telecommunications p {margin-bottom:0;}
.telecommunications {margin-top:1.5em;}

table.ots {width:100%; margin-bottom:1.5em; background:#fff; margin-top:.5em; padding-right:9px;}
table.ots td {vertical-align:middle; padding:5px 9px; border-bottom:1px solid #b4b4b4;}
table.ots td.dag {font-weight:bold;}

div.event_listing {padding:12px 0; border-bottom:1px solid #b4b4b4;}
div.event_listing .thumb {float:right; margin-left:12px;}
div.event_listing h4 {margin:0; padding-bottom:6px;}
div.event_listing p {margin:0;}

#filter {background:#f1f5fa; margin:-36px -12px 20px -22px; width:546px; border-bottom:1px solid #bbb; padding:0;}
#filter form {padding:0; margin:0;}
#filter select {font-size:11px;}
#filter table {width:100%; padding:16px 5px 0;}
#filter table td {padding:0 3px;}
#filter table th {font-weight:bold; padding:0 3px 0 5px;}
#filter p {padding:10px 5px 17px 7px; margin:0;}

span.org {color:#444;}
ul.archive {margin-left:30px; margin-top:12px;}
ul.archive li {padding-bottom:12px;}
p.archive {border-top:1px solid #000; width:195px; margin-bottom:.5em; padding-top:10px;}

#tos {padding:5px; background:#ffc; font-size:12px;}

.photo {width:168px; margin-right:2px; margin-bottom:2px; float:left;}
.the_photo {text-align:center;}

.photo a, .the_photo a {border:none; text-decoration:none;}

/* Admin stuff
---------------------------------------------------------------------------- */
input[type=text], input[type=password], textarea {width:500px; font:14px/18px Helvetica, Arial, Verdana, sans-serif; padding:2px;}
textarea {font:13px/18px Consolas, Inconsolata, Monaco, Courier, monospaced; padding:2px;}

#newsletter_body, #page_body {font:12px/18px Consolas, Monaco, Courier;}

input.postal {width:90px;}
input.city   {width:360px;}
input.street {width:470px;}
input.phone  {width:200px;}
input.price  {width:90px;}
input.slug   {width:100px;}
#event_year  {width:50px;}
#person_firstname {width:165px;}
#person_lastname  {width:200px;}

input.newsletter {width:320px; margin-right:5px;}

input#q {width:150px; margin:0;}
.searchbutton {width:24px; height:23px; text-indent:-9999px; line-height:23px; overflow:hidden; border:0; padding:0; background:url(/images/zoek.png);}
#searchbar form {padding-bottom:12px;}
input#asset_title {width:160px;}

select {font-family: Verdana, sans-serif; font-size:12px; font-weight:normal; line-height:16px; }

label {cursor:pointer; display:block; color;#000;}
.admin label {font-weight:bold;}
.admin label.value {font-weight:normal;}
label.inline {display:inline;}
span.desc {display:block; color:#444;}

.submit_block {padding:9px 0 0; border-top:1px solid #bbb;}

.admin #main a.attention, .admin #main .button_or a, .admin #main a.attention:visited, .admin #main .button_or a:visited {color:#f00; border-bottom:1px solid #f00;}
.admin #main a.attention:hover, .admin #main .button_or a:hover {color:#000; }

.admin #main a, .admin #main a:visited {text-decoration:none; color:#039; border-bottom:1px solid #039;}
.admin #main a:focus, .admin #main a:hover {color:#000;}

.admin #main .delete_link a {border-color :#f00;}

.button_or {color:#666; padding-left:0.5em; font-size:.917em;}

.address td {padding-right:12px; vertical-align:top;}

.line input[type=text], .line input[type=password], .line textarea {width:480px;}

fieldset {border:0; border-top:1px solid #000; background-color:#f1f5fa; padding:12px 12px 1px 12px; margin:0 0 25px 0;}
fieldset legend {font-weight:bold; padding:0 5px;}
fieldset.no_line {border-top:none;}

.line input.postal {width:90px;}
.line input.city   {width:360px;}
.line input.street {width:470px;}
.line input.phone  {width:200px;}
.line input.price  {width:90px;}
.line input.slug   {width:100px;}

table#days {margin-bottom:1.5em; width:100%; background:#ffc;}
table#days td {vertical-align:middle; padding:9px 0;}
table#days td.date {padding-left:0px; padding-right:48px; font-size:14px; padding-top:12px; text-align:right;}
table#days td.times {font-weight:bold;}
table#days input[type=text] {width:90px; margin:0 9px 0 3px;}

table#user_list         {width:100%;}
table#user_list td      {vertical-align:top; padding:12px 0 12px;}
table#user_list td.name {width:100%; padding-right:12px; padding-left:6px;}
table#user_list td.role {padding-right:12px;}
table#user_list td.delete_link {padding-right:6px;}

table#user_list td.name p {margin-bottom:0;}
ul.user_orgs {margin:0; padding:0; list-style:none;}
.admin #main ul.user_orgs a, .admin #main ul.user_orgs a:visited {font-weight:normal; color:#333; border-bottom:1px solid #333;}
.admin #main ul.user_orgs a:hover {color:#000; border-color:#000;}

table.types {width:100%; margin-bottom:1.5em;}
table.types td {vertical-align:top;}

h3.company_header {padding:9px 0 3px; font-weight:bold; border-bottom:1px solid #b2b2b2; font-size:1.25em}

.partner {padding-left:6px;}
.partner h5 {margin-bottom:3px; border-bottom:1px solid #b2b2b2;}

.company {padding:0 12px 0 0; margin-bottom:1.5em;}
.person {width:235px; padding:0 12px 0 0; float:left; margin-bottom:1.5em;}
.company p, .person p {margin:0;}

.admin #main a.new_button, .admin #main a.new_button:visited {color:#000; font-size:12px; font-weight:bold; padding:2px 0 2px 22px; background:transparent url(/images/plus.png) left center no-repeat; text-decoration:underline; border:none;}
.admin #main a.new_button:focus, .admin #main a.new_button:hover {border:none; color:#039;  background:transparent url(/images/plus.png) left center no-repeat; }

.admin #searchbar a.edit_link, .admin #searchbar a.edit_link:visited {color:#039; border-bottom:1px solid #039}
.admin #searchbar a.edit_link:focus, .admin #searchbar a.edit_link:hover {color:#000;}

.odd, .even {padding:6px 0; margin:0; color:#555;}
.even {background:#f1f5fa}
.odd a, .odd a:visited, .even a, .even a:visited {font-weight:bold;}

.new_actvity {margin-top:1.5em;}

div#formatting_guide table       {margin-top:1em;}
div#formatting_guide td          {padding:.5em 0; vertical-align:middle; border-bottom:1px solid #b2b2b2}
div#formatting_guide td.sep      {padding:0 1.5em; color:#777;}
div#formatting_guide p           {margin:1em 0 0 0;}
div#formatting_guide ol,
div#formatting_guide ul          {padding:0; margin:0 0 0 1.4em;}
div#formatting_guide ol li       {padding:0; margin:0; list-style-type:decimal}
div#formatting_guide ul li       {padding:0; margin:0; list-style-type:disc}
div#formatting_guide blockquote  {margin:0; margin-left:1.4em; color:black;}
div#formatting_guide cite        {font-style:italic;}
div#formatting_guide sup,
div#formatting_guide sub         {font-size:.9em;}
div#formatting_guide h4          {font-size: 120%; font-weight:bold; margin:0; padding:0;}
div#formatting_guide h5          {font-size: 100%; font-weight:bold; margin:0; padding:0;}
div#formatting_guide td table    {margin:0;}
div#formatting_guide td table td {padding:0 1em 0 0; border:0;}
div#formatting_guide td table th {padding:0 1em 0 0; border:0; font-weight:bold;}

ul#recentassets {margin-bottom:0; padding-bottom:.8em;}
.more {margin-bottom:.8em; padding-left:1.4em;}

#stats {margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px;}
#stats table {width:100%}
#stats table td {padding:0 10px; border-right:1px solid #ccc; text-align:center;}
#stats table td.last {border-right:0;}
#stats table td .count {font-size:24px; font-weight:bold;}

.this_year {font-weight:bold; color:#000; background:#ffc;}

.not_activated {background:#fcc; padding:10px; font-size:15px; text-align:center; border:2px solid #f99;}
.not_activated a {font-size:16px; font-weight:bold;}

.just_a_button, form.just_a_button {display:block; float:left; margin:0 20px 0 0}

/* Errors
-------------------------------------------------------------- */
.fieldWithErrors        {display:block; margin:-18px 0 0;}
.box .fieldWithErrors, #days .fieldWithErrors, #slug .fieldWithErrors, .tos .fieldWithErrors, .upload .fieldWithErrors {display:inline;}
.fieldWithErrors textarea,
.fieldWithErrors input  {border:4px solid #bf2e1a;}
#errorExplanation       {padding:12px 0; margin:0 0 12px; background:#ffc; margin-top:12px;}
#errorExplanation h2    {font-size:1.2em; padding:0 12px 0 12px; margin:0 0 .5em 0;}
#errorExplanation p     {padding:0; margin:0 12px 0 14px; display:none;}
#errorExplanation ul    {margin:0 12px 0 18px;}
#errorExplanation ul li {list-style:disc; margin-left:14px;}

/* Flash
----------------------------------------------------------------------------- */
#flash-notice,
#flash-errors {width:809px; padding:18px 12px 18px 30px; margin-left:108px; font-size:14px; line-height:14px; font-weight:bold; color:#000;}
#flash-notice {background:#dfd url(/images/tick.png) 8px center no-repeat;}
#flash-errors {background:#fdd url(/images/error.png) 8px center no-repeat;}

/* Clearing floats
----------------------------------------------------------------------------- */
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}

.clear {clear:both;}


.calendar {width:182px; color:black; margin-bottom:1.5em;}
.monthName {display:none;}

.dayName th {font-size:14px; font-weight:normal; padding-bottom:0.2em; border-bottom:1px solid #b4b4b4; text-align:center;}

.otherMonth, .day, .specialDay {padding:4px; border-right:2px solid #b4b4b4; text-align:center; font-size:13px;}
.otherMonth {color:#ffe500; background-color:#ffe500; border-bottom:2px solid #b4b4b4;}
.day, .specialDay {border-bottom:2px solid #b4b4b4; background-color:#ffe500;}

#searchbar .calendar a, #searchbar .calendar a:visited {padding:1px; color:#000; border:none; text-decoration:none;}
#searchbar .calendar a:hover, #searchbar .calendar a:focus {color:#fff; border:none;}

abbr {border:none;}