/**
 * Title: Veenstra & De Jong Assurantien
 * Description: This stylesheet defines the default layout of veenstradejong.nl
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma, Jelke Boonstra
 * Version: 1.0
 */
 
body {
	background: #002441;

	color: #FFF;

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

	margin: 0;
	padding: 0;
}

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

a:hover {
	text-decoration: none;
}

a.more-references {
	background-position: left top;

	display: block;

	cursor: pointer;

	overflow: hidden;
}

a.more-references:hover {
	background-position: left bottom;
}

a.read-more-link {
	background: url("arrow.gif") no-repeat left 4px;

	padding-left: 10px;
}

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

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

h1, h2 {
	font-size: 250%;
	font-weight: normal;

	margin: 0;
}

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

	margin: 0;
}

/**
 * Lists
 */
ol.strong {
	list-style: none;

	margin: 0;
	padding: 0;
}

ol.strong strong {
	background-repeat: no-repeat;
	background-position: left center;

	color: #000;

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

	line-height: 1;

	padding-left: 32px;
}

ol.strong li {
	margin: 10px 0;
}

ol.strong li.first strong { background-image: url("lists/1.gif"); }
ol.strong li.second strong { background-image: url("lists/2.gif"); }
ol.strong li.third strong { background-image: url("lists/3.gif"); }

/* Benefits */
ul.benefits-list {
	color: #000;

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

	list-style: none;

	margin: .5em 0;
	padding: 0;
}

ul.benefits-list li {
	background: url("lists/tick.gif") no-repeat left center;

	min-height: 25px;

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

/**
 * Forms
 */
form {
	
}

/* Labels */
label {
	cursor: pointer;
}

/* Inputs */
input.text,
select, 
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;

	padding: 5px;

	width: 20em;
}

/* Fields */
.field {
	clear: left;
	float: left;

	margin: .5em 0;
}

.field label {
	display: block;

	float: left;

	padding: 5px 1em 5px 0;

	width: 15em;
}

/* Choices list */
.field .choices-list {
	float: left;

	list-style: none;

	margin: 0;
	padding: 4px 0;

	width: 20em;
}

.field .choices-list label {
	display: inline;

	float: none;
}

/* Actions */
.actions {
	clear: left;
	float: left;

	margin-left: 16em;
}

/* Error */
.error {
	clear: left;

	color: #C00;
}

/* Required indicator */
.required-indicator {
	color: #C00;
}

/* Fieldset */
fieldset {
	border: none;

	padding: 0;
	margin: 1em 0;
}

fieldset legend {
	color: #000;

	font-size: 200%;
}

/**
 * Blockquote
 */
blockquote {
	background-repeat: no-repeat;
	background-position: right center;

	color: #000;

	font: italic 120% Georgia, Times New Roman, sans-serif;

	margin: 0;
	padding: 0 130px 0 0;
}

blockquote .name {
	color: #A2A2A2;

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

/**
 * Other
 */
hr {
	display: none;
}

.clear {
	clear: both;
}

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

	width: 940px;
}

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

	color: #666;
}

#container {
	padding-top: 30px;
}

/* Anchors */
#container a {
	color: #002441;
}

/* Headings */
#container h2 {
	color: #002441;
}

#container h3 {
	color: #000;
}

/** 
 * Top
 */
#top {
	padding: 10px;
}

/**
 * Name
 */
#name {
	float: left;

	margin: 0;
}

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

	display: block;

	overflow: hidden;

	width: 497px;
	height: 30px;

	text-indent: -1000em;
}

/**
 * Partners
 */
#partners {
	float: right;
}

#partners ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#partners li {
	float: left;
}

#partners a {
	background-repeat: no-repeat;
	background-position: center top;

	display: block;

	overflow: hidden;
}

#partners a:hover {
	background-position: center bottom;
}

/* KiFiD logo */
#partner-kifid {
	background-image: url("partners/kifid.gif");

	width: 62px;
	height: 35px;

	text-indent: -1000em;
}

/**
 * Menu
 */
#menu {
	font-size: 125%;

	padding: 10px 0;
}

#menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#menu li {
	border-right: solid 1px #E1E1E1;

	float: left;
}

#menu .last-child {
	border-right: none;
}

#menu a {
	display: block;

	padding: 0 15px;

	text-decoration: none;
	text-transform: uppercase;
}

#menu li a:hover,
#menu li a.active {
	color: #000;
}

