/* 
	Based on:
		"Aqua"
		Wink Hosting (www.winkhosting.com)
		Designed By Alexis Corredor
		alexis.corredor@gmail.com

	Modified by:
		DTC Webdesign

	For:
		Opluchtbad Houtvaart Haarlem
*/
body 
{
	margin: 20px 0;
	background-color: #DDFFFF;
	color: #000000;
	text-align: center;
}

body, table, input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container
{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

#header
{
	width: 800px;
	height: 162px;
	position: relative; 
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

#companyname
{
	/*	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	margin-top:16px;
	margin-left:250px;
	left: 0px;
	top: 0px;*/

	color: #000000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding-top: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#breadcrumbs
{
	position: absolute;
	
	bottom: 20px;
	left: 235px;
	font-size: 10px;
	font-weight: bold;
}

#content
{
	width: 800px;
}

#leftpanel
{
	float: left;
	width: 204px;
	padding: 0;
	text-align: left;
}

#contenttext
{
	margin-top: 0;
	float: right;
	width: 580px;
}

#clearer
{
	clear: both;
}

#footer
{
	font-size: 10px;
	font-weight: bold;
	color: #000099;
	padding-top: 10px;
	border-top: 1px solid #8A8D8D;
	text-align: center;
	margin-top: 10px;
}

.table_top
{
	margin: 0;
	width: 204px;
	height: 27px;
	background-image: url(images/table_top.png);
	background-repeat: no-repeat;

	font-weight: bold;
	text-align: center;
}

.table_content
{
	margin: 0;
	width: 204px;
	background-image: url(images/table_content.jpg);
	background-repeat: repeat-y;
	/*border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;*/
}

#navigation ul
{
	/*margin: 0;
	padding: 10px 20px;*/
	/*list-style: none;*/
	margin: 0;
	margin-left: 20px;
	padding: 10px 20px;
}

#navigation ul li
{
	margin-bottom: 10px;
}

#navigation ul li ul li
{
	margin: 0;
	border: 0;
}

#navigation ul li ul
{
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 10px;
}

#navigation a
{
	text-decoration: none;
	color: blue;
}

#navigation a:hover
{
	/*text-decoration: underline;*/
	color: red;
	border-bottom: 1px dotted red;

}

.table_bottom
{
	width: 204px;
	height: 23px;
	/*<img src="images/table_bottom.jpg" width="204" height="23" border="0" alt="" />*/
	background: url(images/table_bottom.png);
	background-repeat: no-repeat;
}

h2
{
	font-size: 26px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dotted black;
	margin: 0 0 20px 0;
}

h2 a
{
	color: #000000;
	text-decoration: none;
}

h3.page_home
{
	font-weight: bold;
	font-size: 26px;
	color: #990000;
	text-align: center;
	margin: 0;
}

h4.page_home
{
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
	text-align: center;
	margin: 0;
}

.rightcontainer
{
	float: right;
	clear: both;
	color: #ADFFEA;
	margin: 0;
	padding: 0;
	border: 4px solid #ADFFEA;
	text-align:left;
}

input.text, textarea.text
{
	width: 220px;
	padding: 3px;
}

textarea, textarea.text
{
	width: 400px;
	height: 200px;
}

select
{
	padding: 3px;
	/*width: 228px;*/
	max-width: 228px;
	width: expression(this.clientWidth > 400 ? '400px':true)
}

.align_right
{
	text-align: right;
}

.align_top
{
	vertical-align: top;
}

input.button
{

}

#guestbook_newpost
{
	margin-bottom: 20px;
}

a img
{
	border: 0;
}

div.gb_msg
{
	margin-bottom: 10px;
	border: 1px solid #404040;
}

.gb_headers
{
	padding: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: 1px dotted #404040;
}

.gb_name
{
	font-weight: bold;
	float: left;
}

.gb_date, .gb_permalink, .gb_website
{
	float: right;
	margin-right: 4px;
}

.gb_headers img
{
	vertical-align: top;
}

.gb_message
{
	clear: both;
	padding: 3px;
}

.gb_current
{
	background-color: #E0E0E0;
}

.error
{
	color: red;
}

h3.news_header
{
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

h3.news_header a
{
	color: blue;
	text-decoration: none;
}

.news_date
{
	font-size: 11px;
}

ul.news_archive_list
{
	list-style: none;
}

ul.news_archive_list a
{
	text-decoration: none;
	color: blue;
}

ul.news_archive_list a:hover
{
	color: red;
	border-bottom: 1px dotted red;
}