/*
	Global CSS file that provides basic dimensions and settings for all elements.
*/

html, body  {
  margin: 0px;
  background-attachment: fixed;
	background-image: url(../images/index_bg.jpg);
	background-repeat: repeat-x;
}

table {
	color:white;
	font-size:11px;
	padding:2px 0px 2px 2px;
	margin:2px;
	border:0px solid white;
}



/**********************************************************************
ADRESGEGEVENS
*/

#adres  {
	width: 705px;
	left: 93px;
	top: 0px;
	position: relative;
	border:0px solid blue;
}

#gustavino_header  {
	background: url(../images/header.gif) no-repeat;
	width: 310px;
	height: 74px;
	position:relative;
	border:0px solid green;
}

#gustavmahlerplein161082ma  {
	background: url(../images/gustavmahlerplein161082ma.gif) no-repeat;
	left:555px;
	top:-70px;
	position:relative;
	width: 152px;
	height: 64px;
	border:0px solid white;
}

#emailbutton  {
	position:relative;
	width: 117px;
	height: 13px;
	left:587px;
	top:-66px;
}

#emailbutton a  {
   background: url(../images/emailbutton.gif) no-repeat;
   height: 13px;
   width: 117px;
   background-position: 0% 0px;
}

#emailbutton a:hover  {
   background-position: -117px 0%;
}

h4
{
	padding: 0px 10px 0px 10px;
}

.bodytext
{
	padding: 0px 10px 0px 10px;
	line-height:12px;
}



/*********************************************************************

EINDE ADRES GEGEVENS*/

.newsletterform {
	border:0px solid red;
	padding:0px;
	color:white;
	font-size:11px;
}

.forminput {
	height:18px;
	width:140px;
	font-size:11px;
	background-color: transparent;
	color:white;
	border:1px solid gray;
}

.forminputemail {

	height:18px;
	width:140px;
	font-size:11px;
	background-color: transparent;
	color:white;
	border:1px solid gray;
}

.formbutton{
cursor:pointer;
border:outset 0px #ccc;
width:22px;
height:22px;
color:#666;
padding:0px;
/*background:url(../images/knoppie.gif) repeat-x left top;*/
background:url(../images/knoppie.gif);
}

.formError{
color:red;
}

#containermain  {
   width: 100%;
   height: 1px;
   overflow: visible;
   position: absolute;
   top: 5%;
}

#main  {
	height: 500px;
	width: 802px;
	position: absolute;
	margin-left: -399px;
	left: 50%;
/*	top: -202px;*/
}


#logo {
	height: 98px;
	width: 74;
	left: 0px;
	top: 0px;
	position: absolute;
	border: 0px;
   border:0px solid yellow;
}

#imgbig {
	height: 364px;
	width: 392px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img1a {
	height: 300px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img2a {
	height: 300px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img1b {
	height: 54px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img2b {
	height: 54px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img3a {
	height: 300px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}


#img3b {
	height: 54px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img4a {
	height: 300px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}

#img4b {
	height: 54px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	visibility:hidden;
}


#menu {
	height: 20px;
	width: 802px; /*test*/
	left: 0px;
	top: 477px;
	position: absolute;
	text-align: justify;
	/*text-justify:distribute-all-lines;*/
	 /*border:solid 1px red;
	/*display:compact; */
}
/*
.menuitem {
	display: inline; /* all items on the same line */
	/* border:solid 1px green;
	border:solid 1px red; */
}
*/

#languagechooser {
	height: 20px;
	width: 100%;
	left: 0px;
	top: 477px;
	position: absolute;
	text-align: justify;
	z-index:44;
	border: 1px solid green;
	visibility:hidden;
}



#contentbig {
	height: 364px;
	width: 396px;
	position: absolute;
	border:solid 1px white;
	overflow:auto;
	font-family:arial;
	font-size:11px;
	color:white;
	visibility:hidden;
	/*padding: 0px 10px 0px 10px;*/
}

#contentbig A {
color:#898484;
text-decoration:none;
}


#contentbig A:hover {
color:#898484;
text-decoration:underline;
}

#contentsmall_left {
	height: 364px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	overflow:hidden;
	font-family:arial;
	font-size:11px;
	color:white;
	visibility:hidden;
}

#contentsmall_left A {
color:#898484;
text-decoration:none;
}


#contentsmall_left A:hover {
color:#898484;
text-decoration:underline;
}



#contentsmall_right {
	height: 364px;
	width: 192px;
	position: absolute;
	border:solid 1px white;
	overflow:auto;
	font-family:arial;
	font-size:11px;
	color:white;
	visibility:hidden;
}

#contentsmall_right A {
color:#898484;
text-decoration:none;
}


#contentsmall_right A:hover {
color:#898484;
text-decoration:underline;
}

#submenu {
	height: 20px;
	width: 100%;
	left: 0px;
	top: 300px;
	position: absolute;
	border: 0px;
	z-index: 1;
	visibility:hidden;
}

A {
	text-decoration:none;
}
/**********************************************************************
MENU_HOME
*/
body.nl #menu_home{
   left:0px;
   position:absolute;
   height: 13px;
   width: 44px;  
}
body.en #menu_home{
   left:0px;
   position:absolute;
   height: 13px;
   width: 44px;  
}

body.nl #menu_home a:hover  { background-position: 100% 0%; }
body.en #menu_home a:hover  { background-position: 100% 0%; }