/**
 * Head
 */
#head {
	background-color: #002441;

	color: #FFF;
}

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

	height: 10px;
}

#head-top { background-image: url("head/top.gif"); }
#head-bottom { background-image: url("head/bottom.gif"); }

#head h2 {
	color: #FFF;
}

#head a {
	color: #FFF;
}

/* Impression */
#impression {
	background-repeat: no-repeat;

	float: left;

	width: 620px;
	height: 200px;

	margin: -10px 0;
}

/* Lead */
#head-lead {
	float: right;

	padding: 15px;

	width: 290px;
}

/**
 * Intro
 */
#intro {
	background: url("intro/back.gif") no-repeat center bottom;

	padding: 10px 0;

	min-height: 220px;
}

/* Core */
#intro-core {
	float: left;

	padding: 15px;

	width: 590px;
}

/* Extra */
#intro-extra {
	border-left: solid 1px #D7D7D7;

	float: right;

	padding: 15px;

	width: 289px;
}

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

	padding: 15px;

	width: 590px;
}

/* Sites list */
#sites-list {
	list-style: none;

	margin: 0 0 0 -16px;
	padding: 0;
}

#sites-list li a {
	display: block;

	margin: 0 0 10px 0;

	width: 323px;
	height: 56px;
}

#sites-list .oldtimer-site a { background: url('deoldtimerverzekering.jpg') no-repeat; }
#sites-list .uitvaart-site a { background: url('deuitvaartverzekering.jpg') no-repeat; }
#sites-list .tractor-site a { background: url('detractorverzekering.jpg') no-repeat; }
#sites-list .vierxauto-site a { background: url('de4x4autoverzekering.jpg') no-repeat; }
#sites-list .paarden-site a { background: url('depaardenverzekering.jpg') no-repeat; }
#sites-list .sloep-site a { background: url('desloepverzekering-nl.jpg') no-repeat; }

#sites-list li span {
	display: none;
}

/**
 * Extra
 */
#extra {
	float: right;

	padding: 15px;

	width: 290px;
}

/**
 * Item
 */
.item {
	margin: 0 -15px;
}

.item .top,
.item .bottom {
	background-repeat: no-repeat;

	height: 10px;
}

.item .top { background-image: url("item/top.gif"); }
.item .bottom { background-image: url("item/bottom.gif"); }

.item .core {
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;

	padding: 15px;
}

/**
 * Sites
 */
#sites-wrap {
	background-color: #E1E1E1;

	border-bottom: 5px solid #FFF;
}

#sites {
	padding: 15px 0;
}

#sites a {
	background-position: center top;
	background-repeat: no-repeat;

	color: #002441;

	display: block;

	height: 16px;

	line-height: 1;

	overflow: hidden;

	text-indent: -1000em;
}

#sites a:hover {
	background-position: center bottom;
}

#sites h2 {
	display: none;
}

#sites ul {
	list-style: none;

	margin: 0;
	padding: 0;

	text-align: center;
}

#sites li {
	float: left;

	margin-right: 2em;
	margin-bottom: 0.5em;

	text-align: center;
}

#site-deuitvaartverzekering-nl a { width: 160px; background-image: url("logos/deuitvaartverzekering-nl.gif"); }
#site-de4x4autoverzekering-nl a { width: 179px; background-image: url("logos/de4x4autoverzekering-nl.gif"); }
#site-derecreatieverzekering-nl a { width: 206px; background-image: url("logos/deannuleringsverzekering-nl.gif"); }
#site-deoldtimerverzekering-nl a { width: 177px; background-image: url("logos/deoldtimerverzekering-nl.gif"); }
#site-paardenverzekering-nl a { width: 175px; background-image: url("logos/depaardenverzekering-nl.gif"); }
#site-detractorverzekering-nl a { width: 170px; background-image: url("logos/detractorverzekering-nl.gif"); }
#site-desloepverzekering-nl a { width: 150px; background-image: url("logos/desloepverzekering-nl.gif"); }


/**
 * Foot
 */
#foot {
	font-size: 85%;

	padding: 15px 0;
}

#foot p {
	margin: .5em 0;
}

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

/**
 * Shortcuts
 */
#shortcuts {
	clear: left;
	float: left;
}

#shortcuts .separator {
	padding: 0 .5em;
}

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

#site-derecreatieverzekering-nl { display: none; }