* {
  margin: 0;
  padding: 0;
}
body {
  background: #0d297a url("../images/bg_main.gif") repeat-y 50% 0 fixed;
  padding: 0;
  text-align: center; /* be nice to IE*/
}
img {
  border: none;
}
input, select, textarea {
  font-size: 80%;
  line-height: 150%;
}

/*** Basic Positioning ********************************************************/

#wrapper {
  background: #ffffff;
  text-align: left; /* be nice to IE */
  margin: 0 auto;
  width: 1500px;
}
#pagebody {
  float: left;
  width: 60%;
  background : #ffffff;
}
#maincontent {
  float: left;
  padding: 30px;
  padding-right: 0px;
  width: 800px;  
}
#maincontententry {
  float: left;
  padding: 30px;
  width: 795px;  
}
#sidebar {
  display: inline; /* be nice to IE */
  float: right;
  padding: 35px 0 0 0;
  width: 310px;
}

/*** Header *******************************************************************/

#header {
  background: transparent url("../images/bg_header.gif") repeat-x 10px 0;
  height: 132px;
  padding-top: 17px;
  position: relative;
  float: left;
  width: 60%;
}
#header h1 {
  background: transparent url("../images/bg_header.jpg") no-repeat 0 60%;
  height: 100px;
  line-height: 180px;
  margin: 0;
  overflow: hidden;
  text-indent: 1000px;
  width: 855px;
}
#header h1 a {
  position: absolute;
  height: 50px;
  left: 25px;
  top: 50px;
  width: 300px;
  overflow: hidden;
}

/*** Navigation ***************************************************************/

#navigation ul {
  float: left;
  list-style: none;
  width: 100%;
  padding: 0;
}
#tindex {
  margin-left: 20px;
  display: inline;
}
#navigation li a {
  float: left;
  height: 32px;
  line-height: 32px;
  list-style: none;
}
#navigation li a {
  color: #ffffff;
  padding: 0 10px;
}
#navigation li a:hover {
  background: transparent url("../images/bg_navi_hover.gif") no-repeat 50% 1px;
  text-decoration: none;
}
#navigation li {
  float: left;
}
#index #tindex a,
#nieuws #tnieuws a,
#uitslagen #tuitslagen a,
#kalender #tkalender a,
#mrc #tmrc a,
#fotos #tfotos a,
#records #trecords a,
#contact #tcontact a,
#vacatures #tvacatures a,
#info #tinfo a {
  background: transparent url("../images/bg_navi_selected.gif") no-repeat 50% 100%;
}

/*** Section ******************************************************************/

.sectionheader {
  margin-bottom: 2em;
}
.section { 
  margin-bottom: 1.7em;
  position: relative;
}
.section h2,
.content h1,
.sectionheader h1 {
  font-size: 140%;
  line-height: 110%;
  margin: 0;
  margin-bottom: -0.3em;
}
.section h2 a, .section h3 a {
  color: #050d24;
}
.section .meta,
.content .meta {
  clear: both;
  color: #2f63b3;
  overflow: hidden;
  margin: 0.7em 0;
  margin-bottom: 0;
}
.content .entryfooter {
  background: #e3e3e3;
  padding: 5px 10px 0 10px;
  margin-bottom:0px;
}
.content .entrytags {
  border-top: #b3b3b3 0.3px dashed;
}
.box .section .meta {
  background: transparent;
  padding-left: 0.4em;
}
.box .section {
  margin-bottom: 0.5em;
}
.section .meta em,
.section .meta a,
.content .meta em,
.content .meta a {
  background: transparent url("../images/icon_comment.gif") no-repeat 0 60%;
  color: #2f63b3;
  font-style: normal;
  padding-right: 0.7em;
  padding-left: 19px;
}
.meta .category,
.meta .date {
  background: transparent url("../images/icon_category.gif") no-repeat 0 70%;
  padding-left: 18px;
  margin-right: 0.7em;
}
.meta .date {
  background-image: url("../images/icon_date.gif");
}
#maincontent .box .section .meta a {
  background-image: url("../images/icon_comment2.gif");
}
#maincontent .box .section .meta .category {
  background-image: url("../images/icon_category2.gif");  
}
#maincontent .box .section .meta {
  margin: 0;
}

