/*
Cascading Style Sheet (CSS)
Website       : Uitgeverij Calbona
Version       : v1.0
Author(s)     : Jack Vermaat (info /[at]/ extrawebdesign.nl)
Company       : Extra-Webdesign
Created on    : October 2009


/* General formatting
-----------------------------------------------------------------------------*/
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #555555;
	}

h1 {
	font-size: 15px;
	color: #92be5c;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 0px;
	}

p {
	line-height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	}

A:link {
	color: #ff9c00;
	text-decoration: underline;
	font-weight: normal;
	}

A:visited {
	color: #ff9c00;
	text-decoration: underline;
	font-weight: normal;
	}

A:hover {
	color: #c87d06;
	text-decoration: underline;
	font-weight: normal;
	}

A:active {
	color: #c87d06;
	text-decoration: underline;
	font-weight: normal;
	}

ul {
	list-style-type: circle;
	margin-bottom: 0px;
	margin-top: 0px;	
	}	

li {
	line-height: 20px;
	}

.calbona_yellow {
	color: #ff9c00;
	}


/* Navigation
-----------------------------------------------------------------------------*/
.navigation {
	background-image: url(../images/navigatie_bg.jpg);
	background-repeat: no-repeat;
	}


/* Header
-----------------------------------------------------------------------------*/
.header_right {
	background-image:url(../images/header_right.jpg);
	background-repeat: no-repeat;
	}

/* Trustbuilding
-----------------------------------------------------------------------------*/
p.trustbuilding {
	font-size: 10px;
	color: #524535;
	text-align: right;
	}

.trustbuilding_margin {
	margin-top: 12px;
	}

A.trustbuilding:link {
	color: #524535;
	text-decoration: none;
	font-weight: normal;
	}

A.trustbuilding:visited {
	color: #524535;
	text-decoration: none;
	font-weight: normal;
	}

A.trustbuilding:hover {
	color: #524535;
	text-decoration: underline;
	font-weight: normal;
	}

A.trustbuilding:active {
	color: #524535;
	text-decoration: underline;
	font-weight: normal;
	}


/* Title
-----------------------------------------------------------------------------*/
.title_bg {
	background-image: url(../images/header_bottom.jpg);
	background-repeat: no-repeat;
	}


/* Content
-----------------------------------------------------------------------------*/
.content_margin {
	padding-bottom: 40px;
	}


/* Leftbox
-----------------------------------------------------------------------------*/
p.leftbox {
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 6px;
	margin-top: 4px;
	}

.leftbox_margin {
	margin-bottom: 11px;
	}

.leftbox_border {
	border: 1px solid #dddddd;
	}

.leftbox_divider {
	border-bottom: 1px solid #dddddd;
	}

.leftbox_title_bg {
	background-image: url(../images/leftbox_bg.jpg);
	background-repeat: no-repeat;
	}

.leftbox_title {
	color: #f7f7f7;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 6px;
	}

.leftbox_more {
	margin-bottom: 5px;
	margin-top: 3px;
	}

.leftbox_more ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -2px;
	}	

.leftbox_more li {
	background: transparent url(../images/bullet.jpg) no-repeat scroll 2px 7px;
	padding-left: 10px;
	line-height: 17px;
	}

.leftbox_contact {
	font-size: 11px;
	margin-bottom: 6px;
	margin-top: 5px;
	}

A.leftbox_green:link {
	color: #92be5c;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_green:visited {
	color: #92be5c;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_green:hover {
	color: #73a23a;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_green:active {
	color: #73a23a;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_orange:link {
	color: #ff9c00;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_orange:visited {
	color: #ff9c00;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_orange:hover {
	color: #c87d06;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}

A.leftbox_orange:active {
	color: #c87d06;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	}


/* Webtools
-----------------------------------------------------------------------------*/
.back-to-top_bg {
	background-image: url(../images/bg_back-to-top.jpg);
	background-repeat: no-repeat;
	}

p.back-to-top {
	font-size: 11px;
	text-align: right;
	margin-right: 46px;
	}

A.back-to-top:link {
	color: #92be5c;
	text-decoration: underline;
	font-weight: normal;
	}

A.back-to-top:visited {
	color: #92be5c;
	text-decoration: underline;
	font-weight: normal;
	}

A.back-to-top:hover {
	color: #73a23a;
	text-decoration: underline;
	font-weight: normal;
	}

A.back-to-top:active {
	color: #73a23a;
	text-decoration: underline;
	font-weight: normal;
	}
	

/* Footer
-----------------------------------------------------------------------------*/
p.footer {
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	}

.footer_bg {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	}

.footer_margin {
	margin-top: 0px;
	margin-right: 15px;
	}

A.footer:link {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
	}

A.footer:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
	}

A.footer:hover {
	color: #837364;
	text-decoration: underline;
	font-weight: normal;
	}

A.footer:active {
	color: #837364;
	text-decoration: underline;
	font-weight: normal;
	}

.footer_pipe {
	margin-left: 8px;
	margin-right: 8px;
	}


/* Error
-----------------------------------------------------------------------------*/ 
.errorbox {
	border: 1px solid #cccccc;
	padding: 5px 8px 5px 8px;
	background-color: #f7f7f7;
	margin-top: 20px;
	}

.errorbox ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -2px;
	}	

.errorbox li {
	background: transparent url(/images/bullet.png) no-repeat scroll 2px 5px;
	padding-left: 12px;
	color: #ff0000;
	line-height: 17px;
	}

