/* stylesheet voor oude winkelwagen (moet blijven ivm iframe-templates */

@media screen { 

body {
	margin: 0;
	padding: 0;
	background: #888 url(img/bg_gradient.jpg) no-repeat fixed;
	/* background: #555 */
}
body, td, input, textarea, select, a  {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #333
}
body, td {line-height: 15px}
p {margin-top: 0}
form {margin:0; padding:0}
h1, h2, h3, h4, h5, h6 {margin-bottom: 4px; padding-bottom: 0; color:#555; line-height: 110%}
h1 {padding: 4px; font-size: 250%; color:#555; display:block; background:#DDE010}
h2 {font-size: 180%}
h3 {font-size: 130%; color:#777}
h4 {font-size: 110%; color:#333}  /* h4 is alleen in gebruik in cms-docs */
/* h5 en h6 tbv execs */
h5 {font-size: 120%}
h6 {font-size: 120%; color: #fff; background:#c0c0c0}

ul, ol {margin: 0; padding: 2px 0 0 20px}
li {padding: 0 0 2px 0}

hr {height: 1px; color: #DDE010}
td {vertical-align: top}
/*
a {color:#406B76;text-decoration:none}
*/
a {color:#BF6000;text-decoration:none}
a:hover {text-decoration:underline}

.doprint {display:none}

.help {
	width:13px;
	height:13px;
	background:url(/img/icon_help.gif) no-repeat;
	cursor:help
}

#bovenbalk {
	color:#bbb;
	text-align:right;
}
#onderbalk {
	position:absolute;
	bottom:0;
	width:100%;
	color:#bbb;
}
#bovenbalk .content {border-bottom:1px solid #DDE010}
#onderbalk .content {border-top:1px solid #DDE010}
#bovenbalk .content a, #onderbalk .content a {padding: 2px 4px 2px 4px; color: #fff; text-decoration: none}
#bovenbalk .content a:hover, #onderbalk .content a:hover {background:#DDE010; color:#555; text-decoration: none}

#routebalk {color:#c0c0c0}
#routebalk a {color:#fff}

#foto {margin: 85px 0px 0px 9px}
.cmsdoc {padding:9px;background: #fff;border-bottom:4px solid #DDE010}
.verplicht {background: white url(img/bg_verplicht.gif) no-repeat right top}
.verplichtDone {background: white url(img/spacer.gif) no-repeat right top}

#frameU h1 {background:#bbb; color:#fff}
#frameC ul, #frameU ul {
	list-style-image: url(img/b_geel.gif);
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 0px;
}
#frameC li {padding: 0px 0px 2px 0px}
#frameU li {padding: 0px 0px 8px 0px}
.button {background:#DDE010; border:1px solid #333;cursor:pointer}
.grotebutton {background:#DDE010;border:1px solid #333;font-size: 12px;font-weight: bold;cursor:pointer}

.knop {
	height: 10px; /* IE hack */
	padding: 2px 4px 2px 4px;
	background: #DDE010;
	border: 1px solid #333;
	color: #333;
	text-decoration: none;
	text-align: center!important;
	cursor:pointer
}
.knop:hover {color:#7F044E;text-decoration: none}
.groteknop {
	height: 20px; /* IE hack */
	padding: 4px 8px 4px 8px;
	background: #DDE010;
	border: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	cursor:pointer
}
.groteknop:hover {color:#222;background:#9BE010;text-decoration: none}

.tabel {
	border-left: 1px solid #808080;
	border-top: 1px solid #808080
}
.tabel td {
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080
}


/* START styles bestelschermen / winkelwagen */
.bestelscherm {background:#ffffff}

.winkelwagenbalk {
	padding: 2px 0 2px 10px;
	font-size:11px;
	background: #eee;
	border-bottom: 1px solid #999;
}

.bestelfieldset {border:1px solid #D4D0C8;background:#F3F6FC;}

#bestelbar td {color: #555}
#bestelbar .actief {font-weight: bold}
.kop0, .kop1, .staart0, .staart1 {
	height: 11px;
	width: 50%;
	overflow: hidden;
}
.kop1, .staart1 {background: #D4DEF4}
.start .kop0, .start .kop1, .midden .staart0, .midden .staart1 {border-left: 1px solid #000}
.einde .staart0, .einde .staart1 {border-right: 1px solid #000; margin-right: 1px}

#bestelindex {
	margin: 10px 1px 10px 0;
	padding: 0;
	list-style-type: none;
	background:#ffffff
}

#bestelindex .regel {
	margin-bottom:16px;
	border: 1px solid #D4D0C8;
}

#bestelindex .regelActief {
	margin-bottom:16px;
	border: 1px solid #DDE010;
}

#bestelindex table {width: 99%}

#bestelindex td {
	vertical-align: top;
	text-align: left;
}
#bestelindex input, #bestelindex select {color: #333}

#bestelindex .foto {
	height: 94px;
	width: 94px;
	background: #eee;
	vertical-align: middle;
	text-align: center
}
#bestelindex .fotodel {padding:2px;}
#bestelindex .opties {
	padding-left: 10px;
}
#bestelindex .opties .groep {width: 130px}
#bestelindex .opties .product {width: 130px}
#bestelindex .opties .product2 {width: 270px}  /* breedte = groep + product + paddings*/
#bestelindex .opties .bedrag {width: 60px}
#bestelindex .aantal input {text-align: center}
#bestelindex .aantal {padding-left: 10px}
#bestelindex .groeptitel {padding-top: 8px}
#bestelindex .groeptitel .groepsnaam {height:16px;text-decoration: underline}

/* bestelscherm 2 */

.verplicht {background: white url(/pixxerimg/input_verplicht.gif) no-repeat right top}
.verplichtDone {background: white url(/pixxerimg/spacer.gif) no-repeat right top}

/* bestelscherm 3 */

pre {margin:0px}

/* #bestelling .fotonummer, #bestelling .foto, #bestelling .opties {border-top: 1px solid #D4DEF4} */
#bestelling .foto {padding: 4px 6px 4px 10px} 
#bestelling .opties td {padding-right: 6px}
#bestelling .opties .aantal {width: 30px; text-align: center}
#bestelling .opties .product {width: 180px}
#bestelling .opties .bedrag {width: 60px; text-align: right}

/* EINDE styles bestelschermen / winkelwagen */

}

@media print	{
.noprint	{display: none; page-break-after: avoid}
.table		{page-break-inside: avoid}

body, td, a	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
	margin: 1cm 0cm 0cm 0cm   /*Top Right Bottom Left*/
	}
}