/**
 * Title: Pronamic
 * Description: This stylesheet defines the default layout of Rondvaardij Princenhof
 * Copyright: Pronamic
 * Company: Pronamic
 * Author: Karel-Jan Tolsma
 * Version: 1.0
 */

body {
	background: #5587CB url("background.jpg") fixed no-repeat center top;

	color: #444;

	font: 80%/1.5 Arial, Helvetica, sans-serif;

	margin: 0;
}

/**
 * Global
 */
p { margin: 0 0 15px 0; }
img { border: 0; }
form { margin: 0; }
strong { font-size: 14px; }
.clear { clear: both; }

p.error {
	color: #C00;
}

/**
 * Anchors
 */
a {
	color: #17669F;

	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* external link */
a.external-link {
	background: url("icons/external.gif") no-repeat right 2px;

	padding-right: 18px;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5 {
	color: #17669F;
	font-weight: normal;

	margin: 0 0 10px 0;
	padding: 0;

	line-height: 100%;
}

h2 {
	font-size: 36px;

	color: #FFF;
}

h3 {
	font-size: 22px;

	color: #ec7318;
}

h4 {
	color: #000;

	font-size: 18px;
}

h5 {
	color: #444;

	font-size: 14px;
	font-weight: bold;

	margin: 5px 0;
}

/**
 * Table
 */
table {

}

th,
td {
	text-align: left;

	padding: 5px;
}

/**
 * Top
 */
#top-wrap {
	background: url("menu/top.png") repeat-x;

	margin-bottom: 20px;

	width: 100%;

	padding-bottom: 60px;
}

#top {
	width: 975px;

	margin: 0 auto;
}

/**
 * Name
 */
#name {
	position: absolute;
}

#name a {
	background: url("menu/logo.png");

	display: block;

	width: 273px;
	height: 173px;

	overflow: hidden;

	text-indent: -1000em;
}

/**
 * Site assistent
 */
#site-assitent {
	padding: 16px 0 16px 16px;

	float: right;

	text-transform: uppercase;
}

#site-assitent ul {
	margin: 0;
	padding: 0;

	list-style-type: none;
}

#site-assitent ul li {
	background: url("menu/line.gif") no-repeat right center;

	float: left;

	padding: 0 14px;
}

#site-assitent ul li.last {
	background: none;

	padding-right: 0;
}

#site-assitent a {
	color: #C2CEDB;

	text-decoration: none;
}

#site-assitent a.important-link {
	color: #FFF;

	font-weight: bold;
}

#site-assitent a:hover {
	text-decoration: underline;
}

/**
 * Navigation
 */
#nav {
	float: right;
}

#nav ul {
	margin: 0;
	padding: 0;

	list-style-type: none;
}

#nav ul li {
	background: url("menu/nav-line.gif") no-repeat right center;

	float: left;

	padding: 18px 15px;
}

#nav ul li.last {
	background: none;

	padding-right: 0;
}

#nav a {
	background-repeat: no-repeat;

	color: #FFF;

	display: block;

	height: 16px;
}

#nav a span {
	display: none;
}

#menu-item-home { width: 37px; background-image: url("menu/home.gif"); }
#menu-item-zomerprogramma { width: 132px; background-image: url("menu/zomerprogramma.gif"); }
#menu-item-onze-vloot { width: 79px; background-image: url("menu/onze-vloot.gif"); }
#menu-item-arrangementen { width: 115px; background-image: url("menu/arrangementen.gif"); }
#menu-item-eten-en-drinken { width: 106px; background-image: url("menu/eten-en-drinken.gif"); }
#menu-item-contact { width: 59px; background-image: url("menu/contact.gif"); }

#nav a.active {
	background-position: right -66px;
}

#nav a:hover.active {
	background-position: right -99px;
}

#nav a:hover {
	background-position: right -33px;
}

/**
 * Container
 */
#container {
	margin: 0 auto;

	width: 983px; /* 975px + 8px shadow */
}

/**
 * Breadcrumbs
 */
#breadcrumbs {
	padding: 5px;

	color: #D6E3F3;

	font-size: 10px;

	text-align: right;
	text-transform: uppercase;

	word-spacing: 0.5em;
}

#breadcrumbs a {
	color: #D6E3F3;

	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

/**
 * Sidebar
 */
#sidebar {
	float: left;

	width: 298px; /* 290px + 8px shadow */

	margin-right: 7px;
}

/**
 * Sub navigation
 */
#sub-nav-top {
	background: url("sidebar/sub-nav-top.png");

	height: 19px;
}

#sub-nav {
	background: url("sidebar/sub-nav.png") repeat-y;
}

#sub-nav-inside {
	background: url("sidebar/sub-nav-texture.gif") no-repeat bottom right;

	min-height: 350px;

	padding: 0 19px 19px 19px;
}

#sub-nav ul {
	margin: 0;
	padding: 0;

	list-style-type: none;
}

#sub-nav ul li {
	background: url("sidebar/sub-nav-bg.png");

	margin-bottom: 1px;
}

#sub-nav ul li a {
	display: block;

	color: #FFF;
	font-size: 12px;
	font-weight: bold;

	text-decoration: none;

	padding: 8px;
}

#sub-nav ul li a:hover {
	text-decoration: underline;
}