.section .meta em,
.content .meta em {
  background-image: url("../images/icon_date.gif");
}
.section .more {
  background: transparent url("../images/icon_more.gif") no-repeat 100% 60%;
  padding-right: 14px;
}
.content h1 {
  font-size: 160%;
}
h1.title {
  background: transparent url("../images/separator2.gif") repeat-x 0 100%;
  font-size: 160%;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 0.75em;
}

.section.thumbnail {
  padding-left: 65px;
  position: relative;
}
.section.thumbnail img {
  position: absolute;
  padding: 0;
  top: -0.1em;
  left: 0;
}
* html .section.thumbnail img {
  margin-left: -60px;
}

/*** Content ******************************************************************/

.content {
  padding: 0;
}
.excerpt {
  margin: 1em 0 1.7em 0;
  font-weight: bold;
  padding-right: 80px;
}
.excerpt img {
  float: left;
  margin-right: 1em;
}
* html .excerpt img {
  padding: 0;
}
.content h2 {
  clear: both;
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 0.2em;
}
h2.title {
  font-size: 150%;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0.5em 0;
  padding-left: 30px;
  padding-bottom: 0.5em;
}
.content h3 {
  font-weight: bold;
  font-size: 90%;
}
.content p {
  clear: both;
  margin-bottom: 1.5em;
}
.content img.frame {
  padding: 5px;
  border: 1px solid #ccc;
  margin: 0.5em 0;
}
.content .left {
  float: left;
  margin-right: 0.5em;
}
.content .right {
  float: right;
  margin-left: 0.5em;
}
.content .para {
  clear: both;
}

/*** Box **********************************************************************/

.box {
  background: #dce6ff url("../images/separator2.gif") repeat-x 0 100%;
  margin-bottom: 1.7em;
  margin-left: -30px;
  padding: 0 30px 1.5em 30px;
}
.box.left {
  float: left;
  margin-right: 20px;
  width: 230px;
}
.box h2 {
  background: #dce6ff url("../images/separator2.gif") repeat-x 0 0;
  font-size: 150%;
  margin-left: -30px;
  margin-right: -30px;
  padding: 1.3em 0;
  padding-left: 30px;
  padding-bottom: 1.0em;
}
.box h3 {
  font-size: 120%;
}
#maincontent .box h3 a {
  text-decoration: none;
}
.box p {
  margin-bottom: 0.8em;
}
.box p, .box h3 {
  margin-left: 0.4em;
}

/*** Column *******************************************************************/

.column {
  float: left;
  width: 40%;
  margin-right: 5%;
}

/*** Sidebar ******************************************************************/

#sidebar h2 {
  background: transparent url("../images/separator.gif") repeat-x 0 100%;
  font-size: 140%;
  margin-top: 0;
  margin-bottom: 0.1em;
  padding-bottom: 0.6em;
}
#sidebar a {
  color: #050d24;
}
#sidebar .more {
  background: transparent url("../images/icon_more.gif") no-repeat 100% 50%;
  margin-top: 0em;
  float: left;
}
#sidebar .section {
  padding: 0 0 1.3em 20px;
  margin-bottom: 1.4em;
  float: right;
  width: 290px;
  background: #ffffff;
}
#sidebar .more {
  border: none;
  margin-top: 1em;
}

/*** Sidenotes ****************************************************************/

#sidebar .sidenotes ul {
  list-style: none;
  float: left;
  padding: 0;
  width: 100%;
}
#sidebar .sidenotes li {
  background: transparent;
  width: 100%;
}
#sidebar .sidenotes li a {
  background: transparent;
  border-top: 1px solid #dceaf9;
  border-bottom: 1px solid #dceaf9;
  color: #000;
  margin-top: -1px;
  display: block;
  padding: 0.2em 0.3em;
  padding-right: 4em;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
#sidebar .sidenotes li a:hover {
  background-color: #ffffcc;
}
#sidebar .sidenotes li a:active {
  background-color: #99ccff;
}

/*** Common Elements **********************************************************/

.separator {
  background: transparent url("../images/separator.gif") repeat-x 0 100%;
  overflow: hidden;
  clear: both;
  float: left;
  font-size: 150%;
  height: 1em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  padding-bottom: 0.8em;
  width: 100%;
}
#wrapper a {
  text-decoration: none;
}
#maincontent h1 a {
  text-decoration: none;
  color: #0033cc;
}
#wrapper a:hover {
  text-decoration: underline;
}

/*** Flickr *******************************************************************/

