@CHARSET "ISO-8859-1";

body {
	background-color: #D7E4EF;
	padding: 0;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
}

a img {
	border: none;
}
a {
	color: #000;
	text-decoration: underline;
}

a:visited, a:active, a:hover {
	color: #900;
}
.required_appendix {
	color: red; 
	font-family: "times new roman"; 
	font-size: 1.2em;
	padding: 3px;
}

/* framework */
#intro #container {
	width: 774px;
	background: #fff;
}

#container {
	width: 950px;
	background: #fff;
	display: block;
	padding: 0 10px;
	margin: 0 auto;
}

#header {
	height: 30px;
	display: block;
	padding-top: 117px;
	background: url(../images/header.png) left top no-repeat;
	position: relative;
}

#logo {
	height: 86px;
	margin-left: 20px;
	position: absolute;
	top: 15px;
}

#logo img, #logo #page_headings {
float:left;
}

#logo h1 {
	font-size: 18pt;
	margin-bottom: 0;
	margin-top: 25px;
	width: auto !important;
}

#logo h2 {
font-size:12pt;
margin-top:0;
padding-left:0;
}

#logo img {
border:0 none;
margin-right:20px;
}

#logo h1,#logo h2 {
	color: #FFFFFF;
	font-family: Trebuchet MS;
	text-transform: uppercase;
}

#left {
	width: 163px;
	display: block;
	float: left;
}

#right {
	width: 185px;
	display: block;
	float: right;
}

#main {
	margin: 0 199px 0 163px;
	padding: 10px 15px 10px 19px;
	background-color: #CBD7E1;
}

#footer {
	display: block;
	clear: both;
	background-color: #004081;
	border-top: 4px solid #A1CF37;
	padding: 6px 16px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	padding-right: 10px;
}

/* menu */
#menu ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 840px;
	list-style-type: none;
}

#menu li {
	display: inline;
}

#menu li a {
	float: left;
	display: block;
	padding: 7px 16px;
	color: #fff;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu .lang {
	position: absolute;
	right: 10px;
	bottom: 3px;
	margin-top: 5px;
}

#menu .lang a {
	padding: 4px;	
}

#menu .lang img {
	border: 0;
}

#search form {
	padding: 0;
	margin: 0;
}

#search input {
	border: 0px solid #999;
	padding: 3px 3px 3px 23px;
	width: 137px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/search.png) left center no-repeat;
}

.search_results a {
	color: #000;
}

#newsletter {
	background: url(../images/newsletter.png) left bottom no-repeat;
}

#subscribe {
	float: left;
	width: 10px;
	margin: 0 5px 0 5px;
}

/* intro scherm */
.intro {
	display: block;
	height: 414px;
	background: url(../images/home_vlak.png) left top no-repeat;
	margin: 10px 0 100px 0;
	position: relative;
}

.logo {
	display: block;
	padding: 30px 10px;
}

.intro a {
	color: #fff;
	text-decoration: none;
}

.intro a.publications {
	position: absolute;
	left: 21px;
	top: 18px;
	display: block;
	width: 355px;
	height: 375px;
}

.intro a.publications strong,.intro a.components strong {
	position: absolute;
	left: 30px;
	bottom: 100px;
	font-size: 16px;
	font-weight: bold;
}

.intro a.components {
	position: absolute;
	left: 378px;
	top: 18px;
	display: block;
	width: 373px;
	height: 375px;
}

/* box */
.box {
	display: block;
	margin: 10px 10px 10px 0;
	padding: 0 3px 3px 0;
	background: #ffffff url(../images/shadow_white.png) right bottom
		no-repeat;
}

.innerbox h3 a {
    text-decoration: none;
    color: #000;
}

.innerbox {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

.innerbox ul {
	margin: 9px;
	padding: 0;
	list-style-type: none;
}

.innerbox ul a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	padding: 6px 10px;
	margin-bottom: 3px;
}

