body {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.gif) 25% 0 repeat-y;
}
html, body, #contain{
	min-height:100%;
	height:100%;
	width:100%;
}
html>body, html>body #contain{
	height:auto;
}
img {
	border:none;
}
#contain{
	position:absolute;
	background: url(../images/bg_bottom.jpg) 25% bottom no-repeat;
}
/*

-------------Redefined-------------

*/
p{
	line-height: 160%;
	font-size: 70%;
}
a{
	color: #AF130C;
	text-decoration: underline;
}
a:hover{
	color: #AF130C;
	text-decoration: none;
}
h1 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Trebuchet;
	font-size: 120%;
	font-weight: 100;
	margin: 0 0 2px 0;
}
#home h1{
	margin: 0 0 20px 0;
}
h2 {
	color: #B41100;
	font-family: "Trebuchet MS", Trebuchet;
	font-size: 100%;
	font-weight: 100;
	margin: 0 0 2px 0;
}
h3{
	color: #B41100;
	font-size: 75%;
	font-style:italic;
	font-weight: 100;
	margin: 0 0 30px 0;
}
#home h3{
	color: #FFFFFF;
	font-family: "Trebuchet MS", Trebuchet;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 2px 0;
}
ul{
	margin:0 0 25px 0;
	padding:0;
	list-style-type:none;
	line-height: 160%;
	font-size: 70%;
	color: #000000;
}
ul ul{
	font-size: 100%;
}
ul li{
	position:relative; /*make icon visible in ie with % (peek-a-boo)*/
	padding: 0px 0px 0px 14px;
	background: url(../images/icon_list.gif) 0 7px no-repeat;
	display: block;
}
p.list_nieuws a:hover{
	color: #000000;
	text-decoration: none;
}
table{
/*	width:100%;*/
	margin:0 0 25px 0;
	border-collapse:collapse;
}
th {
	color: #646918;
	font-size: 70%;
	font-weight: 100;
	text-align: left;
	padding: 3px 0px 3px 0px;
}
td {
	color: #2A2B1E;
	font-size: 70%;
	text-align: left;
	padding: 3px 0px 3px 0px;
}
td.right, th.right {
	text-align: right;
}
input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px #000000 solid;
	font-size: 80%;
	color: #B80306;
}
th input, td input, th textarea, td textarea{
	font-size: 120%;
}
/*

-------------Header-------------

*/
#header{
	position:relative;
	padding:23px 0 15px 4%;
	background: url(../images/bg_grayline.gif) 25% bottom no-repeat #FFFFFF;
}
/*

-------------Left column-------------

*/
#colleft{
	float:left;
	position:relative;
	margin: 30px 0 90px 0;
	left:4%;
	width: 17%;
}
/*Navigatie*/
#nav ul{
	width:185px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 60%;
}

#nav li{
	line-height: 100%;
	padding:0;
	border-bottom: 1px #BABABA dashed;
	background:none;
}
/*holy hack to show borders\*/
* #nav li{
	height:1%;
	margin:0;
	/*end*/
}
#nav li a{
	padding: 5px 0px 5px 9px;
	color: #9B130F;
	text-decoration:none;
	display:block;
}
#nav li a:hover{
	background:#D6DE9D;
}
/*Postcode*/
#postcode{
	margin: 20px 0 0 0;
	border: 1px #B20C0C solid;
	width: 185px;
	background: #FFFFFF;
	font-family: "Trebuchet MS", Trebuchet;
	font-size: 100%;
}
#postcode .kop {
	padding-left: 25px;
	background: #B20C0C;
	border-bottom: 1px solid #B20C0C;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}
