/**
 * Title: Partyschepencentrale Friesland
 * Description: This stylesheet defines the default layout of
 *              Partyschepencentrale Friesland
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Karel-Jan Tolsma, Remco Tolsma
 * Version: 1.0
 */

/**
 * Default
 */
body {
	background: url("background.gif") repeat-x top;

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

	text-align: center;

	margin: 0;
}

img.decoration {
	clear: right;
	float: right;

	margin: 0 0 1em 1em;
}

img.decoration_2 {
	clear: left;
	float: left;

	margin: 0 1em 1em 0;
}

.label {
	font-weight: bold;
}

a {
	color: #4A78A5;
}

a:hover {
	color: #AF0A0A;
}

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

	text-align: left;

	width: 950px;
}

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

	height: 271px;
}

#header img,
#header embed {
	display: block;

	margin: 0;
	padding: 0;
}

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

	margin: 0 0 -215px 0;
	padding: 0;

	position: relative;
	top: -215px;
	left: -44px;
}

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

	display: block;

	width: 325px;
	height: 200px;

	text-indent: -1000em;
}

/**
 * Navigatie
 */
#navigation {
	background: #BE0101 url("navigation_background.gif") repeat-y;

	clear: left;
	float: left;

	width: 275px;

	position: relative;
	top: -15px;
	left: -10px;

	list-style: none;

	padding: 0;
}

#navigation ul {
	list-style: none;

	min-height: 80px;

	position: relative;

	margin: 0;
	padding-left: 32px;
}

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

	display: block;

	width: 204px;
	height: 43px;

	text-indent: -1000em;
}

#menu_item_home a { background-image: url("menu_item_home.gif"); }
#menu_item_over_ons a { background-image: url("menu_item_over_ons.gif"); }
#menu_item_wie_zijn_wij a { background-image: url("menu_item_wie_zijn_wij.gif"); }
#menu_item_werkwijze a { background-image: url("menu_item_werkwijze.gif"); }
#menu_item_help a { background-image: url("menu_item_help.gif"); }
#menu_item_contact a { background-image: url("menu_item_contact.gif"); }

#menu_item_home a:hover { background-image: url("menu_item_home_hover.gif"); }
#menu_item_over_ons a:hover { background-image: url("menu_item_over_ons_hover.gif"); }
#menu_item_wie_zijn_wij a:hover { background-image: url("menu_item_wie_zijn_wij_hover.gif"); }
#menu_item_werkwijze a:hover { background-image: url("menu_item_werkwijze_hover.gif"); }
#menu_item_help a:hover { background-image: url("menu_item_help_hover.gif"); }
#menu_item_contact a:hover { background-image: url("menu_item_contact_hover.gif"); }

#menu_item_schepen, 
#menu_item_nieuws { display: none; }

#navigation_footer {
	background: #BE0101 url("navigation_footer.gif") no-repeat;

	height: 25px;
}

/**
 * Content
 */
#content {
	background: #f9fcff;

	border: 1px solid #d1e0ef;

	float: right;

	width: 640px;

	margin-bottom: 20px;
	padding: 15px;
}

h1 {
	color: #af0a0a;

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

	margin-top: 0;
}

h2 {
	color: #4A78A5;

	font-size: 120%;
}

p.important_message {
	background: #79A2CA url("shade.gif") repeat-x bottom;

	clear: both;

	color: White;

	font-weight: bold;

	line-height: 200%;

	margin-bottom: 0;
	padding: 10px;

	text-align: center;
}

/**
 * Footer
 */
#footer {
	background: #446e97 url("footer_background.gif") repeat-x top;

	color: White;

	float: left;

	padding: 0 30px;
	margin-bottom: 2px;

	width: 890px;
}

#footer p {
	margin: 1.25em 0;
}

#footer a {
	color: #0F365D;
}

#footer a:hover { color: White; }

#initiative {
	float: left;
}

#copyright {
	float: right;
}

/**
 * Extra
 */
#extra {
	background: url("extra_background.gif") repeat-x top;

	float: left;

	font-size: 95%;

	padding: 10px 0;

	height: 55px;
	width: 100%;

	text-align: center;
}

#extra ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#extra ul li {
	display: inline;

	text-transform: lowercase;
}

#extra a {
	color: #999;

	padding: 0 .2em;

	text-decoration: none;
}

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

/**
 * Map
 */
#map_wrapper {
	float: left;

	margin-bottom: 20px;

	width: 100%;
}

#map {
	border: 1px solid #5c87b0;
}

#map_search {
	background-color: White;

	border: 1px solid #D5D5D4;

	float: right;

	padding: 10px;

	min-height: 530px;
	width: 225px;
}

#map_search ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#map_search ul li a {
	background: none;

	border: 1px solid #D5D5D4;

	color: #0F365D;

	display: block;

	padding: 4px;
	margin-bottom: 2px;

	text-decoration: none;

	width: 95%;
}

#map_search ul li a:hover {
	background: #79A2CA url("shade.gif") repeat-x bottom;

	color: White;
}

/**
 * Location info
 */
.location_info h2 {
	margin: 0;
}

/**
 * E-mail form
 */
#e_mail_form div {
	margin-bottom: .5em;
}

#e_mail_form label span {
	display: block;

	float: left;

	font-weight: bold;

	line-height: 150%;

	width: 10em;
}

#e_mail_form input {
	width: 25em;
}

#e_mail_form textarea {
	width: 35em;
}

#e_mail_form input, 
#e_mail_form textarea {
	border: 1px solid #4A78A5;
}

#e_mail_form_actions {
	padding-left: 10em;
}

#e_mail_form_actions input {
	background-image: url("shade.gif");

	color: White;

	font-weight: bold;

	padding: 3px 6px;

	width: auto;
}

/**
 * More info button
 */
#more_info_button {
	background: url("more_info_button.gif") no-repeat;

	display: block;

	float: right;

	width: 176px;
	height: 40px;

	margin: 1em;

	text-indent: -1000em;
}

#more_info_button:hover {
	background-image: url("more_info_button_hover.gif");
}