body, td, th {
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
}

td,th {
  padding:0px;
  margin:0px;
}

th a {
  color:black;
}

body {
  background-color: #FAFAFA; 
  background-image:url('images/b-back.gif');
}

a img {
  border:none;
}

body {
  margin:0px;
  padding:0px;
}

h1 {
  overflow:hidden;
  height:30px;
  text-shadow:1px 1px 2px #C0C0C0;
}

a {
  color:#CA9955;
  text-decoration:none;
}

a.active {
  font-weight:bold;
}

.middle {
  text-align:center;
}

a:hover {
  text-decoration:underline;
}

a.rss {
  display:block;
  float:left;
  background-image:url('images/rss.png');
  background-image:url('images/rss.png');
  height:16px;
  background-repeat:no-repeat;
  background-position:top left;
  width:30px;
  padding-left:18px;
}

a.more, div.more-link a {
  display:block;
  background-image:url('images/arrow.gif');
  background-repeat:no-repeat;
  background-position:right;
  padding:3px;  
  padding-right:18px;
  text-align:right;
  border-top:dotted 1px #A0A0A0;
  margin-top:10px;
}


th {
  background-image:url('images/th.png');
  background-repeat:repeat-x;
  height:22px;
  margin:0px;
  border:none;
}
 
table {
  width:100%; 
}

form {
  margin:5px;
  width:100%;
  padding:5px;
}

input, button,select, textarea {
  font-family:Verdana,arial,sans-serif;
  font-size:10px;
  margin:1px;
}

input.form-submit, input[type="submit"] {
  font-weight:bold;
}

fieldset { 
  border:solid 1px #EFEFEF;
}
 
form textarea {
  width:600px; 
} 
 
legend,dt {
  font-family:Verdana,arial,sans-serif;
  font-weight:bold;
}

label {
  vertical-align:top;
  font-weight:bold;
}

caption {
  font-weight:bold;
  font-size:14px;
}

div.field-label {
  color:#A0A0A0;
}

div.field-item {
  background-color:White;
  background-image:url('images/field.png');
  background-repeat:no-repeat;
  min-height:18px;
  padding:4px;
  font-weight:bold;
}

/* Poll */
div.block form {
  margin:1px;
  padding:0px;
}

div.choices label.option {
  font-weight:normal;
}

div.choices div.form-item {
  margin:3px;
}

div.description {
  line-height: 150%;
}

/* Elements */
div#container {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  position:relative; /* so absolute position in child elements works*/
  border-left:solid 1px #FFFFFF;
  border-right:solid 1px #FFFFFF;
  background-color:FFFFFF;
}

div#gradient {
  width:1000px;
  height:3px;
  font-size:1px; /* dan maakt IE 'em netjes hoog genoeg */
  background-image:url('images/1-1.jpg');
  background-repeat:repeat-x;
}

div#bar {
  width:100%;
  height:97px;

  background-image:url('images/2-1.jpg');
  background-repeat:repeat-x;
}

div#logo {
  display:block;
  float:left;
  width:200px;
  height:97px;

  background-image:url('images/2-2.jpg');
  background-repeat:no-repeat;
  background-position:left;
}

div#quotes {
  position:absolute;
  top:20px;
  right:10px;
  width:400px;
  display:block;
  color:#A0A0A0;
  font-style:italic;
  overflow:hidden;
  height:80px;
  text-align:right; 
}

div#quotes div.title {
  display:none;
}

div#quotes div {
  background:none;
  display:inline;
  text-align:right;
  border:none;
}

div#tabs {
  display:block;
  position:absolute;
  top:71px;
  left:181px;
  height:30px;
  width:624px;
  z-index:100;
  overflow:hidden; /* best belangrijk */
} 

div#tabs div.tab-active {
  width:98px;
  height:30px;
  display:block;
  float:left;
  background-image:url('images/tab-a.png');
  background-repeat:no-repeat;
  overflow:hidden;
  text-align:center;
  padding-top:10px;
  margin-right:-11px;
}

div#tabs div.tab-inactive {
  width:98px;
  height:19px;
  vertical-align:top;
  display:block;
  float:left;
  background-image:url('images/tab-i.png');
  background-repeat:no-repeat;
  overflow:hidden;
  text-align:center;
  padding-top:10px;
  margin-right:-14px;
}