#postcode .rij {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #B20C0C;
}
#postcode .rij2 {
	padding-left: 10px;
}
#postcode input{
	width: 80px;
	margin: 10px 0 5px 10px;
	/* font-size: 70%; */
	font-size: 10px;
	border: 1px #000000 solid;
}
#postcode .button {
	background: #DDDDDD;
	width: auto;
	color: #000000;
	/* font-size: 70%; */
	font-size: 10px;
	margin: 0px 0px 5px 3px;
	border: 1px #000000 solid;
}
#postcode p{
	font-size: 60%;
	color: #B80306;
	margin: 0 10px;
	display: block;
}
/*Adres*/
#adres{
	margin:30px 0 30px 0;
}
#adres h1{
	color: #B41100;
	font-size: 60%;
	font-weight: 900;
	margin: 20px 0 0 0;
}
#adres p, #adres ul{
	font-size: 60%;
	margin-bottom:0;
}

/*

-------------Content-------------

*/
#broodkruimelspoor {
	color: #B41100;
	font-size: 75%;
	font-style:italic;
	font-weight: 100;
	margin: 0 0 30px 0;
}

#broodkruimelspoor .disabled {
	color: #555555
}

#broodkruimelspoor a {
	color: #555555
}

#content{
	margin:30px 0 0 34%;
}
#home #content{
}
/*intro*/
#two #intro{
	width:80%;
	
}
#intro{
	margin-right: 300px;
}
#home #intro{
	width:40%;
}
#home #intro p{
	margin:0;
}
.accent {
	background: #BBC15D;
	border: 1px #F6EFE5 dashed;
	margin-bottom: 20px;
	padding: 20px 20px 20px 20px;
	

}
/*nieuws*/
#nieuws {
	clear:right;
	background: #BBC15D;
	padding: 20px;
	margin: 0 0 20px 0;
	border-top: 1px #F6EFE5 dashed;
	border-bottom: 1px #F6EFE5 dashed;
	border-left: 1px #F6EFE5 dashed;
}
#nieuws ul{
	width:60%;
}
#nieuws ul a{
	color:#000000;
}
#nieuws .meernieuws a{
	color: #FFFFFF;
	font-family: "Trebuchet MS", Trebuchet;
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
}
#nieuws .meernieuws a:hover{
	color: #B20909;
	text-decoration: none;
}
#aanbieding{
	float:left;
	width:42%;
	margin:0 3% 0 0;
}
#wijnbrief{
	padding: 0 0 0 40px;
	border-left: 1px #F6EFE5 dashed;
	float:left;
	width:40%;
}
/*pagina aanbieding*/
#aanbiedingvv{
	width: 27%;
	margin: 0 30px 20px 0;
	border-right: 1px #FFFFFF dashed;
	float:left;
}
#aanbiedingvv h1{
	margin: 0 20px 8px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color: #000000;
	font-weight: bold;
	display: block;
	height: 30px;
}
#aanbiedingvv div{
	width:70px;
	margin:-70px 20px 0 10px;
	padding: 0 0 10px 68px;
}
#aanbiedingvv div img{
	display:block;
}
#aanbiedingvv p.prijs{
	position: relative;
	height:20px;
	width:70px;
	margin:0 20px 0 10px;
	padding: 5px 0 0 68px;
	background: url(../images/title_nuvoor.gif) #FFFFFF left no-repeat;
	border: 1px #B20C0C solid;
}
/*pagina wijnhuizen detail*/
#huizen_image{
	position:relative;
	margin: 0 0 20px 0;
	width: 160%;
}
#huizen_image img{
	margin: 0 20px 0 0;
}
/*footer*/
#footer{
	clear:both;
	margin: 20px 0 20px 0;
	padding:20px 0 0 0;
}
#footer p{
	margin: 0 20px 0 0;
	font-size: 60%;
	color:#393939;
}
#footer p a{
	color:#393939;
	text-decoration:none;
}
#footer p a:hover{
	color:#393939;
	text-decoration:underline;
}
#footer p.boven{
	float:right;
	padding: 0px 14px 0px 0px;
	background: url(../images/icon_top.gif) right 5px no-repeat;
}
#footer p.boven a{
	color: #AF130C;
}
/*

-------------Wijnwijzer-------------

*/
#wijnwijzer {
	font-family: "Trebuchet MS", Trebuchet;
	font-size: 100%;
}

