/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */



/*

** HTML elements

*/

body {

  margin: 0px;
  color: #fff;
  background-color: #666;
  font: 76% Verdana, Arial, Helvetica, sans-serif;

}

/* MENU FLASH BOVEN */

.menuflashboven {
	align: center;
	border: none; 
	width: 980px;
	height: 251px;
	background-color: #000;
}

/* BACKGROUND */

#backleft {
  border: 0;
  background-image: url('images/bgd_left.jpg');
  background-repeat: repeat; 
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  /* padding-top: 10px; */
  background-position: top right;
  /* align: right; */
  /* margin-top: 50px; */
  /* top: 50px; */
}

#backright {
  border: 0;
  background-image: url('images/bgd_right.jpg');
  background-repeat: repeat;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  /* padding: 10px; */
  background-position: top left;
}

tr.odd td, tr.even td {

  padding: 0.3em;
  background-color: #122941;

}

h1, h2, h3, h4, h5, h6 {

  margin-bottom: 0.5em;

}

h1 {

  font-size: 18px;

}

h2 {

  font-size: 20px;

  color: #000;

}

h3, h4, h5, h6 {

  font-size: 1.1em;

}

p {

  margin-top: 0.5em;

  margin-bottom: 0.9em;

}

a {

  text-decoration: none;

  font-weight: bold;

}

a:link {

  color: #39c;

}

a:visited {

  color: #369;

}

a:hover {

  color: #39c;

  text-decoration: underline;

}

fieldset {

  border: 1px solid #ccc;

}

pre {

  background-color: #666;

  padding: 0.75em 1.5em;

  font-size: 12px;

  border: 1px solid #ddd;

}

table {

  /* make <td> sizes relative to body size! */

  font-size: 1em;

}

.form-item label {

  font-size: 1em;

  color: #999;

}

.item-list .title {

  font-size: 1em;

  color: #222;

}

.links {

  margin-bottom: 0;

}

.comment .links {

  margin-bottom: 0;

}

.linksuitlijn {

  float: left;

  align: left;

}



/*

** Page layout blocks / IDs

*/

#header, #content {

  width: 980px;

  margin-left: auto;

  margin-right: auto;

}



#flashmenu{

  width: 980px;

  height: 244px;

  background-image: url('images/header_flat.jpg');

}



#header {

  background-color: #69c;

}

#logo {

  vertical-align: middle;

  border: 0;

}

#logo img {

  float: left; /* LTR */

  padding: 0 1em;

  border: 0;

}

#menu {

  padding: 0.5em 0.5em 0 0.5em; /* LTR */

  text-align: right; /* LTR */

  vertical-align: middle;

}

#navlist {

  font-size: 1.0em;

  padding: 0 0.8em 1.2em 0; /* LTR */

  color: #9cf;

}

#navlist a {

  font-weight: bold;

  color: #fff;

}

#subnavlist {

  padding: 0.5em 1.2em 0.4em 0; /* LTR */

  font-size: 0.8em;

  color: #9cf;

}

#subnavlist a {

  font-weight: bold;

  color: #9cf;

}

ul.links li {

  border-left: 1px solid #9cf; /* LTR */

}

ul.links li.first {

  border: none;

}

#search .form-text, #search .form-submit {

  border: 1px solid #369;

  font-size: 1.1em;

  height: 1.5em;

  vertical-align: middle;

}

#search .form-text {

  width: 8em;

  padding: 0 0.5em;

}

#mission {

  background-color: #369;

  padding: 1.5em 2em;

  color: #fff;

}

#mission a, #mission a:visited {

  color: #9cf;

  font-weight: bold;

}

.site-name {

  margin: 0.6em 0 0 ;

  padding: 0;

  font-size: 2em;

}

.site-name a:link, .site-name a:visited {

  color: #fff;

}

.site-name a:hover {

  color: #369;

  text-decoration: none;

}

.site-slogan {

  font-size: 1em;

  color: #eee;

  display: block;

  margin: 0;

  font-style: italic;

  font-weight: bold;

}

#main {

  /* padding in px not ex because IE messes up 100% width tables otherwise */

  padding: 10px;

  background-image: url('images/mainback.jpg');

}

#mission, .node .content, .comment .content {

  line-height: 1.4em;

}

#help {

  font-size: 0.9em;

  margin-bottom: 1em;

}

.breadcrumb {

  margin-bottom: .5em;

}

