/*
TADC Screen style
v1.0 5/12/2006 10:21 AM

Green (light):	#146B40 #5B845C
Green (mid):	#014222 #0D4C2D
Green (dark):	#01290E
Green (bg):		#001F0A

*/

img {
  border: none;
}

body {
  font: 76.5% Verdana, Arial, sans-serif;
  color: #fff;
  padding: 0; margin: 0;
  background: fixed #000 url(#) top left repeat-x;
}

	#container 
	{
	  _margin-top:100px;
	}
	
		#container[id] {
		  border: solid 1px black;
		}

#header 
{
  position:fixed;
  _position:absolute;
  top:0;
  left:0;
  _top:expression(eval(document.documentElement.scrollTop));
	background: fixed url(../img/bg_header.gif) top left repeat-x;
  color: #fff;
  width: 100%;
  height:95px;
  z-index:99;
}

	#header #title {
  position: absolute;
	top: 0; left: 0;
	z-index: 10;
	height: 32px;
	padding: 21px 0 0 70px;
	background: url(../img/tadc.gif) 8px 6px no-repeat;
	}

	#header #animation-0, 
	#header #animation-1 {
	position: absolute;
	top: 0px; right: 0;
	z-index: 9;
	}

		#footer #animation-bottom-0, 
		#footer #animation-bottom-1 {
		z-index: 9;
		}

		#header #animation-0, 
		#footer #animation-bottom-0 {
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		opacity: 1.0;
		}

		#header #animation-1, 
		#footer #animation-bottom-1 {
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		opacity: 0;
		}

	#main-nav {
	position: absolute; z-index: 10;
	top: 53px; left: 0;
	width:70%;
	clear: both;
	padding: 11px 0 12px 12px;
	}

		#main-nav div {
		  text-transform: uppercase;
			display: inline;
			margin: 0 6px 0 0;
			}
			
				#controls a, 
				body.show-slideshow #slideshow #closebutton a {
				font: bold 11px Verdana, Arial, sans-serif;
				letter-spacing: 1px;
				color: #fff; background-color: #030;
				text-decoration: none;
				border: outset 1px #146B40;
				margin: 0 3px 0 0; padding: 4px 10px 2px 10px;
				display: block;
				height: 15px; width: 20px;
				float: left;
				}

					#controls a:hover, body.show-slideshow #slideshow #closebutton a:hover {
					background-color: #000;
					}
					
					.slideshowbutton {
					height: 25px;
					padding: 10px 0 10px 0;
					}

					.slideshowbutton span {
					margin: 0 3px 0 0; 
					padding: 4px 10px 2px 10px;
					border-style: outset;
					border-width: 2px;
					border-color: green;
					background-color: #030;
					font-family:Arial;
					font-weight:bold;
					}

					#controls a.pressed {
					background-color: transparent;
					border-style: inset;
					padding-top: 5px;
					padding-bottom: 1px;
					}

					#controls a:active {
					padding-top: 6px;
					padding-bottom: 0;
					}

					#controls {
					padding: 5px;
					width: 90px; margin: 0 auto;
					text-align: center !important;
					}

