@CHARSET "ISO-8859-1";
* {
  margin: 0;
  padding: 0;
}

body {
  font: 51.5%/1.6 Verdana, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  background: #f2f991 url(../images/bgbody.jpg) repeat-x;
}

h1 {
  font-size: 2.0em;
  font-weight: normal;
  color: #480513;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  color: #480513;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: 1em 0;
}

#branding {
  position: relative;
  height: 152px;
  background: #480513 url(../images/bgheader.jpg) no-repeat top right;
  padding: 10px 10px 0 20px;
}

#breadcrumb {
  height: 40px;
  background: #480513;
}

#branding h1 {
  margin: 0;
}

#firstContent ul {
  list-style: none;
}

#firstContent h1, #firstContent h2, #firstContent h3 {
  font-size: 2.0em;
  font-weight: normal;
  color: #480513;
  margin: 20px 0;
}

#firstContent p {
  font-size: 1.4em;
}

#secondaryContent h2 {
  font-size: 2.0em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.4em;
}

#footer {
  background: #480513 url(../images/bgwrapper2.jpg) no-repeat left top;
  color: #e5bb0d;
  height: 195px;
  padding: 1px 20px;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 977px;
}

#wrapper1 {
  width: 947px; 
  margin: 0 auto; 
  text-align: left;
  background: #ffe785 url(../images/bgwrapper.jpg) repeat-x left bottom;
}

#wrapper2 {
  width: 937px; 
  padding: 5px 5px; 
  text-align: left;
}

#content { 
  width: 937px; 
  float: right; 
  background-color: #f3f789;
}

#threecolumns #mainContent { 
  width: 500px; 
  margin: 0 0 0 210px; 
  float: left; 
  display:inline;
}

#threecolumns #secondaryContent { 
  width: 200px;
  margin: 0 0 0 10px;
  float: left; 
  display:inline;
} 

#threecolumns #firstContent { 
  width: 200px;
  margin: 0 0 0 -917px;
  float: left; 
  display:inline;
} 

#footer { 
  clear: both;
} 

/* Header tab-menu
================================= */

#branding ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 720px;
	left: 20px;
	bottom: 0;
}

#branding ul li {
	float: left;
	margin-right: 0.2em;
	background: url(../images/tab-right.png) no-repeat right top;
}

#branding li a {
	display: block;
	padding: 0 2em;
	line-height: 2.9em;
	background: url(../images/tab-left.png) no-repeat left top;
	text-decoration: none;
	color: #490715;
	float: left;
}

#branding ul li.active {
	float: left;
	margin-right: 0.2em;
	background: url(../images/tab-right-active.png) no-repeat right top;
}

#branding li.active a {
	display: block;
	padding: 0 2em;
	line-height: 2.9em;
	background: url(../images/tab-left-active.png) no-repeat left top;
	text-decoration: none;
	color: #f2f991;
	float: left;
}

#branding ul li a:hover {
	color: #f2f991;
}

/* Add some padding */

#firstContent {
  padding-top: 0;
  padding-bottom: 20px;
}

#secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainContent h1, #mainContent h2, #mainContent h3 {
  font-size: 2.0em;
  font-weight: normal;
  color: #480513;
  margin: 0 0;
}

#mainContent *, #firstContent *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainContent *, #firstContent * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

#footerNav { 
  padding-top: 164px;
}

#footerNav h2 { 
  display: none;
}

/* Footer menu
================================= */

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 720px;
	float: left;
}

#footer ul li {
	float: left;
}

#footer li.last a {
	border-right: #874b02 solid 0px;
}

#footer li a {
	display: block;
	text-decoration: none;
	color: #f3f789;
	line-height: 2.0em;
	padding: 0 0.5em;
	border-right: #874b02 solid 1px;
	float: left;
}

#footer ul li.active {
	float: left;
	margin-right: 0.2em;
}

#footer li.active a {
	display: block;
	text-decoration: none;
	color: #e2bc08;
	float: left;
}

#footer ul li a:hover {
	color: #e2bc08;
}

/* Main menu
================================= */
#firstContent a {
	display: block;
	width: 160px;
	text-decoration: none;
	line-height: 2.0em;
	border-bottom: #f2da3a solid 1px;
	color: #480513;
}

#firstContent a:hover {
	color: #f1a73c;
}

/* Content
================================= */
#breadcrumb {
	position: relative;
	font-size: 1.0em;
	color: #f3f789;
	padding-left: 20px;
}

