/* 17-09-2013 Charis */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block
}

audio, canvas, video {
	display:inline-block;
	*display:inline;
	*zoom:1
}
	[hidden] {
	display:none
}

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

html, button, input, select, textarea {
	color:#494743
}

body {
	margin:0;
	font:1em/1.4 Georgia, "Times New Roman", Times, serif;
	line-height:1.5;
	background:#f6f5eb url(../img/pattern.png) top left repeat
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0
}

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

p, #content dd {
	margin-bottom:1em;
	padding:0;
	margin-top:0
}

#content ul, #content ol {
	padding-left:0
}

#content li {
	margin-left:18px
}

a {
	color:#af0c43
}

a:visited {
	color:#69082e
}

a:hover {
	color:#69082e
}

a:focus {
	outline:thin dotted;
	color:#69082e
}

a:hover, a:active {
	outline:0
}

b, strong {
	font-weight:bold
}

dfn {
	font-style:italic
}

ins {
	background:#ff9;
	color:#000;
	text-decoration:none
}

mark {
	font-weight:bold
}

pre, code, kbd, samp {
	font-family:monospace, serif;
	_font-family:'courier new', monospace;
	font-size:1em
}

pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}

del {
	color:#b1b1af;
	display:block
}

q {
	quotes:none
}

q:before, q:after {
	content:"";
	content:none
}

small {
	font-size:85%
}

sup {
	top:-0.5em
}

sub {
	bottom:-0.25em
}

img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle
}

figure {
	margin:0
}

form {
	margin:0
}

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

label {
	cursor:pointer;
	font:12px Verdana, Geneva, sans-serif;
}

legend {
	border:0;
	margin-left:-7px;
	padding:0;
	white-space:normal
}

button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	vertical-align:middle;
	line-height:normal
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	cursor:pointer;
	overflow:visible;
	background-color:#af0c43;
	color:#fff;
	border:1px solid #af0c43;
	padding:.5em
}

button[disabled="true"] {
	opacity:.6
}

.clear {
	clear: both;
}

.right {
	float: right;
}

a.button:hover, a.button:visited {
	color:#FFF
}

button[disabled], input[disabled], a[disabled] {
	cursor:default;
	background-color: #DDDDDD;
	opacity:.6;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	width:auto!important
}

input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}

textarea {
	overflow:auto;
	vertical-align:top
}
input:invalid, textarea:invalid {
border-color:#af0c43;
box-shadow:none
}

input[type="radio"], input[type="checkbox"] {
	border:none!important;
	padding:0!important
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border-bottom: 1px solid #e8bfcf;
	margin: 10px 0;
}

td {
	vertical-align:top
}

.tooltip {
	border-bottom:1px dotted #4d4d4d;
	cursor:help;
	position:relative;
	text-decoration:none;
	color:#4d4d4d
}

.tooltip:hover {
	color:#4d4d4d
}

.tooltip span {
	margin-left:-999em;
	position:absolute
}

.tooltip:hover span {
	font:12px/1.4 Verdana, Geneva, sans-serif;
	position:absolute;
	left:1em;
	top:2em;
	z-index:99;
	margin-left:-150%;
	width:600px;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
	color:#FFF;
	padding:10px;
	margin-top:10px;
	background:#4c4c4c
}

.tooltip:hover span:before {
	content:" ";
	position:absolute;
	width:20px;
	height:9px;
	left:16px;
	top:-8px;
	background:url(../img/tooltip.png) no-repeat center top
}

.message .tooltip:hover span:before {
	left:50%
}

.unstyled {
	margin:0;
	padding:0;
	list-style:none
}

.unstyled li {
	margin-left:0;
	padding-left:0
}

.row {
	margin:0 2%
}

.fullwidth {
	width:100%
}

h1, h2 {
	font:1.5em Georgia, "Times New Roman", Times, serif;
	margin:.6em 0 0 0
}

.static h1 {
	color:#4d4d4d;
}

.static #content h2 {
	font:bold 11px/1.4 Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	letter-spacing:1.5px;
	margin:2em 0 .25em;
	color: #494743;
	border-bottom: 1px solid #D8D4C3;
}

.static #content h3 {
	color:inherit;
	text-transform: none;
	font:inherit;
	font-weight: bold
}

h3 {
	color:#af0c43;
	text-transform:uppercase;
	font:bold 11px/1.4 Verdana, Geneva, sans-serif;
	letter-spacing:1.5px;
	margin:2em 0 .25em
}

header .logowrapper {
	border-bottom:3px solid #5ac0ff;
	margin:0;
	background-color:#093760
}

header {
	/* background-color:#093760 */
}

#homelink {
	display:block;
	width:244px;
	height:57px;
	background:url(../img/jongbloed_logo_320_01.png) top left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}

h1#homelink {
	margin-top:0
}

nav {
	padding: 48px 0 5px 0;
}

nav ul.row{
	overflow:hidden;
	list-style:none;
	list-style-image:none;
	margin:10px auto 0;
	padding: 0;
}

nav li {
	list-style:none;
	padding:6px 0;
	font-size: 18px;
	border-top: 1px solid #A8A8A7;
}

nav li:first-child {
	border: 0;
}

nav li.active:first-child {
	background-position: 6px bottom;
}

nav a {
	min-width:40px;
	margin:0 auto;
	display:block;
	padding-right:15px;
	color: #4D4C4C;
}

nav li:first-child a {
	padding-left:0
}

nav a, nav a:visited {
	color: #4D4C4C;
	text-decoration:none
}

nav a:hover, nav a:focus, nav li.active a {
	color:#2c93cb
}

nav li:last-child a {
	border-right:0
}

.js nav, .js #search {
	overflow: hidden;
	max-height: 0;
}

nav.active, #search.active  {
	max-height: 15em;
}

.tagline {
	position: absolute;
	top: -50px;
	left: 0;
	margin-top: 10px;
	font-style: italic;
	font-size: 19px;
}

.line2 {
	top: -60px;
	background: #494743;
	color: #FFF;
	font-style: normal;
	padding: 9px 20px;
	font-size: 17px;
}

.line3 {
	background: #FFF;
	padding: 9px 20px;
}

.line2 a {
	color: #FFF;
}

.searchholder {
	margin: 0;
}

.crumb, .onlyprint {
	display:none
}

.search p {
	padding:0 0 2% 0;
	margin:5px 0 0 0;
	font:10px/1.4 Verdana, Geneva, sans-serif;
	color:#0f3657
}

.subject {
	padding:2px 7px;
	border:1px solid #cfcfcf;
	display:inline-block;
	*display:inline;
	margin-top:5px;
	font-weight:normal;
}

.subject a {
	color:#af0c43;
	text-decoration:none;
	font-weight:bold;
	font-size:17px;
	vertical-align:sub;
	margin-left:3px
}

.message .subject {
	border:1px solid white;
	margin:0;
	font-weight:bold;
}

#content {
	padding:15px;
	background-color:#fff;
	margin:0 0 20px;
	font:14px/1.4 Georgia, "Times New Roman", Times, serif;
	clear:both;
	overflow: hidden;
}

.homepage #content {
	overflow: visible;
}

footer {
	background:#4d4d4d;
	margin-top:20px;
	padding:30px 0;
	clear:both;
	color:#eeebe2
}

footer .slogan p {
	border-top:1px solid #9a9a90;
	font-size:19px;
	margin-top:20px;
	color:#bab9b5;
	padding-top:20px
}