div#tabs a {
  text-decoration:none;
  color:#CA9955;
  font-weight:bold;
}

div#tabs a:active {
  border:none;
}

div#tabs a:hover {
  text-decoration:underline;
}

/* Nav bar */
div#nav {
  width:100%;
  height:41px;
  position:relative;
  z-index:2;  
}

div#nav div.left {
  position:absolute;
  left:0px;
  top:0px;
  height:41px;
  width:188px;
  background-image:url('images/3-1.jpg');
  background-color:#FAC886;
}

div#nav div.right {
  position:absolute;
  left:812px;
  top:0px;
  height:41px;
  width:188px;
  background-image:url('images/3-3.jpg');
  background-color:#FAC886; 
}

div#nav div.middle {
  position:absolute;
  left:188px;
  top:0px;
  height:41px;
  width:624px;
  background-image:url('images/3-2.jpg');

  text-align:left;
}

/* Nav bar crumbs */
div#nav div.path {
  position:relative;
  right:1px;
  height:40px;
  overflow:hidden;
}

div.path h1 {
  display:block;
  float:right;
  margin:4px;
  margin-top:7px;
  font-size:18px;
  color:#9E5F07;
}

div.arrow {
  float:right;
  width:14px;
  height:30px;
  background-position:0px 10px;
  background-image:url('images/arrow.gif');
  background-repeat:no-repeat;
}

div.path a {
  float:right;
  margin-top:11px;
  margin-right:3px;
}

/* Nav bar login block */
div#nav div.login {
  position:absolute;
  display:block;
  left:0px;
  top:0px;
  width:150px;
  margin-left:-10px;
  margin-top:11px;
  padding-left:20px;
  height:25px;
  z-index:100;
}

div#nav div.login table.links {
  width:100%;
  border-top:solid 1px #FAC886;
}

div#nav div.login table td {
  text-align:center;
}

div#nav div.login div.icon {
  background-image:url('images/p.gif');
  background-position:0px -1px;
  background-repeat:no-repeat;
  width:18px;
  height:16px;
  float:left;
}

a.login {
  font-weight:bold;
}

div#nav div.login:hover div#login-menu {
  display:block !important;
}

/* Login menu */
div#login-menu {
  display:none;
  position:absolute;
  left:15px;
  top:-5px;
  width:300px;
  height:200px;
  z-index:-10;
  background-image:url('images/menu-b.png');
  background-repeat:no-repeat;
  background-position:top left;
  overflow:hidden;
}

div#login-menu table  {
  width:auto;
  background-color:none !important;
}

div#login-menu div {
  margin:5px;
  margin-top:30px;
  overflow:hidden;
}

div#login-menu li, div#login-menu ul {
  margin-left:0px;
  list-style-type:none;
}

/* Nav bar logout block */
a.logout {
  margin-left:7px;
  background-image:url('images/logout.gif');
  background-position:0px -1px;
  background-repeat:no-repeat;
  padding-left:20px;
  padding-bottom:3px;
  height:24px;
}

/* Content */
div#content-wrapper {
  width:1000px;
  background-image:url('images/4-1.jpg');
  background-repeat:repeat-x;
  background-position:top;
  min-height:900px;
  z-index:2;
}

div#content-back {
  background-image:url('images/4-2.png');
  background-repeat:repeat-y;
  width:649px;
  margin-left:177px;
  min-height:900px;
}

div#content {
  width:622px;
  display:block;
  background-image:url('images/4-3.jpg');
  background-repeat:repeat-x;
  margin-left:12px;
  background-position:top;
  overflow:hidden;
  min-height:900px;
  z-index:2;
}

div#content div.block-title {
  display:none;
}

div.block-region {
  border-top:solid 1px red;
  margin-top:1px;
}

div#footer {
  background-image:url('images/footer.png');
  width:623px;
  margin-left:12px;
  height:41px;
}

div#footer div {
  display:block;
  margin:5px;
  color:#A0A0A0;
  padding-top:16px;
}