#breadcrumb p {
	display: inline;
	position: absolute;
	color: #f3f789;
	line-height:1.1em;
	padding: 0;
	bottom: 0;
}

#breadcrumb a {
	color: #f3f789;
}

#breadcrumb a:hover {
	color: #e2bc08;
}

.linkbutton {
	display: block;
	line-height: 1.5em;
	color: #480513;
	font-size: 1.4em;
	padding-bottom: 20px;
}
.linkbutton span {
	margin-bottom: -1.0em;
}
.unseen {
	display: none;
}

/* Content
================================= */
#mainContent {
	padding: 20px 0;
}

/* ###############  main * ########################### */
/* position */

#mainContent h1.componentheading,
#mainContent #page h1.componentheading {
  font-size: 2.0em;
  font-weight: normal;
  color: #480513;
}

.leading
{
	color: #000000;
	margin: 0;
	padding: 0;
	position: relative;
}

.leading_separator
{
	border-bottom: solid 0px #333333;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}

#mainContent .leading img,
#mainContent #page p img {
margin: 5px 10px 5px 0;
float: left;
}

#mainContent .leading p.buttonheading,
p.buttonheading {
	text-align:right;
	margin:0;
	padding:0;
}

p.buttonheading img {
	border:0;
}

#mainContent .leading .buttonheading img,
#mainContent #page .buttonheading img {
	margin:0;
}

p.buttonheading a:link,
p.buttonheading a:visited {
	padding: 0 2px;
}

.leading p.buttonheading a:link,
.leading p.buttonheading a:visited {
	padding: 0 2px;
}

p.buttonheading a:hover {
	background:none !important;
	color:#000 !important;
}

p.buttonheading a:active,
p.buttonheading a:focus {
	border:solid 2px;
	color:#000;
}

/* ###############  main * ########################### */
/* position blog */
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}

.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0; }

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1 , .column2
{
	border: solid 0px #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1
{
	float: left;
	margin: 0;
}

.column2
{
	float: right;
	margin: 0;
	width: 45%;
}

.article_row
{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
}

.article_column
{
	border: solid 0px #ccc;
	padding: 10px 10px 10px 0;
}

.row_separator2
{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}

/* ###############  main * ########################### */

#mainContent .leading h2,
#mainContent #page h2 {
color:#480513;
font-size:2.1em;
font-weight:normal;
margin: 0 0 10px 0;
}

#mainContent h2 a {
text-decoration:none;
}

#mainContent .leading strong {
font-weight:bold;
margin: 0;
}

#mainContent .leading .readon {
color:#480513;
padding:0;
}

#mainContent .leading .small,
#mainContent .leading .modifydate {
color:#555;
}

.article_row .column1, .article_row .column2 {
font-size:1.4em !important;
padding:10px 0;
margin: 0;
}

.article_row .column1 p, .article_row .column2 p {
font-size:1.0em !important;
}
.article_row .column1 h2,.article_row .column2 h2 {
color:#480513;
margin:0;
padding:0;
font-size:1.4em !important;
font-weight:normal !important;
}

.article_column h2 {
color:#480513 !important;
font-size:1.2em !important;
font-weight:bold !important;
padding:0;
}

.article_row p.iteminfo {
padding:10px 0;
margin: 0;
}

.article_row p.iteminfo .createdate {
color:#555;
display:block;
line-height: 1.65em;
font-size:0.85em;
}

.article_row p.iteminfo .createdby {
color:#555;
display:block;
line-height: 1.65em;
font-size:0.85em;
padding:0;
}

.article_row p.iteminfo .modifydate {
color:#555;
display:block;
line-height: 1.65em;
font-size:0.85em;
padding:0;
}

#mainContent .blog_more li a {
display:inline;
margin:0;
padding:0;
}

#mainContent .blog_more li {
padding:4px;
}

#mainContent .blog_more ul li a {
background:url(../images/link.jpg) no-repeat bottom left;
font-weight:bold;
padding:2px 0 2px 22px;
}

#mainContent .blog_more ul li a:hover {
color:#f1a73c;
font-weight:bold;
padding:2px 0 2px 22px;
}

#mainContent .blog_more ul li a:active,#mainContent .blog_more ul li a:focus {
color:#f1a73c;
font-weight:bold;
padding:2px 0 2px 22px;
}

