/* COLORS ----------------------------*/
/*                                    */
/* 70706F     grijs                   */
/* ABABAB     licht grijs             */
/* 258544     goen                    */
/* 42A44A     licht groen             */
/*------------------------------------*/


body {
	background-image: url(images/ts_01.jpg);
	background-repeat: repeat-x;
	background-color: #ABABAB;
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:silver;
}

/* BACKGROUND -------------------------*/
#bg {
  position: absolute;
  /*center background */
  left:50%;
  margin-left:-416px;   /* 0,5 * width */
  width:832px;
  height:576px;
  background-image: url(images/ts_03.jpg);
	background-repeat: no-repeat;
	/*border: 1px solid blue;*/
}

p {
margin-top:10px;
margin-bottom:5px;}

/* WRAPPER -----------------------------*/
#wrapper {
  position:relative;
  top:72px;
  left:32px;
  width:766px;
  height:464px;
  /*border: 1px solid red;*/
}

#vscrollwrapper {
  height:400px;
  overflow-y:auto;
  overflow-x:none;
  /*border:1px dashed black;*/
}


/* PAGE  --------------------------------*/
#menu-pane {
  float:left;
  width:140px;
  height:468px;
  /*border: 1px solid lime;*/
  border-right: 2px solid white;
}

#content-pane {
  float:left;
  margin-left:15px;
  width:487px;
  height:464px;    
	/*border: 1px solid blue;*/
}

#content-pane-w {
  float:left;
  margin-left:15px;
  width:570px;
  height:464px;    
	/*border: 1px solid blue;*/
}

#news-pane {
  float:right;
  right:0px;
  /*border-left: 2px solid white;*/
  height:468px; 
  width:120px;
  /*border: 1px solid yellow;*/
}


/* LOGO --------------------------- */
#logo {
  position:relative;
  top:8px;
  left:4%;
  width:92%
  /*border:1px dashed silver;*/
	}

/* NAVIGATION --------------------- */
#nav-pane {
  position:relative;
  top:50px;
  height:200px;
  	color: #258544;
  }
  
.nav-1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #258544;
	text-decoration: none;
	
	float: left;
	text-align: left;
	vertical-align: center;
	width: 117px;
	height: 18px;
	padding-top:5px;  /*let op: padding wordt bij de hoogte geteld */

	padding-left:3px;
	margin-top:10px;
	margin-left:7px;
	background-color: silver;
	opacity:.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
	border:2px solid white;
}

.nav-1 a:hover {
	color: silver;
	background-color: #258544;
	opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
	border:2px solid green;

}
	
#navline {
    width:170px;
    height:1px;
    background-color: #BBBBBB;
		background-image: url(images/navline.gif);
		background-repeat: no-repeat;
		}


/* TEXT ------------------------*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:silver;
}

h1 {
	margin-top:15px;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:silver;}

h2 {
	margin-top:15px;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bold;
	color:silver;}

h3 {
	margin-top:15px;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:120px;
	font-style:italic;
	font-weight:bold;
	color:#154223;}

h4{
  text-decoration:underline;
  margin:0px;}
  
h5{
	margin-top:0px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:black;}

h6{
	margin-top:0px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:125px;
	font-weight:bold;
	color:black;}

.groot{
  font-size:15px;
	font-weight:bold;
	color:silver;}

.groot2{	
  font-size:15px;
	font-weight:bold;
	color:#333333;}

div.center{
  text-align:center;}

/* FORM -----------------------*/
.form1{
  background-color: white;
  opacity:.85;
  filter: alpha(opacity=85);
   -moz-opacity: 0.85;
  border:0px;
  margin-bottom:3px;
 } 

input.knop{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #258544;
	text-decoration: none;
  text-align: left;
	height: 23px;
	padding-bottom:2px;
	background-color: silver;
	opacity:.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
	border:2px solid white;
}

input.knop:hover{
color: silver;
	background-color: #258544;
	opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
	border:2px solid green;}