.innerbox ul a:hover {
	background-color: #f0f0f0;
}

.innerbox p {
	line-height: 150%;
	font-size: 11px;
}

.innerbox li.title {
	display: block;
	padding: 6px 10px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ddd;
}

.totaal {
	font-weight: bold;
	display: block;
	padding: 6px 0px;
	margin-top: 2px;
	border-top: 1px solid #DDDDDD;
}

.winkelwagen {
	display: block;
	padding: 6px 0px;
	margin-bottom: 2px;
	border-bottom: 1px solid #DDDDDD;
}

.innerbox strong {
	display: block;
	background: url(../images/item_title.png) left top repeat-x;
	color: #fff;
	padding: 5px 10px;
}

/* items */
#publicationlist {
	margin: 0px; padding: 0px;
	width: 555px;
}
#publicationlist li {
    list-style: none;
	list-style-image: none;
    padding: 5px;
}

#publicationlist li a {
    text-decoration: none;
    color: #000;
}

.main_nav {
	margin: 0 20px 0 5px;
	font-size: 12px;
}

.main_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 30px;
}

.main_nav li {
	display: inline;
}

.main_nav a {
	float: left;
	display: block;
	color: #CC0000;
	padding: 5px 15px 5px 0;
	margin-right: 5px;
	text-decoration: none;
	background: url(../images/next.png) right top no-repeat;
}

.main_nav a:hover {
	text-decoration: underline;
}

.main_nav a.process_active {
	color: #000000;
}

.main_items {
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/main_items_publications.png) repeat-x right top;
	margin: 0px; 
	padding: 0 0 10px 0;
	width: 548px;
}

.main_items_1 {
	margin: 0 15px 0 0;
	background: url(../images/main_items_1.png) left top no-repeat;
	height: 140px;
}

.main_items div.main_item {
	width: 525px;
	float: left;
	color: #fff;
	line-height: 150%;
	font-size: 11px;
	padding: 0 10px;
}

.main_items div.main_item strong,.main_items_1 div.main_item strong {
	display: block;
	padding: 8px 0 15px 0;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	/*background: url(../images/arrow.png) left top no-repeat;*/
}

.main_items div.main_item p {
	margin: 0 0 5px 0 !important;
	padding: 0;
}

.main_items div.main_item img,.main_items_1 div.main_item img {
	float: left;
	margin: 5px 10px;
}

.main_items_1 div.main_item {
	width: 546px;
	float: left;
	color: #fff;
	line-height: 150%;
	font-size: 11px;
}

.main_items p,.main_items_1 p {
	padding: 3px 0;
	margin: 0 0 0 20px;
}

.main_content {
	padding: 5px 20px 5px 5px;
	text-decoration: none;
	list-style-type: none;
	list-style: none;
}

.main_overzicht {
	padding: 5px 5px;
	text-decoration: none;
	list-style-type: none;
	list-style: none;
	background: url(../images/totaalbalk.png) left bottom repeat-y;
}

.main_inloggen {
	background-image: url(../images/inlog_detail.png);
	width: 259px;
	padding: 15px;
	float: left;
	margin-right: 32px;
}

.main_inloggen label {
	display: block;
	width: 120px;
	line-height: 180%;
	float: left;
}

.main_inloggen input.field {
	float: left;
	width: 125px;
}

.bevestigen {
	position: relative;
	padding: 5px 10px;
}

.bevestigen_products {
	float: left;
	width: 420px;
}

.bevestigen_totaal {
	float: left;
	width: 200px;
}

.bevestigen table {
	float: left;
}

.bevestigen_row ul li {
	padding: 5px 0;
	list-style: none;
	margin-left: -15px;
}

.bevestigen_row {
	float: left;
	width: 100%;
	display: block;
	border-bottom: 1px solid #B6C1CA;
	border-width: 1px 0;
	margin: 10px 0;
	padding: 10px 0;
}

.bevestigen_row div {
	width: 50%;
	float: left;
}