.messages {

  background-color: #666;

  border: 1px solid #ccc;

  padding: 0.3em;

  margin-bottom: 1em;

}

.error {

  border-color: red;

}

#sidebar-left, #sidebar-right {

  background-color: #000000; 

  /* background-image: url('images/blockback.jpg'); */

  width: 300px;

  /* padding in px not ex because IE messes up 100% width tables otherwise */

  padding: 5px;

  vertical-align: top;

}

#footer {

  background-color: #eee;

  padding: 1em;

  font-size: 0.8em;

}



/*

** Common declarations for child classes of node, comment, block, box, etc.

** If you want any of them styled differently for a specific parent, add

** additional rules /with only the differing properties!/ to .parent .class.

** See .comment .title for an example.

*/

.title, .title a {

  font-weight: bold;

  font-family: Trebuchet MS;

  font-size: 20px;

  color: #fff;

  margin: 0 auto;  /* decrease default margins for h<x>.title */ 

}

.submitted {

  color: #999;

  font-size: 0.8em;

}

.links {

  color: #999;

}

.links a {

  font-weight: bold;

}

.block, .box {

  padding: 0 0 1.5em 0; /* LTR */

}

.block {

  /*border-bottom: 1px solid #999;*/

  padding-bottom: 10px;

  padding-left: 5px;

  padding-right: 5px;

  padding-top: 10px;

  margin-bottom: 5px;

  background-image: url('images/blockback2.jpg');

}

.block .title {

  margin-bottom: .25em;

  margin-left: 10px;

}

.box .title {

  font-size: 1.1em;

}

.node {

  margin: .5em 0 2em; /* LTR */

}

.sticky {

  padding: .5em;

  background-color: #666;

  border: solid 1px #ddd;

}

.node .content, .comment .content {

  margin: .5em 0 .5em;

}

.node .taxonomy {

  color: #999;

  font-size: 0.8em;

  padding-left: 1.5em; /* LTR */

}

.node .picture {

  border: 1px solid #ddd;

  float: left; /* LTR */
  
  margin: 0.5em;

}

.comment {

  border: 1px solid #abc;

  padding: .5em;

  margin-bottom: 1em;

}

.comment .title a {

  font-size: 1.1em;

  font-weight: normal;

}

.comment .new {

  text-align: right; /* LTR */

  font-weight: bold;

  font-size: 0.8em;

  float: right; /* LTR */

  color: red;

}

.comment .picture {

  border: 1px solid #abc;

  float: left; /* LTR */

  margin: 0.5em;

}



/*

** Module specific styles

*/

#aggregator .feed-source {

  background-color: #666;

  border: 1px solid #ccc;

  padding: 1em;

  margin: 1em 0;

}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age {

  color: #999;

  font-style: italic;

  font-size: 0.9em;

}

#aggregator .title {

  margin-bottom: 0.5em;

  font-size: 1em;

}

#aggregator h3 {

  margin-top: 1em;

}

#forum table {

  width: 100%;

}

#forum td {

  padding: 0.5em;

}

#forum td.forum, #forum td.posts {

  background-color: #262733;

}

#forum td.topics, #forum td.last-reply {

  background-color: #ddd;

}

#forum td.container {

  background-color: #ccc;

}

#forum td.container a {

  color: #555;

}

#forum td.statistics, #forum td.settings, #forum td.pager {

  height: 1.5em;

  border: 1px solid #bbb;

}

#forum td .name {

  color: #96c;

}

#forum td .links {

  padding-top: 0.7em;

  font-size: 0.9em;

}

#profile .profile {

  clear: both;

  border: 1px solid #abc;

  padding: .5em;

  margin: 1em 0em;

}

#profile .profile .name {

  padding-bottom: 0.5em;

}

.block-forum h3 {

  margin-bottom: .5em;

}

div.admin-panel .description {

  color: #999;

}

div.admin-panel .body {

  background: #415559;

}

div.admin-panel h3 {

  background-color: #69c;

  color: #fff;

  padding: 5px 8px 5px;

  margin: 0;

}


/* VIEWS CSS */

.views-field-title { 
  font-weight: bold;

  font-family: Trebuchet MS;

  font-size: 20px;

  color: #fff;
  margin-top: 25px;
}

.views-field-teaser {
	vertical-align: top; 
	text-align: top;
	v-aling: top;
}

.field-content {
	vertical-align: text-top;
}

.picture {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	border: thin;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: thin;
}