.flickr {
	clear: both;
	padding: 25px;
}
.flickr a {
  background: #031D61;
  border: 1px solid #031c5d;
  display: block;
  float: left;
  margin-right: 2px;
  margin-bottom: 0.5em;
  padding: 3px;
}
.flickr img {
  border: 1px solid #adcbf0;
  display: block;
  float: left;
  margin: 0;
  width: 75px;
  height: 75px;
}
.flickr h4 {
	font-size: 150%;
	margin-bottom: 1em;
}
.flickr h4 span {
	color: #ff0084;
}

/*** Flickr Fotopage ****************************************************************/

.flickrpage {
	clear: both;
}
.flickrpage a {
  border: 0px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0px;
}
.flickrpage img {
  border: 1px solid #000000;
  display: block;
  float: left;
  margin: 0;
  width: 75px;
  height: 75px;
}

/******* Footer Components ****************************************************/

#copyright {
  background: #000033 url("../images/separator.gif") repeat-x 0 0;
  clear: both;
  color: #ffffff;
  font-size: 85%;
  overflow: hidden;
  position: relative;
  padding: 1.5em 0;
  text-align: left;
}
#copyright .container {
  padding-left: 25px;
}
#copyright h4 {
  color: #ffffff;
  font-size: 85%;
  font-family: "Lucida Grande", verdana, helvetica, sans-serif;
}
#copyright h4 a {
  color: #ffffff;
}
#copyright a {
  color: #a8cbff;
  text-decoration: none;
}
#copyright a:hover {
  color: #ffffff;
}
#copyright a:active {
  color: #9ad202;
}
.feed {
  background: transparent url("../images/icon_rss.gif") no-repeat 0 50%;
  padding: 0.2em 0;
  padding-left: 22px;
}
#copyright p {
  color: #a8cbff;
  clear: both;
  float: left;
  line-height: 170%;
}
#copyright p strong {
  color: #9ad202;
  font-weight: normal;
}
#copyright ul {
  clear: both;
  list-style: none;
  padding: 0;
  padding-right: 40px;
}
#copyright ul li {
  display: inline;
  line-height: 1em;
  margin-right: 0.5em;
  padding-right: 1em;
}
#copyright ul li a {
  background: transparent url("../images/icon_valid.gif") no-repeat 0 50%;
  padding: 0.2em 0;
  padding-left: 20px;
}
#footer {
  background: #031D61 url("../images/separator.gif") repeat-x 0 0;
  color: #ffffff;
  clear: both;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
#footer .column {
  float: left;
  margin: 0;
  padding: 1em 0 1em 25px;
  width: 240px;
}
#footer .column.articles {
  width: 270px;
}
#footer .column.archive {
  width: 800px;
}
#footer .column.feeds {
  padding-top: 0;
  }
#footer .column h4 {
  font-size: 140%;
  margin: 1em 0;
}
#footer h4 em {
  color: #698fd2;
  font-style: normal;
}
#footer .column ul {
  list-style: none;
  float: left;
  padding: 0;
  width: 100%;
}
#footer .column li {
  background: transparent;
  width: 100%;
}
#footer .column li a {
  background: transparent;
  border-top: 1px solid #003399;
  border-bottom: 1px solid #003399;
  color: #ffffff;
  margin-top: -1px;
  display: block;
  padding: 0.2em 0.3em;
  padding-right: 4em;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
#footer .column li a:hover {
  background-color: #ffff00;
  color: #000;
}
#footer .column li a:active {
  background-color: #010b32;
}
#footer li a.feed {
  background: transparent url("../images/icon_rss.gif") no-repeat 0 50%;
  padding-left: 20px;
}
#footer .column li a span {
  color: #698fd2;
  padding-left: 1em;
  padding-right: 0.5em;
  position: absolute;
  right: 0;
}
#footer a {
  color: #698fd2;
}

/******* Homepage Components ******************************************************/
#maincontent h4 {
  font-size: 140%;
  margin: 1em 0;
}
#maincontent h4 em, .box h2 em {
  color: #0033cc;
  font-style: normal;
}
#maincontent .home ul {
  list-style: none;
  float: left;
  padding: 0;
  width: 100%;
}
#maincontent .home li {
  background: transparent;
  width: 100%;
}
#maincontent .home li a {
  background: transparent;
  border-top: 1px solid #dceaf9;
  border-bottom: 1px solid #dceaf9;
  color: #000;
  margin-top: -1px;
  display: block;
  padding: 0.2em 0.3em;
  padding-right: 4em;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
