body {
     margin: 0; 
		 padding: 0;		 
		 /* height:100%; */
		 width:100%;
     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; font-style: normal;line-height:1.5em; font-weight:normal;
     color: #F1F1F1;
     background-position: 0px 0px;
	   background-color: #000000;
	   background-image: url(../images/gateway_bg.jpg);
	   background-repeat: repeat-y;
	   background-position: left;	 vertical-align:middle;
}

ul{list-style:none;}
#container{
  margin: auto;
  text-align: center;
  width:100%;
  margin-top: 50px;
}

#rahmen {
     margin:auto;
		 width:760px; 
		 background-image: url(../images/gateway/gateway_rahmen.jpg); 
		 background-repeat: no-repeat;
		 text-align:left;
	}
#logo{
	   position:relative;
		 top:20px; 
		 left:538px; 
		 width:212px; 
		 height:104px; 
		 background-image: url(../images/gateway/guinness_logo.gif); 
		 background-repeat: no-repeat;
	}

	
#content{
	     position:relative; 
		margin-top:30px; 
		 margin-left:255px;
		 width:472px;
	
}
#repeat{
margin:auto;
/*margin-top:40px;*/
	width:760px; 
	background-image: url(../images/gateway/gateway_repeat.gif);
	background-repeat: repeat-y;
	background-position: 0;
	}
 #rahmenbottom{
	     margin:auto;
		 margin-top:0;
		 padding:0;
	     width:760px; 
		 height:19px;
		 background-image: url(../images/gateway/gateway_rahmen_bottom.gif);
		 background-repeat: repeat-y;
		 background-position: 0;
}
#footer{
	     margin:auto;
		 margin-top:10px;
	     width:760px; 
		 font-size:1em;
		 color:#888888;
}
/* ------------------- styles ---------------- */
p{padding:0;margin:0;font-size: 1em;}
a:link, a:active, a:visited {color: #CCCCCC;text-decoration:none;}
a:hover {color: #888888;}
.headline{font-size: 1.2em; font-weight:bold;}
.copy{font-size: 1.1em;}
.copysmall{font-size: 1em;}
.grey{color: #888888;}
.red{color:#ff0000}
.right{text-align:right;}
.inline{display:inline;float:left;clear:right;}
.clear{clear:both;}
.hide{display:none;}
/* -----------------form ------------- */
.inputbox {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em;border: 1px solid Black;background-color: #FFFFFF;color: #000000;}
.submitbutton {border: 0;;  background : #000000; color: #FFFFFF; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; height:10px; } 
/* ----------- styles für image buttons - */
.btn{background-color:#000000;
		  font-size:1px;
		  letter-spacing:-10000em;
		  text-indent:-10000em;
		  border:0;
		  padding:0; 
		  margin:0; 
		  cursor:pointer;
		  }
.Flashdownload{
          display:inline; 
		  float:left; 
          clear:right;
		  background-image:url(../images/gateway/flash.gif);   
		  background-repeat: no-repeat; 
		  background-position: left;
		  width:235px; 

		  }	
.Flash{
		  background-image:url(../images/gateway/weiter.gif);   
		  background-repeat: no-repeat; 
		  background-position: left;
		  width:250px; 
		  height:10px; 
		  }
		  
.Html{
          display:inline; 
		  float:left; 
          clear:right;
		  background-image:url(../images/gateway/weiter_html.gif);   
		  background-repeat: no-repeat; 
		  background-position: left;
		  margin-top:3px;
		  width:199px; 
		  height:10px; 
		  }
		  
/* tooltip -------------------------- */
a.tooltip,a.tooltip:link,  a.tooltip:visited, a.tooltip:active{
  position:relative; 
   font-family: font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	font-weight: normal;
	color:#999999;
   z-index:1000;
   }
      a.tooltip:hover{ 
	font-size:1em;
	text-decoration:none;
	font-weight: normal;
	color:#999999;
	background-color:#000000;
  }
   a.tooltip span{display:none;  z-index:1000;}
a.tooltip:hover span {
  position:absolute;
  top:20px;left:0px;
  display: block;
width:350px;
  padding:10px; 
  background-color:#f1e9dd;   
  border:1px solid #999999;
   font-family: font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:0.9em;
	text-decoration:none;
	font-weight: normal; color:#666666;
   z-index:1000;