#wijnwijzer .kop {
	padding-left: 25px;
	background: #B20C0C;
	border-bottom: 1px solid #B20C0C;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

#wijnwijzer .rij {
	padding-top: 10px;
	padding-left: 20px;
	color: #B20C0C;
}

#wijnwijzer {
	margin: 20px 0 0 0;
	background: #FFFFFF;
	border: 1px #B20C0C solid;
	width: 185px;
	z-index:1;
}
/*#home #wijnwijzer{
	margin: 220px 0 0 72px;
	background: #FFFFFF;
	border: 1px #B20C0C solid;
	width: 185px;
	z-index:1;
}
*/
#wijnwijzer select {
	color: #484848;
	/* font-size: 60%; */
	font-size: 10px;
	margin: 0 0 3px 20px;
	width: 140px;
}
#wijnwijzer p {
	color: #B20C0C;
	font-size: 60%;
	margin: 8px 0 2px 20px;
}
/*

-------------Right-------------

*/
#right{
	position:absolute;
	top:0;
	right:0;
	padding:75px 0 0 0;
}
/*wijndetail*/
#wijn_info{
	margin:65px 0 0 100px;
	float: right;
	margin-right: 50px;
}
#bestellen{
	width: 131px;
	background: #FFFFFF;
	top: 40px;
	border: 1px #000000 solid;
}
#bestellen p{
	color: #000000;
	font-size: 100%;
	text-align: left;
	font-weight: 900;
	padding: 5px 5px 5px 10px;
	margin:0px;
}
#bestellen  a{
	font-family: "Trebuchet MS", Trebuchet;
	text-align: right;
	font-weight:bold;
	color:#FFFFFF;
	display: block;
	background: #B20E0D;
	padding: 3px 15px 3px 5px;
	margin: 0px;
	text-decoration:none;
	font-size:70%;	
}
#bestellen a:hover{
	color:#E8B7B7;
}
/*

-------------Zoeken-------------

*/
#zoeken {
	background: url(../images/bg_zoeken.gif) no-repeat;
	width: 273px;
	height: 35px;
}
#zoeken input {
	margin: 9px 0px 0px 20px;
	font-size: 70%;
}
/*

-------------Flash-------------

*/
#flash {
	float:right;
	margin:-18px 0 0 40px;
}
#flash object{
	display:block;
}
/*


-------------Custom-------------

*/
.clearboth{
	position:relative;
	clear:both;
}
.clearboth hr{
	display:none;
}
.floatright{
	float:right;
	margin:0 0 35px 35px;
}
/**/
.printversie a{
	padding: 0 0 10px 25px;
	text-decoration: none;
	background: url(../images/icon_printen.gif) left 3px no-repeat;
}
.printversie a:hover{
	text-decoration: underline;
}
/*
.button {
	background: #DDDDDD;
	color: #000000;
	font-size: 75%;
	border: 1px solid #000000;
}
td .button, th .button {
	font-size: 95%;
}
*/
#zoeken .button{
	font-size: 70%;
	margin-left: 5px;
}
.noborder{
	border:none;
	background:none;
}
/*--top images--*/
.image01 {background:url(../images/top/image_0.jpg) top right no-repeat;}
.image02 {background:url(../images/top/image_1.jpg) top right no-repeat;}
.image03 {background:url(../images/top/image_2.jpg) top right no-repeat;}
.image04 {background:url(../images/top/image_3.jpg) top right no-repeat;}
.image05 {background:url(../images/top/image_4.jpg) top right no-repeat;}
.image06 {background:url(../images/top/image_5.jpg) top right no-repeat;}
.image07 {background:url(../images/top/image_6.jpg) top right no-repeat;}
.image08 {background:url(../images/top/image_7.jpg) top right no-repeat;}
.image09 {background:url(../images/top/image_8.jpg) top right no-repeat;}
.image10 {background:url(../images/top/image_9.jpg) top right no-repeat;}
.image11 {background:url(../images/top/image_10.jpg) top right no-repeat;}
.image12 {background:url(../images/top/image_11.jpg) top right no-repeat;}
.image13 {background:url(../images/top/image_12.jpg) top right no-repeat;}






















