/**
 * Layout.css - Global styles
 *
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 *
 * Colors
 * - Green:  #7AB51D
 * - Purple: #4D125B
 * - Lilla:  #B68FBF
 */

/* General */

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 11px/160% Arial, Helvetica, sans-serif;
	color: #333;
}

a:link, a:visited {
	color: #4D125B;
}

a:hover, a:active {
	color: #7AB51D;
}

blockquote {
	font-size: 12px;
	font-style: italic;
}

h2, h3, h4, h5, h6 {
	color: #7AB51D;
}

h2 {
	margin: 20px 0 10px;
	font-size: 22px;
}

h2.page-title {
	margin: 40px 0 30px 0;
	font-weight: normal;
	color: white;
}

h3 {
	margin: 20px 0 8px;
	font-size: 18px;
}

h4 {
	margin: 20px 0 6px;
	font-size: 16px;
}

h5 {
	margin: 20px 0 4px;
	font-size: 14px;
}

h6 {
	margin: 20px 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

p {
	margin: 0 0 20px;
}

p.intro {
	margin: 20px 0;
	font-size: 18px;
	line-height: 150%;
	color: #4D125B;
}

p.function {
	font-size: 10px;
	line-height: 140%;
	color: #4D125B;
}

p.phone {
	margin: 0;
	font-size: 18px !important;
	font-weight: bold;
	line-height: 1.1em !important;
	color: #7AB51D !important;
}

p.phone span {
	display: block;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #4D125B;
}

.date {
	color: #B68FBF;
}

#content form #terminateinsurance-container .extra-indent {
	margin: 0 0 15px 0;
} 

#content form p.indent {
	margin: 0 0 10px;
	padding-left: 153px;
}

#content form p.extra-indent,
#content form div.extra-indent {
	padding-left: 173px;
}

#content form p img,
#content form div img {
	margin: 0 4px;
	vertical-align: middle;
}

#contractnumber-validate{
	display: none;
}
.error#contractnumber-validate {
	display: block;
	font-weight: bold;
	color: #7AB51D;
}

#policynumber-validate{
	display: none;
}
.error#policynumber-validate {
	display: block;
	font-weight: bold;
	color: #7AB51D;
}

#terminateinsurance {
	width: 183px;
}

#terminateinsurance.expanded-width {
	width: auto;
}

/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
	border-collapse: collapse;
}

td {
	padding: 8px;
	border-bottom: 1px solid #D3E6B5;
	vertical-align: top;
}

td.date {
	width: 45px;
}

td.more {
	width: 65px;
	text-align: right;
}

thead td {
	background-color: #D3E6B5;
	border-bottom: 1px solid #B4D382;
	font-weight: bold;
}

td.filename div {
	width: 274px;
	overflow: hidden;
}


/* Form elements */

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

input.text {
	padding: 4px;
	width: 175px;
	border: 1px solid #B68FBF;
	font: 11px Arial, Helvetica, sans-serif;
}

textarea {
	padding: 4px;
	width: 350px;
	height: 150px;
	background: url(../img/input-bg.gif) repeat-x;
	border: 1px solid #B68FBF;
	font: 11px Arial, Helvetica, sans-serif;
}

input.small {
	width: 40px;
}

input.medium {
	width: 100px;
}

input.large {
	width: 250px;
}

input.small-fit {
	margin-right: 2px;
	width: 195px;
}

legend {
	margin: 0;
	padding: 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0;
	color: #7AB51D;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

select {
	padding: 2px;
	border: 1px solid #B68FBF;
	font-size: 11px;
	color: #333;
}

#content form p.indent,
#content form h5.indent {
	margin: 0 0 10px;
	padding-left: 153px;
}

#content form p.extra-indent {
	padding-left: 173px;
	margin: 0;
}

#content form img.LV_validation_message {
	vertical-align: middle;
	padding: 0 0 4px 2px;
}


/* Layout */

#shadow-wrapper {
	margin: 0 auto;
	padding: 0 25px;
	width: 940px;
	background: url(../img/shadow-bg.gif) no-repeat 50% 150px;
}

#wrapper {
	width: 100%;
}

#main {
	width: 100%;
	background: url(../img/main-bg.png) no-repeat;
}

#content {
	float: left;
	padding: 0 20px 0;
	width: 450px;
}