#body {
position: relative;
width: 100%;
margin: 92px 0 0 0;
}

	#body a {
	color: #5B845C;
	text-decoration: none;
	border-bottom: solid 1px #0D4C2D;
	}

		#body a:hover {
		color: #6c6;
		border-color: #090;
		}

	#context-nav {
	float: left;
	clear: both;
	text-transform: uppercase;
	width: 17%;
	text-align: left;
	list-style: none;
	margin: 0 2% 3em 0; padding: 1em 0 .3em 0;
	}

		#context-nav li {
		margin: 0;
		}

			#context-nav li a, #context-nav li strong {
			color: #eee;
			padding: 3px 0 3px 16px; margin: 0;
			font: bold .85em Verdana, Arial, sans-serif;
			letter-spacing: 1px;
			background: url(../img/bg_contextnav_hover.gif) 6px center no-repeat;
			display: block;
			width: 100%;
			border: none;
			}

				#context-nav li > a {
				width: inherit;
				}

				#context-nav li a:hover {
				background-image: url(../img/bg_contextnav.gif);
				background-color: #000;
				color: #fff;
				padding-top: 4px;
				padding-bottom: 2px;
				background-position: 6px 9px;
				}

				#context-nav li strong {
				font-size: 1em;
				background-image: url(../img/bg_contextnav.gif);
				color: #fff;
				width: inherit;
				border-bottom: solid 1px #0D4C2D;
				}

	#content {
  position: absolute;
  left: 22%;
	width: 45%;
	margin: 0 0 0px 2%; padding: 16px 0 60px 0;
	line-height: 1.7em;
	}

		#content h1 {
		margin: 0 0 .5em 0; padding: 0;
		font: 1.7em Verdana, Arial, sans-serif;
		text-transform: uppercase;
		color: #eee;
		}

    #content ul
    {
      margin:0;
      padding-left:20px;
      _padding-left:0;
      _margin-left:20px;
    }

		#content p, #content div.paragraph {
		font-size: 11px;
		margin: .7em 0 1em 0;
		text-align: justify;
		}

			#content div.text {
			font-size: 11px !important;
			}

		#content #slideshow, #content img {
		display: block;
		background-color: #fff;
		padding: .4em;
		text-align: center;
		}

			#content img {
  			text-align: left;
  			float:left;
			  xmargin: 6px 20px 10px 0;
			}

			.right {
			  float: right;
			  margin: 0 0 10px 10px;
			}

			.left {
			  float: left;
			  margin: 6px 20px 10px 0;
			}



	#sidebar {
	position: absolute;
	top: 0; right: 0;
	width: 250px;
	margin: 22px 10px 60px 0;
	color: #000;
	text-align: center;
	cursor: pointer;
	border: solid 1px #0d4c2d;
	}
		    
	  .leftcorner-bottom {
	  position: absolute;
	  bottom: -1px; left: -1px;
	  height: 5px; width: 5px;
	  background: url(../img/sidebar-corner-bottom-left.png) bottom left no-repeat;
	  }
	  
	  .rightcorner-bottom {
	  position: absolute;
	  bottom: -1px; right: -1px;
	  height: 5px; width: 5px;
	  background: url(../img/sidebar-corner-bottom-right.png) bottom right no-repeat;
	  }
	  
	    .rightcorner-bottom[class] {
	    right: -1px;
	    }

		#sidebar img {
		padding: 0 0 5px 5px;
		background-color: #fff;
		}

		#sidebar p, #sidebar div {
		margin: 0 0 12px 0;
		font-size: 11px;
		color: #fff;
		}

			#sidebar p {
			text-align: center;
			}

			#slideshow-load {
			padding: 6px 0 0 0;
			}

				#slideshow-load img {
				padding: 3px;
				border: solid 5px #5B845C;
				}

		#sidebar a {
		border: none;
		}

		#sidebar h1 {
		position: relative;
		font-size: 12px;
		text-transform: uppercase;
		margin: 0; padding: 3px;
		color: #fff; background-color: #002900;
		}
		
		  .leftcorner-top {
		  position: absolute;
		  top: -1px; left: -16px;
		  height: 6px; width: 6px;
		  background: url(../img/sidebar-corner-top-left.png) top left no-repeat;
		  }
		  
		    .leftcorner-top[class] {
		    left: -1px;
		    }
		  
		  .rightcorner-top {
		  position: absolute;
		  top: -1px; right: -1px;
		  height: 6px; width: 6px;
		  background: url(../img/sidebar-corner-top-right.png) top left no-repeat;
		  }
		  
		    .rightcorner-top[class] {
		    right: -1px;
		    }

		

#footer {
position: absolute;
bottom: 0; left: 0;
width: 100%;
clear: both;
color: #fff;
background: url(../img/bg_footer.gif) bottom left repeat-x;
}

	#footer p {
	font-size: .9em;
	padding: 9px 0 8px 9px; margin: 0;
	}

	#footer div {
	position: absolute;
	bottom: 0px; right: 0;
	}

		.safari #footer div,
		.chrome #footer div,
		.mozilla #footer div
    { bottom: -2px; }
    
    .safarimobile #footer div
    { bottom: -4px; }

#footer {
  position: fixed;
  _position: absolute;
  bottom: 0;
  _top: expression(eval(document.documentElement.scrollTop)+document.documentElement.clientHeight-this.clientHeight);
}

#canvas {
display: none;
background-color: black;
position: absolute;
z-index: 495;
top: 0; left: 0;
width: 100%; height: 100%;
}

	body.show-slideshow #canvas, body.show-clientlogin #canvas {
	display: block;
	}

		body.intro #canvas {
		display: none;
		}

	#canvas[id] {
	position: fixed;
	}
	
	body {
	height: 100%;
	overflow: hidden;
	}
	
	  body[class] {
	  overflow: auto;
	  }

	* html {
	height: 100%;
	overflow: inherit;
	}