footer a.button {
	background:#db0e54;
	background:-moz-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #db0e54), color-stop(100%, #a40e54));
	background:-webkit-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:-o-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:-ms-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:linear-gradient(top, #db0e54 0, #a40e54 100%);
	border:1px solid #af0c43;
	margin-top: 0;
}

footer .column {
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:top;
	width:46%;
	margin-right:3%;
	font:12px Verdana, Geneva, sans-serif;
	min-height:180px
}

footer .column ul {
	padding-left:0;
	margin-top:4px
}

footer .column.last {
	margin-right:0
}

footer a, footer a:visited {
	color:#eeebe2
}

footer a:hover {
	color:#cfcdc8
}

footer h2 {
	font-size:18px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #999a94;
}

footer .first {
	margin-top: 12px;
}

.pay.fase1 footer h2, .pay.fase3 footer h2 {
	color: #FFF;
}

footer li {
	list-style:none;
	margin-bottom:10px
}

.team {
	margin-top:30px
}

.team p {
	margin-bottom:5px
}

.team img {
	margin-top:10px;
	display: block;
}

#logout {
	background:#FFF;
	font:11px Verdana, Geneva, sans-serif;
	border-top:1px solid #9badbe
}

#logout ul {
	margin:0 auto;
	max-width:940px;
	text-align:right;
	padding:0
}

#logout li {
	list-style:none;
	border-left:1px solid #9badbe;
	padding:6px 11px;
	display:inline-block;
*display:inline;
	vertical-align:top;
	color:#073660
}

#logout li:first-child {
	border:0
}

#logout button, #matching_suppliers button {
	color:#af0c43;
	background:transparent;
	border:0;
	text-decoration:underline;
	text-transform:none;
	font:11px Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	letter-spacing:0
}

#matching_suppliers button {
	font:14px Verdana, Geneva, sans-serif;
}

#logout button:hover {
	color:#69082e
}

button, .button, .button_small {
	background:#db0e54;
	background:-moz-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #db0e54), color-stop(100%, #a40e54));
	background:-webkit-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:-o-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:-ms-linear-gradient(top, #db0e54 0, #a40e54 100%);
	background:linear-gradient(top, #db0e54 0, #a40e54 100%);
	text-transform:uppercase;
	padding:4px 7px 3px 7px;
	font:15px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:1px;
	display:block;
	margin:10px 0;
	-webkit-box-shadow:0 1px 1px rgba(33, 40, 27, 0.2);
	box-shadow:0 1px 1px rgba(33, 40, 27, 0.2);
	position:relative;
	top:0;
	text-decoration:none;
	overflow:visible;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	zoom:1
}

.button_small {
	text-transform:none;
	font:11px Verdana, sans-serif;
	letter-spacing: normal;
}

button:hover, .button:hover {
	background:#a40e54
}

.button_sec, a.button_sec {
	background:#415074;
	background:-moz-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #415074), color-stop(100%, #0c3861));
	background:-webkit-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-o-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-ms-linear-gradient(top, #415074 0, #0c3861 100%);
	background:linear-gradient(top, #415074 0, #0c3861 100%);
	color:#FFF;
	text-transform:none;
	font:11px Verdana, sans-serif;
	letter-spacing:normal;
	border:1px solid #093760;
	-moz-box-shadow:0;
	-webkit-box-shadow:0;
	box-shadow:0;
	padding:4px 7px
}

.button_sec:hover, a.button_sec:hover {
	border:1px solid #093760;
	background:#0c3861;
}


/* responsive menu */

.menuholder {
	border-bottom: 3px solid #AE0B43;
	min-height: 53px;
	background: #FFF;
	margin: 0 0 2% 0;
	padding: 0 2%;
	position: relative;
}

a.menu-button {
  	position: absolute;
 	top: 3px;
	padding-left: 35px;
	color: #FFF;
	height: 17px;
}

.menu-button:before {
	content: "";
	background-repeat: no-repeat;
	position: absolute;
	width: 35px;
	height: 20px;
	left: 10px;
	top: 5px;
}

.menu-link {
	right: 2%;
}

.menu-link:before {
	background-image: url("../img/icon-menu.png");
	background-position: 0 1px;
}

.search-link {
	left: 2%;
}

.search-link:before {
	background-image: url("../img/icon-vergrootglas.png");
}

nav, .searchbox {
	clear: both;
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-ms-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}

.menu-button.active {
	background: #4D4C4C;
	border:1px solid #4D4C4C;
}

.menu-button.active:after{
	position: absolute;
	content: "";
	height: 10px;
	width: 15px;
	bottom: -11px;
	left: 10px;
	background: url("../img/menu-active.png") no-repeat;
}


/* old infoblocks */
.sideinfo {
	margin:-10px 0 20px
}

.sideinfo li {
	width:45%;
	display:inline-block;
*display:inline;
	vertical-align:top;
	margin-top:10px;

}

#content .sideinfo li {
	margin-left: 0;
}

.sideinfo h2, .sideinfo p {
	font:12px/1.4 Verdana, Geneva, sans-serif;
	color:#494743;
	margin:0
}

.message {
	background-color:#e0ddce;
	padding:8px 25px 17px 15px;
	position:relative;
	top:-15px;
	left:-15px;
	width:100%;
	margin-bottom:-5px;
	background:#e0ddce url(../img/message-cutout-mobile.png) no-repeat bottom left;
}
.message h1 {
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#4d4d4d
}

.message h2 {
	font:11px/1.4 Verdana, Geneva, sans-serif
}

.homepage #content, .books #content {
	position:relative
}

.homepage #content h1 {
	font:normal 17px/1.4 Georgia, "Times New Roman", Times, serif;
	color:#494743;
	margin:0 0 15px 0;
}

.homepage .wrapper {
	margin-top: 60px;
}

.topten {
	clear: both;
	text-align: center;
	font-weight: bold;
	background: url("../img/intro-line.png") no-repeat center bottom;
	position: relative;
	top:-15px;
}

.topten span {
	background: #FFF;
	padding: 3px 10px;
	color: #494743;
	font: 25px "FontinSansBold","Lucida Grande",Lucida,Verdana,sans-serif;
	position: relative;
	top: 10px;
}

.intro-block .topten span{
	background: #F7F6F2;
}

.intro-block .intro h4 {
	font-weight: normal;
	font-size: 16px;
}

.books .blocks h3, .collection h3, .ondemand .wrapper h2 {
	color: #494743;
	border-bottom: 1px solid #D8D4C3;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 3px;
}

.ondemand h2 {
	font: 16px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.collection h3 span {
	float: right;
	font: 14px/1.4 Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	letter-spacing: normal;
}

.books .blocks ul {
	width: 100%;
	float: left
}

/* attention blocks */
.homepage .attention, .books .attention {
	background:none repeat scroll 0 0 #69112f;
	color:#fff;
	margin-top:10px
}

.homepage .attention a, .books .attention a {
	padding:10px 15px;
	display:block;
	text-decoration:none
}

.homepage .attention h1, .homepage .attention h2, .books .attention h1, .books .attention h2 {
	display:inline-block;
	*display:inline
}

.homepage .attention h1, .books .attention h1 {
	font:18px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0 10px 0 0;
	color:#FFF
}

.homepage .attention h2, .books .attention h2 {
	font:11px/1.4 Verdana, Geneva, sans-serif;
	color:#FFF;
	margin:5px 0 0 0
}

.homepage form h2 {
	font:16px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#494743;
	border-bottom:1px solid #e0ddce;
	margin-bottom:5px;
	padding-bottom:5px;
	margin-top:20px
}

.homepage #content .button {
	font-size:12px;
	margin-top:4px
}

.homepage .notify {
	margin:10px 0;
	padding-bottom: 20px;
}

.homepage #content .notify li {
	margin-left:0
}