#sub-nav ul li a:hover {
	background: url("icons/arrow-hover.gif") no-repeat 95% 50%;
}

#sub-nav ul li a.active {
	background: #FFF url("icons/arrow-active.gif") no-repeat 95% 50%;

	color: #17669F;
}

#sub-nav-bottom {
	background: url("sidebar/sub-nav-bottom.png");

	height: 34px;

	margin-bottom: 7px;
}

/**
 * Banners
 */
#guided-tour a {
	background: url("banners/guided-tour.png");

	display: block;

	height: 148px;

	overflow: hidden;

	margin-bottom: 7px;

	text-indent: -1000em;
}

#route a {
	background: url("banners/route.png");

	display: block;

	height: 148px;

	overflow: hidden;

	margin-bottom: 7px;

	text-indent: -1000em;
}

#zakelijke-markt a {
	background: url("banners/zakelijke-markt.png");

	display: block;

	height: 148px;

	overflow: hidden;

	margin-bottom: 7px;

	text-indent: -1000em;
}

#contact-gegevens {
	background: url("contact/contact.png");

	height: 117px;

	padding: 85px 25px 25px 25px;

	margin-bottom: 7px;
}

#contact-gegevens a {
	color: #444;
}

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

	width: 678px; /* 670px + 8px shadow */

	margin-bottom: 7px;
}

/**
 * Content
 */
#content-top {
	background: url("container/head.png") no-repeat;

	color: #C3CFDC;

	padding: 4px 0 0 4px;

	min-height: 130px;
}

#content-top p {
	width: 330px;
}

#content-head {
	background: url("head.jpg") no-repeat;

	min-height: 135px;

	padding: 20px 30px 1px 30px;
}

#content {
	background: url("container/content.png") repeat-y;

	padding: 20px 34px 60px 34px;
	margin: 0;

	min-height: 200px;
}

#content-bottom {
	background: url("container/content-bottom.png") no-repeat;

	position: relative;

	margin-top: -1px;

	padding: 35px 25px 25px 25px;
	height: 90px;
}

#content-bottom h3 {
	color: #4B8901;

	font-size: 26px;
	font-weight: bold;
}

#content-bottom p {
	width: 75%;
}

.read-more-link {
	background: url("icons/arrow-active.gif") 0 50% no-repeat;

	font-weight: bold;

	padding-left: 12px;
}

p.intro {
	font-size: 18px;
}

/**
 * Home
 */
#home-intro {
	background: url("home/home-intro.png") no-repeat;

	float: left;

	position: relative;

	width: 348px;
	min-height: 81px;

	padding: 90px 25px 25px 25px;
	margin-top: 75px;
}

#home-intro p {
	margin: 0;

	width: 250px;
}

#home-intro a {
	color: #444;
}

#business-banner {
	background: url("home/business-banner.png");

	position: absolute;
	bottom: 9px;
	right: 4px;

	width: 116px;
	height: 101px;

	overflow: hidden;

	text-indent: -10000px;
}

/* Images */
#images {
	position: absolute;
	bottom: 40px;
	right: -30px;

	width: 330px;
	height: 165px;
}

/**
 * Bottom
 */
#bottom {
	background: url("footer/footer.png") no-repeat;

	height: 185px;
	width: 975px;

	padding: 4px;
	margin: 0 auto;
	margin-bottom: 11px;
}

#bottom .col {
	float: left;

	width: 285px;

	padding: 20px 20px 0 20px;
	position: relative;
}


#bottom h4 {
	color: #17669F;

	font-size: 24px;
}

#bottom h5 a {
	color: #444;

	text-decoration: none;
}

#bottom p {
	margin-bottom: 5px;
}

/* Hook */
#hook {
	background: url("footer/sail2010.png") no-repeat;

	position: absolute;
	top: 40px;
	right: 20px;

	width: 140px;
	height: 191px;
}

/* News */
#news-title {
	float: left;
}

#news-archive a {
	background: url("footer/news-archive.gif") no-repeat;

	position: absolute;
	right: 15px;
	top: 25px;

	width: 62px;
	height: 19px;
}

#news-archive a:hover {
	background-position: bottom;
}

#news-archive span {
	display: none;
}

/**
 * Foot
 */
#foot {
	width: 975px;

	margin: 0 auto;

	color: #D3D1CB;

	font-size: 10px;

	text-transform: uppercase;
}

#foot a {
	color: #D3D1CB;

	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

#copyright {
	float: left;
}

#pronamic {
	float: right;
}

/**
 * Forms
 */
form .textfield,
form .textarea ,
form .form-actions {
	float: left;

	margin-right: 5%;

	width: 40%;
}

form .textarea,
form .form-actions {
	margin: 0;

	width: 85%;
}

form .textfield input,
form .textarea textarea {
	font: 100%/1.5 Arial, Helvetica, sans-serif;

	border: 1px solid #AAA;

	display: block;

	margin: .25em 0 .5em 0;
	padding: 4px;
}

form .textfield input:focus,
form .textarea textarea:focus {
	border-color: #5B5C5E;
}

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

form label strong {
	cursor: pointer;
}

form .required-indicator {
	color: #E87117;

	font-size: 90%;
}

/**
 * Impression
 */
#impression {
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	z-index: -1;
}