﻿
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #606060 url(../images/bg_old.jpg) repeat-x left top;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #494949;
	line-height: 150%;
}

h1, h2, h3, h4 {
	margin: 0;
	color: #7F3300;
}

p, ol, ul {
	list-style: none;
}

p.intro {
	color: #7F3300; 
	font-style:italic;
	font-size:12px;
}

p.bron {
	font-size: 9px;
	color: #7F3300;
	font-style:italic; 
	text-align:right;
}

p.table {
	font-size: 10px;
}

p.table12 {
	font-size: 12px;
}

p.session {
	font-size: 9px;
	color: #7F3300;
	font-style:italic; 
	text-align:left;
}

p.session2 {
	font-size: 11px;
	color: #494949;
	font-style:italic; 
	text-align:left;
	line-height: 100%;
}

li.logo {
	list-style-image: url('../images/listlogo.JPG');
}

li.logo2 {
	list-style-image: url('../images/listlogo_OLD.JPG');
}

td.lid {
	vertical-align:top;
	text-align:left;
}

tr.kleur {
	background-color: #e4e4e4;
	vertical-align:top;
}

tr.wit {
	background-color: transparent;
	vertical-align:top;
}


.addform {
	background-color: #F2F2F2;
	border: 1px solid #FF6A00;
	color: #494949;
	height: 20px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	vertical-align: top;
}

.addform3 {
	background-color: snow;
	border: 2px solid forestgreen;
	color: #494949;
	height: 20px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	vertical-align: top;
}

.addform4 {
	background-color: snow;
	border: 2px solid darkred;
	color: #494949;
	height: 20px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	vertical-align: top;
}

.addformVisible {
	background-color: #CCCCCC;
	border: 1px solid #000000;
	color: #494949;
	height: 20px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	vertical-align: top;
}

.addformTA {
	background-color: #F2F2F2;
	border: 1px solid #FF6A00;
	color: #494949;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	vertical-align: top;
}

.addformTAVisible {
	background-color: #CCCCCC;
	border: 1px solid #000000;
	color: #494949;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	vertical-align: top;
}

.button{
	background-color : #FF6A00;
	border: 1px solid #FF6A00;
	font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : white;
	height:30px;
	margin-top:10px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.button2{
	background-color : orange;
	border: 1px solid orange;
	font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : white;
	height:30px;
	margin-top:10px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.button3 {
	background-color: forestgreen;
	border: 1px solid forestgreen;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	height: 30px;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.button4 {
	background-color: darkred;
	border: 1px solid darkred;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	height: 30px;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.button5 {
	background-color: darkgray;
	border: 1px solid darkgray;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: gainsboro;
	height: 30px;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.round {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a {
	color: #7F3300;
}
	
#wrapper3 {
	margin: 100px 20px 0px 1000px;
	padding: 0px;
	width: 250px;
	height: 500px;
	background-color:lime;
	border: 2px fuchsia solid;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}



/* Logo */

#logo {
	margin: 0;
	padding: 25px 15px;
	height: 75px;
}
	#logo h1 {
		margin: 0;
		padding: 0;
		color: #FFF;
		font-size: 6.0em;
		font-weight: bolder;
		text-transform: lowercase;
		letter-spacing: 4.5px;
	}
	#logo h2 {
		margin: 0;
		padding: 0;
		color: black;
		font-size: 4.0em;
		font-weight: bolder;
		text-transform: lowercase;
		letter-spacing: 2.5px;
	}
	#logo h1 span {
		color: #7F3300;
	}
	#logo p {
		margin: 0;
		padding: 20px 0 0 0;
		color: #FFF;
		font-size: 12px;
	}

/* Page */	

#page {
	margin: 0 auto;
	padding: 10px;
	width: 960px;
	background: #FFF;
	-moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
}

/* Menu */

#menu {
	margin: 0 auto;
	padding: 0;
	height: 65px;
	background: #FF6A00;
}
	#menu ul {
		margin: 0;
		padding: 10px 0;		
	}
	#menu li{
		display: inline;
		margin: 0 10px;
		padding: 0;
		vertical-align:middle;
	}	
		#menu li a {
			padding: 5px 6px;
			font-size: 20px;
			color: #FFF;
			text-decoration: none;
		}
		#menu li .active {
			background: #7F3300;
		}
		#menu li a:hover {
			background: #7F3300;
		}
		
#splash {
	margin: 10px 0;
}

#wrapper2 {
	margin: 0;
	padding: 0;
	background: #e4e4e4;
}

	/* Sidebar */

		#sidebar {
			margin: 10px;
			padding: 10px;
			float: left;
			width: 290px;
			background: #FFF;
		}

		#sidebarhome {
			margin: 10px;
			padding: 10px;
			float: left;
			width: 288px;
			background: #FFF;
			border: 1px #FF6A00 solid;
		}
	
		#sidebar ul {
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		#sidebar li{
			padding: 5px 0;
			border-bottom: 1px solid #e4e4e4;
		}
	
	/* SecureSidebar */

		#securesidebar {
			margin: 10px;
			padding: 10px;
			float: left;
			width: 230px;
			background: #FFF;
		}
		
		#securesidebar ul {
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		#securesidebar li{
			padding: 0px 0;
			border-bottom: 1px solid #e4e4e4;
		}

		#securesidebar a{
			text-decoration:none;
		}
			
	/* Content */

		#content {
			float: left;
			width: 590px;
			margin: 10px 10px 10px 10px;
			padding: 10px;
			background: #FFF;
			text-align: justify;
		}
		
		#contenthome {
			float: left;
			width: 588px;
			margin: 10px 10px 10px 10px;
			padding: 10px;
			text-align: justify;
			background: #FFF;
			background-image: url('../images/back2.jpg');
			background-position:bottom;
			background-repeat:no-repeat;
			border:1px #7F3300 solid;
		}

	
		#content p span {
			color: #7F3300;
			font-weight:bold;
		}
		
		#content img {
			border: none;
		}
	
	/* SecureContent */

		#securecontent {
			float: left;
			width: 650px;
			margin: 10px 10px 10px 10px;
			padding: 10px;
			background: #FFF;
			text-align: left;
		}
	
		#securecontent p span {
			color: #7F3300;
			font-weight:bold;
		}
		
		#securecontent img {
			border: none;
		}
		
	/* Footer */

	#footer {
		margin: 0 auto;
		width: 980px;
		text-align: center;
		vertical-align:middle;
	}
	
	#footer p {
		color : #FF6A00;
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#footer a {
		color: #FF6A00;
	}
	
	#footer img {
		border: none;
	}

	/* Status Colors */
	
	.status0 {
		background-color:#808080;
	}
	
	.status1 {
		background-color:#FFFFFF;
	}

	.status2 {
		background-color:#CCCCCC;
	}
	
	.status3 {
		background-color:#C0C0C0;
	}

	.status4 {
		background-color:#999999;
	}

	.status5 {
		background-color:#99CCFF;
	}


	
	