.bevestigen_row .bevestigen_links {
	width: 100%;
}

.bevestigen_row .bevestigen_links p {
	font: 12px Arial, Helvetica, sans-serif;
}

.bevestigen_row .bevestigen_links ul {
	margin: 5px 5px;
	padding: 0;
	list-style-type: none;
	width: 525px;
	text-decoration: none;
}

.bevestigen_row .bevestigen_links li {
	padding-left: 10px;
	font: 12px Arial, Helvetica, sans-serif;
}

.bevestigen_row .bevestigen_rechts {
	width: 40%;
	margin-top: -1px;
	font: 12px Arial, Helvetica, sans-serif;
}

.bevestigen_row .bevestigen_rechts p {
	font: 12px Arial, Helvetica, sans-serif;
}

.bevestigen_row .bevestigen_rechts a {
	color: #000000;
}

.bevestigen h5 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.bevestigen_row p {
	margin: 2px;
}

h2 {
	font: 18px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 18px 0;
}

.columns {
	float: left;
	width: 545px;
}

.column_left {
	float: left;
	width: 260px;
	min-height: 20px;
}

.column_right {
	float: right;
	width: 285px;
	min-height: 20px;
}

.column_right .item {
	margin-left: 20px;
}

.column_left p,.column_right p {
	font-size: 12px;
	line-height: 150%;
	display: block;
	margin: 5px 15px 5px 5px;
	text-align: justify;
}

.item {
	background: transparent url(../images/shadow_blue.png) no-repeat scroll
		right bottom;
	margin: 18px 0 0 0;
	padding: 0 3px 3px 0;
	width: 265px;
}

.inneritem {
	background: transparent
		url(http://www.hhdelfland.nl/views/delfland/images/backgrounds/sb_gradient.gif)
		repeat-x scroll left top;
	border: 1px solid #E6EBF0;
	font-size: 11px;
	line-height: 150%;
	padding: 5px 7px 13px;
}

#main .item .inneritem p {
	margin: 0;
}

.item strong {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	padding: 0 5px 10px 0;
	white-space: nowrap;
}

.item img {
	margin: 3px 10px 5px 0;
	float: left;
	
}

/*.main_item .item_link {
	margin-left: 20px;
}*/

a.item_link {
    text-decoration: none;
    color: #9F190F !important;
    background: url(../images/arrow_small.png) no-repeat right;
    padding-right: 8px;
	/*border-left: 1px #9F190F dotted;*/
	padding-left: 5px;
	font-weight: bold;
}
#left a.item_link {width: 90px; padding: 3px 10px;}

sup {
	color: red;
}

.innerbox form {
	margin: 9px;
	font-weight: bold;
}

input.field {
	border: 1px solid #7293AD;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px;
	margin-bottom: 3px;
	width: 320px;
}

input.field_short {
	border: 1px solid #7293AD;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px;
	margin-bottom: 3px;
	width: 50px;
}

input.field_error {
	border: 1px solid #c00;
}

input.field_mail {
	border: 1px solid #999999;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 118px;
}

input.field_opmerkingen {
	border: 1px solid #7293AD;
	padding: 3px;
	width: 536px;
	height: 87px;
}

input.button, .innerbox a.button {
	width: 126px;
	background: url(../images/button.png) left top repeat-x;
	color: #fff;
	border: 0px;
	padding: 4px 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
	border: 1px solid #0A2445;
	text-align: center;
}

#left .submenu2 {
	list-style-type: none;
	padding: 5px 5px 5px 0;
	margin: 0 0 10px 0;
	display: block;
	margin-right: 5px;
	position: relative;
}

#left .submenu2 li {
	display: inline;
}

#left .submenu2 a {
	display: inline;
	text-decoration: none;
	color: #0C4377;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px;
	text-transform: uppercase;
	margin-top: -27px;
	margin-left: 0px;
}