.homepage .bookholder article, .books .bookholder article {
	background:#f2f1ea;
	padding:1%;
	margin-bottom:1%;
	overflow:hidden
}

.homepage .accountinfo {
	font:11px/1.4 Verdana, Geneva, sans-serif;
	margin:-10px 0 20px 0;
	display:inline
}

 */

/* homepage */
.homepage .intro-block, .intro {
	background: #F7F6F2;
}

.intro-block .block ul {
	margin-bottom: 0;
}

.homepage .intro-block, .books .intro {
	background: #F7F6F2;
}

.intro-block .intro{
	padding: 10px;
	margin: 0 auto;
	vertical-align: top;
}

.intro a p {
	color: #494743;
}

.intro-block .intro a {
	text-decoration: none;
}

.intro-block .intro h2 {
	font-size: 25px;
	font-family: "FontinSansBold","Lucida Grande",Lucida,Verdana,sans-serif;
	margin: 7px 0 1px 0;
	text-align: center;
}

.intro-block .intro h3 a {
	text-decoration: underline;
}

.intro-block .intro h3 {
	background:url("../img/intro-line.png") no-repeat center bottom;
	color: #494743;
	text-transform: none;
	font: 14px Georgia,"Times New Roman",Times,serif;
	letter-spacing: normal;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
}

.intro img, .collection img {
	background-color: #FFFFFF;
	box-shadow: 0 1px 1px #BDC4A9;
	float: left;
	margin: 0 20px 10px 0;
	padding: 5px;
	height: 130px;
}

.weekbook .info,
.weekbook article img{
	display: inline-block;
	*display: inline;
	vertical-align: top;
}

.weekbook .info {
	width: 70%;
}

.homepage .price, .books .price {
	font: bold 11px Verdana,Geneva,sans-serif;
	margin: 8px 0 10px 0;
}

.homepage h4 a, .books h4 a {
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}

.window img {
	margin-bottom: 10px;
}

.collection img {
	margin-bottom: 15px;
}

.collection h2 {
	font: 26px "FontinSansRegular","Lucida Grande",Lucida,Verdana,sans-serif;
	position: relative;
	top: 20px;
	left: 10px;
	margin-top: 0;
	height: 55px;
}

.collection h3 {
	margin-left: 10px;
}

.window article {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	width: 45%;
	text-align: left;
	margin-left: 4%;
}

.window article.last {
	display: none;
}

.window .author {
	clear: both;
}

/* books */
.books .intro {
	width: auto;
	margin: 0;
	display: inline-block;
	*display: inline;
}
.books .notify {
	display: inline-block;
	*display: inline;
	margin-bottom:20px;
}

.window + .notify {
	margin-top: 0;
}

.books .notify li {
	background:url("../img/announce-line.png") no-repeat center top;
	padding: 10px 0;
}

.books .notify li:first-child {
	background: none;
	padding-top: 0;
	margin-top: 0;
}

/* collection */
.collection article {
	display: inline-block;
	*display: inline;
	margin-bottom: 20px;
	border:1px solid #FFF;
	padding: 10px;
	margin-left: -2px;
	vertical-align: top;
	width: 43.9%;
}

.collection article:hover {
	border:1px solid #D885A1;
}

.collection .author {
	clear: both;
}

.collection article a {
	text-decoration: none;
	display: block;
}

.collection .author,
.collection .price,
.collection .bookinfo {
	color: #494743;
}

.books a:hover *,
.homepage a:hover *{
	color: #AF0C43;
}

a:hover .e-books {
	color: #FFF;
}

.collection h4 {
	font-weight: normal;
	font-size: 16px;
}

.collection .bookinfo {
	font: 11px Verdana,Geneva,sans-serif;
}

ul.bland {
	margin: 0px;
}

ul.bland li {
	list-style: none;
	margin: 5px;
}

/* actieblokjes */
.homepage .notify {
	border-bottom: 1px solid #A7A7A7;
}

#content .notify li {
	list-style: none;
	margin: 5px 15%;
	width: 70%;
	display: inline-block;
	*display: inline;
	vertical-align: top;
	text-align: center;
}

.notify ul {
	margin-bottom: 0;
}

.notify h2 {
	font-size: 18px;
	margin-bottom: 0;
	border: 0;
}

.notify p {
	font: 11px Verdana,Geneva,sans-serif;
	margin-bottom: 0px;
}

.bookholder {
	margin-top:20px
}

.bookholder article img, .getbook img {
	background-color:#fff;
	box-shadow:0 1px 1px #bdc4a9;
	float:left;
	margin:0 10px 10px 0;
	padding:3px
}

.bookholder h4 a {
	color:#af0c43;
	font:normal 16px/1.4 Georgia, "Times New Roman", Times, serif;
	text-decoration:none
}

p.author {
	font:italic 14px/1.4 Georgia, "Times New Roman", Times, serif;
	margin-bottom:3px;
}

.bookholder .bookinfo {
	display:none
}

.bookholder .price {
	font:12px Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin:5px 0
}

.bookholder .button {
	color:#FFF;
	display:inline-block;
	*display:inline
}

.shopping-cart .message a.cart_top {
	display:none
}

.shopping-cart .message h1 {
	background:url("../img/cart.png") no-repeat scroll left center transparent;
	margin:5px 0;
	padding-left:25px
}

.shopping-cart .cartheader, .pay.fase3 .cartheader {
	font:bold 10px/1.4 Verdana, Geneva, sans-serif;
	border-bottom:1px solid #c2c2c2;
	padding-bottom:5px
}

.shopping-cart article, .pay.fase3 article {
	border-bottom:1px solid #c2c2c2;
	font:12px/1.4 Verdana, Geneva, sans-serif;
	clear:both;
	padding:10px 0
}

.shopping-cart article>div, .shopping-cart .cartheader>div, .shopping-cart .discount>div, .shopping-cart .shipping>div, .shopping-cart .total>div {
	display:inline-block;
*display:inline;
	margin-left:-1%;
	margin-right:2%;
	vertical-align:top
}

.shopping-cart .info, .shopping-cart .cartheader .cartarticle {
	width:58%;
	margin-left:0
}

img.collapse_shopping_cart_additional_row {
	cursor: pointer;
}

tr.collapse {
	display: none;
}

tr.shopping_cart_additional_row div {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	margin-left: 25px;
}

.ebooknotice {
	background: #F9EDF1;
	padding: 15px 10px;
	margin-top: 10px;
	font: 12px/1.5 Verdana, Geneva, sans-serif;
}

.ebooknotice p {
	margin: 0;
	padding-top: 10px;
	clear: both;
}

#get_discount {
	float: left;
	margin: 5px 8px 0 0;
}

.info {
	position: relative;
}

.shopping-cart .info img, .pay.fase3 .info img {
	float:left;
	margin-right:10px;
	width: 42px;
}

.shopping-cart .info p, .shopping-cart .info h4, .pay.fase3 .info p, .pay.fase3 .info h4 {
	margin-left:52px;
	margin-bottom:0
}

.shopping-cart .info .author, .pay.fase3 .info .author {
	font-style:italic
}

.shopping-cart .cartnumber {
	width:18%
}

.shopping-cart .cartprice {
	width:17%;
	font-weight:bold
}

.shopping-cart #content .cartnumber input {
	width:40px;
	margin-right:5px
}

.shopping-cart .cartnumber a {
	display:block
}

.shopping-cart .discount, .shopping-cart .shipping, .shopping-cart .total, .pay.fase3 .discount, .pay.fase3 .shipping, .pay.fase3 .total {
	border-bottom:1px solid #c2c2c2;
	font:12px/1.4 Verdana, Geneva, sans-serif;
	padding:7px 0
}

