/**
 * Title: Rondvaartbedrijf Lauwersmeer
 * Description: This stylesheet defines the layout of the website of Rondvaartbedrijf Lauwersmeer
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */

body {
	background: #491A00 url("body-back.png") repeat-x;

	font-size: 80%;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	margin: 0;
}

/**
 * Anchors
 */
a {
	color: #007DC6;
}

a:visited {
	color: #491A00;
}

a:hover {
	color: #ED1C24;
}

/**
 * Images
 */
a img {
	border: none;
}

.decoration-image {
	float: left;

	margin: 0 15px 15px 0;
}

/**
 * Headings
 */
h1 {
	color: #007DC6;
}

h2 {
	color: #491A00;
}

/**
 * Lists
 */
ul {
	list-style: square;
}

/**
 * Other 
 */
address {
	font-style: normal;
}

hr {
	background-color: #047BC2;
	border: 0;
	color: #047BC2;
}

.hr {
	
}

.clear {
	clear: both;
}

/**
 * Forms
 */
label {
	cursor: pointer;

	display: block;

	font-weight: bold;
}

.textfield, 
.textarea {
	margin-bottom: 15px;
}

.textfield input,
.textarea textarea {
	border: 1px solid #8D5A0D;

	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	padding: 5px;
}

.textfield input:focus,
.textarea textarea:focus {
	border-color: #007DC6;
}

.error label {
	color: #ED1C24;
}

.error input,
.error textarea {
	border-color: #ED1C24;
}

/**
 * Container
 */
#container {
	background: url("sunset.jpg") no-repeat top left;

	min-height: 900px;
}

/**
 * Header
 */
#header {
	background: url("header.jpg") no-repeat;

	float: left;

	padding-top: 180px;

	position: relative;

	width: 925px;
}

/**
 * Company name
 */
#company-name {
	margin: 0;
	padding: 0;
}

#company-name a {
	background: url("logo.png") no-repeat center center;

	display: block;

	position: absolute;

	left: 10px;
	bottom: 10px;

	width: 165px;
	height: 165px;
}

#company-name a span {
	display: none;
}

/**
 * By pass
 */
#by-pass-section {
	display: none;
}

/**
 * Top menu
 */
#top-menu {
	float: right;
}

#top-menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#top-menu li {
	float: left;

	margin-right: 5px;
}

#top-menu a {
	background: #0065A0 url("top-menu-left.gif") no-repeat top left;

	color: #FFF;

	display: block;

	text-decoration: none;
}

#top-menu a span {
	background: url("top-menu-right.gif") no-repeat top right;

	display: block;

	padding: 8px 15px;
}

#top-menu a.active, 
#top-menu a:hover {
	background-color: #FFF;
	background-image: url("top-menu-hover-left.gif");
}

#top-menu a.active span, 
#top-menu a:hover span {
	background-image: url("top-menu-hover-right.gif");

	color: #007DC6;
}

/**
 * Main menu
 */
#main-menu {
	background: url("main-menu-top.gif") no-repeat top right;

	float: left;

	clear: left;

	margin: 0 15px 15px 0;
	padding-top: 15px;

	width: 180px;
}

#main-menu ul {
	background: url("main-menu-bottom.png") no-repeat bottom right;

	list-style: none;

	margin: 0;
	padding: 0;

	padding-bottom: 15px;
}

#main-menu li {
	background: #FFF;
}

#main-menu a {
	display: block;

	padding: 10px;

	text-decoration: none;
}

#main-menu a.active, 
#main-menu a:hover {
	background: #007CC5 url("main-menu-hover.gif") repeat-y center left;

	color: #FFF;

	padding-left: 25px;
}

/**
 * Main
 */
#main {
	background: #FFF url("core-top.gif") no-repeat;

	float: left;

	min-height: 600px;

	line-height: 175%;

	padding: 20px 10px 20px 20px;

	position: relative;

	width: 705px;
}

/**
 * Core
 */
#core {
	float: left;

	width: 450px;
}

#core h1 {
	margin: 0;
}

#core h3 span {
	
	font-size: 80%;
	font-weight: normal;

	text-decoration: none;
}

table {
	background: #f1eeed;

	padding: 10px;
}

/**
 * Extra
 */
#extra {
	float: right;

	width: 240px;
}

/**
 * Hooks
 */
#hook-1 {
	background: url("bird.png") no-repeat;

	position: absolute;
	top: -125px;
	left: 450px;

	width: 149px;
	height: 165px;
}

/**
 * Blocks
 */
.banner-block {
	margin-bottom: 15px;
}

.block-top {
	background: url("block-top.gif") no-repeat;

	height: 15px;
}

.block {
	border-left: 1px solid #8D5A0D;
	border-right: 1px solid #8D5A0D;

	margin: 0 13px;
	padding: 1px 10px;
}

.block-bottom {
	background: url("block-bottom.gif") no-repeat;

	height: 15px;
}

.block h1 {
	color: #8D5A0D;

	font-size: 125%;

	margin: 0 0 .25em 0;
}

/**
 * Footer
 */
#footer {
	background: url("core-bottom.gif") no-repeat;

	color: #927566;

	clear: both;

	margin-left: 195px;

	padding: 30px 10px;

	width: 715px;
}

#footer p {
	margin: 0;
}

#footer a {
	color: #927566;
}

#footer a:hover {
	color: #DBD1CC;
}

/* Copyright */
#copyright {
	float: left;
}

#pronamic {
	float: right;
}