#sidebar-left {
	float: left;
	padding: 80px 0 10px 0;
	width: 220px;
}

#sidebar-right {
	float: left;
	padding: 95px 0 10px 10px;
	width: 220px;
	background: url(../img/sidebar-right-shadow.png) no-repeat 0 150px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Buttons */

a.button {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 30px;
	height: 30px;
	background: url(../img/button-sprite.gif) no-repeat 0 -60px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
}

a.button span {
	display: block;
	padding-right: 15px;
	background: url(../img/button-sprite.gif) no-repeat 100% -60px;
}

a.button:hover {
	background-position: 0 -90px;
}

a.button:hover span {
	background-position: 100% -90px;
}

a.button.white {
	background: url(../img/button-sprite.gif) no-repeat;
}

a.button.white span {
	background: url(../img/button-sprite.gif) no-repeat 100% 0;
}

a.button.white:hover {
	background-position: 0 -30px;
}

a.button.white:hover span {
	background-position: 100% -30px;
}

a.button.purple {
	background: url(../img/button-sprite.gif) no-repeat 0 -120px;
	color: white !important;
}

a.button.purple span {
	background: url(../img/button-sprite.gif) no-repeat 100% -120px;
}

a.button.purple:hover {
	background-position: 0 -150px;
}

a.button.purple:hover span {
	background-position: 100% -150px;
}


/* Header */

#header {
	width: 100%;
	height: 140px;
}

#header-wrap {
	height: 100px;
	overflow: hidden;
}

#header h1 {
	float: left;
	margin: 40px 0 0;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 319px;
	height: 60px;
	background: url(../img/onderlingehulp-logo.gif) no-repeat;
	text-indent: -9999px;
}

#header #tagline {
	float: right;
	margin: 60px 0 0;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #B68FBF;
}


/* Homepage visual */

#visual {
	margin: 0 0 10px;
	padding: 20px;
	height: 285px;
	background: #4D125B url(../img/visual-bg.png) repeat-x;
	border-bottom: 5px solid #7AB51D;
}

#visual img {
	float: right;
	vertical-align: middle;
}

#visual-text {
	float: left;
	padding-left: 20px;
	width: 430px;
	height: 285px;
}

#visual-text h2 {
	margin: 10px 0 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 220%;
	color: white;
}

#visual-text .large {
	padding-left: 8px;
	font-size: 38px;
	vertical-align: -4px;
}

#visual-text .newline {
	display: block;
	padding-left: 60px;
}

#visual-text p {
	padding-left: 60px;
	font-size: 12px;
	line-height: 180%;
	vertical-align: middle;
	color: white;
	clear: both;
}

#visual-text a.button {
	margin: 0 12px 20px 60px;
	background: url(../img/button-home-sprite.png) no-repeat !important;
	background: url(../img/button-home-sprite.gif) no-repeat;
}

#visual-text a.button span {
	position: absolute;
	margin-right: -12px;
	background: url(../img/button-home-sprite.png) no-repeat 100% 0 !important;
	background: url(../img/button-home-sprite.gif) no-repeat 100% 0;
}

#visual-text a.button:hover {
	background-position: 0 -30px !important;
	background-position: 0 -30px;
}

#home-visual-container {
	display: block;
	position: relative;
	height: 330px;
	width: 940px;
	margin: 0 0 10px;
	padding: 0;
	text-decoration: none;
}

#home-visual-container img {
	vertical-align: middle;
}

#home-button {
	position: absolute;
	bottom: 90px;
	left: 85px;
	cursor: pointer;
	background: url(../img/button-home-sprite.png) no-repeat !important;
	background: url(../img/button-home-sprite.gif) no-repeat;
}

#home-button span {
	float: left;
	margin-right: -12px;
	background: url(../img/button-home-sprite.png) no-repeat 100% 0 !important;
	background: url(../img/button-home-sprite.gif) no-repeat 100% 0;
}

#home-button:hover {
	background-position: 0 -30px !important;
	background-position: 0 -30px;
}

#visual-text p.phone span {
	font-size: 10px;
	color: white;
}


/* Blocks */

#blocks {
	margin: 0 0 10px;
	width: 950px;
	height: 205px;
}

#blocks .block {
	position: relative;
	margin-right: 10px;
	height: 195px;
}

#sidebar-left .block,
#sidebar-right .block {
	margin-top: 10px;
}