.shopping-cart .discount .info, .shopping-cart .shipping .info, .shopping-cart .total .info {
	margin-left:0;
	width:79%
}

.shopping-cart .discount, .pay.fase3 .discount {
	color:#e1001a
}

.shopping-cart .total {
	border:0;
}

.shopping-cart .changedsum {
	text-align: right;
}

.shopping-cart .changedsum>button, .shopping-cart .changedsum>p {
	display: inline-block;
}

.shopping-cart .changedsum>p {
	padding:13px 10px 0 0;
	font:italic 11px/1.4 Verdana, Geneva, sans-serif
}

.shopping-cart a.cart_bottom {
	clear:both;
	float:right;
	margin:5px 0 0
}

.booklist .message button {
	position:absolute;
	right:15px;
	top:5px
}

.booklist hgroup h3 {
	color:#53b0f0;
	font:19px/1.4 Georgia, "Times New Roman", Times, serif;
	letter-spacing:normal;
	margin:0 0 5px;
	text-transform:none
}

.booklist h4 {
	font:bold 11px/1.4 Verdana, Geneva, sans-serif;
	margin:7px 0 3px
}

.booklist article, .searchpage article, .add-list article {
	padding-top:35px;
	background-color:#f2f1ea;
	margin-bottom:5px;
	padding:15px 15px 10px;
	position:relative;
	font:11px Verdana, Geneva, sans-serif;
	min-height:65px;
	overflow:hidden
}

.booklist article, .add-list article {
	padding-top:35px
}

.booklist .datesupply p {
	margin-bottom:3px
}

.admin.booklist article {
	padding-top:10px
}

.booklist .selectbook.checked {
	background:#8cc63f
}

.booklist #content .selectbook input {
	margin:6px 0 0 10px
}

.booklist .selectbook {
	background:#e0ddce;
	height:25px;
	width:100%;
	top:0;
	left:0;
	padding:0;
	position:absolute
}

#content .selectbook input {
	margin: 9px 5px 5px;
}

.booklist p.author, .searchpage .info p.author, .add-list p.author {
	font:italic 14px/1.4 Georgia, "Times New Roman", Times, serif;
}

.booklist article h4, .searchpage article h4, .add-list article h4 {
	font:16px/1.4 Georgia, "Times New Roman", Times, serif;
	margin:0
}

.booklist article+h4 {
	margin-top:20px
}

.booklist article img, .searchpage article img, .add-list article img {
	background-color:#fff;
	box-shadow:0 1px 1px #bdc4a9;
	float:left;
	margin:0 10px 40px 0;
	padding:3px;
	width: 42px;
}

.booklist article em, .searchpage article em, .add-list article em {
	font-size:12px;
	font-style:normal
}

.booklist .datesupply {
	height:35px;
	position:relative;
	top:2px
}

.searchpage .datesupply {
	height:68px;
	position:relative;
	top:2px
}

.booklist .price, .searchpage .price {
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:20px;
	margin-left:57px
}

.booklist .supply, .searchpage .supply {
	height:35px;
	margin-left:57px;
	top:1px
}

.booklist .remark {
	border-top:1px solid #fff;
	padding:7px 0 0 0;
	margin:10px 0 0 55px;
	font-size:11px
}

.booklist .remark p {
	font-style:italic;
	margin:3px 0 0 0
}

.orderholder button {
	float:left
}

.orderholder em {
	float:left;
	font:italic 11px Verdana, Geneva, sans-serif;
	width:200px;
	margin:8px 0 0 15px
}

article button {
	font-size:12px
}

.searchpage article button {
	font-size:12px;
	top:30px;
	left:58px;
	position:absolute
}

.searchpage.admin article button {
	position:static
}

.searchpage .info p,
.service .info p {
	font-size:11px;
	margin-bottom:3px
}

.searchpage .info .details,
.service .info .details {
	margin-top:5px
}

.remark {
	margin: 10px 0 0 57px;
	font-style: italic;
	line-height: 1.4em;
}

.searchpage p.author,
.service p.author {
   font: italic 14px/1.4 Georgia,"Times New Roman",Times,serif;
}

.searchpage h1 a {
	color:#4d4d4d
}

.subject {
	padding:0 5px
}

.submenu li {
	width: 100%;
	display: inline-block;
	*display: inline;
}

#content .filters {
	margin-top: 10px;
}

.filters h3 {
	display: block;
	color:#494743;
	text-transform: none;
	letter-spacing: normal;
	border-bottom: 1px solid #C2C1BC;
	font-size: 18px;
	margin-top: 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
}

.filters label {
	float: left;
	margin-right: 5px;
}

.filter {
	font:bold 12px/1.4 Verdana, Geneva, sans-serif;
	color:#494743;
	background-color:#FFF;
	border-bottom:5px solid #f3f2e9;
	padding:10px 10px 15px;
	margin-top: 10px;
}

.filter:first-child {
	border: 0;
}

.filter h4 {
	background:url(../img/filter-expand.png) center right no-repeat;
	display:block;
	padding-right:20px;
	cursor:pointer
}

.collapse ul {
	display:none
}

.collapse h4 {
	background:url(../img/filter-collapse.png) center right no-repeat
}

.filter ul {
	padding-left:0;
	margin:5px 0 0 0;
}

.filter li {
	font-weight:normal;
	list-style:none;
	margin:5px 0 0 0
}

.filter .tooltip {
	font-weight:normal;
	margin-left:2px
}

.filter .tooltip:hover span {
	width:200px;
	margin-left:-20%;
	margin-top:0;
	background-position:68% 0
}

.filter li a {
	text-decoration:none
}

.selected {
	padding:0 0 10px 0
}

.selected>div {
	display:inline-block;
*display:inline;
	padding-right:15px;
	border-right:1px solid #4d4c4c
}

.selected>a {
	padding-left:12px;
	font-weight:normal;
	vertical-align:top
}

.selected label {
	float:left;
	margin-right:5px
}

.detail h1 {
	margin-top:0
}

.detail .publisher {
	margin-bottom:10px
}

.detail .orderblock {
	background:#f6f5eb;
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
	min-width: 270px;
}

.detail .bookinfo {
	float:left
}

.detail .orderblock .price {
	font:22px 'FontinSansRegular', 'Lucida Grande', Lucida, Verdana, sans-serif;
	display:inline-block;
	margin:0
}

.detail .orderblock button {
	float:right;
	margin:0
}

.detail .wrapper aside {
	float:left;
	background:#FFF;
	position:static;
	width: auto;
	padding: 0;
}

.detail .img {
	position: relative;
	float: left;
}

.detail .img img {
	background-color:#fff;
	box-shadow:0 1px 1px #bdc4a9;
	padding:5px;
	margin:0 15px 15px 0;
	border:1px solid #849bb0;
	width:80px;
	height:120px;
}

.detail .details {
	border-top:1px solid #d8d4c3;
	border-bottom:1px solid #d8d4c3;
	padding:10px 0;
	margin-bottom:10px
}

.detail .details p {
	margin-bottom:0
}

.detail .img .label {
	background:#093760;
	color:#FFF;
	font:1.1em "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	width:82px
}

.detail .supply {
	margin:10px 0 5px 0;
	font:11px/1.4 Verdana, Geneva, sans-serif
}

.detail .moreinfo {
	font:11px/1.4 Verdana, Geneva, sans-serif;
	display:inline;
	vertical-align:middle;
	margin-left:10px
}

.detail .magazineinfo {
	border-bottom:1px solid #d8d4c3;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden
}

.detail table {
	font:12px/1.4 Verdana, Geneva, sans-serif
}