#maincontent .home li a:hover {
  background-color: #ffff00;
  color: #000;
}
#maincontent .home li a span {
  color: #698fd2;
  padding-left: 1em;
  padding-right: 0.5em;
  position: absolute;
  right: 0;
}

/******* Form Components ******************************************************/

#comments form {
  background: #c7f182;
  background: #dce6ff url("../images/separator2.gif") repeat-x 0 0;
  clear: both;
  padding: 20px;
}
form p {
  position: relative;
}
#name, #email, #url, #website, #topic, textarea {
  background: #ffffff url("../images/bg_input.gif") repeat-x 0 -2px;
  border: 1px solid #b0c5ff;
  padding: 0.2em 0.4em;
  width: 400px;
}
textarea {
  height: 300px;
  width: 447px;
}
label {
  display: block;
  font-weight: bold;
  margin-top: 1em;
}
.error,
#errorcontainer {
  background: transparent url("") no-repeat 0px 2px;
  color: #8b3010;
  display: block;
  line-height: 170%;
  margin-top: 0.5em;
  padding-left: 25px;
}
#errorcontainer {
  margin: 1em 35px;
}
#skiptoform {
  position: absolute;
  right: 0;
  top: 1.3em;
}
#skiptoform a {
  background: transparent url("../images/skiptoform.gif") no-repeat 0px 0px;
  display: block;
  height: 16px;
  overflow: hidden;
  text-indent: 20px;
  width: 16px;
}
.button {
  background: #b0c5ff url("../images/bg_button.gif") repeat-x 0 0;
  border: 1px solid #b0c5ff;
  cursor: pointer;
  margin-top: 1em;
  padding: 0.2em 1em;
}
.button:hover {
  background-position: 0 -50px;
}
.button:active {
  background-position: 0 -100px;
}
.hidden {
  display: none;
}

/*** Content ******************************************************************/

#maincontententry blockquote {
  background: transparent url("") no-repeat 0px 0px;
  font-style: italic;
  min-height: 30px;
  margin: 3em 3em 2em 1em;
  text-indent: 40px;
  padding-bottom: 1em;
}
#maincontent .content ul li, #maincontententry .content ul li {
/*  background: transparent url("../images/icon_listitem.gif") no-repeat 0px 4px; */
  padding-left: 5px; 
  list-style: square;
}
#maincontent .content .thumbnail, #maincontententry .content .thumbnail {
  float: left;
  margin: 0.3em 1.5em 3em 0;
}
#maincontent .content .thumbnaillist, #maincontententry .content .thumbnaillist {
  padding-left: 100px;
}
#maincontent .content .thumbnaillist img, #maincontententry .content .thumbnaillist img {
  margin-left: -100px;
  margin-bottom: -70px;
  margin-right: 17px;
}
#maincontent .content .thumbnaillist dt a, #maincontententry .content .thumbnaillist dt a {
  font: bold 80% "Lucida Grande", verdana, helvetica, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 0.1em;
}
#maincontent .content .thumbnaillist dd, #maincontententry .content .thumbnaillist dd {
  margin-bottom: 20px;
}
#maincontent del, #maincontententry del {
  text-decoration: line-through;
}
#maincontent label, #maincontententry label {
  display: block;
}
#maincontent cite, #maincontententry cite {
  font-style: italic;
}
#maincontententry pre, code, kbd, sampl {
  background: #e9f0fa;
  cursor: text;
  font-family: "Monaco", "Courier New", Courier, monospace;
  padding: 0.2em;
}
#maincontententry pre {
  margin-bottom: 1.5em;
  overflow: auto;
}
#maincontententry pre code {
  display: block;
  padding: 0.5em 0.7em;
}
#maincontent .content ul, #maincontententry .content ul {
  margin-bottom: 1em;
}
#maincontent .content li a, #maincontententry .content li a {
  color: #5279ac;
}


/*** Infobanner Components ****************************************************/

#infobanner {
	background: #000 url("../images/bg_infobanner.gif") repeat-x 0 0;
	color: #ffffff;
	padding: 2.5em 55px 1.7em 35px;
}
#infobanner strong {
	font-weight: bold;
}
#infobanner a {
    color: #ffffff;
    text-decoration: underline;
}