/* Main containers
---------------------------------------------------------------- */
body {background: #F9F6EE; margin: 10px 0 0 0;}
html, body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px;} 

h1, h1 a {	font: bold 16px Arial, Helvetica, sans-serif !important;color: #1d3f57 !important;}
h2{font: bold 14px Arial, Helvetica, sans-serif;color: #1d3f57 !important;}
h3{font: 14px Arial, Helvetica, sans-serif;color: #1d3f57 !important;}
h4{font: bold 11px Arial, Helvetica, sans-serif;color: #1d3f57 !important;}
p, li {line-height: 1.5 !important}
select {font-size: 11px;}
table {font-family: Arial, Helvetica, sans-serif !important; font-size: 11px;}
table td {font-size: 11px}
img {border: 0px}
ul {margin: 0px; padding: 5px 0px 5px 20px;}

.rood {color: red;}
.oranje {color: orange;}
.groen {color: green;}

#container {margin: 20px auto 0;width: 980px;}
#header {padding: 10px 0 0 0; width: 980px; height: 140px; background: url(/images/bg_navbar.jpg) no-repeat 0 0;}
#main {	padding: 20px 10px; width: 960px; float:left; background: url(/images/bg_shadow.jpg) repeat-y 0 0;}
.logoButton {background-position: 0 0; padding: 130px 100px}
#space {clear: both; background-color: white; height: 10px;}
#footer {
	color: white;
	width:980px;
	height: 55px;
	float: left;
	text-align:center; 
	font-size: 11px;
	background: url(/images/footer.jpg) top left no-repeat;
}
#footer div {margin-top: 1px;}
#footer a {color: white; margin: 0px 5px 0 5px; font: 9px Arial, Helvetica, Verdana, sans-serif;}
#footer a:hover {color: #97d7ff; border-bottom: 1px solid #757E82;}

#left {float:left; width:190px; background: #F2F2F2; margin-left: 20px;}
#left p {margin: 0px; padding: 0px;}
#left a {text-decoration:none;}
#left a:link, #left a:visited  {color: black;}
#left a:hover{color: #003B62;}
#left .menuTitel {background:#1d3f57; color: white; margin-bottom: 0px; padding:3px 5px; font-weight: bold;}
.menuContainer {background: #F2F2F2; margin:0px;padding:0px;}
.menuContainer ul {margin: 0px; padding: 8px; list-style:none;}
.menuContainer ol {margin-left: 25px; padding-left: 8px; padding-right: 8px;}
.menuContainer li {margin: 0px; padding: 3px 2px 3px 0px;}
.menuContainer form {margin:0px;padding:0px; text-align:center; padding-bottom:5px;}
.menuContainer select {margin:0px; width:100%;}
.menuContainer .selectbox {padding: 8px;}
.menuContainer span.webshopcat {font-weight: bold; color:black; display:block;margin-bottom: 5px;}
.menuContainer .leftform {margin: 0px; padding: 0px;}
.menuContainer #webshop_cart {font-weight: bold; background: url('../images/winkelmandje_bg.gif') no-repeat; width: 174px; height: 51px; margin: 12px 8px 10px 8px;}
.menuContainer #webshop_cart:hover {cursor:pointer;}
.menuContainer #webshop_cart div {margin-left: 55px;}
.cart_nr_items {padding-top: 9px;}
.cart_price {padding-top: 5px;}
.menuContainer #zoekBox {padding: 8px;}

#content {float:right; background: white; width:710px; padding: 0px 20px 0px 0px;}
#content .space {height: 15px; float:left;}

/* mouse over menu */
ul li.over {position: relative;}
li.over ul {
  width: 150px;
	position: absolute;
	left: 100px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
li.over ul li {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-top: 0;
}
li.over ul li:first-child {border-top: 1px solid #ccc;}
li.over:hover ul { display: block; } /*  The magic */
li.over:hover {background: white;}

/* Forms
---------------------*/

.form-item label {
	display:block;
	font-weight:bold;
}

input[type="textbox"], select, textarea {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	margin:8px 0;
	padding:2px;
}

input {
	color:#494949;
}

textarea, select {
	color:#494949;
}

input, textarea, select {
	margin:0.5em 0;
}

.form-item {
	margin-bottom:1em;
	margin-top:1em;
}

.form-button, .form-submit {
	margin:1em 0.5em 1em 0;
}

div.error, tr.error {
	background-color:#FFCCCC;
	color:#A30000;
	border:1px solid #DD7777;
}
.messages, .preview, div.warning, div.error, div.status {
	margin:0 0 1.5em;
	padding:8px 1em;
}

div.status {
	border-color:#C7F2C8;
	border: 1px solid #C7F2C8;
	color:#33A333;
}

/* Container met verzend, keurmerk logos  background: yellow url(/images/bg_shadow.jpg) repeat-y 0 0;
---------------------------------------------------------------- */
#home_remark {width: 980px; margin-bottom: 20px; margin-top: 0px; float: left; padding-left: 20px; padding-right: 20px;}
#home_remark ul {list-style-type: none; float:left; margin: 0px; padding: 0px; margin-left: 32px;}
#home_remark ul:first-child {margin-left: 0px;}
#home_remark ul li {padding: 4px 0px 4px 22px; background: url(/images/button_ok.png) no-repeat left center; font-weight: bold;}
#home_remark ul li.vragen {background: url(/images/question.png) no-repeat left center;}
#home_remark li img {vertical-align: middle; height: 16px; width: 16px;}
#home_remark ul li.info {background: url(/images/info_icon.png) no-repeat left center;}

#home_remark img {border: 0px;}
#verzendkosten {float:left; width: 310px;text-align:center; }
#verzendkosten img {float:left;}
div#verzendkosten {float:left; font-weight: bold; background:url(/images/versturenBack.png) no-repeat 0 0; height: 30px; width: 230px; text-align: center;  padding: 8px 8px 8px 22px; margin-left: 10px;}
div#prijsBack {float:left; font-weight: bold; background:url(/images/prijsBack.png) no-repeat 0 0; height: 30px; width: 120px; text-align: center;  padding: 8px 8px 8px 15px; margin-left: 20px;}
div#gratisSample {float:left; font-weight: bold; background:url(/images/sampleBack.png) no-repeat 0 0; height: 30px; width: 140px; text-align: center;  padding: 8px 8px 8px 22px; margin-left: 20px;}
div#vragenTop {float:left; font-weight: bold; background:url(/images/vragenTop.png) no-repeat 0 0; height: 30px; width: 150px; padding: 8px 8px 8px 23px; text-align: center; margin-left: 20px;}

div#logosRight {width: 50px; float:left; margin-left: 20px;}
img#laagsteprijs {float: right;}
img#qshops {float: left; width: 89px; height: 43px;}


/* Prod boxes
---------------------------------------------------------------- */
.box_header {
		width: 100%; 
		padding: 2px;
		margin-bottom: 0px; 
		border-top: 2px solid #1d3f57; 
		float: left;
}
.box_header h1 {margin-top:6px; padding-top: 0px;}
.box_header p {line-height: 1.5}
.box_header ul {list-style-type: none; margin-left: 0px; padding-left: 0px;}
.box_header img {border: 0px; vertical-align: middle;}

div.box-header-panel {
	border-bottom:1px solid #D0EAF8;
	border-top:1px solid #D0EAF8;
	height: 25px;
	width: 100%;
	float: left;
	background:transparent url(/images/gradient_box_header.gif) repeat-x scroll 0 0;
	margin-bottom: 5px;
}
div.box-header-panel select {margin: 0px; padding: 0px;}

div.box-header-panel div.right {float: right;}
div.box-header-panel div.left {float: left; padding: 5px;}
div.box-header-panel div form {float: right; padding: 4px;}
div.box-header-panel div span {float: left; display: inline; padding: 5px;}

.box {border-style: solid; border-width: 0px; width: 100%; float: left;}
.box ul {margin: 0px; padding:0px; list-style:none;}
.box li {margin: 0px; padding:0px; margin-top:2px;}
.box h2.boxProdName {font-size: 11px; font-weight: bold; padding: 0px; margin: 0px;}

.product_even{background: yellow; float:right}
.product_oneven{float:left;}
.product_even, .product_oneven  {position: relative;width: 330px; padding: 10px;background-color: white; border: 1px solid #E6E6E6; margin-bottom: 5px;}
/*actie image*/
.actie {float:left; position: absolute; top: 0; left: 0px; width: 45px; height: 45px; background: url('../images/actie.png') top left no-repeat;}
.product_even span, .product_oneven span {display: block}
.product_even img, .product_oneven img {border: 0px;}

.omschrijving {float:right; width:200px; height: 120px; margin-top: 2px; padding-left:5px;}
.omschrijving ul {list-style-type: none;}
.prodprice {color: green;}
.omschrijving .prodprice {margin-top: 5px;}
.description {width:270px; clear:both; padding-top: 4px;}

.price_select {width: 200px; margin-bottom: 5px; }
.price_select_uitverkocht {width: 200px; background-color: #FFBFC6;}
.uitverkocht {background-color: #FFBFC6;}

img.sterren {vertical-align: bottom; border: 0px;}

.hetplaatje { margin-right:2px; width:120px; height: 120px; border: 1px solid #EEEE; background: white; text-align: center; float: left;}
.hetplaatje img {vertical-align:middle;}

/* Prod details 
---------------------------------------------------------------*/
a.kassa-korting {margin-left: 10px; font-weight: bold; color: #EF2C1D !important;}
.box_detail h1 {margin-left: 4px;}
.box_detail {position:relative; border-style: solid; border-width: 0px; width: 100%; padding: 2px; margin-bottom: 5px; border-bottom: 2px solid #1d3f57; border-top: 2px solid #1d3f57; background-color: #F2F2F2; float: left;}
.box_detail .actie-detail {position: absolute; right: 164px; top: 5px; z-index: 10; height: 45px; width: 45px; background: url('../images/actie.png') top left no-repeat;}
div#volledig_links {float:left; margin-left: 6px; width: 450px;}
div#volledig_links h1 {margin: 0px; margin-left: -2px; padding-top: 10px; margin-bottom: 10px;}
div#volledig_links ul {list-style-type:none; padding: 0px; margin: 0px;}
div#volledig_links li {margin-bottom: 7px;}
div#volledig_links li#prodMerk {font-weight:bold;}
div#volledig_links img {vertical-align: text-bottom; margin-right: 3px;}
div#volledig_links select {margin: 0px;}
#plaatjeGrootBox {
	border: 1px solid  #D7D7D7;
	display: table;
	height: 205px;
	width:205px;
	overflow: hidden;
	background-color:white;
	float:right;
	margin-top: 2px;
	margin-right: 3px;
	text-align:center;
	position: relative;
}
#plaatjeGrootBox div {display: table-cell; vertical-align: middle; text-align: center; background-color:white; padding: 0px; margin:0px;}
#plaatjeGrootBox img  {display: inline; vertical-align: middle; text-align:center; border:0px;}
#volledige_tekst {clear:both; padding:3px; margin-left: 2px; margin-right: 2px; line-height:1.5}
#volledige_tekst a {color: blue; text-decoration: underline;}
#in_winkelwagen img {border: 0px;}

/* Reviews, vragen
---------------------------------------------------------------*/
img.sterren_review {display:block; margin-top: 2px; margin-bottom: 5px;}
ul#navQR {margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 10px; list-style-type:none; float:left; width: 450px;}
ul#navQR li {margin-bottom: 5px;}
ul#navQR img {border: 0px; vertical-align: bottom; margin-right: 5px;}
h1.headingQR {float:left; width: 450px; margin: 0px; padding-top: 10px; padding-bottom: 10px; margin-left: 6px; }
.prodImgQR{float:right !important; margin-right: 4px; margin-top: 2px;}
table#reviews, 
table#questions,
table.blog-overview {width: 98%; margin-left: 6px; margin-top: 5px; border-collapse:collapse; border-spacing: 0 0; float:left;}
table#questions td, table#reviews td {border-bottom: 1px solid #BEBEBE; padding-bottom: 4px; padding-top: 4px;}

table#reviews img, table#questions img  {border: 0px;}
table#reviews td, table#questions td {padding-left:3px; padding-right: 3px;}
table#reviews th, table#questions th {text-align: left; padding-left: 4px; padding-right: 4px; font-size: 11px; border: 0px; margin: 0px;}
th#irating_review {width: 420px;}
table .active {background-color: #F9F6EE;}
th#irating_auteur {width: 105px;}
th#irating_sterren {width: 85px;}
.rating_nr {font-size: 10px;}
.irating_date {width: 80px;text-align: center;}
th#where {width: 200px;}
th.date, th#date {width: 115px;}
th#question2 {width: 400px;}
th#question {width: 550px;}
.thread,
#review-top thead tr{background:#5C7099 url(/images/gradient_thead.gif) repeat-x top left; color:#fff; padding: 0px; margin: 0px; height: 20px;}
.question_box_header{vertical-align:middle; display:table-cell; width: 700px; padding-left: 4px;}
span.roverzicht_prodname {display: block; color: #666; font-size: 10px; margin-bottom: 3px;}

#revProdLink {color: #1D3F57;}
p.leegmelding {font-weight: bold; padding: 8px; width: 100%; clear:both; margin: 0px; margin-bottom: 5px;}
span.time{color:#666686;}
span.Qtype{color:#666686; display:block;}
span.topic_title{font-weight: bold;}
td.reply_count {text-align: center; width: 50px;}
table.form_table_QR {float:left; margin-top: 10px; width: 100%}
table.form_table_QR select {width: 280px; display:block; margin-bottom: 5px;}
table.form_table_QR .start {color: #999;}
div#revNav{float:left; margin-left: 8px}
div#revNav img {border: 0px;}
span.revProp {display: block; margin-bottom: 4px;}
div#revOpmerking {float:left; width: 100%; margin-top: 5px; padding: 4px; margin-bottom: 5px;}
div#revReact {float:left; background: url(/images/re-review.gif) 0px 8px no-repeat; padding-left: 23px; width: 500px; margin-left: 20px; }
p.meldingQR, p.meldingQoverzicht {width: 97%; padding: 0px; margin: 0px; float:left;}
p.meldingQoverzicht {margin-left: 8px;padding-bottom: 25px;}
span.meldingQR, p.melding {font-weight:bold; color:red}
h2.QR{margin-bottom: 4px !important; margin-top: 7px !important; color: #1D3F57 !important;}
h2.QR a {color: #1D3F57 !important}


div.postBox p, div.postBoxQ p {
	padding: 5px 0 5px 0;
	margin: 0px;
	line-height: 1.5;
}

div.postBox, div.postBoxQ {
	width: 690px;
	margin: 0 auto;
	clear:both;
	margin-bottom: 10px;
}

div.postTop, div.postTopQ {
	clear:both;
	height:6px;
}
div.postTop  {background: url(/images/roundT.png) no-repeat top left;}
div.postTopQ {background: url(/images/roundTQ.png) no-repeat top left;}

div.postMiddle, div.postMiddleQ {
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	margin: 0px;
	float:left;
	width: 677px;
	padding: 0 6px 0 6px;
}
div.postMiddle .user_info,
div.postMiddleQ .user_info {position:relative; left: 20px;}

.post-frontpage div.postMiddleQ p a {color: black !important;}
div.postMiddle a,
div.postMiddleQ p a {color:blue;}


div.postMiddle .posts, 
div.postMiddleQ .posts {margin-right: 10px;font-style:italic; display:block;}
div.postMiddle .stats, 
div.postMiddleQ .stats {font-style:italic;}

div.post-full a {
	color:blue;
	text-decoration:underline;
}

img.profile {float:left; padding-right: 10px; margin-bottom: 10px; height: 100px; width: 100px;}

div.postMiddle  {background:white;}
div.postMiddleQ {background:#DDEEFF;}

div.postBottom, div.postBottomQ {
	clear:both;
	height:7px;
}
div.postBottom  {background: url(/images/roundB.png) no-repeat top left;}
div.postBottomQ {background: url(/images/roundBQ.png) no-repeat top left;}

div.postMiddle ol, div.postMiddleQ ol {margin-bottom: 0px; margin-top: 0px; padding-top: 5px; padding-bottom: 5px}
div.postMiddle ul, div.postMiddleQ ul {margin-bottom: 0px; margin-top: 0px; padding-top: 5px; padding-bottom: 5px}

div.space {float:left; width: 100%; height: 10px; display:block;}

/* Toppers, nieuwe producten
---------------------------------------------------------------*/
.hetplaatje, .hetplaatje2, .hetplaatje2Left{
	border: 1px solid #E6E6E6;
	display: table;
	height: 120px;
	width:120px;
	overflow: hidden;
	background-color:white;
	float:left;
	text-align:center;
}
.hetplaatje2, .hetplaatje2Left{margin-bottom: 10px;}
.hetplaatje2 {margin-left: 25px;}
.hetplaatje a, .hetplaatje2 a, .hetplaatje2Left a {display: table-cell; vertical-align: middle; text-align: center; background-color:white; padding: 0px; margin:0px;}
.hetplaatje a img, .hetplaatje2 a img, .hetplaatje2Left a img  {display: inline; vertical-align: middle; text-align:center; border:0px;}
.boxProdImgs {
	float: left;
	border-color: #2F5B78; 
	border-style: solid; 
	border-width: 0px; 
	width: 100%;
	margin-bottom: 10px;
}

/* Toppers, nieuwe producten 
---------------------------------------------------------------*/
a:active, a:visited, a:link  {color: black; text-decoration: none;}
a:hover {color: #003B62; text-decoration: none;}
#rating {font-size: 85%; vertical-align: middle;}
#rating img {border: 0px;}
#contact_submit {height: 20px; padding-top: 0px; margin-top: 0px;width:95px; background-color:#F3F0F0; color: black; border: 1px solid #2F5B78; font-size: 8pt;}

/*  BESTEL POP 
----------------------------------------------------------------*/
#pop_uitverkocht {color: red; font-weight: bold;}
#popBody {background-color: white;}
#pop_div {padding: 5px; height:425px; position:absolute; top:20px; width: 100%; border-top: 2px solid black; border-bottom: 2px solid black;}
#pop_div table {position: relative; top:10px; margin-bottom: 20px;}
#pop_div select, #pop_div input {font-size: 11px;}
td.pop_td {font-weight: bold; padding-left: 4px; padding-right:4px; width: 80px;}
#pop_div img {border: 0px;}

/* Kassa 
---------------------------------------------------------------*/

img.plus-prod {margin-left: 1px;}
img.min-prod {margin-right: 1px;}
table#winkelwagen{width: 100%; border-collapse:collapse; margin: 0px; padding: 0px;}
table#winkelwagen td {padding: 10px;}
table#winkelwagen tr.heading td {padding: 5px; font-weight: bold;}
table#winkelwagen tr.korting {background: #e4f9eb; font-weight: bold; border: 1px solid #40a160;}
table#winkelwagen tr.korting img.info {vertical-align: text-bottom; margin-right: 5px;}
table#winkelwagen tr.korting td {padding: 8px; color: #257b41 !important;}


#kassa_rem_td {background:#1d3f57;width: 5px;}
.kassa_td {padding: 0px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}

td#kassa_rem {width: 23px; background:#1d3f57;}
td#kassa_naam {width: 205px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}
td#kassa_aantal {width: 43px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}
td#kassa_type {width: 60px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}
td#kassa_atts {width: 200px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}
td#kassa_sprice {width: 60px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}
td#kassa_price {width: 60px; padding-left: 2px; padding-right: 2px; color:white; text-align: center; background:#1d3f57;}

td.kassa_price {color: purple; width: 50px; text-align: center;}
td.kassa_aantal {text-align:center;}

td#kassa_totaal {border-top: 1px solid black;}
#kassa_afrekenen {height: 20px; width:95px; background-color:#F3F0F0; color: black; border: 1px solid #2F5B78; font-size: 8pt;}
#kassa_leegmaken {height: 20px; width:180px; background-color:#F3F0F0; color: black; border: 1px solid #2F5B78; font-size: 8pt;}
#kassa_submit {height: 20px; width:95px; font-weight: bold; background-color:#F3F0F0; color: black; border: 1px solid #2F5B78; font-size: 8pt;}

.borderbetalen {width: 100%; margin-top: 25px; float: left; margin-top:25px;}
.paymentTitle {float: left; font-weight:bold; margin-bottom: 2px; color: #1D3F57;}
#paymentTitleRight  {float: right}

div#betaalmethodes{float:left; border-top: 1px solid #E5E2E2; width: 100%;}
div#betaalmethodes input {margin-right: 5px;}
div.bmethode {margin-top: 5px; float: left;}
div.bmethodePrice {margin-top: 5px; float: right;}
div.bmethodContainer {width: 100%; float: left;}

.goodie_box {float:left; border-top: 1px solid #E5E2E2; width: 100%; padding-top: 10px;}
.goodie_box label {margin-left: 5px;}
.goodie_box td {padding-bottom: 15px; vertical-align: top;}
.goodie_box select {margin-left: 10px;}
.goodie_box tr td:first-child {font-weight: bold; padding-right: 10px;}
.goodie_box .box {margin-top: 15px; width: 100%;}
.goodie_box .goodie-title {font-weight: bold; margin-bottom: 1px;}
.goodie_box .disabled {color: red; margin-left: 5px;}

#totalPrice {float:left; border-top: 1px solid #E5E2E2; width: 100%; margin-bottom: 0px;}
#totalPrice .bmethodContainer div {padding-top: 5px;}
#cartTotalDesc {float:left; color:red; font-weight:bold;}
#cartTotalPrice {float:right; color:red; font-weight:bold;}

div#opmerking {text-align: justify; padding: 6px 6px 6px 6px; color: #EEEE; background: #e3adad; border: 1px solid #333; margin: 6px 0px 6px 0px;}
#cartSteps {margin-top: 20px; padding-bottom: 30px; width: 100%;}

#cartSteps .activeStep {color: #ee3124;}
#cartSteps .previousStep {color: #CCCCCC;}
#cartSteps div {margin-left: 45px;}
#cartSteps div:first-child {margin-left: 0px;}
#cartSteps .activeStep, 
#cartSteps .previousStep, 
#cartSteps .followStep {float: left; font-size: 130%; font-weight: bold;}

td#postcodeResponse {font-weight: bold;}
img.info, img.ideal {border: 0px; vertical-align: text-bottom;}

/*## Rode knoppen ##*/
.mandjeButton {background-image: url('/images/mandje_bg.gif');background-color: #ee3124; margin-top: 20px; margin-left: 5px;}
.mandjeButton {background-repeat:no-repeat;width:145px;height:21px;line-height:20px;float:left;border:0;color:#FFF;font-weight:700;vertical-align:middle;cursor:pointer;text-align:center;font-size:12px;letter-spacing:-.02em;padding:0 0 5px;}
.winkelButton {background-image: url('/images/winkelwagen_bg.gif');background-color: #ee3124; margin-top: 10px;}
.backButton, 
.forwardButton, .rodeButton {background-image: url('/images/check_go_back_bg.gif');background-color: #ee3124;}
.forwardButton,.backButton,.winkelButton, .rodeButton{background-repeat:no-repeat;width:129px;height:21px;line-height:20px;border:0;color:#FFF;font-weight:700;vertical-align:middle;cursor:pointer;text-align:center;font-size:12px;letter-spacing:-.02em;padding:0 0 5px;}
.forwardButton {float: right;}
.backButton, .winkelButton {float: left;}
.reageerButton {margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.postButton {margin-left: 10px; margin-top: 0px; margin-bottom: 10px;}

#submitWrap {margin-bottom: 40px; margin-top: 40px; float:left; width: 100%;}

/* Winkelwagen Inloggen 
------------------------------------------------------------------- */
div.winkelwagen-inloggen {margin: 25px 0 30px 0; float: left;}
div.winkelwagen-inloggen div.fiftybox {margin-bottom: 35px;clear: both;}
div.winkelwagen-inloggen div.right {border-left: 1px solid #E6E6E6}

/*## winkelwagen gegevens ##*/

table.winkelwagenGegevens{margin-bottom: 10px;}
table.winkelwagenGegevens input {font-size: 11px;}
table.winkelwagenGegevens .naam {width: 130px;}
table#table-afleveradres {margin-top: 15px;}
table.winkelwagenGegevens td{height: 23px;}

#uwGegevens {float:left; border-top: 1px solid #E5E2E2; width: 100%; margin-bottom: 40px;}
#uwGegevens p {padding: 4px 0 4px 0; margin: 0px;}
#cartEmpty {margin-top: 40px;}

/* ###################################### Overig ############################### */

table {font-size: 12px;}
.del {border: 0px;}
h1#atitel {font-size: 110%; margin-top: -20px; padding: 0px;}
.alink  a:link, .alink  a:visited  {color: red;}
.alink  a:hover{text-decoration: underline; color: #003B62;}

/* Nieuwsbrief
-----------------------*/
input#aanmelden {height: 20px; width:100px; background-color:#F3F0F0; color: black; border: 1px solid #2F5B78; font-size: 8pt;}

/* Sitemap
-----------------------*/
table#sitemap {width: 100%;}
table#sitemap a {display: block}
table#sitemap td {vertical-align: text-top;}
table#sitemap th {text-align:left; padding-bottom: 5px; font-size: 11px; text-decoration:underline;}
table#sitemap span {font-weight:bold; margin-top: 20px; margin-bottom: 5px; display:block; text-decoration:underline;}

/* Eiwitten
-----------------------*/
div.assortBox {width: 800px; float: left; margin-bottom: 10px;}
div.assortBox p {width: 555px; float: left; margin-left: 10px; margin-bottom: 0px;}
div.assortBox ul {float: left; width: 500px;display:block; margin-left: 30px; padding: 0px; margin-top: 0px; margin-bottom: 0px;}

/* Links
-----------------------*/
div#links ul {list-style-type: none; margin: 0px; padding: 0px;}
div#links li {margin-bottom: 2px;}
div#links h2 {font: 13px Arial, Helvetica, sans-serif;color: #1d3f57 !important; margin-top: 15px; margin-bottom: 4px;}
div#links a {color: blue; text-decoration: underline;}

/* Team
-----------------------*/
div#team ul {list-style-type: none; margin: 0px; padding: 0px;}
div#team h2 {margin-top: 25px;}
div#team img {border: 1px solid  #D7D7D7; float: right; margin-right: 40px;}
div#team th {text-align:left; font-size: 11px;}
div#team a {color:blue;text-decoration:underline;}

/* Dieet
-----------------------*/
div#dieet a {color:blue; text-decoration:underline}

/* Static
-----------------------*/
div#static a {color:blue; text-decoration:underline}

/* Register
-----------------------*/
table#register {width: 90%;}
table#register a {color: blue; text-decoration:underline}
table#register .registerDesc{text-align:right; white-space: nowrap; font-weight: bold;}
table#register input {font-size: 11px;}
table#register select {font-size: 11px;}
table#register td{height: 23px;}
table#register .avatar_space td {padding-bottom: 150px;}

/* Login
-----------------------*/
table#login {width: 70%;}
table#login input {font-size: 11px; width: 200px;}
table#login .loginRight {text-align:right; width: 100px;}

/* bestellingen
-----------------------*/
table#bestellingen {width: 100%; border-spacing: 0 10px;}
table#bestellingen img {border: 0px;}
table#bestellingen th {padding-left: 2px; padding-right: 2px; font-weight: normal; font-size:11px; color:white; text-align: center; background:#1d3f57;}
table#bestellingen td {vertical-align: top;}

/* Blog
-----------------------*/
div.blog-overview-left {float: left; width: 465px; clear: left;}
div.blog-overview-right {float: right; width: 220px; clear:left; padding: 0 10px;}

table.blog-overview {margin:0 0 0 10px; padding: 0px;}
table.blog-overview .topic_title,
table.blog-overview .date_time {display:block; margin-bottom: 3px; max-width: 280px;}
table.blog-overview tr:first-child td {
	font-weight: bold;
	border:0 none;
	font-size:11px;
	margin:0;
	padding-left:4px;
	padding-right:4px;
	text-align:left;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

table.blog-overview td {
border-bottom:1px solid #BEBEBE;
padding-bottom:6px;
padding-top:6px;
}

ul.sidemenu{
  list-style-type: none;
  border-top:1px dashed #cacaca;
  margin:5px 0 15px;
  padding:0;
}
ul.sidemenu li {
  border-bottom:1px dashed #cacaca;
  list-style:none outside none;
  padding: 0.3em 0 0.3em 10px;
}
ul.sidemenu li.month {padding-left: 25px;}
ul.blog-message-menu {padding: 0px 0 20px 0 !important;}
div.blog-overview-right h2:first-child {margin-top: 0px;} 

div.blog-post {clear: left; width: 450px; margin: 0 0 25px 10px;}
div.blog-post h2 {font-size: 14px; font-weight:bold; padding:5px 0 7px 0; margin:0;}
div.blog-post h2 a {color: #1D3F57}
div.blog-post .content {margin-bottom: 20px;}
div.blog-post-top {background: url("/images/blog-box.png") no-repeat; height: 7px;}
div.blog-post-bottom {background: url("/images/blog-box.png") no-repeat; height: 7px; background-position: 0 -9px;}
div.blog-post-middle {background: #DDEEFF; border-left:1px solid #CECECE; border-right:1px solid #CECECE;padding:0 6px;}

div.post-footer  {
	padding-top: 10px;
  height:25px;
}

div.post-footer ul {
  float:left;
  list-style:none outside none;
  margin:0;
  padding:0;
  width:95%;
  padding: 5px;
}

.post-footer .expand-post {
  background:url("/images/expand.png") no-repeat scroll left center transparent;
  padding-left:22px;
}

.post-footer .blogoverzicht,
.blog-link {
  background:url("/images/blog-icon.gif") no-repeat scroll left center transparent;
  padding-left:22px;
}

.post-footer .comments {
  background:url("/images/comment.gif") no-repeat scroll left center transparent;
  padding-left:20px;
}

.post-footer .date {
  background:url("/images/clock.gif") no-repeat scroll left center transparent;
  padding-left:20px;
  white-space:nowrap;
}

.post-footer ul li {
  display:inline;
  float:right;
  margin-left:15px;
  padding-left:17px;
}
postBottomQ {height: 30px; min-height: 30px;}
div.manager {float:right;}
div.manager img {margin-left: 10px;}

div.blog-cat-select {margin-bottom: 15px;}
div.blog-cat-select label {display: block}

div.post-frontpage {margin-bottom: 20px;}
div.post-frontpage .postMiddleQ .post-middle {max-height: 100px; overflow: hidden;}
div.post-frontpage .postMiddleQ .post-footer {overflow: visible; visibility: visible;}
postBottomQ {height: 30px; min-height: 30px;}

/* Voedingsschema blog */
.voedingsschema {border-collapse: collapse; background: white;}
.voedingsschema tr:first-child td {background:white;}
.voedingsschema tr:first-child td:first-child {width: 300px;}
.voedingsschema caption {caption-side:bottom; font-size: 11px;}
.voedingsschema caption {caption-side:bottom;}
.voedingsschema td {border: 1px solid gray; padding: 3px 5px 3px 5px; background: #fff3d7;}
.voedingsschema .total {font-weight:bold;}
.voedingsschema .total td {border-top: 1px solid black; background: #ffdc88}
.voedingsschema .total td:first-child {background: white;}
.voedingsschema .time-heading td {padding: 10px 3px 10px 3px; font-weight: bold; text-decoration:underline; background:white;}
.voedingsschema .value {font-weight: bold;}

.dongit {float: left; position:relative; left: 10px; top: 14px; width: 140px; height: 18px;}

/* CSS menu */

.menu .menu-button {
	margin-left: 8px;
	margin-top: 15px;
	margin-bottom: 5px;
	background: url('../images/menu_bg.gif') no-repeat;
	color: white !important;			
	width: 153px;
	height: 17px;			
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 10px 2px 10px;
  white-space: nowrap;
}

.menu .menu-button:hover {cursor:pointer;}
.menu .sub {
	display: none; 
	margin-top:-5px; 
	margin-left: 8px; 
	padding: 0px; 
	background: white; 
	height: 250px; 
	width: 350px; 
	overflow: auto; 
	border: 1px solid #b9b9b9;
	z-index: 50;
}

.menu .sub li {font-weight: bold; position: relative; z-index: 100; background: none; margin: 0px; padding: 3px 5px 3px 5px; }
.menu .sub li:hover, .menu .itemhover {background: #efeded;}
.menu .sub li a {padding: 0px; margin:0px; width: 90%; color: black !important; background-image:none;}
.menu .sub span, .menu .sub .winkelwagen {font-weight: normal; margin-left: 5px; color: #626262 !important;}

.menu-visible {display: block !important; position: absolute;}

/* Review top 50 */
#review-top {width: 100%; border-collapse: collapse;}
#review-top tr td:first-child {text-align:center;}
#review-top td {height: 40px;}
#review-top th {font-size: 11px; text-align: left; cursor: pointer; padding-left: 13px;background:url("../images/sort-bg.gif") left center no-repeat;}
#review-top th.no-bg {background-image: none !important;}
#review-top thead tr .headerSortUp {
background:url("../images/asc.gif") left center no-repeat;
}
#review-top thead tr .headerSortDown {
background:url("../images/desc.gif") left center no-repeat;
}

/* activiteit sub page */
.activity-box {width: 250px; display: block;margin-bottom: 10px;}
.activity-box .profile {margin: 0 0 0 65px; float: none;}
.activity-box .message {background-color: #F3F3F3; border: 1px solid #D3D3D3; padding: 7px;}
.activity-box .post-reacties img {vertical-align: -3px; margin-right: 5px;}
.activity-box .post-title {font-style: italic; margin-bottom: 5px;}
.activity-box .post-time {display: inline; margin-top:5px;}
.activity-box .post-reacties {display: inline;margin-top: 7px; margin-left: 10px;}
.activity-box .speak {
		background: url("../images/speak-bottom.png") no-repeat scroll 0 0 transparent;
    height: 7px;
    left: 125px;
    position: relative;
    top: -1px;
    width: 7px;
    z-index: 2;
}
.activity-box .nickname {width: 100%; text-align: center; font-weight: bold;}
.activity-box .sterren {vertical-align: -4px; margin-right: 2px;}
.activity-box .producten-bekeken ul {margin: 0px; padding: 0px; list-style-type: none;}
.activity-box .producten-bekeken li {font-weight: bold; padding: 3px 0 0 0;}
.activity-box .producten-bekeken li:first-child {padding-top: 0px;}
.activity-box .producten-bekeken span {font-weight: normal; margin-left: 5px; color: #626262}

#activiteit .section {font-weight: bold; color: #1D3F57; width: 100%; border-bottom: 1px solid #1D3F57; margin-bottom: 10px; padding-bottom: 2px;}
#activiteit .section a {color: #1D3F57 !important;}

/*activiteit*/
#activiteit-button {color: white; font-weight: bold; padding: 4px 10px 2px; width: 140px; height: 25px; background: url('../images/activiteit_button.gif') no-repeat; top: 10px; position: relative;}
#activiteit-button:hover {cursor: pointer;}
.twitter-share-button {margin-top: 5px;}
#container {position: relative;}
#activiteit {position:absolute; left: 980px; top: 150px; background: white; width: 250px; padding: 10px; border: 1px solid #D3D3D3;}
#activiteit .box_header {float:none;}
.activiteit-start {min-height: 300px;}



.avatar_select {float: left; margin-top:13px;}
.avatar_select div.preview {float: left; width: 100px; height: 100px; border: 2px dotted #CCCCCC; padding: 4px;}
.avatar_select div.preview.loading { background: url('../images/loading.gif') no-repeat 39px 40px; }
.avatar_select div.preview.loading img {display: none; }

.wrap_avatar {
		float: left;
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #F2F2F2;
    line-height: 1;
    margin: 20px 0 14px 20px;
    padding: 7px;
}

.wrap_avatar label {
    margin-bottom: 5px;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 18px;    
}
.wrap_avatar img {
	float: right;
	cursor: pointer;
}

.register .wrap_avatar img {margin: 10px 0 0 10px;}
.avatar_select.register {float:none; position:absolute; top: 595px; padding: 0px 0px 0px 92px; margin:0px !important;}
.avatar_select.register .wrap_avatar {float:none;background-color:white; padding: 0px;margin:0px;}
.avatar_select.register div.preview {float:none; margin-left: 110px;}
.avatar_select.register label {display:inline; margin-right: 2px;}

/* globaal quickform */
form.quickform {margin-bottom: 25px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-color: #F2F2F2; padding: 7px;}
.quickform table {border-collapse: collapse;}
.quickform tr {padding: 0px; margin: 0px;}
.quickform td.label {font-weight: bold; text-align:right; padding: 10px 10px 0 0; margin-right: 10px; vertical-align: top;}
.quickform td.label label {margin-right: 10px;}
.quickform td.input {float:left;}
.quickform .error_message {padding: 10px 0 10px 0; display:block; width: 100%;}
.quickform input[type=text] {width: 200px;}


#gegevens {width: 355px;}
#profiel {width: 280px; margin-right: 20px; float:left;}

#zakelijk {width: 670px;}
form#zakelijk .label {width: 100px;}


.quickform .error {padding: 0px; margin: 0px; width: 100%;}