.detail .current td {
	font-weight:bold
}

.detail th, .detail td {
	min-width:55px;
	font-weight:normal;
	border:0;
	padding:2px 20px 2px 2px
}

.detail h2 {
	font:1.4em Georgia, "Times New Roman", Times, serif
}

.supply {
	background:url("../img/levertijd_grijs.png") no-repeat left 3px;
	padding-left:20px;
	font-size: 11px;
}

.supply.fast {
	background-image:url(../img/levertijd_groen.png)
}

.supply.late {
	background-image:url(../img/levertijd_rood.png)
}

.supply.medium {
	background-image:url(../img/levertijd_oranje.png)
}

.supply.download {
	background-image:url(../img/icon-download.png);
	background-position: top left;
	padding-left: 25px;
}

.supply.double-order {
	color: #093760;
	background-image:url(../img/icon_i_succes.png);
	background-position: top left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	font-weight: bold;
}

.detail .iteminfo {
	clear: both;
}

.ebookinfo {
	background: #52B0F0;
	color: #FFF;
	font:12px/1.6 Verdana, Geneva, sans-serif;
	padding: 7px;
	margin-left: 110px;
	max-width: 200px;
}

.ebookinfo a {
	color: #FFF;
	font-weight: bold;
}

.detail .ebook {
	background:url(../img/ebook.png) no-repeat;
	width: 32px;
	height: 32px;
	color: #FFF;
	font:12px/1.2 Verdana, Geneva, sans-serif;
	text-align: center;
	padding: 10px;
	position: absolute;
	bottom: 25px;
	top: auto;
	left: -10px;
}

.ebook {
	background:url(../img/ebook-small.png) no-repeat;
	width: 30px;
	height: 30px;
	color: #FFF;
	font:11px/1.1 Verdana, Geneva, sans-serif;
	text-align: center;
	padding: 4px 3px;
	position: absolute;
	top: 25px;
	left: -10px;
}

a:hover .ebook {
	color: #FFF;
}

.newsletter #content h2 {
	border-bottom:1px solid #eae8da;
	color:#af0c43;
	font:16px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:1px;
	margin-top:1em;
	text-transform:uppercase;
	margin-bottom: 15px;
}

.newsletter #content input[type="checkbox"], .newsletter label {
	margin-right:5px;
	display:inline
}

.newsletter label {
	width:85%;
	font-size:12px;
	width:90%;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}

.letter {
	margin-bottom:10px;
	max-width:500px
}

.submenu h3 {
	font:18px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom:1px solid #c4c3bd;
	color:#4d4d4d;
	letter-spacing:normal;
	margin-top:0;
	padding-top:10px;
	text-transform:none
}

.menu {
	font: 12px/18px Verdana,Geneva,sans-serif;
}

.menu ul {
	padding:0;
	margin:0
}

#content .menu li, #content .filter li {
	margin-left: 0;
	list-style: none
}


.menu a {
	text-decoration:none;
	color:#494743;
	display: block;
	padding:5px 17px 5px 0;
	background:url("../img/submenu.png") no-repeat center right;
	border-bottom: 1px solid #D7D3C7;
}

.menu a:hover {
	color:#69062e
}

.menu .active {
	font-weight:bold;
	background:0
}

.box, .menu {
	margin: 10px 0 10px 0;
	word-wrap: break-word;
}

.box p {
	font:12px/18px Verdana, Geneva, sans-serif;
}

.box p + button {
	margin-top:0;
}

.box h3 + p {
	margin-top: 10px;
}

.light {
	background: #FFF;
	padding: 1px 10px;
}

.filterpage .wrapper {
	margin-top: 0;
}

.filterpage #content {
	padding: 0;
	background: none;
}

.filterpage .menu,
.filterpage .box {
	padding-top: 10px;
}

.filterpage .main {
	padding: 15px;
	background: #FFF;
}

.filterpage .searchresults {
	padding: 10px;
	background: #FFF;
}

.filterpage .message {
	left:0;
	top: 0;
}

.place {
	font: 11px Verdana,Geneva,sans-serif;
	margin: 20px 0 -5px 0;
}

.notice {
	padding:2% 2%;
	margin:0 0 10px 0;
	position:relative;
	width:95%;
	border:1px dotted;
	font:12px Verdana, Geneva, sans-serif
}

.notice p {
	margin:0 0 0 20px
}

.notice.error {
	color:#73173b;
	border-color:#73173b;
	margin-right:0;
	background:#faf0f4 url(../img/icon_i_error.png) 10px center no-repeat
}

.notice.succes {
	color:#093760;
	background:#e5f5ff url(../img/icon_i_succes.png) 10px center no-repeat
}

.notice.succes a {
	color:#093760
}

.tags {
	background:url(../img/icon_tag.png) left center no-repeat;
	padding-left:25px
}

aside {
	padding:0 2%
}

.subnav {
	padding:0;
	margin-bottom:20px
}

.subnav ul {
	margin:0;
	padding:0;
	list-style:none
}

.subnav li {
	padding:0 10px;
	background:#076d67
}

.subnav li:first-child a {
	border:0
}

.subnav li a {
	color:#fff;
	text-decoration:none;
	padding:12px 0;
	display:block;
	font:bold 10px/1.4 Verdana, Geneva, sans-serif;
	border-top:1px solid #89bab7
}

.subnav li a:hover {
	color:#FFF
}

.subnav li.active span:before {
	content:'↑ '
}

.subnav li.active span {
	padding-right:15px
}

.cart {
	font-family:Verdana, Geneva, sans-serif;
	box-shadow:1px 1px 1px #bdc4a9;
	background:#FFF;
	padding:5px;
	border:1px solid #9dafbf;
	position:relative
}

.cart .buttonholder {
	position:absolute;
	right:0;
	top:0;
	border-left:1px solid #9dafbf;
	padding:2px 10px 8px;
	height:38px;
	background:#FFF
}

.cart h1 {
	font:bold 10px Verdana, Geneva, sans-serif;
	position:relative;
	top:-5px;
	left:-5px;
	background:#dcf2ff url(../img/cart.png) 5px center no-repeat;
	padding:5px 5px 5px 28px;
	margin:0
}

.cart p {
	font-size:11px;
	color:#093760;
	position:relative;
	margin-right:85px;
	margin-bottom:0
}

.cart p span {
	position:absolute;
	top:0;
	right:0;
	color:#093760;
	font-size:11px
}

.cart_small {
	background:#2a4263 url(../img/cart-wit.png) 3px center no-repeat;
	border:1px solid #a3a4b6;
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	top:10px;
	right:10px
}

.cart_small a {
	text-decoration:none;
	padding:8px 0 0 28px;
	height:23px;
	width:25px;
	display:block
}

.cart_small span {
	color:#FFF;
	display:block;
	font-size:14px;
	position:relative;
	top:-8px
}

.cart_small div {
	color:#FFF;
	font-size:10px;
	position:relative;
	top:-13px
}

p.year {
	font:12px Verdana,Geneva,sans-serif;
	margin-bottom: 3px;
}

.pay form div, .myaccount form div, .demand form div, .ondemand form div {
	padding:4px 5px 5px 0;
}

.pay.fase1 h2, .pay.fase3 h2 {
	border-bottom:1px solid #d8d4c3;
	color:#af0c43;
	font:bold 11px/1.4 Verdana, Geneva, sans-serif;
	margin:20px 0 10px 0;
	padding-bottom:5px;
	text-transform:uppercase
}

#invoice label {
	display:block;
	margin-bottom:5px
}

#invoice label input {
	display:inline;
	margin-right:5px
}

