html, body {width: 100% !important;}
/* 
    vervangen background: rgb(86,4,27) url(./template/backgroundroelvinlogo1.jpg) top left repeat-y;
	background: rgb(34,34,34) url(./template/zwart.png) top left repeat;
		background: rgb(34,34,34) url(./template/paper007.jpg) top left repeat;
			background: rgb(34,34,34) url(./template/paper021.jpg) top left repeat;
				background: rgb(34,34,34) url(./template/ballen.jpg) top left repeat;
					background: rgb(34,34,34) url(./template/kerst.gif) top left repeat;
								background: rgb(34,34,34) url(./template/hartjes.gif) top left repeat;
								background: rgb(34,34,34) url(./template/backgroundroelvinlogo1.jpg) top left repeat;
								background: rgb(34,34,34) url(./template/wijn1.jpg) top left repeat fixed;
								background: rgb(34,34,34) url(./template/backgroundroelvinlogo1.jpg) top left repeat;
									background: rgb(254,254,254) url(./template/papertrial1.png);
									background: rgb(254,254,254) url(./template/papertrial1.png)  top left repeat;
									url(./template/papertrial1.png)  top left repeat
  */
body {
	font-family: Arial, Helvetica, Monospace, sans-serif;
	background: rgb(254,254,254) ;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
/* 
   	margin: 0 10%; geeft ruimte rechts en links van de pagina aan
  */
#wrapper { 
	margin: 0 5%;
	margin-bottom:30pt;
	background: transparent;
}
/* 
   	margin: 0 2%; maakt alles smaller, dan wel de #top div.head  aanpassen
 */
#inner-wrapper { 
	margin: 0 2%;
	padding: 0;
	background: transparent;
}
 
ul.lang {
	margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
	color: rgb(255,255,255);
	background: transparent;
}
ul.lang li {
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
	color: rgb(255,255,255);
}
ul.lang a {
	color: rgb(0,0,0);
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;
	margin: 0;
}
ul.lang a:hover {
	color: rgb(255,255,255);
}
/* 
   margin: 0  5%; geeft breedte aan van de top
	background: rgb(225,211,199) url(./template/bg-top.png) top left repeat-x;
  */
#top {
	margin: 0;
	padding: 0;
	background: rgb(254,254,254);
	clear: both;
}
/* 
    hoogte van het hele topdiv gedeelte is 170px
background: transparent url(./template/bg-topdiv20.gif) top left no-repeat;
  */
#top div{
	margin: 0;
	padding: 0;
	height: 170px;
	background: transparent url(./template/16.jpg) top left no-repeat;
}
/* 
position: absolute;
left: 5%; geeft de ruimte tussen links en de tekst italiaanse kwaliteitswijn en het logo    
weg met het grapes gedeelte url(./template/grapes.png) bottom left no-repeat
  */
#top div.head {
	position: absolute;
	left: 7%;
	padding: 0 0 0 10px;
	margin-top: 85px;
	height: 106px;
	width: 203px;
	background: transparent;
}
/* 
    waar het tekst gedeelte instaat en thuiswinkel logo
  */
div.head h1 {
	font-family: Trebuchet Ms, sans-serif;
	font-size: 1.00em;
	letter-spacing: 0.0em;
	color: rgb(34,34,34);
	text-transform: uppercase;
}

a.logo {
	float: left;
	border: none;
	padding: 0;
	margin: 34px 0 0 0;
	width: 213px;
	height: 56px;
	background: transparent url(./template/logo3.png) top left no-repeat;
	z-index: 1000;
}
/* 
#topmenu {
	background: rgb(86,1,29) url(./template/bg-topmenu.png) top left no-repeat;
		background: transparent url(./template/kartonkleur.png) top left repeat
		background: rgb(100,14,27);
}
  */
#topmenu {
	background: transparent;
}
/* 
    was voorheen text-align: right;
  */
#topmenu div{
	background: transparent;
	text-align: center;
	color: #fff;
}