#mainContent .blog_more ul {
line-height:1.3em;
list-style-type:none;
margin:0;
padding:10px 10px 10px;
}

#mainContent .blog_more {
padding-top:10px;
}

/* main generell  */
#mainContent a.readon {
color:#480513;
padding:0;
}

#mainContent a.readon:hover,#mainContent a.readon:active,#mainContent a.readon:focus {
color:#f1a73c;
padding:0;
}

#mainContent a:link,#mainContent a:visited {
color:#480513;
padding:0;
}

#mainContent a:hover,#mainContent a:active,#mainContent a:focus {
color:#f1a73c;
}

#mainContent ul li {
padding:0 0 0 10px;
line-height:1.4em;
margin:10px 0;
}

#mainContent ul {
list-style-position:outside;
list-style-type:square;
padding:0 0 0 10px;
margin:0 0 0 20px;
}

#mainContent ul,#mainContent ol {
list-style-position:inside;
margin:10px 0 10px 20px;
padding:0 0 0 10px;
}

.small {
border:solid 0;
color:#555;
font-size:0.85em;
margin:0 0 20px;
}

.contentdescription {
padding:10px 0;
overflow:hidden;
}

.image_left {
float:left;
border:solid 0 #ccc;
margin:0 10px 10px 0;
}

.image_right {
float:right;
border:solid 1px #ccc;
margin:0 0 10px 10px;
}

.wrap_image {
clear:left;
}

.createdate {
color:#555;
display:block;
font-size:0.85em;
}

.createdby {
color:#555;
display:block;
font-size:0.85em;
padding:0;
}

.modifydate {
color:#555;
display:block;
font-size:0.85em;
padding:0;
}

span.content_rating,.leading span.content_rating {
margin:10px 0 0;
display:block;
}

.content_vote {
margin:0 0 10px;
display:block;
}

.content_vote input {
margin:0 5px;
}

.content_vote .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

/* ############# pagination ###################### */
#mainContent .pagination {
border-top:solid 1px #f2da3a;
margin:10px 0 0;
padding:10px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}

ul.pagination li a {
padding:2px;
}

/* ###############  Secondary Content * ########################### */
#secondaryContent {
	font-size: 1.3em;
}
#secondaryContent h2, #secondaryContent h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #480513;
	margin-bottom: 10px;
}
#secondaryContent .winkelwagen p {
	margin: 0;
}
#div.winkelwagen {
	margin-bottom: 1em;
}
#secondaryContent ul {
	list-style:none;
	font-size: 0.8em;
	margin:0;
}
.moduletable, .moduletable_text {
	margin-bottom: 20px;
}

/* ########################### contacts ########################### */
div.contact {
font-size: 1.0em;
}

address {
font-style:normal;
margin:10px 0;
}
label {
font-size: 1.3em;
}

address p {
line-height:1em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {
color:#000;
padding:20px 20px 20px 0;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 1px #bbb;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}
.contact texterea {
background:#fff;
border:solid 1px #bbb;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}


.contact .button {
background: #480513;
border:0;
color:#f1a73c;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
background:#fff;
border:solid 1px #bbb;
width:80%;
height:150px;
padding:2px 2px;
font-family: Verdana, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 1px red;
}

.contact label.invalid {
color:red;
}

/*#################### tabellen ############################ */
table.newsfeed {
border:solid 1px;
}

table.newsfeeds td,table.weblinks td,table.category td {
padding:5px;
}

table.newsfeeds th,table.weblinks th,table.category th {
padding:5px;
}

table.newsfeeds,table.weblinks,table.category {
font-size:1.4em;
margin:20px 0;
}

/* category table */
#count {
width:10%;
}

#tableOrdering {
width:70%;
}

#author {
width:20%;
}

/*  polls */
poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {
border:solid 1px;
position:relative;
}

.poll h3 {
color:#932467;
border:solid 0;
margin:20px 0;
}

.poll .td_2 {
width:100px;
}

.poll .td_3 {
width:300px;
}

.poll form {
margin:20px 0;
}

.poll table {
font-size:1em;
width:auto;
border:solid 0;
position:relative;
}

.poll table .td_1 {
width:30px;
}

.poll table caption {
color:#93246F;
font-size:1em;
font-weight:bold;
margin:10px 0;
text-align:left;
}

.poll td {
border:solid 1px #ddd;
padding:2px;
}

.poll td.line {
width:300px;
}