#address-provided button.button_sec {
	float:left;
	margin-top:15px
}

#address-provided .delivery-address p, #address-provided .delivery-address button.button_sec {
	margin-left:30px
}

#address-provided .delivery-address .span {
	float:left
}

.pay #content #address-provided .details, .pay #content #address-provided .details>div {
	padding:0;
	margin:0
}

.pay #content #address-provided .details {
	margin-bottom:20px
}

#content .use-delivery-address {
	border-bottom:1px solid #d8d4c3;
	padding:3px 0 13px 0;
	font:13px Georgia, "Times New Roman", Times, serif
}

.use-delivery-address label {
	font:13px Georgia, "Times New Roman", Times, serif
}

.use-delivery-address input {
	margin-right:3px
}

#content form div.note {
	background:none repeat scroll 0 0 #f2f1ea;
	display:inline-block;
*display:inline;
	margin-top:10px;
	margin-right: 10px;
	padding:5px 7px;
	font:11px Verdana, Geneva, sans-serif;
	width: auto;
}

#content form input+.note {
	margin:0 0 20px;
}

#content form .note+button {
	display: block;
}

#address div .span, #counselor div .span {
	margin-right:20px;
	font:13px Georgia, "Times New Roman", Times, serif
}

.pay.fase2 h2 {
	border-bottom:1px solid #d8d4c3;
	padding-bottom:5px;
	margin-bottom:5px;
	font:13px Georgia, "Times New Roman", Times, serif;
	color:#494743
}

.pay.fase2 button {
	margin-top:0
}

.delivery-address, .billing-address {
	width:100%;
	display:inline-block;
*display:inline;
	vertical-align:top;
	margin-bottom:20px
}

.delivery-address p, .billing-address p {
	margin:0
}

pay.fase2 {
	letter-spacing:.05em
}

.pay.fase3 h3, .myaccount h3 {
	margin-bottom:20px;
	padding-bottom:7px;
	border-bottom:1px solid #d8d4c3
}

#place_order {
	float: right;
}

#payment p {
	margin:0 0 15px 22px
}

#payment label {
	font:14px/1.4 Georgia, "Times New Roman", Times, serif
}

.pay .cartheader .cartnumber {
	margin-left:71.7%
}

.pay .cartnumber, .pay .cartprice, .pay .info {
	display:inline-block;
	margin-left:-1%;
	margin-right:2%;
	vertical-align:top
}

.pay .cartnumber {
	width:18%
}

.pay .cartprice {
	width:6%
}

.pay .info {
	margin-left:0;
	width:70%
}

.pay.fase3 .discount .info, .pay.fase3 .shipping .info, .pay.fase3 .total .info {
	margin-left:0;
	width:90%
}

.pay.fase3 .total {
	font-weight:bold
}

.pay.fase3 button {
	margin-top:30px
}

.pay button.button_sec {
	float:right;
	margin:0;
	top:-5px
}

.signin label {
	clear:left;
	display:block
}

.myaccount h3 {
	margin-top:10px
}

.deliveryaddress label, .profileservices label{
	display: block;
	margin-top: 5px;
}

.gender p {
	font: 11px Verdana,Geneva,sans-serif;
	margin: 2px 0 7px;
}

.gender label{
	font: 13px/1.4 Georgia,"Times New Roman",Times,serif;
	margin-right: 15px;
}

.remove span {
	background: url("../img/icon-trash-white.png") 0 1px no-repeat;
	width: 13px;
	height: 13px;
	text-indent: -999em;
	margin-right: 5px;
	display: inline-block;
	*display: inline;
}

.add-address {
	float: right;
	margin-top: -7px;
}
.logindata {
	margin-bottom: 30px;
}
.logindata p {
	margin: 0;
}

.standard {
	color: #1092E0;
	background: url("../img/icon-standard.png") 0 1px no-repeat;
	padding: 0 0 3px 20px;
	margin-top: 10px;
	font:12px Verdana, Geneva, sans-serif
}

.standard + .standard {
	margin-top: 3px;
	margin-bottom: 10px;
}

.save, .status {
	font-style: italic;
	margin-top: 5px;
}

.save button, .status button {
	vertical-align: middle;
	margin-right: 10px;
}

.save a, .status a {
	margin-left: 5px;
}

.check{
	font:13px/1.4 Georgia,"Times New Roman",Times,serif;
}

.check input {
	vertical-align: text-bottom;
}

.login-box form a {
	font:11px Verdana, Geneva, sans-serif
}

.signin #content .message h1 {
	padding-bottom:0;
	font:18px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif
}

.signin #content {
	background:0;
	padding:0
}

.signin #content .content {
	width:100%;
}

.signin .content:first-child>div, .order-login .content .order-login {
	background:url("../img/message_bg.png") no-repeat 20px 40px #fff;
	padding:15px 25px 15px 15px;
}

button#log_in {
    display:block;
}

.order-login #content .account_primair {
	margin-right:0
}

#submit_account {
	display: block;
}

.signin #content input, .signin #content select, #label_checkbox_i_am_student {
	margin-bottom:15px
}

.signin #content input[type="checkbox"] {
	margin:0 5px 3px 0
}

.forget {
	font-size:11px;
	position:relative;
	top:-10px
}

.signin #content {
	margin-top:20px
}

.signin #content h1 {
	font:18px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#4d4d4d;
	border-bottom:1px solid #e0ddce
}

#sign-up h3:first-child {
	margin-top:0
}

.searchpage.admin #content {
	background-position:20px 37px
}

.pagination {
	margin:15px 0 0 0;
	padding:0
}

#content .pagination li {
	margin:0 5px 5px 0;
	padding:0;
	display:inline-block;
*display:inline;
	border:1px solid #093760;
	background: #415074;
	background:-moz-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #415074), color-stop(100%, #0c3861));
	background:-webkit-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-o-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-ms-linear-gradient(top, #415074 0, #0c3861 100%);
	background:linear-gradient(top, #415074 0, #0c3861 100%)
}

.pagination li a {
	padding:3px 7px;
	color:#FFF;
	text-decoration:none;
	font:14px/21px Verdana, Geneva, sans-serif
}

#content .pagination li.active, #content .pagination li:hover {
	background:#FFF;
	color:#093760;
}

.pagination li.active a, .pagination li a:hover {
	color:#093760
}

#content .pagination li.disabled {
	background: none;
	border: 0;
}

#content .pagination li.disabled a {
	color:#093760;
}

#progress {
	display:table;
	float:left;
	margin:0 0 20px;
	padding:0;
	position:relative;
	width:100%
}

#progress li:first-child {
	margin-left:-3px
}

#progress li.active {
	background-color:#69082e
}

#progress li {
	background-color:#af0c43;
	border-right:1px dotted #fff;
	color:#fff;
	display:table-cell;
	font:10px/1.4 Verdana, Geneva, sans-serif;
	height:2.5em;
	list-style:none outside none;
	padding:1em 2% .75em;
	text-align:center;
	vertical-align:middle;
	width:21%
}

#content input, #content textarea {
	border:1px solid #c7b299;
	clear:left;
	display:block;
	font:13px/1.4 Georgia, "Times New Roman", Times, serif;
	margin:2px 0;
	padding:5px;
	width:95%
}

#content select {
	border:1px solid #c7b299;
	font:13px/1.4 Georgia, "Times New Roman", Times, serif;
	padding:3px;
	min-width:130px;
	display:block;
	clear:left
}

select.preferred_supplier {
	max-width: 350px;
}

.optional {
	color:#0b95db
}

#content .span input {
	display:inline;
	width:auto;
	margin-right:5px
}

form fieldset div {
	clear:left;
	margin:5px 0
}