#topmenu ul {
	margin: 0;
	padding-left: 213px;
}
#topmenu ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
/* 
color: rgb(229,222,206);
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 0.5em 0.5em;
line-height: 2.0em;
margin: 0.2em 0;
  */
#topmenu a {
	color: rgb(0,0,0);
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.5em 0.5em;
	line-height: 2.0em;
	margin: 0.2em 0;
}

/* 
    background: rgb(254,254,254) url(./template/papertrial1.png);
  */

#topmenu a:hover {
	color: #000;
	background: rgb(254,254,254);
}
/* 
    hieronder de kleur van de totale text achtergrond, de bg-content zorgt voor de 
bovenste laag grijs was background: rgb(233,229,225) url(./template/lichtgrijs.jpg) top left repeat;
	background: rgb(254,254,254) url(./template/papertrial1.png) top left repeat fixed;
  */
#content {
	margin: 0;
	padding: 0;
	background: rgb(254,254,254);
}

#menu {
	float: left;
	top: 3.5em;
	clear: left;
	width: 205px;
	background: transparent;
	position: relative;
	z-index: 100;
}
/* 
    als je hieronder de background kleur verandert is dit de kleur onder 
de text in het linker menu
  */
ul#menumiddle {
	margin: 0;
	padding: 0;
	background: transparent;
}
ul#menumiddle li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* 
   ul#menumiddle h2 {
	font-size: 1em;
	margin: 1em 0 0 0;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	border-top: 1px solid rgb(236,236,236);
	border-bottom: 1px solid rgb(236,236,236);
  */
ul#menumiddle h2 {
	font-size: 1em;
	margin: 1em 0 0 0;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	border-top: 1px solid rgb(236,236,236);
	border-bottom: 1px solid rgb(236,236,236);
}
/* 
    eruit gehaald witte lijntje onder de menu text	border-bottom: 1px solid rgb(236,236,236);
color: rgb(104,105,105);
  */
#menu a {
	display: block;
	padding: 0.3em 0 0.3em 0.4em;
	color: rgb(104,105,105);
	font-size: 1.05em;
	font-weight: bold;
	background: transparent url(./template/bg-link.jpg) center right no-repeat;
	text-decoration: none;
	border-bottom: none;
}
#menu a:visited {

}
/* 
    kleur text linker menu als je erop staat background: rgb(173,173,173)rood of rgb(128,161,207)blauw
  */
#menu a:hover {

	background: transparent;
}
/* 
    kleur achtergrond submenu was background: rgb(227,222,217);

  */
#menu a.sub {
	color: rgb(104,105,105);
	background: transparent;
}
#menu a:visited.sub {
}
/* 
    kleur achtergrond submenu als je erop staat background: rgb(122,57,77) rood;background: rgb(34,34,34) antraciet
  */
#menu a:hover.sub {
	color: #000;
	background: transparent;
}
#menu a.subsub {
	background: rgb(228,228,228) url(./template/bg-link-subsub.jpg) center right no-repeat;
	width: 11em;
	padding-left: 2em;
}
#menu a:visited.subsub {
}
#menu a:hover.subsub {
	color: #fff;
	background: rgb(74,74,74) url(./template/bg-link-hov.jpg) center right no-repeat;
}
/* 
    effe eruit border-bottom: 1px solid rgb(236,236,236);
  */
#menu a.special {
	color: #fff;
	background: rgb(178,29,29) url(./template/bg-link-spec.jpg) center right no-repeat;
	text-decoration: none;
	border-bottom: ;
}
#menu a:visited.special {
}
#menu a:hover.special {
	color: rgb(178,29,29);
	background: rgb(254,254,254) url(./template/bg-link-sub.jpg) center right no-repeat;
}

#menu a.special span {
	text-align: center;
	font-weight: normal;
}