body.nl #menu_home a  {
   background: url(../images/menu/nl/homebutton.gif) no-repeat;
   display:block; 
}

body.en #menu_home a  {
   background: url(../images/menu/en/homebutton.gif) no-repeat;
   display:block;
}
	
/**********************************************************************
MENU_RESTAURANT
*/
body.nl #menu_restaurant{
   position:absolute;
   height: 13px; 
   left:85px;
   width: 79px; 
}
body.en #menu_restaurant{
   position:absolute;
   height: 13px; 
   left:85px;
   width: 79px; 
}

body.nl #menu_restaurant a:hover  { background-position: 100% 0%; }
body.en #menu_restaurant a:hover  { background-position: 100% 0%; }

body.nl #menu_restaurant a  {
   background: url(../images/menu/nl/restaurantbutton.gif) no-repeat;
   display:block; 
}

body.en #menu_restaurant a  {
   background: url(../images/menu/en/restaurantbutton.gif) no-repeat;
   display:block; 
}
	
	
/**********************************************************************
MENU_VINOTECA
*/
body.nl #menu_vinoteca{
   left:200px;
   position:absolute;
   height: 13px;  
   width: 68px; 
}
body.en #menu_vinoteca{
   left:200px;
   position:absolute;
   height: 13px;  
   width: 68px; 
}

body.nl #menu_vinoteca a:hover  { background-position: 100% 0%; }
body.en #menu_vinoteca a:hover  { background-position: 100% 0%; }

body.nl #menu_vinoteca a  {
   background: url(../images/menu/nl/vinotecabutton.gif) no-repeat;
   display:block;
}

body.en #menu_vinoteca a  {
   background: url(../images/menu/en/vinotecabutton.gif) no-repeat;
   display:block; 
}
	

/**********************************************************************
MENU_WIJNSOCIETEIT
*/
body.nl #menu_wijnsocieteit{
   left:310px;
   position:absolute;
   height: 13px;
   width: 92px;  
}
body.en #menu_wijnsocieteit{
   left:310px;
   position:absolute;
   height: 13px;
   width: 63px;  
}

body.nl #menu_wijnsocieteit a:hover  { background-position: 100% 0%; }
body.en #menu_wijnsocieteit a:hover  { background-position: 100% 0%; }

body.nl #menu_wijnsocieteit a  {
   background: url(../images/menu/nl/wijnsocieteitbutton.gif) no-repeat;
   display:block; 
}

body.en #menu_wijnsocieteit a  {
   background: url(../images/menu/en/wijnclubbutton.gif) no-repeat;
   display:block; 
}
	

/**********************************************************************
MENU_EVENTS
*/
body.nl #menu_events{
   left:443px;
   position:absolute;
   height: 13px;
   width: 50px;  
}
body.en #menu_events{
   left:443px;
   position:absolute;
   height: 13px;
   width: 50px;  
}

body.nl #menu_events a:hover  { background-position: 100% 0%; }
body.en #menu_events a:hover  { background-position: 100% 0%; }

body.nl #menu_events a  {
   background: url(../images/menu/nl/eventsbutton.gif) no-repeat;
   display:block; 
}

body.en #menu_events a  {
   background: url(../images/menu/en/eventsbutton.gif) no-repeat;
   display:block; 
}
	

/**********************************************************************
MENU_INFO
*/
body.nl #menu_info{
   left:533px;
   position:absolute;
   height: 13px;
   width: 28px;  
}
body.en #menu_info{
   left:533px;
   position:absolute;
   height: 13px;
   width: 28px;  
}


body.nl #menu_info a:hover  { background-position: 100% 0%; }
body.en #menu_info a:hover  { background-position: 100% 0%; }

body.nl #menu_info a  {
   background: url(../images/menu/nl/infobutton.gif) no-repeat;
   display:block; 
}

body.en #menu_info a  {
   background: url(../images/menu/en/infobutton.gif) no-repeat;
   display:block; 
}
	

/**********************************************************************
MENU_TAKEOUT
*/
body.nl #menu_takeout{
   left:598px;
   position:absolute;
   height: 13px;
   width: 82px;  
}
body.en #menu_takeout{
   left:598px;
   position:absolute;
   height: 13px;
   width: 82px;  
}
body.nl #menu_takeout a:hover  { background-position: 100% 0%; }
body.en #menu_takeout a:hover  { background-position: 100% 0%; }

body.nl #menu_takeout a  {
   background: url(../images/menu/nl/takeawaybutton.gif) no-repeat;
   display:block; 
}

body.en #menu_takeout a  {
   background: url(../images/menu/en/takeawaybutton.gif) no-repeat;
   display:block; 
}
	

/**********************************************************************
MENU_WEBWINKEL
*/
body.nl #menu_webwinkel{
   left:718px;
   position:absolute;
   height: 13px; 
   width: 81px;  
}
body.en #menu_webwinkel{
   left:726px;
   position:absolute;
   height: 13px; 
   width: 71px;  
}

body.nl #menu_webwinkel a:hover  { background-position: 100% 0%; }
body.en #menu_webwinkel a:hover  { background-position: 100% 0%; }

body.nl #menu_webwinkel a  {
   background: url(../images/menu/nl/webwinkelbutton.gif) no-repeat;
   display:block;
}

body.en #menu_webwinkel a  {
   background: url(../images/menu/en/webshopbutton.gif) no-repeat;
   display:block; 
}