#main ul {
    list-style: url('../images/redsquare.png');
}

#winkelwagen {
	height: 49px;
	display: block;
	width: 41px;
	margin-left: 145px;
	margin-top: -25px;
	position: relative;
}

#below {
	margin-top: 20px;
	float: left;
	/*clear: both;*/
}

#below ul {
	line-height: 16px;
	list-style-type: none;
	padding-left: 0;
	padding-right: 10px;
}

#below .price,#below .order,#below .media {
	float: right;
	margin-left: 5px;
	min-height: 1px;
	text-align: right;
}

#below .info {
	display: block;
	left: -20px;
	position: absolute;
	width: 20px;
}

#below li {
	margin-left: 0;
	position: relative;
}

#below li.even {
    background: #fff;
}

#below .media,#below .price,#below .order {
	font-size: 80%;
}

#below .price {
	color: #777777;
	margin-right: 5px;
	width: 65px;
}

#below .details p {
	color: #777777;
	margin: 3px 0 13px 5px;
}

#below .order {
	
}
#below .order img {
	vertical-align: middle;
}

#below .order a {
	color: #000000;
	text-decoration: none;
}

#below .order a:hover {
	
}

#below a.flapout {
	color: #333333;
	text-decoration: none;
}

#below a.flapout:hover {
	border-bottom: 1px dotted #777777;
	color: black;
}

#below .media {
	color: #777777;
	width: 120px;
}

table.cart {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 0;
	display: block;
	width: 100%;
}

table.cart tbody tr.on {
	background-color: #EEF2F5;
}

table.cart tbody td, table.cart thead td {
	padding: 8px;
}

table.cart thead td {
	font-weight: bold;
	padding-bottom: 10px;
	border-color: inherit;
}

table.cart a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

table.cart tbody strong {
	display: block;
	text-decoration: underline;
	padding: 0px;
}

table.cart tfoot td {
	padding: 8px;
}

.totaal2 {
	font-size: 15px;
	background-color: #B6C1CA;
	padding: 15px 0px;
	font-weight: bold;
}

table.form {
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	padding: 6px 0px;
	margin-bottom: 2px;
}

/*
table.form td {
	color: #000000;
	font-size: 12px;
	padding: 2px 0;	
}
*/
table.form label {
	color: #000000;
}

table.form td {
	height: 24px;
	padding: 3px 0;
	border-bottom: 1px solid #B6C1CA;
}

table.form label img {
	float: left;
	display: block;
	padding: 5px;
}

table.form ul {
	margin: 5px 0;
	padding: 0;
	border: 1px solid #c00;
	list-style-type: none;
	width: 206px;
}

table.form li {
	padding: 10px;
	color: #c00;
}

