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

html, body {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Georgia;
	font-size: 12px;
	line-height: 125%;
	margin: 0px;
	background-color: #F3F8FF;
	text-align: center;
}

table {
	font-size: 12px;
	line-height: 125%;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	color: #FF4800;
	line-height : normal;
}

h2 {
	color: white;
	background-color: #0D1D6F;
	font-size: 11px;
	padding: 3px;
	padding-left: 7px;
	border-top: 1px solid #FF7609;
	border-bottom: 1px solid white;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 9px;
}

a {
	color: blue;
	text-decoration: underline;
}
a:hover {
	color: #FF7609;
	text-decoration: none;
}

p {
	margin: 0px;
}

.maindiv {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
	background-color: white;
	background-repeat: repeat-y;
}

.maindiv a .logodiv {
	position: absolute;
	width: 95px;
	height: 107px;
	margin: 8px 0px 0px 10px;
	background-image: url("/graphics/logo.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/logo.png', sizingMethod='crop');
	cursor: pointer;
}

.maindiv .topbar {
	background-image: url("/graphics/topbarbg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 92px;
	border-bottom: 6px solid #0D1D6f;
}

.maindiv .searchbar {
	background-color: #FFF;
	border-top: 1px solid white; 
	border-bottom: 1px solid #CCC;
	text-align: right;
	padding-right: 10px;
	padding-left: 100px;
}

.maindiv .searchbar input {
	background-color: white;
	border: 1px solid #FF7609;
	height: 16px;
	margin: 2px;
	margin-right: 0px;
}

.maindiv .searchbar span {
	background-color: #0D1D6F;
	border: 1px solid #0D1D6F;
	display: block;
	color: white;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
	text-decoration: none;
	padding: 5px;
	padding-top: 1px;
	padding-bottom: 2px;
	cursor: pointer;
	_cursor: default;
}

.maindiv .contentdiv {
	padding: 10px;
}

.maindiv .contentdiv .lftcol {
	float: left;
	overflow: hidden;
}

.maindiv .contentdiv .rgtcol {
	float: left;
	margin-left: 22px;
}

.maindiv .contentdiv .rgtcol table {
	width: 100%;
}
.maindiv .contentdiv .rgtcol td {
	padding: 0px;
	vertical-align: top;
	border-bottom: 1px solid #D5D5D5;
}

.maindiv .contentdiv .rgtcol td a {
	text-decoration: none;
}
.maindiv .contentdiv .rgtcol td a:visited {
	color: gray;
}

.maindiv .contentdiv .rgtcol td span {
	font-size: 11px;
}

/**
 * Headlines -- news messages with image
 */
.headlines div {
	border-bottom: 1px dashed #D8D8D8;
	margin-top: 10px;
	font-size: 12px;
	height: 100px;
}
.headlines h1 {
	font-size: 13px;
	font-weight: bold;
	color: black;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 125%;
}
.headlines h3 {
	color: #FF7609;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 125%;
}
.headlines span {
	width: 75px;
	height: 75px;
	border: 1px solid #FF7609;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
}

/**
 * Message list ... list with message-dates + message-titles
 */
.messagelist {
	
}
.messagelist a {
	border-bottom: 1px solid #D5D5D5;
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: black;
	padding-top: 1px;
	padding-bottom: 1px;
}
.messagelist a:hover {
	color: #FF7609;
}
.messagelist a:visited {
	color: gray;
}
.messagelist a span {
	width: 50px;
	display: block;
	float: left;
}

/*
 * Menu elements
 */
#topmenu {
	background-color: #FF7609;
	height: 26px;
	padding-left: 72px;
	padding-left: 100px;
}
#topmenu a, .searchbar a {
	padding: 6px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: white;
	display: block;
	float: left;
	font-weight: bold;
}
#topmenu a:hover, .searchbar a:hover {
	color: #0D1D6F;
}
#topmenu a.selectedlink, .searchbar a.selectedlink {
	color: #0D1D6F;
}

.searchbar a {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FF7609;
}