div#footer form, div#footer input {
  display:inline;
  margin:0px;
  padding:0px;
}
  

/* Blocks */
div.left-bar {
  width:178px;
  position:absolute;
  top:140px;
  left:8px;
background-color:#ffffff;
}

div.right-bar {
  width:178px;
  position:absolute;
  top:140px;
  right:-1px;
}

div.left-bar div.block-title, div.right-bar div.block-title {
  background-image:url('images/block-1.png');
  width:170px;
  height:32px;
  display:block;
  overflow:hidden;
  cursor:pointer;
  text-shadow:#909090 2px 2px 2px;
}

div.block-title:hover {
  opacity:0.9;
}

div.left-bar div.block-title span, div.right-bar div.block-title span {
  display:block;
  padding-top:15px;
  padding-left:10px;
  color:white;
  font-size:10px;
  color:white;
  font-weight:bold;
}

div.block-title span {
  padding-top:13px !important;
  font-size:11px !important;
}

div.left-bar div.block, div.right-bar div.block {
  border:solid 1px #CCA97A;
  display:block;
  width:168px;
  background-color:#F9C57F;
  background-image:url('images/block-b.jpg');
  background-repeat:repeat-x;
}

div.left-bar div.block div, div.right-bar div.block div {
  background-color:white;
}

div.left-bar div.block > div, div.right-bar div.block > div {
  display:block;
  width:152px;
  padding:3px;
  margin:0px;
  margin-top:-1px;
  margin-left:5px;
  margin-bottom:5px;
  background-color:white;
  text-align:left;
  overflow:hidden;
}

/* Content self */
div#content p {
  padding:5px;
  padding-top:1px;
  margin:0px;
}

div#content ul {
  list-style-type:square;
}

div#content h1, div#content h2{
  display:inline;
  clear:both;
  color:#9E5F07;
  font-size:18px;
  padding-left:5px;
  height:25px;
  margin-top:0px;
  background-image:url('images/message-back.png');
  background-position:0px 10px;
  background-repeat:repeat-x;
  margin-bottom:12px;
}

div.wrapped-title {
  height:30px;
  margin-bottom:5px;
  background-image:url('images/message-back.png');
  background-position:0px 10px;
  background-repeat:repeat-x;
}

div.message {
  margin:5px;
  line-height:1.4;
  margin-bottom:20px;
  position:relative;
}
  
body.frontpage div.message {
  width:300px;
  float:left;
}

body.frontpage div.sticky-message {
  width:600px;
  clear:both;
}

div#content div.message {
}

div.message p {
  text-align:justify;
}

div.message div.info {
  color:#909090;
  background-color:#EFEFEF;
  background-position:0px 0px;
  background-image:url('images/info-back.png');
  height:12px;
  margin-top:0px;
  margin-left:5px;
  margin-bottom:5px;
  padding:2px;
  padding-top:0px;
  opacity:0.7;
}

body.frontpage div.message div.info {
  margin-top:-11px; /* Op de frontpage komt de info vlak na de header, daarom even de ruimte wegsnoepen */
}

div.message div.info:hover {
  opacity:1.0;
}


.page-header {
  margin-bottom:10px;
  margin-top:-6px;
  margin-left:-4px;
  margin-right:-4px;
  padding:0px;
  border:none;
  width:621px;
  height:98px;
}

/* Drupal stuff */
div.messages {
  background-color:#F9C57F;
  border-bottom:#F9C57F;
  padding:5px;
  font-weight:bold;
  color:black;
  margin-left:1px;
}
div.messages li {
  list-style-type:none;
  background-color:#F9C57F;
  margin:0px;
  padding:0px;
}

div.messages a {
  color:black;
  text-decoration:underline;
}

div#page-tabs {
  display:block;
  width:100%;
  overflow:hidden;
  border-bottom:solid 1px #F9C57F;
}

div#page-tabs ul {
  margin:0px;
  padding:0px;
  width:100%;
}

div#page-tabs li {
  list-style-type:none;
  float:left;
  padding:4px;
  border-right:dotted 1px #F9C57F;
}

div.block > div > ul.menu, div.item-list > ul {
  margin-left:-10px !important;
}

div.block > div > ul.menu li {
  margin-bottom:2px;
}

