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

body {
	background: #0A3F87 url("body_back.gif") repeat-x top;

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

	margin: 0;

	line-height: 180%;
}

h1 {
	color: #AE150A;

	font-weight: normal;
	font-size: 200%;

	margin: .25em 0 .75em 0;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	color: #555;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

	font-size: 150%;

	color: #555;

	padding: 20px 25px 10px 25px;

	text-align: center;

	width: 320px;
}

.clear {
	clear: both;
}

/**
 * Body
 */
#body {
	background: #FFF;
}

#container_wrapper {
	background: #FFF url("container_back.gif") repeat-y top center;

	height: 600px;

	margin: 0 auto;

	padding: 0 6px;
	width: 784px;
}

#container {
	padding-top: 80px;

	position: relative;
}

/**
 * Company name
 */
#company_name {
	position: absolute;

	top: 0px;
	right: 10px;
}

#company_name a {
	background: url("logo.gif") no-repeat;

	display: block;

	width: 250px;
	height: 79px;
}

#company_name a span {
	display: none;
}

/**
 * Navigation
 */
#navigation {
	background: #0A3F87 url("navigation_back.gif") no-repeat top left;

	border-bottom: 2px solid #FFF;

	font-weight: bold;

	padding: 1px 0 55px 0;
}

#navigation ul {
	margin: 0 10px;
	padding: 0;

	list-style: none;
}

#navigation li {
	float: left;
}

#navigation a {
	background: transparent no-repeat top left;

	color: #FFF;

	display: block;

	min-height: 40px;

	padding: 5px 0;

	text-decoration: none;
}

/* Specific items */
#navigation span {
	display: none;
}

#menu_item_home a { background-image: url("navigation/home.gif"); width: 63px; }
#menu_item_medical a { background-image: url("navigation/medical.gif"); width: 153px; }
#menu_item_costs a { background-image: url("navigation/costs.gif"); width: 66px; }
#menu_item_profile a { background-image: url("navigation/profile.gif"); width: 118px; }
#menu_item_contact a { background-image: url("navigation/contact.gif"); width: 75px; }

#navigation a:hover, #navigation a.active_link {
	background-position: bottom left;
}

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

	min-height: 77px;
}

/**
 * Main
 */
#main {
	background: #FFF url("main_back.gif") repeat-y;

	min-height: 350px;

	margin-top: 10px;
	padding: 10px;
}

/** 
 * Image 
 */
#image {
	float: left;

	padding: 0 10px;

	position: relative;

	width: 255px;
}

#image img {
	display: block;
}

.image_text {
	color: #FFF;

	display: block;

	padding: 15px;

	position: absolute;
	top: 180px;
	right: 0;

	text-align: right;

	width: 200px;
}

/**
 * Content
 */
#content {
	float: right;

	padding: 10px;

	width: 460px;
}

#content a {
	color: #AE150A;

	text-decoration: none;
}

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

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

	color: #0A3F87;

	padding-bottom: 10px;

	font-size: 85%;
}

/* Footer - anchors */
#footer a {
	color: #0A3F87;

	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/**
 * Address
 */
#address {
	margin-left: 125px;

	text-align: center;

	width: 655px;
}

#address address {
	font-style: normal;
}

#address span {
	background: url("point.gif") no-repeat right;

	margin-right: 5px;
	padding-right: 15px;
}

#address span.last_item {
	background: none;
}

/**
 * Copyright
 */
#copyright {
	color: #FFF;

	font-size: 85%;

	padding: 0 15px 100px 15px;
}

/* Footer - anchors */
#copyright a {
	color: #8096B5;
}

#copyright a:hover {
	color: #FFF;
}

#copyright span {
	float: left;
}

#copyright span.pronamic_info {
	float: right;
}

/**
 * Forms
 */
form .textfield, 
form .textarea {
	clear: both;

	float: left;

	line-height: 100%;

	margin-bottom: 1em;

	width: 100%;
}

form .textfield label, 
form .textarea label {
	cursor: pointer;

	float: left;

	font-weight: bold;

	padding: 3px 10px 0 0;
	margin: 1px;

	text-align: left;

	width: 4em;
}

form .textfield input, 
form .textarea textarea {
	border: 1px solid #CCC;

	float: left;

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

	margin: 0;
	padding: 2px;

	width: 23em;
}

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

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

.form_actions {
	clear: both;

	display: inline;

	float: left;

	margin-left: 4em;
	padding-left: 10px;
}