.block {
	float: left;
	padding: 0 10px 10px 10px;
	width: 200px;
	background: #EEF5E2 url(../img/block-small-green-bg.gif) no-repeat bottom left;
}

.block .toolbar {
	position: absolute;
	bottom: 11px;
	width: 230px;
}

.block.white {
	background: white url(../img/block-small-white-bg.gif) no-repeat bottom left;
}

.block.purple {
	background: url(../img/block-small-purple-bg.gif) no-repeat bottom left;
	color: white;
}

.block .title {
	margin: 0 -10px 10px;
	padding: 0 10px;
	height: 30px;
	background: url(../img/block-title-small-bg.png) no-repeat;
	font-size: 14px;
	line-height: 30px;
	color: white;
}

.block .block-thumb {
	float: left;
	margin-right: 10px;
	width: 50px;
}

.block .block-text {
	float: left;
	width: 140px;
}

.block .block-text .button {
	position: absolute;
	bottom: 11px;
}

.block p {
	margin: 0 0 10px;
}

.block p img {
	float: right;
}

.block strong {
	font-size: 12px;
	color: #4D125B;
}


/* Homepage news block */

#news {
	float: none !important;
	margin: 0 0 10px 0 !important;
	width: 230px;
	height: 195px;
	background: #EEF5E2 url(../img/block-large-white-bg.gif) no-repeat bottom left;
}

#news .title {
	background: url(../img/block-title-large-bg.png) no-repeat;
}

#news .button {
	position: absolute;
	bottom: 11px;
	right: 11px;
}

#news .article-thumb {
	float: left;
	margin-right: 10px;
	width: 80px;
}

#news .article-thumb a {
	display: block;
	width: 80px;
	height: 55px;
	background-color: #D3E6B5;
}

#news .article-thumb img {
	vertical-align: middle;
}

#news .article-text {
	float: left;
	width: 140px;
}

#news .article-text h3 {
	margin: 0 0 5px;
	font-size: 12px;
}

#news .article-text a {
	text-decoration: none;
}

/* Homepage banner */

#blocks .banner {
	padding: 0;
	margin: 0;
	width: 250px;
	height: 205px;
	text-decoration: none;
}

#blocks .banner .title {
	margin: 0;
	background: url(../img/block-title-large-bg.png) no-repeat;
}

#blocks .banner img {
	display: block;
}


/* Homepage ad */

#ad-combo {
	float: left;
	margin-right: 10px;
	width: 250px;
	height: 205px;
}

#ad {
	width: 250px;
	height: 85px;
	display:block;
	float:left;
	position:relative;
	z-index:5;
	margin-top:20px;
}


#wrap-hold {
	float:left;
	height:205px;
	width:230px;
}

/* Homepage nieuws block */

.block .article-text {
	width: 200px;
}

.block .article-text a {
	text-decoration: none;
	color: #000;
}

/* Homepage online afsluiten block */

#afsluiten {
	float:left;
	z-index:10;
}

#afsluiten.block {
	height: 90px;
}

#afsluiten2.block {
	height: 75px;
	margin-top: 20px;
}

#afsluiten3.block {
	height: 90px;
	padding: 0px;
	margin-bottom: 10px;
}

#afsluiten .block-thumb {
	min-height: 70px;
}

#afsluiten .block-thumb img {
	position: absolute;
	left: -10px;
}

/* Homepage uitvaardwaardemeter block */

#afsluiten2 #uitvaartwaardemeter {
	margin-top: -5px;
}

#afsluiten2 p {
	margin-bottom: 5px;
}

/*
.article-test #title-home {
	margin-top: -5px;
}

.article-text #title-home a {
	color: #000;
}
*/

/* Online afsluiten block */

#onlineafsluiten {
	padding: 0 0 10px;
	width: 220px;
}

#onlineafsluiten .button {
	float: right;
	margin-right: 10px;
}


/* Story block */

#story {
	padding: 0 0 10px;
	width: 220px;
}

#story img#story-thumb {
	display: block;
	margin: 0 0 5px;
	padding: 10px 0 0 10px;
	background: url(../img/block-small-purple-bg.gif) no-repeat;
}

#story p {
	margin: 0 0 5px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 180%;
	vertical-align: middle;
}

#story .large {
	padding-left: 4px;
	font-size: 24px;
	vertical-align: -3px;
}