/*---------- bubble tooltip dit in je CSS zetten -----------*/
a.tip{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tip span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tip:hover{ z-index:25; color: #aaaaff; background:;}
a.tip:hover span.tooltip{
    display:block;
    position:absolute;
    top:-200px; left:40;
	padding: 15px 0 0 0;
	/* width:200px; */
	color: #993300;
    text-align: center;
/*	
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
*/
}

a.tip:hover span.pic{ 
	display: block;
	/* padding:3px 8px 10px;
	 color: #548912; */
	}
/*----------einde bubble tooltip -----------*/











/* 
    inhoud margin left is totaan streepje, borderleft dikte streepje, background geeft kleur rechts van het streepje
   text om te klikken is rood rgb(85,0,28)
	border-left: 1px solid rgb(34,34,34);
	2px solid rgb(130,8,0);
*/

#inhoud {
	margin-left: 213px;
	padding: 2em 6% 1em 5%;
	background: transparent;
	position: relative;
	border-left: 2px solid rgb(104,105,105);
}

/* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html #inhoud {
    height: 0.1%;
  }

#inhoud h1 { color: rgb(0,0,0); font-size: 1.1em; }
#inhoud h2 { color: rgb(34,34,34); font-size: 1.1em; }
#inhoud h3 { color: rgb(0,0,0); font-size: 1.1em; }
#inhoud h7 { color: rgb(0,0,0); font-size: 0.5em; }
body#impressum h3 { margin-bottom: 0; font-size: 1.1em; }
#inhoud h4 { 
	color: rgb(0,0,0); 
	font-size: 1.0em; 
	line-height: 1.1em; 
	margin-bottom: 0; 
	padding: 0;
}
#inhoud h4#onderschrift { 
	letter-spacing: 0.1em;
	margin-bottom: 1em; 
}

#inhoud h5 { color: rgb(0,0,0); font-size: 1em; line-height: 1em; margin-bottom: 0; padding: 0;}
#inhoud h6 { color: rgb(0,0,0); font-size: 1em; line-height: 1em; margin-bottom: 0; padding: 0;}

#inhoud p { margin-top: 0; }
#inhoud p.blind {	margin: 0; clear: both; }
#inhoud p.tips { background: rgb(227,222,217); padding: 0.15em 0;}
/* 
    hieronder de rode woorden met links eronder rechter gedeelte van de inhoud
	color: rgb(85,0,28);
	font-weight: bold;
	background: transparent;
	text-decoration: none;
	border-bottom: 0px dotted;
  */
#inhoud a { 
	color: rgb(104,105,105);
	background: transparent;
	text-decoration: none;
	border-bottom: 0px dotted;
}
/* 
    hieronder de rode woorden met links eronder linker gedeelte van de inhoud
	color: #8E2323;
  */
#inhoud a:visited { 
	color: rgb(104,105,105);
	background: transparent;
	text-decoration: none;
	border-bottom: 0px dotted;
	}
#inhoud a:hover {
	color: rgb(0,0,0);
	background: transparent;
	text-decoration: none;
	border-bottom: 0px dotted;
}

#inhoud a img {
	display: block;
	position: relative;
	border: 0px solid rgb(166,0,0);
}
#inhoud a:visited img{
	border: 0px solid rgb(0,0,0);	
	 }
#inhoud a:hover img{
	border: 0px solid rgb(0,0,0);
}


#inhoud ul {
	margin-bottom: 2em;
}
/* 
    buh
  */
#inhoud ul a{
	font-weight: bold;
}

#inhoud li {
	margin: 0.5em 0; 
}
#inhoud li p{
	margin-top: 0;
}

#inhoud ul li ul {
	margin-bottom: 0;
}

#inhoud ul.adres {
	margin: 1.5em 0;
	padding: 0;
}
#inhoud ul.adres li {
	color: rgb(85,0,28);
	background: transparent;
	list-style-type: none;
}
body#sitemap #inhoud ul li {
	padding: 0.3em 0;
}

#inhoud ul#terminologie {
	margin: 0;
	padding: 0;
}
#inhoud ul#terminologie li{
	margin-left: 1em;
	padding: 0 0.2em;
}
#inhoud ul#terminologie li span{
	font-weight: bold;
}