#content .double div {
	display:inline-block;
*display:inline;
	margin:0;
	vertical-align:top;
	margin-right:1em;
	width: 100%;
}

#content form fieldset div {
	width: 100%;
}

div.alert, fieldset.alert {
	background:none repeat scroll 0 0 #fff0f0!important
}

div.alert label {
	color:#af0c43
}

div.alert div, form div.alert {
	padding:5px 5px 5px 10px;
	display: inline-block;
	*display: inline;
	vertical-align: top:
	zoom: 1;
	margin-left: -10px;
}

#content div.alert {
	width: 98.5%;
	margin-top: 0;
}

#content .double.alert div {
	padding: 0;
	margin-bottom: 10px;
}

p.alert {
	color:#af0c43;
	font:11px/1.4 Verdana, Geneva, sans-serif;
	margin-bottom:0;
	margin-top:.5em
}

#content .alert input {
	border-color:#af0c43
}

.hidden {
	display:none!important;
	visibility:hidden
}

.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}

header.specialcase .row {
	background-color:#093760
}

header.specialcase #homelink {
	width:244px;
	height:57px;
	position:relative;
	top:13px;
	background:0;
	text-indent:inherit;
	color:#FFF;
	text-decoration:none;
	font:2.2em "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif
}

header.specialcase h1#homelink {
	margin-top:0
}

header.specialcase .header {
	background:url("../img/header-wolf.png") no-repeat 10px 0 #fff;
	text-indent:-999em;
	height:27px;
	border-bottom:1px solid #9badbe
}

header.specialcase .cart_small {
	top:40px
}

header.eyhvg .header {
	background:url("../img/header-eyhvg.png") no-repeat 10px 0 #fff;
	text-indent:-999em;
	height:27px;
	border-bottom:1px solid #9badbe
}

header.eyhvg #homelink {
	background:url("../img/jongbloed_logo_320_01.png") no-repeat scroll left top transparent;
	text-indent:100%;
	top:0
}

.add-list .button_sec {
	float:none
}

.add-list h2 {
	font:14px "FontinSansRegular", "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform:uppercase;
	color:#af0c43;
	font-size:16px;
	border-bottom:1px solid #eae8da;
	margin-bottom:.7em
}

#status label {
	display:block
}

.message h1 {
	margin-top:0
}

#booksearch label, #booksearch input, #booksearch button {
	float:left;
	margin-top:0
}

#booksearch input {
	width:70%;
	clear:left;
	margin:0 10px 0 0
}

#booksearch+p {
	font:.8em/1.4 Verdana, Geneva, sans-serif;
	margin-top:1em
}

.admin.searchpage article {
	padding:10px
}

article .vak select+label, article .vak select+label {
	display:block
}

.my-jongbloed #content div {
	border-bottom:1px solid #e8bfcf
}

.my-jongbloed #content article {
	padding:2px 0;
	background-color:#fff;
	min-height:0;
	margin:0;
	border-top:1px solid #e8bfcf
}

.my-jongbloed #content article:last-of-type {
	margin-bottom:0
}

.my-jongbloed article a {
	text-decoration:none;
	display:block;
	padding:.7em 0
}

.my-jongbloed article a:hover {
	background-color:#fcf5f7
}

.my-jongbloed #content article h2 {
	font-size:1.2em;
	color:#af0c43;
	margin:0;
}

.my-jongbloed #content article p {
	font:.8em/1.4 Verdana, Geneva, sans-serif;
	margin-bottom:0;
	color:#494743
}

.my-jongbloed #content .message {
	border:0
}

fieldset.book {
	background-color:#f2f1ea;
	border-top:medium none;
	font:1em/1.4 Verdana, Geneva, sans-serif;
	margin-bottom:2px;
	padding:.5em
}

#newlist .getbook img {
	display:block
}

#newlist .getbook {
	clear:none;
	float:left;
	margin-top:0;
	padding-top:0;
	width:55%
}

#newlist .info {
	margin-left:60px;
	margin-top:0;
	padding-top:0;
	width:auto;
	clear:none
}

#newlist .book label {
	display:inline-block
}

#newlist .book .error {
	background-color:#f6d9de;
	display:block;
	float:left;
	padding:9px 6px;
	margin-right:10px
}

.getbook h4 {
	font:16px Georgia, "Times New Roman", Times, serif
}

#newlist .book .enterinfo {
	float:left;
	margin-bottom:0;
	margin-right:2%;
	padding:0;
	width:28%
}

#newlist .book .wait {
	background-color:#e0ddce;
	display:block;
	float:left;
	padding:27px 15px
}

#newlist .book .button {
	float:right;
	margin-top:0
}

#newlist .getbook .button {
	float:left;
	margin-top:3px
}

.wait img, .error img {
	background-color:transparent;
	box-shadow:none;
	margin:0;
	padding:0
}

.info h4+em {
	font-size:11px;
	font-style:normal
}

.add-list.admin article {
	padding-top:10px
}

.add-list.admin form fieldset div {
	clear:none;
	margin:0
}

.add-list.admin img {
	margin-bottom:10px
}

#newlist .book.alert p {
	color:#af0c43;
	font:.9em/1.4 Verdana, Geneva, sans-serif;
	margin-bottom:0
}

#newlist textarea+h2 {
	margin-top:20px
}

.booklist.admin #content .button {
	float:left
}

#results li {
	background-color:#f2f1ea;
	clear:both;
	font:1em/1.4 Verdana, Geneva, sans-serif;
	list-style:none outside none;
	margin-bottom:2px;
	min-height:65px;
	overflow:visible;
	padding:10px 10px 10px 65px;
	position:relative
}

.bookdelete {
	background:none repeat scroll 0 0 transparent;
	border:0;
	box-shadow:none;
	color:#af0c43;
	float:left;
	font:.8em/1.4 Verdana, Geneva, sans-serif;
	letter-spacing:normal;
	margin:1.2em 0;
	padding:2px 0;
	text-decoration:underline;
	text-transform:none
}

.prognose+fieldset em {
	display:block;
	float:left;
	margin:1em
}

table.booklists {
	font:.8em/1.3 Verdana, Geneva, sans-serif;
	width:100%
}

.striped tr:nth-child(even) {
   background-color: #f6f5eb;
}

th, td {
	text-align:left;
	padding-right:8px;
	font-weight:normal
}

td {
	border-top:1px solid #e8bfcf;
	padding-top:8px;
}

td h2 {
	margin-top:0;
	line-height:1.1
}

td h2 a {
	text-decoration:none
}

td p {
	margin-bottom:8px;
	font-weight:normal
}

.results form.hidden {
	display:none
}

.results li a p, .results li a h4, .results li a span, .results li a {
	color:#494743;
	text-decoration:none
}

#newlist .results li {
	background:#f2f1ea url(../img/book_open.png) top right no-repeat;
	margin-left:0
}

.results li:hover {
	background-color:#e8e6da;
	cursor:pointer
}

#results li, .results li {
	font:.8em/1.4 Verdana, Geneva, sans-serif;
	background-color:#f2f1ea;
	margin-bottom:2px;
	padding:10px 10px 10px 65px;
	clear:both;
	overflow:visible;
	position:relative;
	min-height:65px;
	list-style:none
}

.results li h4 {
	font-size:1.2em
}

.results .span {
	padding-right:2em
}

#newlist .results .info {
	margin:0 0 1em 0
}

#newlist .results input.small {
	width:95%
}

.results .vak {
	margin-top:1em
}

.results .vak, .results .bericht, .results .prognose {
	margin-bottom:1em
}

.results .status {
	overflow:auto;
	padding-bottom:.5em
}

