/**
 * Title: Beddenhuis Wielinga B.V.
 * Description: This stylesheet defines the layout of the website of Beddenhuis Wielinga B.V.
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */

body {
	background: #013E7F url("body_back.jpg") center top no-repeat;

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

h1 {
	font-size: 135%;
}

h2 {
	font-size: 110%;
}

h3 {
	font-size: 100%;
}

a {
	color: #003D7D;
}

a:hover {
	color: #525252;
}

a img {
	border: none;
}



.decoration,
.decoration_2,
.decoration_3 {
	border: solid 3px #515153;
}

.decoration {
	float: right;

	margin-left: 3px;
	margin-top: 3px;
}

.decoration_2 {
	float: left;

	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.clear {
	clear: both;
}

/**
 * Container
 */
#container {
	background: #FFF;

	border: 10px solid #5a84ae;

	margin: 50px auto 10px auto;

	width: 950px;
}

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

	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;

	position: relative;
}

/**
 * Company name
 */
#company_name {
	float: left;

	margin: 0 0 50px 0;
}

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

	display: block;

	width: 288px;
	height: 120px;
}

#company_name a span {
	display: none;
}

/**
 * Navigation
 */
#navigation {
	float: right;

	font-size: 125%;

	margin: 0 12px 50px 0;
}

#navigation ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
}

#navigation a {
	background: url("nav_back.png") repeat-x;

	color: #FFF;

	display: block;

	margin-right: 6px;
	padding: 10px;

	min-height: 18px;

	text-decoration: none;
}

#navigation a:hover{ background-position: 0 -38px; }

/* Specific items */
#menu_item_home a { background: url("navigation/home.png") no-repeat; width: 48px; }
#menu_item_home a span { display: none; }

#menu_item_wie a { background: url("navigation/wie_zijn_wij.png") no-repeat; width: 87px; }
#menu_item_wie a span { display: none; }

#menu_item_merken a { background: url("navigation/merken.png") no-repeat; width: 60px; }
#menu_item_merken a span { display: none; }

#menu_item_service a { background: url("navigation/service.png") no-repeat; width: 60px; }
#menu_item_service a span { display: none; }

#menu_item_contact a { background: url("navigation/contact.png") no-repeat; width: 62px; }
#menu_item_contact a span { display: none; }

/**
 * Extra
 */
#extra {
	background: url("extra_back.png");

	color: #FFF;

	clear: both;
	height: 40px;

	padding: 20px 50px;
}

#extra p {
	padding: 0;
	margin: 0;

	width: 280px;
	float: left;
	min-height: 27px;
}

/**
 * Video link
 */
#video_link {
	background: url("video.png") no-repeat right;

	color: #FFF;

	display: block;

	font-size: 85%;

	padding: 8px 0;

	text-decoration: none;
}

#video_link:hover {
	text-decoration: underline;
}

address {
	color: #b1b1b0;
	float: right;
	margin: 0;
	padding: 0;
	width: 350px;
}

/**
 * Content
 */
#content {
	background: url("content_back.gif") repeat-x top;

	border: 2px solid #FFF;

	min-height: 250px;

	padding: 35px;
}

/* Content 1 */
#content_1 {
	float: left;

	padding-right: 25px;

	width: 675px;
}

/* Content 1.1 */
#content_1_1 {
	float: left;

	padding-right: 25px;

	width: 325px;
}

/* Content 1.2 */
#content_1_2 {
	float: left;

	width: 325px;
}

/* Content 2 */
#content_2 {
	float: right;

	width: 135px;
}

/**
 * Brands list
 */
.brands_list {
	list-style: none;

	margin: 0;
	padding: 0;
}

.brands_list li {
	margin-bottom: 2em;
}

/**
 * Brands list 2
 */
.brands_list_2 {
	list-style: none;

	margin: 0;
	padding: 0;
}

.brands_list_2 ul {
	float: left;

	padding: 0;
	margin: 0;
}

.brands_list_2 li {
	float: left;

	list-style: none;

	margin: 0 20px 20px 0;
}

/**
 * Images list
 */
.images_list ul {
	list-style: none;

	padding: 0;
}

.images_list li {
	float: left;

	list-style: none;

	margin-right: 15px;
	margin-top: 15px;
}

/**
 * Advertisement
 */
.advertisement {
	background: #EEE url("advertentie.gif") no-repeat 5px 5px;

	display: block;

	padding: 25px;
}

/**
 * Copyright
 */
#copyright {
	font-size: 80%;

	margin: auto;

	text-align: center;

	width: 900px;
}

#copyright a {
	color: #678AB0;

	text-decoration: none;
}

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

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

	width: 100%;
}

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

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

	display: inline;

	padding: 4px;

	width: 60%;
}

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

	float: left;

	margin: 1px;
	padding: 4px;

	text-align: left;

	width: 75px;
}

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

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

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

form label {
	cursor: pointer;
}

form .required_indicator {
	color: #EE3A43;

	font-size: 90%;
}

form .form_actions input {
	background-color: #A1A1A1;

	border: none;

	cursor: pointer;

	display: block;

	margin-left: 85px;

	padding: 5px;
}

/**
 * Google maps
 */
#google_maps {
	border: 5px solid #D0D2d4;

	width: 307px;
	height: 200px;
}