#inhoud ul.ingredient li{
	margin-left: 0;
}
#inhoud ul.ingredient li span{
	font-weight: bold;
}
/* 
    hieronder de wijn adviezen was background: RGB(232, 218, 221) url(./template/textblokboven.jpg) top left no-repeat;
  */

#inhoud div#wijnadvies {
	float: right;
	width: 497px;
	margin-left: 1em;
	clear: right;
	background: transparent;
}
/* 
    effe weghalen url(./template/textblokboven.jpg) top left no-repeat;
  */
#inhoud div#wijnadvies div{
	background: transparent ;
	padding: 0.5em 0.5em 1em 1.2em;
}
#inhoud div#wijnadvies h1{
	font-size: 1.25em;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
#inhoud div#wijnadvies h2{
	font-size: 1.0em;
	margin-bottom: 0;
}
#inhoud div#wijnadvies ul{
	margin: 0;
	padding: 0;
	list-style-type: square;
}
#inhoud div#wijnadvies li{
	margin-left: 1em;
	padding: 0 0.2em;
}


form {
}
form table td span {
	font-size: 0.8em;
}

#inhoud .artikel-blok {
	background: rgb(254,254,254) url(./template/bg-content.jpg) top left repeat-y;
	border: 1px solid rgb(166,0,0);
	margin: 1em 0;
	padding: 1em;
	clear: right;
}
#inhoud .artikel-blok img {
	border: 1px double rgb(166,0,0);
	margin: 0 1em 0 0;
}

#inhoud .artikel-blok div {
	margin-left: 170px;
}
#inhoud .artikel-blok div ul li {
	margin-left: 1em;
}
#inhoud .artikel-blok div h2 {
	margin-top: 0;
}

.image-rechts {
	float: right;
	position: relative;
	margin: 0 0 1em 1em;
	padding-left: 1em;
	clear: right;
}
.nopadding {
	padding-left: 0;
}
.image-links {
	float: left;
	position: relative;
	margin: 0 1em 1em 0;
}

#inhoud div.blok-rechts {
	float: right;
	margin: 0 0 2em 1em;
	padding: 0;
	width: 250px;
	background: rgb(254,254,254) url(./template/bg-rechterblok.jpg) top left repeat-y;
	border: 1px solid rgb(178,29,29);
	clear: right;
}

#inhoud div.blok-rechts h2 {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.6em;
	font-size: 1em;
	text-transform: none;
	color: #fff;
	background: rgb(178,29,29) url(./template/bg-top-rechterblok.jpg) center left repeat-x;
}
#inhoud div.blok-rechts h2 a {
	color: #fff;
	background: transparent;
	border-bottom: 1px dotted;
}
#inhoud div.blok-rechts h2 a:visited { }
#inhoud div.blok-rechts h2 a:hover {
	color: #000;;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#inhoud div.blok-rechts a img {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

#inhoud div.blok-rechts p {
	margin: 1em 0.5em;
	background: transparent;
}

.kleinblok {
	margin-top: 5px !important;
	width: 200px !important;
	font-size: 1.2em;
}

table#alfabet { 
	margin: 1.5em auto;
}

table#alfabet {
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #000;
}

table#alfabet th {
	font-weight: normal;
	padding: 0.2em;
	text-align: center;
	border: 1px solid #999;
}

table#alfabet td {
	padding: 0.2em;
	border: 1px solid #999;
}

table#alfabet td a {
	color: rgb(0,112,130);
}


#footer {
	margin: 0;
	padding: 0;
	background: transparent;
}

#footer div {
	padding: 5em 1em 0.5em 1em;
	text-align: center;
}

#footer a { color: rgb(104,105,105); }
#footer a:visited { color: rgb(104,105,105); }
#footer a:hover { color: rgb(0,0,0); }

.vulblok {
	height: 13em;
}

.vulblokmiddel {
	height: 25em;
}
.vulblokgroot {
	height: 42em;
}

p.blind {
	clear: both;
}