/* TABLE -----------------------*/
table{
  margin:0px;
  padding:0px;}
  
td {
  margin:0px;
  padding:0px;}  


/* IMAGES -----------------------*/
.img-container{
  border:3px solid silver;
}

/* TRANSPARNT --------------*/
.transOFF {
  background-color: silver;
  border:1px  solid black;
}

.transON {
  background-color: silver;
  opacity:.50;
  filter: alpha(opacity=50); 
  -moz-opacity: 0.5;
  border:1px solid black; 
}

.trans25 {
  background-color: silver;
  opacity:.25;
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  border:1px solid black; 
}
.trans75 {
  background-color: silver;
  opacity:.75;
  filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   border:1px solid black;
 }

 
/* NEWS --------------*/

#news{
  /*border:1px dashed white;*/}

table.news1{
  width:100%;
  /*border:3px solid black;*/
  text-align:center;}

td.center{
  align:center;
  /*border:1px dashed black;*/}
  
.header1 {
  display:inline;
  /*border:1px dashed white;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:silver;
	vertical-align:top;}

.header2{
  display:inline;
  /*border:1px dashed red;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bold;
	color:silver;
	vertical-align:top;
	padding-bottom:10px;}

.header3{
  display:inline; 
  /*border:1px dashed blue;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100px;
	font-style:italic;
	font-weight:bold;
	color:white;
	vertical-align:top;}

/* LINKS --------------*/
a.links {
  display:block;
  background-image:url(images/links.gif);
  background-repeat: no-repeat;
  height:35px;
  padding-left:45px;
  padding-top:10px;
  text-decoration:none;
  font-size:14px;
  color:silver;
}

a.links:hover {
  display:block;
  background-image:url(images/links-hover.gif);
  background-repeat: no-repeat;
  text-decoration:none;
  font-size:14px;
  color:black;
  height:35px;
  padding-left:45px;
}

td.links{
  padding-bottom:15px;}



#tickerContent {
  position: relative;
  width: 118px; 
  height: 466px;
  /*background-color: white;*/
  /*border:1px solid maroon;*/
   /*padding: 2px;*/
  /*padding-left: 4px;*/
  overflow: hidden;
}

#nieuws_header {
  vertical-align:bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid silver;
}
#header_datum {
  vertical-align:bottom;
  text-align:right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom:1px solid silver;
}
.nieuws_highlight{
	font-size:15px;
	font-weight:bold;
	}


/* BOX */
div.box{
	width:465px;
	float:left;
	margin-bottom:15px;
	/*border:1px solid black;*/
}

div.box_top{
	width:100%;
	height:31px;
	background-image:url('images/box_top.gif');
	background-position:top;
	background-repeat:no-repeat;
	opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
}

div.box_top_align{
	float:left;
  color:#359545;
	padding-top:9px;
	padding-left:10px;
	height: 20px;
	font-size:15px;
	font-weight:bold;
	width:350px;
	/*border:1px solid black;*/
}

div.box_top_align2{
  float:left;
  color:#359545;
  padding-top:15px;
	text-align:right;
	font-size:9px;
	width:100px;
	/*border:1px solid maroon;*/
}

div.box_body{
	
	background-image:url('images/box_fon.gif');
	background-position:top;
	background-repeat:repeat-y;
	opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  width:100%;
  /*border:1px solid black;*/
}

div.box-body-content{
  padding-right:8px;
	padding-left:8px;
  text-align:justify;
  width:100%px;
  color:#359545;
  /*border:1px dashed blue;*/
}

td.bbc-txt{
  vertical-align:top;
  padding-left:10px;
  /*border:2px dashed purple;*/}

div.box_end{
	width:100%;
	height:9px;
	background-image:url('images/box_end.gif');
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
	/*border:1px dashed green;*/
}

div.box_end_align{
	padding-top:1px;
	padding-left: 10px;
}


/* ALBUM */
#album
{
  margin-left:-15px;
 /*border:2px solid red;*/
 width:500px;
 height:465px;
}