#slideshow {
display: none;
position: absolute;
}

	body.show-slideshow #slideshow {
	display: block;
	z-index: 500;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%;
	text-align: center;
	}

	body.show-slideshow #slides {
	position: relative;
	margin: 3% auto 5px auto;
	width: 770px; height: 350px;
	overflow: hidden;
	border: solid 1px #0D4C2D;
	}

		body.show-slideshow #slideshow #closebutton {
		font: bold 13px Verdana, Arial, sans-serif;
		text-transform: capitalize;
		text-align: left;
		position: absolute;
		top: 0; left: 0;
		z-index: 520;
		width: 770px;
		background-color: #0D4C2D;
		padding: 5px 0 5px 5px;
		}

			body.show-slideshow #slideshow #closebutton a {
			position: absolute;
			top: 3px; right: 7px;
			color: white;
			text-decoration: none;
			height: 10px; width: 15px;
			text-align: center;
			padding: 2px; margin: 0;
			}

		#slideshow div.slide {
		position: absolute;
		cursor: pointer;
		top: 20px;
		width: 770px; height: 550px;
		overflow: hidden;
		}
		
		.current {
		left: 0;
		}

		.next {
		display: block;
		left: 770px;
		}

		.prev {
		left: -770px;
		}

	#slideshow #byline {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 20px 0; margin: 0 auto;
	width: 770px;
	}

#clientlogin {
display: none;
position: absolute;
}

body.show-clientlogin #clientlogin {
  display: block;
  z-index: 500;
  top: 30%; left: 0; bottom: 0; right: 0;
  width: 100%;
  text-align: center;
}

#clientlogin form {
  width: 250px;
  margin: 0 auto; padding: 0;
}

#clientlogin fieldset {
  border: none;
  padding: 0;
  margin:0;
  background-color: #01290E;
  border: solid 1px #5B845C;
}

#clientlogin h2 {
  text-align: center;
  background-color: #014222;
  color: white;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  display: block;
  padding: 3px 5px;
}

#clientlogin p {
  margin-left: 25px;
  text-align: left;
  padding: 0 8px 0 8px;
}

#clientlogin input {
  width: 180px;
  font-size: 18px;
}

#clientlogin .submit {
  width: 250px;
  text-align: center;
  background-color: #0D4C2D;
  padding: 5px 0; margin-left: 0;
}

#clientlogin .submit input {
  width: 100px;
}

#clientlogin a {
  color: white;
  font-size: 11px;
}

body.intro #body {
  width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.intro #content {
  left: 0;
  width: 600px;
  margin: 0 auto;
}

	body.intro h1, body.intro #main-nav, body.intro #title img, body.intro #sidebar, body.intro #context-nav {
	  display: none;
	}
	
	body.intro div.paragraphs {
	  width: 100%;
	  margin: 0 auto;
	  text-align: left;
	}

	body.intro div#introbuttons {
	  text-align: center;
	  border-top: solid 1px #146B40;
	  width: 600px;
	  padding: 40px 0 0 0; margin: 20px auto 0 auto;
	}

		body.intro div#introbuttons p {
		  position:relative;
		  text-align: center;
		  margin: 0 auto;
		  width: 400px;
		}
		
		body.intro div#introbuttons #infoandcontact,
		body.intro div#introbuttons #showclientlogin2{
		  _left:25%;
		}

			body.intro div#introbuttons p a, 
			#main-nav div a 
			{
			font: bold 11px Arial, sans-serif;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: #fff; background-color: #146B40;
			text-decoration: none;
			padding: 2px 10px 2px 10px; margin: 0;/*verschil in ff/ie vs saf*/
			border: solid 1px #6ba286;
			position: relative;
			display: block;
			float: left;
			text-align: center;
			}

				#main-nav div a {
				margin: 0 25px 0 0;
				}

				body.intro div#introbuttons p a {
				width: 130px;
				}

				body.intro div#introbuttons p a:hover, 
				#main-nav div a:hover,
				body.info #main-nav div.info a,
				body.contact #main-nav div.contact a {
				  background-color: #0c522f;
				  border-color: #dfe;
				  color: white;
				}