.error_table_margin {
	margin-top: 20px;
	}


/* Productoverview
-----------------------------------------------------------------------------*/
.productoverview {
	width: 600px;
	}

.product_left {
	width: 288px;
	border: 1px solid #dddddd;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}

.product_right {
	width: 288px;
	border: 1px solid #dddddd;
	float: left;
	margin-bottom: 20px;
	}

.productcontent_margin {
	margin: 10px 10px 3px 10px;
	}

.productoverview_content {
	line-height: 20px;
	}

.productoverview_image {
	width: 80px;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	}

A.bold:link {
	color: #ff9c00;
	text-decoration: underline;
	font-weight: bold;
	}

A.bold:visited {
	color: #ff9c00;
	text-decoration: underline;
	font-weight: bold;
	}

A.bold:hover {
	color: #c87d06;
	text-decoration: underline;
	font-weight: bold;
	}

A.bold:active {
	color: #c87d06;
	text-decoration: underline;
	font-weight: bold;
	}

.productoverview_row1 {
	padding-bottom: 8px;
	line-height: 20px;
	}

.productoverview_row2 {
	border-top: 1px solid #dddddd;
	padding-bottom: 8px;
	padding-top: 6px;
	font-size: 11px;
	line-height: 18px;
	}

.productoverview_row3 {
	border-top: 1px solid #dddddd;
	}


/* Paging
-----------------------------------------------------------------------------*/
#paging_container {
	width: 600px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.paging a:link,
.paging a:visited {
	font-family: Verdana;
	font-size: 11px;
	color: #524535;
	float: right;
	display: block;
	padding: 3px 6px;
	_padding: 3px 6px 3px 6px; /* -- IE 6 Fix -- */
	font-weight: normal;
	text-decoration: none;
	margin-left: 10px;
	}

.paging a:hover,
.paging a:active,
.paging a:focus {
	color: #ffffff;
	padding: 3px 6px;
	}

.paging a.paging_notactive {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	}

.paging a.paging_notactive:hover,
.paging a.paging_notactive:active,
.paging a.paging_notactive:focus {
	background-color: #524535;
	border: 1px solid #dddddd;
	}

.paging a.paging_active {
	background-color: #524535;
	color: #ffffff;
	border: 1px solid #dddddd;
	}

.paging a.paging_active:hover,
.paging a.paging_active:active,
.paging a.paging_active:focus {
	background-color: #524535;
	border: 1px solid #dddddd;
	}

.paging .between {
	font-family: Verdana;
	font-size: 11px;
	color: #524535;
	float: right;
	display: block;
	padding: 3px 6px;
	_padding: 3px 6px 3px 6px; /* -- IE 6 Fix -- */
	font-weight: normal;
	text-decoration: none;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	}


/* Productpage
-----------------------------------------------------------------------------*/
.productpage_image {
	width: 160px;
	border: 1px solid #dddddd;
	}
	

/* Form
-----------------------------------------------------------------------------*/
.textfield {
	height: 18px;
	padding-left: 3px;
	padding-bottom: 0px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	font-family: Verdana, Arial;	
	font-size: 12px;
	color: #555555;
	}

.textarea {
	padding-left: 3px;
	padding-bottom: 0px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	font-family: Verdana, Arial;	
	font-size: 12px;
	color: #555555;
	}

.selectbox {
	height: 19px;
	padding-left: 3px;
	padding-bottom: 0px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	font-family: Verdana, Arial;	
	font-size: 12px;
	color: #555555;
	}

.button {
	height: 20px;
	background-color: #92be5c;
	border: 1px solid #92be5c;
	font-family: Verdana, Arial;	
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	}

.textfield:focus, .textarea:focus, .selectbox:focus {
	background: #f7f7f7; !important
	border: 1px solid #92be5c; !important
	}


/* News Frontpage
-----------------------------------------------------------------------------*/
.news_frontpage_header {
	font-weight: bold;
	}

.news_frontpage_date {
	font-size: 10px;
	color: #999999;
	}



/* News
-----------------------------------------------------------------------------*/
.news_title {
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	}

p.news_text {
	margin-top: 5px;
	font-weight: normal;
	line-height: 17px;
	text-align: left;
	}

p.news_link {
	margin-top: 10px;
	font-weight: normal;
	line-height: 17px;
	text-align: left;
	}

.news_date {
	color: #999999;
	font-weight: normal;
	line-height: 17px;
	text-align: left;
	}

.news_image {
	float: left;
	border: 1px solid #c7c7c7;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-top: 4px;
	}

.news_image_single {
	float: left;
	border: 1px solid #c7c7c7;
	margin-right: 10px;
	margin-top: 4px;
	}

.news_pipe {
	font-weight: normal;
	line-height: 17px;
	margin-left: 6px;
	margin-right: 6px;
	}

A.news:link {
	font-size: 11px;
	color: #028b3f;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	line-height: 17px;
	}

A.news:visited {
	font-size: 11px;
	color: #028b3f;
	font-family: Tahoma, Arial;
	text-decoration: underline;
	font-weight: normal;
	line-height: 17px;
	}

A.news:hover {
	font-size: 11px;
	color: #03a34a;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	line-height: 17px;
	}

A.news:active {
	font-size: 11px;
	color: #03a34a;
	font-family: Tahoma, Arial;
	text-decoration: none;
	font-weight: normal;
	line-height: 17px;
	}

p.divider {
	margin-top: 7px;
	margin-bottom: 7px;
	}