div.block div ul.menu li ul.menu {
  margin-top:2px;
}

div.block div ul.menu li li {
  border-left:solid 5px #EFEFEF;
  margin-left:8px;
  padding-left:1px;
  margin-bottom:0px;
}

/* div.item-list is voor kalender */
ul.menu, div.item-list ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

ul.menu li, div.item-list ul li {
  display:block;
  margin-left:10px;
  overflow:hidden;
}

ul.menu li a, div.item-list ul li a {
  display:block;  
  padding:3px;
}

ul.menu li a:hover, div.item-list ul li a:hover {
  background-color:#EFEFEF;
  text-decoration:none;
}

div.comment {
  margin:10px;
  background-image:url('images/comment.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  color:#606060;
  padding:5px;
  padding-top:13px;
  padding-bottom:0px;
  line-height:1.5;
  overflow:hidden; /* Deze regel voorkomt wazige repaint problemen in IE7 */
}

div.fat-comment {
  background-image:url('images/comment-fat.png') !important;
  background-color:#FAFAFA;
  border-bottom:solid 1px #EFEFEF;
}

div.comment div.content {
  padding-top:10px;
}

div.morecontent {
  height:15px;
  float:right;
  font-weight:bold;
  margin:5px;
  background-position:right top;
  background-image:url('images/arrow.gif');
  background-repeat:no-repeat;
  padding:0px;
  padding-right:20px;
  padding-top:1px;
}

div.comment ul.links {
  margin:0px;
  padding:0px;
}

div.tag {
  background-color:#EFEFEF;
  border:solid 1px #CCCCCC;
  float:right;
  padding:1px;
  margin-left:1px;
  font-size:9px;
}

div.tags div.tag a {
  color:#A0A0A0;
}

div.page div.tags {
  position:absolute;
  right:40px;
}

div.page div.comments-info {
  position:absolute;
  right:0px;
}

div.comments-info {
  display:block;
  float:right;
  overflow:hidden;
  height:20px;
  margin:0px;
  padding:0px;
  width:40px;
  text-align:right;
  margin-top:3px;
}

div.comments-count, td.replies {
  background-image:url('images/comments.png');
  padding-left:20px;
  background-repeat:no-repeat;
  display:inline;
}

div.register-count {
  background-image:url('images/group.png');
  padding-left:20px;
  background-repeat:no-repeat;
  display:inline;
  height:26px;
  background-position:0px 0px;
  margin-right:5px;
  padding-bottom:3px;
  color:#A0A0A0;
}

span.username {
  background-image:url('images/user.png');
  background-repeat:no-repeat;
  padding:2px;
  padding-left:20px;
  position:relative;
}

/* In tabellen vindt IE7 het leuk om SPAN's met display:inline; en position:relative te verbergen. Daarom trucje:
position:static doen, totdat we mouse-over hebben (en dan laat IE het ding gek genoeg wel staan...) */
td span.username { position:static; }
td span.username:hover {  position:relative; }

span.username span {
  display:none;
  
  position:absolute;
  left:0px;
  top:20px;
  background-color:white;
  font-weight:normal;
  font-style:italic;
  border:solid 1px #BA8C4E;
  min-height:16px;
  min-width:200px;
  max-width:300px;
  padding:2px;
  overflow:hidden;
  z-index:250;
  color:#A0A0A0;
}

/* Show the real name of a user when hovering over it */
span.username:hover span {
  display:block;
}

span.username span img {
  margin-right:5px;
}

div.description {
  font-size:10px;
  font-style:italic;
}

div.profile {
  margin:10px;
}

div.comment div.links {
  margin-top:5px;
}

div.links {
  text-align:left;
  background-color:#EFEFEF;
  color:#A0A0A0;
  background-image:url('images/info-back.png');
  margin:0px;
  height:16px;
  padding:0px;
  display:block;
  overflow:hidden;
}

div.links ul.links {
  margin:0px;
  padding:0px;
}

ul.links li {
  background-color:none;
  list-style-type:none;
  float:right;
  margin-left:5px;
}

ul.links li a {
  padding:3px;
}


/** Poll **/
div.poll div.title {
  background-image:none;
  min-height:16px;
  margin-bottom:2px;
  font-weight:bold;
}

div.block div.poll div.poll-text {
  font-size:10px;
  color:#5F5F5F;
}

div.message div.poll-text, div.message div.poll-bar {
  margin:5px;
}

div.poll-bar div {
  background-image:url('images/poll-bar.png');
  height:8px;
  font-size:1px;
  z-index:50;
}

span.count {
  display:none;
}

div.block:hover span.count {
  display:block;
  position:absolute;
  top:-2px;
  z-index:100;
  font-size:9px;
  font-weight:bold;
  color:#BA8C4E;
}

div.poll-bar {
  background-image:url('images/poll-back.png');
  margin:1px;
  height:8px;
  width:100%;
  font-size:1px;
  position:relative;
}

div.poll div.total {
  color:#A0A0A0;
  margin-bottom:2px;
}

div.poll div.form-item {
  margin:2px;
}

div.poll input, div.poll label, div.poll input.form-radio {
  margin:0px;
  padding:0px;
}

/* kalender */
div.day {
 color:#A0A0A0;
 font-size:10px;
 font-style:italic;
}

span.age {
  color:#9E5F07;
}

ul.calendar-list li {
  font-weight:bold;
}

li.birthday a, li.birthday span.age {
  font-weight:normal;
  color:#A0A0A0;
}

li.today {
  color:#CA9955;
}

fieldset.collapsed {
  /*height:0px;*/
  padding:0px;
  overflow:hidden;
}

fieldset.collapsed div {
  display:none;
}

.container-inline div {
  display:inline;
}

/* forum */
td.forum {
  width:325px;
  font-weight:bold;
}

td.time {
  color:#A0A0A0;
}

/* particles */
div#particles {
  position:absolute;
  left:188px;
  top:-100px;
  width:812px;
  height:200px;
  z-index:0;
  overflow:hidden;
}