#story .newline {
	display: block;
	padding-left: 28px;
}

#story .button {
	margin-left: 10px;
}


/* Font sizer */

#fontsizer {
	margin: 0 0 10px;
	padding: 0 10px;
	height: 30px;
	list-style: none;
	overflow: hidden;
}

#fontsizer a {
	line-height: 30px;
	text-decoration: none;
	color: #B68FBF;
}

#fontsizer a:hover {
	color: white;
}

#fontsizer a.active {
	text-decoration: underline;
	color: white;
}

#fontsizer a#fontmedium {
	font-size: 13px;
}

#fontsizer a#fontlarge {
	font-size: 16px;
}

.medium-font {
	font-size: 120% !important;
}

.large-font {
	font-size: 140% !important;
}


/* Breadcrumbs */

#breadcrumbs {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

#breadcrumbs li {
	float: left;
}

#breadcrumbs li a {
	margin-right: 6px;
	padding-right: 11px;
	background: url(../img/arrow-right-lilla-small.gif) no-repeat 100% 50%;
	font-size: 10px;
	text-decoration: none;
	color: #B68FBF;
}

#breadcrumbs li a:hover {
	background: url(../img/arrow-right-purple-small.gif) no-repeat 100% 50%;
	color: #4D125B;
}

#breadcrumbs li.last a,
#breadcrumbs li.last a:hover {
	background: none;
}


/* Search form */

#search-form label {
	font-size: 12px;
	font-weight: bold;
	color: #B68FBF;
}

#search-form input {
	vertical-align: middle;
}

#search-form #search-field {
	margin-right: 5px;
	width: 170px;
	padding: 3px;
	color: #B68FBF;
}


/* News */

.article {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}

.article .article-thumb {
	float: left;
	margin-right: 15px;
	padding-top: 27px;
	width: 100px;
}

.article-text {
	float: left;
	width: 335px;
}

.article .date {
	margin: 0 0 5px;
}

.article h3 {
	margin: 0 0 5px;
	line-height: normal;
}

.article h3 a {
	text-decoration: none;
	color: #4D125B !important;
}

.article h3 a:hover {
	color: #7AB51D !important;
}

.article p {
	margin: 0 0 10px;
}


/* Klantpanel banner */

#klantpanel-banner {
	display: block;
	margin: 0 0 10px 0;
	clear: both;
}

#klantpanel-banner img {
	vertical-align: middle;
}


/* Accordion */

.accordion_toggle,
#accordion_closed .accordion_toggle {
	display: block;
	padding: 9px 10px 9px 30px;
	background: url(../img/arrow-right-green.gif) no-repeat 8px 12px;
	border-bottom: 1px solid #D3E6B4;
	text-decoration: none;
	color: #333 !important;
	outline: none;
}

.accordion_toggle:hover,
#accordion_closed .accordion_toggle:hover {
	background: url(../img/arrow-right-purple.gif) no-repeat 8px 12px;
	color: #4D125B !important;
}

.accordion_toggle_active,
#accordion_closed .accordion_toggle_active {
	margin-top: 5px;
	background: url(../img/faq-bg.gif) no-repeat !important;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	color: #4D125B !important;
}

.accordion_content,
#accordion_closed .accordion_content {
	background: url(../img/faq-bg.gif) no-repeat bottom left;
	overflow: hidden;
	margin-bottom: 30px;
}

.accordion_content h3,
.accordion_content p {
	margin: 0;
	padding: 0 10px 10px 30px;
}

.accordion_content table p {
	padding: 0 10px 10px 0;
}

.accordion_content table td {
	vertical-align: top;
}

/* Disclaimer lightwindow */

#disclaimer {
	line-height: 160%;
	width: 500px;
}


/* Footer */

#footer {
	padding: 0 15px;
	height: 50px;
	background: #4D125B url(../img/footer-bg.gif) no-repeat;
	border-bottom: 5px solid #7AB51D;
	color: white;
}

#contact {
	float: right;
	padding: 9px 0;
}

#contact .phone {
	float: left;
	margin-left: 20px;
	font-size: 15px !important;
}

#contact .phone span {
	font-size: 10px;
	color: white;
}

.ad-combo-img {
	margin-top: -10px;
	margin-left: -10px;
}

.button-vacatures {
	margin-top: -10px;
}


/* Masterform */

#master_form td.small {
	width: 100px;
}