.dropdown {
	position: absolute;
	visibility: hidden;
	filter: alpha(opacity=90,style=0);
	background-image: url("/graphics/empty.png");
	top: 0px;
}

.dropdown a {
	background-color: #FF7609;
	opacity: 0.9;
	text-align: left;
	display: block;
	padding: 4px;
	padding-left: 18px;
	padding-right: 15px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.dropdown a:hover {
	color: #0D1D6F;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 17px;
	padding-right: 16px;
}
.dropdown .selectedlink {
	color: #0D1D6F;
}

/**
 * Elements in the right column
 */
.rgtcol .bluediv {
	background-color: #F6FAFE;
	border-bottom: 1px solid #0D1D6F;
}

.rgtcol .orangediv {
	background-color: #FEF3E7;
	border-bottom: 1px solid #FF7609;
}

.rgtcol .bluediv div, .rgtcol .orangediv div {
	padding: 5px;
}

.rgtcol .bluediv div img, .rgtcol .orangediv div img {
	border: 1px solid #FF7609;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rgtcol .orangediv div .avatar {
	float: left;
	margin-bottom: 30px;
	font-size: 10px;
	width: 85px;
}
.rgtcol .orangediv div .avatar img {
	float: none;
	margin-bottom: 5px;
}

/**
 * Poll elements
 */
.polldiv .voted {
	font-weight: bold;
}

.polldiv .votebar {
	background-color: #FF7609;
	height: 14px;
	width: 1px;
	overflow: hidden;
	margin-bottom: 5px;
}

.polldiv .btn {
	background-color: #0D1D6F;
	border: 1px solid #D1E5FF;
	color: white;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
	text-decoration: none;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 1px;
}

/*
 * Main form elements
 */
form {
	margin: 0px;
	display: inline;
}

textarea {
	background: white;
	border: 1px solid #001F85;
	width: 350px;
	height: 150px;
	overflow: auto;
}

input, textarea, button {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Georgia;
	font-size: 11px;
}

.button {
	background: #001F85;
	color: white;
	border: 1px solid #D0D5E9;
	width: 90px;
	font-size: 11px;
	font-weight: bold;
	height: 23px;
}

.textinput {
	background: white;
	border: 1px solid #001F85;
	width: 350px;
	font-family: Arial, Verdana, Georgia;
	font-size: 12px;
}

/**
 * Copyright div at bottom of page ... is positioned absolutely to make sure
 * it's always at the bottom of the page.
 */
.maindiv .copyright {
	font-family: Verdana, Arial, Georgia, Sans;
	font-size: 9px;
	color: gray;
	text-align: right;
	line-height: 11px;
	width: 750px;
	background-color: white;
	padding: 5px;
	margin-top: 30px;
}


/*******************************************************************************
** PHOTOALBUM CLASSES
*******************************************************************************/
	
	table.photoAlbumDesc {
		float: left;
		margin: 15px 15px 15px 0px;
		width: 245px;
		background-color: #CCCCCC;
	}
		table.photoAlbumDesc td.imagecell {
			width: 100px;
			background-color: white;
		}
			table.photoAlbumDesc td.imagecell img {
				margin: 6px 3px 8px 3px;
			}
		table.photoAlbumDesc td.contentcell {
			width: auto; 
			padding: 6px 0px 0px 5px;
			background-color: white;
		}
		table.photoAlbumDesc th {
			background-color: #FF7609;
			color:white;
			font-weight:bold;
			padding-left:5px;
		}
	
	div.thumblist {
	float: left;
	width: 350px;
	margin: 5px 5px 5px 0px;
}
	div.thumblist a.thumb {
		display: block;
		cursor: pointer;
		float: left;
		width: 100px;
		height: 100px;
		padding: 5px;
		overflow: hidden;
		margin: 2px;
		background-color: #FFD8B2;
		border: 1px solid silver;
		text-align: center;
		opacity: 0.6;
		-moz-opacity: 0.6;
		filter: alpha(opacity=60, style=0);
	}
		div.thumblist a.thumb div {
			overflow: hidden;
			text-align: center;
			width: 100px;
		}
	div.thumblist a.thumb:hover {
		opacity: 1.0;
		-moz-opacity: 1.0;
		filter: alpha(opacity=100, style=0);
	}
	div.thumblist img {
		border: 0px;
	}

div.photocontainer {
	float: left;
	width: 380px;
	border: 1px solid silver;
	background-color: white;
	margin: 7px 0px 0px 3px;
	overflow: hidden;
	text-align: center;
}
div.comments {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border: 1px dashed #FFCC33;
	background-color: #FFECDA;
	padding: 3px;
	margin: 3px;
	display: none;
}

/*******************************************************************************
** ENQUETE ELEMENTS
*******************************************************************************/
div.enquete h1 {
	color: #FF7609;
	font-size: 19px;
	font-weight: bold;
	padding: 0 20px 0 0;
}
div.enquete h1.error {
	color: #F00;
}
div.enquete fieldset {
	border: 0px;
	margin: 15px 10px 0 0;
	padding: 10px;
	border-top: solid 3px #0D1D6F;
	border-bottom: solid 1px #FF7609;
	background-color: #F6FAFE;
}

	div.enquete fieldset legend {
		font-weight: bold;
		color: #2B81A7;
	}
		div.enquete table {
			width: 100%;
		}
			div.enquete table tr td {
				vertical-align: top;
			}
				div.enquete table tr td span.descr {
					display: block;
					padding: 10px 0 5px 0;
					line-height: 120%;
					font-weight: bold;
					font-size: 13px;
				}
				div.enquete table tr td span.small {
					color: #999;
					font-size: 10px;
				}

	div.enquete input.txt, div.enquete select {
		background: white;
		font-family: "Trebuchet MS", Helvetica;
		border: 1px solid #CCCCCC;
		font-size: 12px;
	}
	div.enquete input.txt {
		width: 280px;
	}
	div.enquete input.firstname		 { width: 280px; }
	div.enquete input.junction 		 { width: 45px; }
	div.enquete input.lastname 		 { width: 280px; }
	div.enquete input.street			 { width: 280px; }
	div.enquete input.housenum		 { width: 35px; }
	div.enquete input.housenum2		 { width: 65px; }
	div.enquete input.zipcode			 { width: 65px; }
	div.enquete input.city				 { width: 210px; }
	div.enquete input.phone				 { width: 150px; }
	div.enquete input.email				 { width: 150px; }
	div.enquete textarea					 { color: black; width: 280px; height: 90px; overflow: auto; }

	textarea {
		color: black;
		width: 200px;
		height: 90px;
		overflow: auto;
		border: solid #C5C6C8 1px;
		font-size: 10px;
		padding: 0 2px;
	}
	
	div.dateinput {
		line-height: 100%;
		background-color: #FFFFFF;
		border: 1px solid #C5C6C8;
		float: left;
	}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 0.95em;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 1.0em;
		padding-top: 5px;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0 1px 0;
		margin: 0;
		border: 0;
		font-size: 12px;
	}
	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; }

	input.cb {
		float: left;
		height: 17px;
		_width: 13px;
		clear: left;
	}
	input.rb {
		float: left;
		height: 17px;
		_width: 13px;
		clear: left;
	}
	label.lbl {
		float: left;
		min-height: 18px;
		padding: 3px 0 2px 5px;
		_padding: 0 0 5px 10px;
		font-size: 11px;
	}
	tr.error td {
		color: #FF3D00;
		font-size: 11px;
		font-weight: bold;
	}
	
	tr.btnrow td {
		text-align: right;
		padding: 8px 8px 0 0;
	}
		input.next, input.prev, input.send {
			background: #001F85;
			color: white;
			border: 1px solid #D0D5E9;
			width: 90px;
			font-size: 11px;
			font-weight: bold;
			height: 23px;
			cursor: pointer;
		}
		input.next, input.send {
			float: right;
		}
		input.prev {
			margin-right: 5px;
		}
		input.wide {
			width: 110px;
		}