div#particles img {
  position:absolute;
  width:10px;
  height:10px;
}

div#random-photo {
  width:254px;
  height:191px;
  background-image:url('images/random-picture.png');
  float:right;
  margin:5px;
}

div.profile div.picture {
  float:right;
  margin:5px;
}

div.gray {
  color:#A0A0A0;
}

p.calendar-info {
  background-image:url('images/extra.png');
  background-repeat:no-repeat;
}

div.error {
  color:red;
  font-weight:bold;
}

div.random-header {
  width:621px;
  height:98px;
  margin-left:1px;
  background-position:0px 0px;
  background-color:#EFEFEF;
  position:relative;
}

/* Frontpage  tabs */
div.random-header div.tabs {
  display:block;
  height:30px;
  position:absolute;
  bottom:0px;
  right:0px;
  overflow:hidden;
  z-index:100;
}

div.random-header div.tabs div.tab {
  width:98px;
  height:30px;
  float:left;
  color:white;
  text-shadow:#909090 2px 2px 2px;
  font-weight:bold;
  cursor:pointer;
}

div.random-header div.tabs div.tab div {
  width:100%;
  margin-top:10px;
  text-align:center;
  display:block;
}

div.random-header div.tabs div.active {
  background-image:url('images/tab-transparant.png');
  color:#CA9955;
  text-shadow:none;
}

div.random-header div.logo {
  position:relative;
  top:0px;
  left:0px;
  background-image:url('images/main.png');
  background-repeat:no-repeat;
  background-position:0px 0px;
  width:621px;
  height:98px;
}

td.module {
  background-color:#EFEFEF;
  font-weight:bold;
}

/* survey */
form#survey-response-form div.form-item label {
  min-width:200px;
  display:block;
  float:left;
}

div#spons {
}

div#spons img {
  padding:10px;
}

/* Random image */
div.view-Sponsors {
  text-align:center;
}

div.view-Sponsors img {
  margin-bottom:3px;
}

fieldset.container-inline-date div.form-item {
  display:inline;
  float:left;
}

td.region {
  font-weight:bold;
  background-color:#EFEFEF;
}

/* Email-list */
textarea.emails {
	width:100%;
	height:150px;	
}

span.tip {
	font-weight:bold;
	color:#A0A0A0;	
}