html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {
  background:#fff;
  color:#333;
  text-align: center;
  font:13px/1.5 'Helvetica Neue',Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif  
}

a:focus {outline:1px dotted invert}
hr {border-color:#ededed; border-style:solid; border-width:1px 0 0; clear:both; height:0; margin:0 12px;}
.modul08 hr {margin:0;} 
h1 {font-size:25px}
h2 {font-size:23px}
h3 {font-size:19px}
h4 {font-size:17px}
h5 {font-size:15px}
h6 {font-size:15px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:20px}

h2, h3, h4, h5, h6 {font-weight:normal; color:#333;}
h3, h4 {font-weight:bold;}
h4 {margin-bottom:0;}

h2 span {font-size:14px;}
#home h2 {margin-bottom:0; margin-top:20px;}

p, td    {padding:0 20px 0 0;}

p.intro  {font-size:15px;}

ul       {list-style-type:circle;}
ol       {list-style-type:decimal;}
li       {margin-left:30px;}

.links {float:left; margin:0 20px 20px 0}
.rechts {float:right; margin:0 0 20px 20px}

a:focus,
a:hover  {color:#000;}
a        {color:#f70082; text-decoration:none;}

#navigatie a        {color:#000;}
#navigatie a:hover,
#navigatie a:focus  {color:#f70082;}

.post h2 a, .posts a, .tekst a {color:#000;}
.post h2 a:hover, .posts a:hover, .tekst a:hover,
.post h2 a:focus, .posts a:focus, .tekst a:focus  {color:#f70082;}

.posts h3 a        {color:#666;}
.posts h3 a:hover,
.posts h3 a:focus  {color:#f70082;}


strong   {font-weight:bold;}
em, dfn  {font-style:italic;}
small    {font-size:;}

/* Titel + navigatie
-------------------------------------------------------------- */
h1     {float:left; font-weight:normal; font-size:18px;}
h1 a:link, h1 a:visited   {color:#333;}
h1 a:hover     {color:#f70082;}

#navigatie    {float:right; list-style-type:none; font-size:16px;}
#navigatie li {float:left; display:block; padding:0 0 0 12px; margin:0 0 0 12px;}

body.home #navigatie a.home {color:#f70082;}
body.penningen #navigatie a.penningen {color:#f70082;}
body.teksten #navigatie a.teksten {color:#f70082;}
body.contact #navigatie a.contact {color:#f70082;}
body.onderzoek #navigatie a.onderzoek {color:#f70082;}

/* Struktuur
-------------------------------------------------------------- */
.container       {text-align:left; margin:0 auto 48px auto; width:972px;}
#titel-navigatie {margin:60px 12px 24px;}

.modul01, .modul02, .modul03, .modul04, .modul05, .modul06, .modul07, .modul08 {border-left:12px solid white; float:left; padding:0;}
.modul01         {width:108px;}
.modul02         {width:228px;}
.modul03         {width:348px;}
.modul04         {width:468px;}
.modul05         {width:588px;}
.modul06         {width:708px;}
.modul07         {width:828px;}
.modul08         {width:948px;}

.first           {border-left:0;}

div.clear        {clear:both; float:none; height:0;}

.home p.intro {font-size:18px; padding-left:240px; padding-right:108px; background:url(/images/giotto2.png) no-repeat 0 8px; margin-bottom:30px; border-bottom:1px solid #ededed; padding-bottom:20px;}

/* Next, Prev
-------------------------------------------------------------- */
.to_the_left, .to_the_right  {font-size:14px; border-top:1px solid #ebebeb; padding-top:5px;}
.to_the_right {text-align:right; border-left:none;}

.medal_nav {width:108px; margin-left:480px; padding-top:33px;}
.medal_nav .to_the_left, .medal_nav .to_the_right  {border-top:0;}
.medal_nav .to_the_left  {float:left;}
.medal_nav .to_the_right {float:right;}

/* Penningen
-------------------------------------------------------------- */
.penningen .modul01 li {margin-bottom:7px; margin-left:0;}
.penningen .modul01 ol {list-style-type:none; padding:0;}
.toggle {display:none;}
.penningen .tekst {background:#ededed; padding-left:12px; width:216px; height:228px; color:#000;}
.penningen .tekst h3, .penningen .tekst p {margin-bottom:15px;}
.penningen .tekst h3 {font-size:15px; margin-top:15px;}
.penningen .modul02 {margin-bottom:7px;}

ol#gallery_nav {margin:0;}

.photo_container {border-left:0; width:600px;}

/* Onderzoek
-------------------------------------------------------------- */
.home .modul02, .onderzoek .modul02 {margin-bottom:7px;}
.research {cursor:move}

/* Teksten
-------------------------------------------------------------- */
p.date {font-size:13px; padding-top:11px;}
.content {padding-bottom:20px;}
.post p, .post li {font-size:16px; width:548px; padding:0;}
.post p {text-indent:20px; margin-bottom:0;}
.post p.start {text-indent:0; margin-top:0px;}
.post p.nieuw {text-indent:0; margin-top:20px;}
.post h2 {margin-bottom:0; color:#000;}
.post h3.subtitle {color:#666; font-weight:normal; font-size:15px; margin-top:0px;}
.post blockquote p {margin: 20px 0 20px 20px; padding-left: 10px; text-indent: 0; border-left:2px solid #ededed;}
.post p.laatste:after {content: url(/images/stop.png); padding-left:5px;}
.post hr {width:60px; border:1px solid #ededed; background:#ededed; margin:20px 0;}
.post p.foto {float:right; margin-top:5px; width:228px; margin-right:20px;}
.post p.witruimte-boven {margin-top:25px;}

p.excerpt {padding-right:0;}

.posts table {padding:0; margin:0 0 20px;}
.posts td {border:0; margin:0; padding:20px 0; vertical-align:bottom; border-bottom:1px solid #ededed;}
.posts td p.date {padding-top:0;}
.posts td.date    {width:108px;}
.posts td.title   {width:588px; padding-left:12px;}
.posts td.excerpt {width:228px; padding-left:12px;}

.home .posts td.date    {width:228px;}
.home .posts td.title   {width:468px;}
.home .posts td.excerpt {width:228px;}

.posts p {width:auto;}
.posts h2, .posts h3, .posts p {margin-bottom:0; padding-bottom:0;}
.posts h3 {line-height:19px;;}
.post td p {font-size:13px; text-indent:0; padding-right:0;}

.home .posts {border-top:1px solid #ededed; margin-top:30px; margin-bottom:20px;}

/* Forms
-------------------------------------------------------------- */
input[type=text] {font:14px/1.5 'Helvetica Neue', Arial, helvetica, sans-serif; padding:2px;}
input[type=password] {font:14px/1.5 'Helvetica Neue', Arial, helvetica, sans-serif; padding:2px;}
input.title {font-size:16px;}
textarea {font:13px/1.5 Consolas, Inconsolata, Monaco, Courier, monospaced; padding:2px;}
label {display:block; padding-left:2px; font-size:14px; cursor:pointer;}
p.submit {border-top:2px solid #ccc; padding-top:10px;}
.button_or {padding-left:8px; color:#777;}
p.submit input {font:15px/1.5 'Helvetica Neue', Arial, helvetica, sans-serif; padding:2px;}
.floated label {float:left; width:100px; padding-top:6px;}
.floated p {float:none; clear:both;}
.inline label, label.inline {display:inline; float:none; clear:both;}
.handle:hover {cursor:move;}
#upload_picture_form {background:#c6f988; padding:16px;}
#upload_picture_form p {margin:0;}

.picture {margin-bottom:10px;}

div#formatting_guide table       {margin:0 0 20px; padding:10px; background:#ededed;}
div#formatting_guide td          {padding:6px 20px 6px 0; width:100px; vertical-align:middle; border-bottom:1px solid #ededed; font-size:12px;}
div#formatting_guide td.sep      {padding:0; width:70px; color:#222;}
div#formatting_guide p           {margin: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; font-size:12px;}
div#formatting_guide ul li       {padding:0; margin:0; list-style-type:disc; font-size:12px;}
div#formatting_guide blockquote  {margin:0; margin-left:1.4em; color:black; font-style:italic; font-size:12px;}
div#formatting_guide cite        {font-style:italic;}
div#formatting_guide sup,
div#formatting_guide sub         {font-size:.9em;}
div#formatting_guide h4          {font-size: 110%; font-weight:bold; margin:0; padding:0;}
div#formatting_guide hr          {padding:0; margin:0;}

#upload_widget {padding-right:10px; border-right:1px solid #ccc;}
#upload_widget h4 {padding-bottom:20px;}
.hint {font-size:13px;}
#assets ul {width:260px; margin:0 20px 0 0; float:left; padding:0;}
#assets ul li {padding:0; margin:0 0 0 20px;}
.more {margin:10px 0; font-weight:bold;}
span.trash {padding-left:10px;}

table.user_list {width:460px;}
table.user_list td {padding:6px 12px;;}
table.user_list td.delete {text-align:right;}
table.user_list .even {background:#eee;}
.divider {padding:0 6px;}

.emph {background:#ffc; padding:3px;}

#editbar {width:100%; background:#000; padding:12px 0; text-align:left; font-size:13px; color:#fff;}
#editbar span {padding:0 10px;}
.edit {width:950px; margin:0 auto;}
.edit a:link, .edit a:visited {padding:0 10px; color:#fff; text-decoration:none; font-weight:bold;}
.edit a:hover, .edit a:focus {color:#f70082;}

#bartoggle {position:absolute; right:10px; top:15px;}

/* Datepicker
-------------------------------------------------------------- */
.calendar_date_select {background-color: white; color: #777; border: #999 1px solid; display: block; width: 220px; margin:2px 0 0; font-weight:normal;}
.calendar_date_select .weekdays th {text-align: center; font-weight: bold; background-color: #ddd; height: 20px;}
.calendar_date_select .body {clear: both;}
.calendar_date_select .buttons {display: none;}
.calendar_date_select .footer {background-color:#ebebeb; color:#000; font-weight:bold; font-size:10px; padding:3px 0 3px 5px; text-align:left;}
.calendar_date_select table {width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0; border-padding: 0;}
.calendar_date_select .header {background-color: #ebebeb; border-bottom: 1px solid #aaa; text-align: center; font-weight: bold; padding: 3px; font-size: 11px; overflow: hidden;}
.calendar_date_select .header .left {float: left;}
.calendar_date_select .header .right {float: right;}
.calendar_date_select .header .nav {text-decoration: none; font-size:14px;}
.calendar_date_select .header .title {color: black;}
.calendar_date_select td,
.calendar_date_select th {margin: 0; padding: 0; line-height: 16px; font-size: 11px;}
.calendar_date_select td a {display: block; padding: 2px 1px; text-align: center; text-decoration: none; vertical-align: middle; font-size: 12px; color: #444;}
.calendar_date_select td a {font-weight:normal;}
.calendar_date_select td.other a {color: #aaa;}
.calendar_date_select .days td {border-bottom: 1px solid #ccc;}
.calendar_date_select td a:hover {background-color: #dcdcdc;}
.calendar_date_select td.today a {background-color: #d5eff8; color: #000;}
.calendar_date_select td.selected a {background-color: #000; color: #fff;}
h4.published_at {margin:1px 0 0; padding:3px; background:#66c2c2;; color:#fff; width:216px; font-size:14px;}

/* Errors, notices
-------------------------------------------------------------- */
.fieldWithErrors input    {border:2px solid #e80000;}
.fieldWithErrors textarea {border:2px solid #e80000;}
#errorExplanation       {padding:12px 12px 12px 38px; background:#fff url(/images/error.gif) 0 12px no-repeat; margin:0;}
#errorExplanation h2    {font-size:20px; padding:0 12px 0 12px; margin:0 0 6px 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:0; padding:0; margin-left:14px;}

#flash-notice,
#flash-errors,
#flash-inform {margin:0 0 12px; padding:12px 12px 12px 38px; font-size:20px; color:#000;}
#flash-notice {background:url(/images/notice.gif) 0 12px no-repeat;}
#flash-errors {background:url(/images/error.gif) 0 12px no-repeat;}
#flash-inform {background:url(/images/inform.gif) 0 12px no-repeat;}

/* Pagination
-------------------------------------------------------------- */
.pagination {padding:0; margin:20px 0;}
.pagination a, .pagination span {padding:3px 7px;}
.pagination span.disabled {color:#aaa; font-weight:bold;}
.pagination span.current {font-weight:bold; color:#333; border:1px solid #ededed;}
.pagination a {text-decoration:none; border:1px solid #ededed; font-weight:bold;}
.pagination a:hover, .pagination a:focus {color:#000;}