.formulier * {
	font-family: "Trebuchet MS", Trebuchet;
	font-size: 12px;
}

.formulier .h1 {
	font-size: 18px;
	color: #363C92;
}


table.formulier  {
	width: 90%;
	border: 1px solid #B20C0C;
	border-collapse: collapse;
	border-spacing: 0px;
}

.formulier td, .formulier th { 
	padding: 5px;
}

.formulier .top {
	border-bottom: 1px solid #989DA5; 
	background: #ECECEC;
	font-weight: bold;
	color: #363C92;
}

.formulier .kop { 
	padding-left: 25px;
	background: #B20C0C;
	border-bottom: 1px solid #B20C0C;
	border-left: 0;
	border-top: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

.formulier th { 
	background: #ECECEC;
	color: #A8332F;
	text-align: right; 
}

.formulier td { 
	background-color: #fff;
	border-top: 1px solid #C0C0C0; 
	border-bottom: 1px solid #C0C0C0; 
	border-left: 1px solid #C0C0C0; 
	border-right: 1px solid #B20C0C;
	
}

table.formulier  { 
	border: 1px solid #B20C0C; 
}


.formulier button, .formulier input[type="submit"] {
	cursor: pointer;
	padding: 3px 9px;
}

.formulier a:link, .formulier a:visited, .formulier a:hover, .formulier a:active {
	text-decoration: none;
	color: #524B9B;
}

.formulier input, .formulier textarea, .formulier select, .formulier a.button, .formulier .button, .formulier button {
	background: #F5F5F5;
	border: 1px solid #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.formulier .button { padding: 2px 5px 3px 5px; margin: 2px;}
/* .formulier input[type="text"] { width: 200px; } */
.formulier textarea { width: 90%; }

.formulier .submit:hover, .formulier button:hover, .formulier .button:hover { background-color: #ddd; }


.pagination {
	padding: 3px 10px;
	font-size: 11px;
}

.pagination a {
	color: #444;
	padding: 1px 4px;
}
.pagination a.current {
	font-weight: bold;
}
.pagination a:hover {
	color: black;
	
}

.error {
	font-weight: bold;
	color: #dd2222;
}

#trackback_container {
	padding: 4px 6px 3px 6px;
	background-color: #B20C0C;
	display: block;
	border: 1px solid #444;
	border-top: 0;
	color: #fff;
	width: 300px;
	font-weight: bold;
	font-size: 11px;
	margin-left: 25%;	
}
#trackback_container a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#trackback_container a:hover { text-decoration: underline; }

.DataTable { margin-right: 20px; }
/*.DataTable table { border-collapse: seperate; border: 1px solid #B20C0C; }*/
.DataTable table thead th { background-color: #c0c0c0; border: 1px solid #aaa; padding: 0; }
.DataTable table thead th a { display: block; padding: 5px 6px; text-decoration: none; color: #222; font-weight: bold;}
.DataTable table thead th a:hover { background-color: #B20C0C; }
.DataTable table thead th a.selected { color: #eee; background-color: #B20C0C; }


.DataTable table tbody td { border: 1px solid #ddd; border-color: #ddd #aaa; padding: 3px 9px 4px; min-width: 10px; background-color: white; cursor: pointer; }
.DataTable table tbody tr:hover td { background-color: #e4e4e4; }


.DataTable table tfoot th { border: 1px solid #aaa; padding: 5px 9px; } 
.DataTable table tfoot th {text-align: center; background-color: #c0c0c0; border: 1px solid #aaa; }