/**
 * Title: Pronamic Internet, Vormgeving en Software
 * Description: This stylesheet defines the default layout of rederij-vooruit.com
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */
 
body {
	background: #296896 url("back.jpg") no-repeat top center;

	color: #FFF;

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

	margin: 0 20px 10px 20px;
}

/**
 * Headings
 */
h1 {
	/* should only be used once in the HTML, the company name */
}

h1, 
h2 {
	font: normal 200%/1.3 "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif;

	line-height: 1.3;

	margin: .5em 0;
}

h3 {
	font-size: 130%;

	margin: .5em 0;
}

h1 a,
h2 a,
h3 a {
	text-decoration: none;
}

/**
 * Anchors
 */
a {
	color: #D61627;
}

a:hover {
	color: #000;
}

a.view-more-link {
	background: url("arrow.png") no-repeat right 5px;

	font-weight: bold;

	padding-right: 12px;
}

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

/**
 * Other
 */
.clear {
	clear: both;
}

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

	width: 700px;
}

/**
 * Company name
 */
#company-name {
	float: left;

	margin: 75px 0 0 0;
}

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

	display: block;

	width: 101px;
	height: 127px;
}

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

/**
 * Core 
 */
#core-wrap {
	float: left;
}

#core-top,
#core-bottom {
	background-repeat: no-repeat;

	padding-right: 2px;

	width: 700px;
	height: 10px;
}

#core-top {
	background-image: url("core/top.png");

	height: 7px;
}

#core-bottom {
	background-image: url("core/bottom.png");
}

#core {
	background: url("core/back.png") repeat-y;

	color: #000;

	min-height: 650px;

	padding: 3px 22px 1px 20px;

	width: 660px;
}

/* Headings */
#core h2 {
	color: #0060A9;

	border-bottom: 3px solid #0060A9;
}

#core h2 a { color: #0060A9; }
#core h2 a:hover { color: #000; }

/**
 * Foot
 */
#foot-wrap {
	margin-top: 10px;
}

#foot-top,
#foot-bottom {
	background-repeat: no-repeat;

	height: 10px;
}

#foot-top {
	background-image: url("foot/top.png");
}

#foot-bottom {
	background-image: url("foot/bottom.png");
}

#foot {
	background: #0F476E url("foot/back.jpg") no-repeat;

	font-size: 90%;

	padding: 1px 20px;
}

/* Headings */
#foot h2,
#foot p {
	margin: 0;
}

/* Anchors */
#foot a {
	color: #FFF;

	text-decoration: none;
}

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

/**
 * Copyright & Pronamic
 */
#copyright,
#pronamic {
	color: #6188A3;

	margin-top: 1em;
}

#copyright a,
#pronamic a {
	color: #6188A3;
}

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

/* Pronamic */
#pronamic {
	float: right;
}

TR.wrongFormField {
	background-color: #0060A9;
	color: black;
}
TD.wrongFormField {

}