table.form strong {
	padding: 6px 0;
	display: block;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

table.pub_metadata {
	color: #555555;
	margin: 0 0 10px 0;
}

.innerbox h3 {
	border-bottom: 1px solid #DDDDDD;
	display: block;
	margin: 0 0 2px 0;
	padding: 6px 10px;
}

ul.errorlist {
	list-style: none;
	padding: 0;
	color: #c00;
}

/*

table.form strong{
	font-weight:bold;
	color:#000000;
	display: inline;
	padding: 6px 0px;
	margin-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
	width:544px;
	float:left;
}

*/
ul.process {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 98%;
	height: 28px;
	border: 1px solid #727A81;
}

ul.process li {
	display: inline;
}

ul.process li a {
	float: left;
	display: block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #727A81;
	text-decoration: none;
}

ul.process li a.process_done {
	color: #000;
}

ul.process li a.process_active {
	color: #fff;
	background: #727A81 url(../images/procesbalk.png) right top no-repeat;
	padding-right: 18px;
}

.info_error,.info_message {
	display: block;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-weight: bold;
}

.info_error {
	border: 1px solid #c00;
	color: #c00;
}

.info_message {
	border: 1px solid #090;
	color: #090;
}

.main_content>img {
	float: right;
	margin: 10px 20px 0 10px;
	position: relative;
}
/*
ul.process {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	height: 30px;
}

ul.process li {
	display: inline;
}

ul.process li a {
	display: block;
	float: left;
	padding: 6px 0px;
	height: 24px;
	margin-right: -11px;
	outline: 0;
}

ul.process li a span {
	display: none;
}

ul.process li#p_winkelwagen a {width: 129px;background: url(../images/procesbalk/winkelwagen.png) left top no-repeat;}
ul.process li#p_winkelwagen a.process_done {background: url(../images/procesbalk/winkelwagen_done.png) left top no-repeat;}
ul.process li#p_winkelwagen a.process_active {background: url(../images/procesbalk/winkelwagen_active.png) left top no-repeat;}

ul.process li#p_adresgegevens a {width: 133px;background: url(../images/procesbalk/adresgegevens.png) left top no-repeat;}
ul.process li#p_adresgegevens a.process_done {background: url(../images/procesbalk/adresgegevens_done.png) left top no-repeat;}
ul.process li#p_adresgegevens a.process_active {background: url(../images/procesbalk/adresgegevens_active.png) left top no-repeat;}

ul.process li#p_bevestigen a {width: 116px;background: url(../images/procesbalk/bevestigen.png) left top no-repeat;}
ul.process li#p_bevestigen a.process_done {background: url(../images/procesbalk/bevestigen_done.png) left top no-repeat;}
ul.process li#p_bevestigen a.process_active {background: url(../images/procesbalk/bevestigen_active.png) left top no-repeat;}

ul.process li#p_betalen a {width: 94px;background: url(../images/procesbalk/betalen.png) left top no-repeat;}
ul.process li#p_betalen a.process_done {background: url(../images/procesbalk/betalen_done.png) left top no-repeat;}
ul.process li#p_betalen a.process_active {background: url(../images/procesbalk/betalen_active.png) left top no-repeat;}

ul.process li#p_overzicht a {width: 114px;background: url(../images/procesbalk/overzicht.png) left top no-repeat;}
ul.process li#p_overzicht a.process_done {background: url(../images/procesbalk/overzicht_done.png) left top no-repeat;}
ul.process li#p_overzicht a.process_active {background: url(../images/procesbalk/overzicht_active.png) left top no-repeat;}

*/

.productimage {
	float: right;
}

div.productimage { width: 100px; } 

.accordion h3,
.accordion h3 a {
	color: white;
	text-decoration: none;
	font-size: 11px;

}
.accordion h3 {
		background: url('http://www.hhdelfland.nl/views/delfland/images/backgrounds/sb_gradient.gif');
		height: 8px;
		padding: 5px 7px 13px;
		border: 1px solid rgb(230, 235, 240);
		margin: 0px;
}
.accordion div{
	background: #EAF2FB;
	padding: 5px 7px;
}

.zend_form dd{
	margin: 0px 0px 10px 0px; padding: 0px;
}
.zend_form input,
.zend_form textarea {
	width: 300px;
}


#main form>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form>ul>li>label {
	float: left;
	display: block;
	width: 100px;
}
.hash {
	color: #9F190F !important;
	font-weight: bold;
}
#faqlist li {
	margin-bottom: 5px;
}

#main p {
	margin: 18px 0;
}

input.button {
	margin: 10px 0 0 0;
}

.addtocart {
	background: url('../images/shopping_cart_icon.png') no-repeat;
	border: 0;
	padding-left: 20px;
	cursor: pointer;
	
}

#sdo_table td { padding: 5px }
#main a.item_link {
	border-left: 1px dotted #900;
	color: #900;
	margin-left: 3px;
}

/*iframe {border: none;}*/
#bfframe {position: relative; width: 550px !important; height: 750px !important; background: #CBD7E1; frameBorder: 0px; }
#bfframe_small { frameBorder: 0px; width: 150px !important; }