.poll th {
background:#EEE;
border:solid 1px #ccc;
}

.question {
font-weight:bold;
}

/*#################### tabellen ############################ */

.contentdescription {
font-size: 1.4em;
}

/*################## Link list ######################### */

#mainContent ul.linklist {
list-style-type:none;
margin:0;
margin: 5px 0 10px -10px;
padding:0;
text-align:left;
}
#mainContent ul.linklist li {
margin:0;
padding-bottom:4px;
}
/*################## Shopping list ######################### */

#mainContent ul.shoplist {
list-style-type:none;
margin:0;
margin-left: 0;
padding:0;
width: 100%;
text-align:left;
}
#mainContent ul.shoplist li {
display:block;
margin:0;
width:220px;
height:90px;
float:left;
padding:12px;
overflow:hidden;
}
#mainContent ul.shoplist li img {
border: 1px solid #ccc;
background: #fff;
padding:5px 20px;
margin-left:0;
margin-right:10px;
float:left;
display:inline;
}
#mainContent ul.shoplist li h3 a {
font-size: 0.5em;
line-height:1.6em;
}
#mainContent ul.shoplist li p {
font-size: 1.0em;
margin:0;
}
#secondaryContent a.button {
	font-size: 0.8em;
	background: #480513;
	padding:5px;
	text-decoration:none;	
}
#secondaryContent a:link.button,
#secondaryContent a:visited.button {
	color: #f1a73c;
}
#secondaryContent a:hover.button {
	color: #f2da3a;
}
#secondaryContent a:active.button {
	color: #f1a73c;
}
#secondaryContent a:link {
	color: #480513;
}
#secondaryContent a:visited {
	color: #480513;
}
#secondaryContent a:hover {
	color: #f1a73c;
}
#secondaryContent a:active {
	color: #480513;
}

/*################## Wijndetails ######################### */

#mainContent #wijndetails button {
background: #480513;
font-size: 1.18em;
color:#f1a73c;
border:0;
padding: 0;
cursor:pointer;
}

/*################## Winkelwagen ######################### */

#mainContent ul.winkelwagen {
list-style-type:none;
margin:10px 0;
padding:0;
text-align:left;
}
#mainContent ul.winkelwagen li {
display:block;
margin:0;
width:475px;
float:left;
padding:5px 12px;
border-bottom:1px solid #f2da3a;
overflow:hidden;
}
#mainContent ul.winkelwagen li img {
display:inline;
border: 1px solid #ccc;
background: #fff;
padding:5px 20px;
margin:1px 10px 0 0;
float:left;
}
#mainContent ul.winkelwagen li .noborder {
border: 0px solid #ccc;
background:#f3f789;
padding:0;
margin:0;
float:none;
}
#mainContent ul.winkelwagen li h3 a {
font-size: 0.5em;
line-height:1.6em;
}
#mainContent ul.winkelwagen li p {
font-size: 1.0em;
margin:0;
}
#mainContent ul.winkelwagen li span {
font-size: 1.0em;
margin:0;
float:right;
}
#mainContent #winkelwagen p.right {
font-size: 1.3em;
margin: 15px 13px 0 0;
text-align: right;
float:right;
}
#mainContent #winkelwagen button {
background: #480513;
font-size: 1.85em;
color:#f1a73c;
border:0;
padding: 3px 0 3px 0;
cursor:pointer;
float:left;
}
#mainContent #winkelwagen a:link.button,
#mainContent #winkelwagen a:active.button,
#mainContent #winkelwagen a:visited.button {
background: #480513;
text-decoration:none;
font-size: 1.45em;
border:0;
color:#f1a73c;
padding: 3px 20px;
margin: 15px 0 0 12px;
float:left;
display:inline;
}
#mainContent #winkelwagen a:hover.button {
background: #480513;
color: #f2da3a;
text-decoration:none;
font-size: 1.45em;
border:0;
padding: 3px 20px;
margin: 15px 0 0 12px;
float:left;
display:inline;
}
#mainContent #statusbar {
	margin: 0 0 10px 0;
	padding: 0;
	width: 500px;
	float:left;
}
#mainContent #winkelwagen p.status_winkelwagen,
#mainContent #winkelwagen p.status_adres {
font-size: 1.45em;
color: #480513;
padding: 2px 5px;
width: 156px;
background: #f4dd41;
float:left;
}
#mainContent #winkelwagen p.status_bestelling {
font-size: 1.45em;
color: #480513;
padding: 2px 5px;
width: 158px;
background: #f4dd41;
float:left;
}
#mainContent #winkelwagen p.active {
background: #e3b80a;
}
#mainContent #winkelwagen h3.hidden {
display:none;
}
#mainContent #winkelwagen span.hidden {
display:none;
}