.results .status a {
	color:#af0c43;
	text-decoration:underline;
	padding-left:.25em
}

.status {
	padding-top:1em
}

.status button {
	position:relative;
	top:-.5em;
	margin-right:.5em
}

.status+.status button {
	top:-1em
}

.status+.status {
	margin-bottom:-1em
}

.status+.status a {
	margin-left:.5em
}

#results .booksave, .results .booksave {
	color:#fff;
	border:1px solid #093760;
	font-size:.9em;
	padding:4px 7px;
	margin:0 1em 0 0;
	background:#415074;
	background:-moz-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #415074), color-stop(100%, #0c3861));
	background:-webkit-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-o-linear-gradient(top, #415074 0, #0c3861 100%);
	background:-ms-linear-gradient(top, #415074 0, #0c3861 100%);
	background:linear-gradient(top, #415074 0, #0c3861 100%);
	font:1em/1.4 Verdana, Geneva, sans-serif;
	text-transform:none;
	letter-spacing:normal;
	box-shadow:none;
	-webkit-box-shadow:none;
	-mox-box-shadow:none;
	float:left
}

#results .vak select, .results .vak select {
	margin:.5em 0
}

#results .vak select+label, .results .vak select+label {
	display:block;
	margin-top:1em
}

#results li img, .results li img {
	position:absolute;
	left:10px
}

.service .filter {
	border: 0;
	padding-bottom: 10px;
}

#content .block li {
	list-style: none;
	margin: 0 0 3px 0;
}

#content .block section {
	border-bottom: 1px solid #D4D6BE;
}

#content .block section:last-child {
	border-bottom: 0
}

#content .block section.profile {
	border-top: 0;
}

#content .block h3 {
	position: relative;
	top: 1px;
}

#content .block li a {
	text-decoration: none;
}

.blocks h3 {
	border-bottom: 1px solid #D4D6BE;
	color: #494743;
	margin-top: 15px;
}

.blocks .block ul {
	margin-top: 0;
}

.blocks .block li {
	background: url("../img/pointer-right.png") no-repeat left 3px;
	padding-left: 15px;
}

.blocks .block.first {
	margin-right: 0;
}

.blocks, .blocks-wide {
	margin-bottom: 30px;
	margin-top: -5px;
}

.blocks .block{
	width: 100%;
	display: inline-block;
	*display: inline;
	vertical-align: top;
}

.blocks-wide .block{
	margin-bottom: 30px;
}

.blocks-wide .block li a{
	font-weight: bold;
}

.block h4 a {
	text-decoration: none;
}

.blocks-wide h3 {
	margin-bottom: 0;
}

.blocks-wide h4 {
	margin: 0 0 3px 0;
}

.blocks-wide p {
	margin-bottom: 12px;
	margin-top: 10px;
}

section.profile p {
	margin: 0 0 6px 0;
}

.block section {
	padding-top: 5px;
}

section.profile h3.open, #accordion h4.open, #accordion h5.open {
	background: url("../img/pointer-down.png") no-repeat right 8px;
}

section.profile h3, #accordion h4, .accordion h5 {
	background: url("../img/pointer-up.png") no-repeat right 8px;
	cursor: pointer;
	padding-right: 15px;
}

.closed {
	background: url("../img/pointer-up.png") no-repeat right 8px;
	cursor: pointer;
	padding-left: 20px;
}

#accordion h4{
	font-weight: normal;
}

.blocks-wide section h4 a{
	display: block;
}

.blocks-3 a {
	background: url("../img/pointer-right.png") no-repeat left 3px;
}

.blocks-3 p {
	margin-bottom: 0;
}

.blocks-3 .block{
	margin-bottom: 15px;
	word-wrap: break-word;
}

.blocks-3 .block > * {
	padding-left: 15px;
}

.blocks-3 h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.blocks-wide .profile p {
	margin-left: 16px;
}

section.profile h3, section.profile h4 {
	color: #af0c43;
	cursor: pointer;
}

section.juridisch {
	margin-bottom: 50px;
}

#content .profile input {
	display: inline;
	margin-right: 5px;
	float: left;
}

#accordion section section  {
	display: none;
}

#accordion section.collapse,
section.profile h3 a, section.profile h4 a, section.profile h5 a {
	display: block;
	cursor: pointer;
}

.pdflink {
	background:url("../img/icon-pdf.gif") top left no-repeat;
	display:block;
	text-decoration:underline;
	padding-left:25px;
}

.advanced_search_link {
	color: #5AC0FF !important;
	float: right;
	text-decoration: none;
}

.advanced_search_link:hover {
	color: #FFFFFF !important;
}

.demand textarea{
	height: 100px;
	width: 98%;
}

.demand h2 {
	font-size: 18px;
	margin-bottom: 5px;
}

.demand #content .button {
	text-transform: none;
	padding: 7px 14px;
	letter-spacing: 0;
}

.ondemand #content, .shopping-cart-manage #content {
	margin-right: 0;
	max-width: 100%;
}

.button-holder {
	margin-top: 5px;
	display: inline-block;
	*display: inline;
	vertical-align: top;
	width: 90%;
	margin-bottom: 20px;
}

.search input {
	border:1px solid #C7B299;
	width:97%;
	display:inline-block;
	*display:inline;
	padding: 1%;
}

.search button {
	float:none;
	top: auto;
	bottom: 15px;
	position: absolute;
	left: 2%;
	display: none;
	margin: 0;
}

.active .search button {
	display: block;
}

.search {
	background:#FFF;
	padding: 2% 0 55px 0;
}

.inline {
	display: inline-block !important;
}

.edit {
	float: right;
}

a.edit img {
	height: auto;
}

section + button {
	margin-top: -40px;
}

.tab-title {
	display: none;
	color:#af0c43;
	font-weight: bold;
	margin-top: 15px;
}

.no-js .resp-tabs-list {
	height: 0px;
	overflow: hidden;
	margin: 0;
}

.no-js .resp-tab-content {
	border: 0;
}

.visible {
	display: block;
}

.resp-tabs-list, .resp-tab-content {
	display: none;
}

#accordion .resp-accordion {
	margin-top: 5px;
	background-color: #f6f5eb;
	background-image: none;
	padding: 5px;
	border:1px solid #d8d4c3;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

@media only screen and (min-width:600px) and (max-width:780px) {
	.submenu li, .books .blocks ul {
		width: 49%;
	}
}

@media only screen and (min-width:680px){
	.ondemand .intro {
		max-width: 610px;
		margin-bottom: 20px;
	}

	.ondemand .text {
		margin-bottom: 20px;
		margin-right: 320px;
		position: relative;
	}

	.ondemand aside {
		width: 280px;
		right: -310px;
		margin-top: 0;
		position: absolute;
		top: 0;
	}

}

@media only screen and (max-width:520px) {
	#logout li:first-child {
		display: block;
		border-bottom: 1px solid #9badbe;
		text-align: left;
	}

	.collection h3 span {
		display: block;
		margin-top: 5px;
		font-size: 13px;
		text-align: right;
		float: none;
	}
	.homepage .wrapper {
		margin-top: 80px;
	}
	.tagline {
		top: -76px;
	}
	.line2 {
		top: -82px;
	}
	.line3 {
		top: -75px;
	}
}

@media only screen and (max-width:420px) {
	.collection article {
		width: 93%;
	}
	.window article {
		width: 96%;
	}
	.shopping-cart .changedsum>p {
		display: block;
		margin: 10px 0 -5px 0;
		padding: 0;
	}
}

@media only screen and (max-width:320px) {
	button.add-address {
		float: none;
		margin: 0;
	}
}