html, body {
	margin: 0;
}

body {
	background-color: white;
	font-size: 81%;
}

html {
	overflow: -moz-scrollbars-vertical;
}

td {
	text-align: left;
	vertical-align: top;
}

h1 {
	color: #003A80;
	font-size: 2.0em;
	font-weight: bold;
	margin: 0 0 30px 0;
	font-family: "Century Gothic", Verdana sans-serif;
	letter-spacing: 0.1em;
	
}
	h1 a {
		text-decoration: none;
	}

h2 {
	font-size: 1.4em;
	color: #003A80;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h3 {
	color: #003A80; 
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 7px 0;
}

h4 {
	color: #003A80; 
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 0 2px 0;
}

a {				
	text-decoration: none;
	color: #003A80; 
}
a:hover {	
	text-decoration: underline; 
	color: #0F7962;
}
	h2 a, h3 a {		color: #003A80; }

p, form {
	margin: 0em;
}

ul, li {
	margin: 0em;
	padding: 0em;
}
li {
	margin-left: 1.0em;
}

div.clear {
	height: 0.01em;
	overflow: hidden;
	clear: both;
}
div.hr, hr {
	background-image: url('/graphics/hrbg.gif');
	background-position: 100% 0;
	background-repeat: repeat-x;
	border: 0;
	height: 1px;
	line-height: 1px;
}

img {
	border: solid 1px #000000;
}
img, div { behavior: url('iepngfix.htc') }

div.img {
	display: none;
}

div.noshow { visibility : hidden; }
/*******************************************************************************
** ALL ELEMENTS THAT SHOULD HAVE THE BASIC FONT
*******************************************************************************/

body, table, td, input, select, textarea {
	font-family:  Verdana, Arial, Helvetica, Georgia, sans-serif;
}
table, td, input, select, textarea {
	font-size: 1.0em;
}
body, table, td {
	color: #87888A;
	line-height: 1.6em;
}
div.header, div.topmenu, div.dropdown {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

/*******************************************************************************
** COLORS USED IN THIS STYLESHEET
** #E53517 = RED
** #87888A = GRAY
** #0F7962 = GREEN
** #003A80 = BLUE
*******************************************************************************/

/*******************************************************************************
** BASIC FORM ELEMENTS
*******************************************************************************/

input.txt, textarea, select, input.search {
	border: 1px solid #C5C6C8;
	color: black gr;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 3px 2px;
	background-color: #FFFFFF;
}
input.txt {
	height: 1.2em;
}
input.btn, a.btn {
	background-color: #ECEDED;
	border: 1px solid #C5C6C8;
	font-size: 1.1em;
	font-weight: bold;
	color: #173A80;
	cursor: pointer;
}
input.btn:hover, a.btn:hover {
	background-color: #ECEDED;
	border: 1px solid #C5C6C8; 
	font-size: 1.1em;
	font-weight: bold;
	color: #0F7962;
	cursor: pointer;
}
a.btn {
	font-style: normal;
	text-decoration: none;
	display: block;
	float: left;
}
input.btn {
	padding: 2px 10px;
}
input.submit {
	padding: 2px;
}

input.cb {
	float: left;
	margin: 0.25em 0em 0em 0.3em;
	#margin-top: 2px;
	padding: 0;
	height: 1.2em;
}
label.lbl {
	float: left;
	display: block;
	padding: 4px 0 1px 5px;
	margin: 0;
}
span.err {
	color: red;
}

div.dateinput {
	line-height: 100%;
	background-color: white;
	border: 1px solid #C5C6C8;
	float: left;
	height: 17px;
	#height: 19px;
}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 0.95em;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 1.0em;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0 1px 0;
		margin: 0;
		border: 0;
		font-size: 11px;
		line-height: 17px;
		height: 17px;
	}
	div.dateinput span {
		padding: 2px 0 2px 0;
	}
	div.dateinput input.d	{ width: 16px; }
	div.dateinput input.m	{ width: 16px; }
	div.dateinput input.y	{ width: 30px; }
	
/*******************************************************************************
** ELEMENTS THAT MAKE OUT THE PAGE LAYOUT
*******************************************************************************/
h1.title {
	display: none;
}
div.header {
	display: none;
}

div.main {
	width: 910px; 
	text-align: left;
	margin: 0 auto 30px auto;
}
	div.main div.menu {
		display: none;
	}
	div.main div.content {
		float: left;
		width: auto;
		padding: 0px;
	}
		div.main div.content div.text {
			margin-bottom: 7px;
			padding: 0px 35px;
		}
			 div.main div.content div.text div.img {
				float: right;
				width: 240px;
				height: 240px;
				margin: 5px 0 10px 10px;
				background-position: center;
				background-repeat: no-repeat;
				padding: 5px;
				border: solid 1px #000000;
			}
			
		div.main div.content div.main_up {
			display: none;
		}
		
		div.main div.content div.news {
			margin: 0px;
			padding-top: 10px;
			border-bottom: solid #777777;
		}
			div.main div.content div.news h2 {
				margin-left: 35px;
				margin-right: 35px;
				color: #87888A
			}
			
			div.main div.content div.news ul {
				list-style: none;
				padding: 0;
				margin: 0 35px 10px 35px;
			}
				div.main div.content div.news ul li {
					border-bottom: solid #777777;
					background-position: 100% 100%;
					background-repeat: repeat-x;
					margin: 0;
					margin-top: 10px;
					padding: 0 0 10px 0;
					position: relative;
					min-height: 120px;
					_height: 120px;
				}
					div.main div.content div.news ul li a.img {
						float: left;
						width: 95px;
						overflow: hidden;
						margin: 2px 10px 0px 0px;
						display: block;
						border: 1px solid silver;
					}
						div.main div.content div.news ul li a.img img {
							display: block;
							border: 0px;
							margin: 0px auto;
						}
					div.main div.content div.news ul li div.txt {
						position: relative;
						padding: 0;
						margin: 0px 0px 0px 115px;
						min-height: 120px;
						_height: 120px;
					}
				
		div.main div.content div.copyright {
			margin: 0px 35px;
			padding: 3px 0px;
			text-align: right;
			font-size: 0.9em;
			color: #C5C6C8;
			padding
		}
			div.main div.content div.copyright a,
			div.main div.content div.copyright a:visited {
				text-decoration: none;
				color: #C5C6C8;
			}
			div.main div.content div.copyright a:hover {
				text-decoration: none;
				color: #87888A;
			}
					
a.go_back {
	display: none;
}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE MAIN FORM
*******************************************************************************/

div.formcontainer {
}
	div.formcontainer h4 {
		color: #0F7962;
		font-size: 0.9em;
	}
	div.formcontainer div.row {
		font-size: 0.9em;
	}
		div.formcontainer div.row div.col1 {
			width: 150px;
			float: left;
			color: #003A80;
			font-weight: bold;
			line-height: 1.4em;
			padding: 4px 0px;
		}
			div.formcontainer div.row div.col1 span.required {
				color: #0F7962;
			}
			
			div.formcontainer div.row div.col1 span.comment{
				font-style: italic;
				font-weight: normal;
				color: #0F7962;
			}
			
 		div.formcontainer div.row div.col2 {
			padding: 4px 0px;
 			width: 405px;
 			float: left;
 		}
			div.formcontainer span.err {
				color: #E53517;
			}

	div.formcontainer div.col2 select 						{ color: black; }
	div.formcontainer div.col2 select.fixed				{ width: 400px; }

	div.formcontainer div.col2 input.txt					{ color: black; width: 400px; }
	div.formcontainer div.col2 input.initials			{ width: 220px; }
	div.formcontainer div.col2 input.junction 		{ width: 50px; }
	div.formcontainer div.col2 input.lastname 		{ width: 400px; }
	div.formcontainer div.col2 input.organisation	{ width: 400px; }

	div.formcontainer div.col2 input.address			{ width: 345px; }
	div.formcontainer div.col2 input.housenum			{ width: 40px; }
	div.formcontainer div.col2 input.zipcode			{ width: 80px; }
	div.formcontainer div.col2 input.city					{ width: 220px; }
	div.formcontainer div.col2 input.phone				{ width: 180px; }
	div.formcontainer div.col2 input.fax					{ width: 180px; }
	div.formcontainer div.col2 input.email				{ width: 400px; }

	div.formcontainer div.col2 input.function			{ width: 400px; }
	div.formcontainer div.col2 input.profession		{ width: 400px; }
	div.formcontainer div.col2 input.employer			{ width: 400px; }
	div.formcontainer div.col2 input.smscode			{ width: 90px; }

	div.formcontainer div.col2 textarea						{ color: black; width: 400px; height: 90px; overflow: auto; }
	
/*******************************************************************************
** SPECIFIC CLASSES FOR THE PROJECT MODULE
*******************************************************************************/
	
div.main div.content div.text div.imageblock {
	float: left;
	_width: 260px;
	_overflow: hidden;
}
div.main div.content div.text div.imageblock div.photo {
	width: 240px;
	height: 220px;
	overflow: hidden;
	z-index: 3;
	margin: 0px 20px 0px 0px;
	_margin_right: 0px;
	background-color: #87888A;
	border: 1px solid #000000;
	float: left;
	position: relative;
}
	div.main div.content div.text div.imageblock div.photo img {
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		z-index: 1;
	}
div.main div.content div.text div.imageblock div.thumbs {
	float: left;
	width: 250px;
	_width: 260px;
	margin: 0px 15px 10px 0px;
	_margin_right: 0px;
}
	div.main div.content div.text div.imageblock div.thumbs span {
		font-weight: bold;
		color: #87888A;
		display: block;
		padding-top: 5px;
	}
	div.main div.content div.text div.imageblock div.thumbs div.photo {
		width: 55px;
		height: 55px;
		margin: 5px 5px 0px 0px;
		background-color: #87888A;
		border: 1px solid #000000;
		float: left;
		position: relative;
		overflow: hidden;
		z-index: 3;
	}
		div.main div.content div.text div.imageblock div.thumbs div.photo img {
			display: block;
			cursor: pointer;
			position: absolute;
			top: -10px;
			left: -10px;
			z-index: 1;
		}
	div.main div.content div.text div.imageblock div.downloads {
		font-weight: bold;
	}
	
div.main div.content div.project_txt {
	padding-left: 260px;
}
div.main div.content div.projects {
	margin: 0px;
	padding-top: 10px;
	-bottom: solid #777777;
}
	div.main div.content div.projects h2 {
		margin-left: 35px;
		margin-right: 35px;
		color: #87888A
	}
	
	div.main div.content div.projects ul {
		list-style: none;
		padding: 0;
		margin: 0 35px 10px 35px;
	}
		div.main div.content div.projects ul li {
			border-bottom: solid #777777;
			margin: 0;
			margin-top: 10px;
			padding: 0 0 10px 0;
			color: #003A80;
			min-height: 120px;
			_height: 120px;
		}
			div.main div.content div.projects ul li a.img {
				float: left;
				width: 95px;
				overflow: hidden;
				margin: 2px 10px 0px 0px;
				display: block;
				border: 1px solid silver;
			}
				div.main div.content div.projects ul li a.img img {
					display: block;
					border: 0px;
					margin: 0px auto;
				}

			div.main div.content div.projects ul li div.txt {
				position: relative;
				margin: 0px 0px 0px 115px;
				min-height: 120px;
				_height: 120px;
			}
				div.main div.content div.projects ul li div.txt span.location {
					color: #0F7962;
				}
				div.main div.content div.projects ul li div.txt span.status {
					display: block;
				}
					div.main div.content div.projects ul li div.txt span.status span.label {
						font-weight: bold;
						color: #87888A;
					}
				div.main div.content div.projects ul li div.txt span.label {
					font-weight: bold;
					color: #87888A;
				}
				div.main div.content div.projects ul li div.txt a.readmore {
					color: #E53517;
				}
				div.main div.content div.projects ul li div.txt a.up {
					display: none;
				}
			
/*******************************************************************************
** SPECIFIC CLASSES FOR THE PROJECT IMAGE OVERLAY
*******************************************************************************/		

div.imageoverlay {
	display: none;
}
 div.currentimage {
	display: none;
}