/*########### Winkelwagen NAW ################### */
#mainContent #winkelwagen fieldset {
border: 1px solid #f2da3a;
float:left;
width:500px;
}
#mainContent #winkelwagen legend {
font-size: 1.4em;
font-weight: bold;
color: #480513;
margin-left: 10px;
}
#mainContent #winkelwagen label {
font-size: 1.0em;
margin-left: 10px;
width: 12.0em;
float:left;
display:inline;
}

/*########### Winkelwagen Bestelling ################### */
#mainContent #winkelwagen ul.bestelling {
list-style: none;
font-size: 1.0em;
margin: 10px 0 10px 10px;
float:left;
display:inline;
}
#mainContent #winkelwagen ul.bestelling li {
margin:0;
padding:0;
width:450px;
}
#mainContent #winkelwagen ul.bestelling li span {
width: 180px;
float:left;
display:inline;
}
#mainContent #winkelwagen table {
border-top:1px solid #f2da3a;
border-left:1px solid #f2da3a;
border-collapse: collapse;
font-size: 1.0em;
margin: 0 0 20px 20px;
width: 430px;
float:left;
}	
#mainContent #winkelwagen table caption {
color:#480513;
font-size: 1.8em;
padding: 0 0 20px 20px;
text-align:left;
}
#mainContent #winkelwagen table thead th,
#mainContent #winkelwagen table thead td {
border-right:1px solid #f2da3a;
border-bottom:1px solid #f2da3a;
padding:5px;
color: #480513;
font-size: 1.4em;
font-weight: bold;
}	
#mainContent #winkelwagen table th,
#mainContent #winkelwagen table td {
border-right:1px solid #f2da3a;
border-bottom:1px solid #f2da3a;
padding:5px;
font-size: 1.4em;
}	
#mainContent #winkelwagen table .left {
text-align:left;
}
#mainContent #winkelwagen table .center {
text-align:center;
}
#mainContent #winkelwagen table .right {
text-align:right;
}
#mainContent #winkelwagen h2 {
	margin-left:20px;
}
#mainContent #winkelwagen p.left {
	float:left;
}

/*################## mainContent ######################### */

#mainContent img {
	border: 1px solid #ccc;
	margin: 5px 10px;
}

#mainContent img.left {
	margin-left: 0;
	float: left;
	display:inline;
}

#mainContent img.right {
	margin-right: 0;
	float: right;
	display:inline;
}
#mainContent .inputbox_small {
	width: 130px;
}
#mainContent .inputbox_medium {
     width: 180px;
}

/*########### mainContent Wijn Details ################### */

#wijndetails img {
	display:block;
	border: 1px solid #ccc;
	background: #fff;
	padding:5px 20px;
	margin-left: 0;
	margin-right: 20px;
	float:left;
}
#wijndetails ul {
	padding:0;
	margin:0;
}

#wijndetails fieldset {
	border: solid 0px;
}

#wijndetails legend {
	font-size: 1.4em;
	font-weight: bold;
	color: #480513;
	margin:0;
}

#wijndetails label {
	font-size: 1.0em;
}

#wijndetails input {
	width: 30px;
}

#wijndetails .button {
background: #480513;
font-size: 1.65em;
color:#f1a73c;
width:100px;
border:0;
padding: 2px 0 2px 0;
margin-right:10px;
cursor:pointer;
float:left;
}

#wijndetails form {
	margin: 0 0 10px 0;
}
/* System Messages */
#system-message
{
margin:10px 0 20px -20px;
padding: 0 !important;
border:solid 0px;
}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0;  font-weight: bold; text-indent: 0px;padding:0 }
#system-message dd ul { color: #480513; margin-bottom: 10px; list-style: none; padding: 0px; border-top: 1px solid #480513; border-bottom: 1px solid #480513;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { background: #f2da3a}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #480513; background: #f2da3a ; border-top: 1px solid #480513; border-bottom: 1px solid #480513;margin:0}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #480513; background: #f2da3a; border-top: 1px solid #480513; border-bottom: 1px solid #480513;}