/** styles voor digennaro-wines.nl **/
/** door Omega Webdesign, Heiloo :: www.omega-webdesign.nl **/

html, body { 
	margin:0px;
	padding:0px;
	font-family: verdana, sans-serif, ariel;
	font-size: 90%;
	color: black;
	background-color:#963200; /*#b7724f; #ffffee;*/
	background-image:url(../imgs/page-background.jpg);
	background-position:top center;
	background-repeat: repeat-y;
}

#wrapper-home, #wrapper-rood, #wrapper-wit, #wrapper-verkoop, #wrapper-contact {
	position: relative;
	width: 968px;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	border-style: solid;
	border-color: #333;
	border-width: 0px 0px;
	background-color: #ffffee;
}

#achtergrond {
	position:absolute;
	background-position:top center;
	background-repeat: repeat-y;
	width:100%;
	height:100%;
}

#wrapper-home #achtergrond { background-image:url(../imgs/home-achtergrond.jpg); }
#wrapper-rood #achtergrond { background-image:url(../imgs/rood-achtergrond.jpg); }
#wrapper-wit #achtergrond { background-image:url(../imgs/wit-achtergrond.jpg); }
#wrapper-verkoop #achtergrond { background-image:url(../imgs/verkoop-achtergrond.jpg); }
#wrapper-contact #achtergrond { background-image:url(../imgs/contact-achtergrond.jpg); }

#content {
	position: relative;
	width:100%;
	height: auto; /*1500px;*/
	border: solid 0px pink;
	margin: 0px;
	padding:0px;
}

#colright {
	float: right;
	width: 640px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
	
#digennaro-logo {
	float: right;
	width: 557px;
	height: 191px;
	background-image: url(../imgs/digennaro-logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 60px 40px 0px 0px;
	padding: 0px;
}

#inhoud {
	float: right;
	width: 539px;
	margin: 20px 51px 0px 0px;
}

#inhoud h1 {
	font-size: 170%;
	font-weight: bold;
	color: #963200;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

	#inhoud h2 {
		font-size: 1.2em;
		font-weight: bold;
		color: #963200;
		margin: 0px;
		padding: 16px 0px 6px 0px;
	}
	
		#inhoud h2 a {
			font-size: 0.8em;
			font-weight: normal;
		}

#inhoud form { margin: 0px; padding: 0px; margin-top: 1em; }
#inhoud fieldset { border: solid 1px #963200; }
#inhoud fieldset legend { color: #963200; }
#inhoud fieldset table { margin: 0em; padding:0px; }
	
#colleft {
	float: left;
	width: 320px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#colleft ul, #colleft ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#colleft ul {
	margin-top: 160px;
	margin-left: 20px;
}

#colleft a {
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	width: 258px;
	padding: 0px;
	margin: 0px;
}

#colleft a span {
	position: absolute;
	left: -5000px;
}

#colleft a:link#home-knop, #colleft a:visited#home-knop {
	background-image: url(../imgs/home-button.png);
	height: 100px;
}

#colleft a:hover#home-knop, #colleft a:link#home-knop-selected, #colleft a:visited#home-knop-selected {
	background-image: url(../imgs/home-button-groen.png);
	height: 100px;
}

#colleft a:link#rood-knop, #colleft a:visited#rood-knop {
	background-image: url(../imgs/rood-button.png);
	height: 95px;
}

#colleft a:hover#rood-knop, #colleft a:link#rood-knop-selected, #colleft a:visited#rood-knop-selected {
	background-image: url(../imgs/rood-button-groen.png);
	height: 95px;
}

#colleft a:link#wit-knop, #colleft a:visited#wit-knop {
	background-image: url(../imgs/wit-button.png);
	height: 96px;
}

#colleft a:hover#wit-knop, #colleft a:link#wit-knop-selected, #colleft a:visited#wit-knop-selected {
	background-image: url(../imgs/wit-button-groen.png);
	height: 96px;
}

#colleft a:link#verkoop-knop, #colleft a:visited#verkoop-knop {
	background-image: url(../imgs/verkoop-button.png);
	height: 99px;
}

#colleft a:hover#verkoop-knop, #colleft a:link#verkoop-knop-selected, #colleft a:visited#verkoop-knop-selected {
	background-image: url(../imgs/verkoop-button-groen.png);
	height: 99px;
}

#colleft a:link#contact-knop, #colleft a:visited#contact-knop {
	background-image: url(../imgs/contact-button.png);
	height: 96px;
}

#colleft a:hover#contact-knop, #colleft a:link#contact-knop-selected, #colleft a:visited#contact-knop-selected {
	background-image: url(../imgs/contact-button-groen.png);
	height: 96px;
}

.footer {
	clear: both;
	height: 70px;
	padding-top: 20px;
	text-align: center;
}

.footer hr { 	width: 72%; color: #963200; border-style: solid; }

.preload {
	display: none;
}

a:link, a:visited { color: #963200; }
a:hover { color: #0c9147; }

/* extra styles voor verschillende pagina's */

#lijstverkooppunten { margin: 0px; padding: 0px; }

#lijstverkooppunten h3 {
	color: #963200;
	font-size: 130%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

#lijstverkooppunten p {
	margin-top: 0px;
	padding-top: 0px;
	}

.pictekst {
	display: block;
	padding: 3px;
	font-style: italic;
	}

.platter-tabel {
	width:100%;
	border-collapse: collapse;
	}
	
.platter-tabel, .platter-tabel tr, .platter-tabel tr td {
	border:solid 1px #963200; 
	}