h6{
	color: #CCCCCC; font: 2px 'Lucida Grande', Verdana, sans-serif;
}

div.background
{
	width:175x;
	height:340px;
	border:0px solid black;
}

div.transbox
{
	width: 210px;
	height: 345px;
	margin: 25px 10px;
	background-color: #252525;
	border: 1px solid black;
	filter:alpha(opacity=60);
	opacity:0.6;
}
div.transbox p
{
	margin: 10px 10px;
	color: #FFFFFF;
	font: 12px Arial;
  	line-height: 12.5pt;
}
div.transbox h1
{
	margin: 10px 10px;
	color: #FFFFFF;
	font: 16px Arial;	
	font-weight:bold
}


div.screenoverlay
   {
      position: absolute;
      left: 0px;
      top: 0px;

      width: 100%;
      height: 100%;
      background-color: #000000; /* dark gray */
      border: 2px solid black;

      opacity: 0.6;
      filter: alpha(opacity=60);

      z-index: 1000;
   }
   
div.topbox
   {
      position: absolute;

      /* Default positioning, that will be overridden by the javascript */
      left: 0px;
      top: 0px;

      padding: 0px;
      width: 800px;
      height: 480px;
      background-color: #FFFFFF;
      border: 1px solid black;
      filter:alpha(opacity=100);
      opacity:1.0;

      /*Must use a z-index greater than the screen overlay*/
      z-index: 1001;
   }

div.topbox p
   {
	margin: 10px 10px;
	color: #000000;
	font: 12px Arial;
 	line-height: 13pt;
   }   
   
div.topbox info
   {
	margin: 10px 10px;
	color: #000000;
	font: 10px Arial;
 	line-height: 12pt;
   }      
   
div.topbox pSmall
   {
	margin: 10px 10px;
	color: #000000;
	font: 10px Arial;
 	line-height: 11pt;
   }      
   
div.topbox h1
   {
	margin: 10px 10px;
	color: #FFFFFF;
	font: 16px Arial;
	font-weight:bold;
   }      

div.topbox h2
   {
	margin: 5px 0px;
	color: #000000;
	font: 16px Arial;
	font-weight:bold;
   }

div.topbox h3
   {
	margin: 00px 10px;
	color: #FFFFFF;
	font: 26px Arial;
	font-weight:bold;
   }      

   
div.topbox list
   {
	margin: 10px 10px;
	color: #000000;
	font: 13px Arial;
	font-weight:bold;
	line-height: 20pt;
   }   
   
div.topbox listP
   {
	color: #000000;
	font: 18px Arial;
 	line-height: 15pt;
   }   
   
div.topbox pSmall
   {		
	color: #000000;
	font: 8px Arial;
 	line-height: 8pt;
   }    

div.btnFacts {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_facts.gif);
}

div.btnFacts:hover {
	background-image:url(../images/btn_facts_p.gif);
} 

div.btnService {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_service.gif);
}

div.btnService:hover {
	background-image:url(../images/btn_service_p.gif);
}   

div.btnEnglish {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_english.gif);
}

div.btnEnglish:hover {
	background-image:url(../images/btn_english_p.gif);
}

div.btnDeutsch {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_deutsch.gif);
}

div.btnDeutsch:hover {
	background-image:url(../images/btn_deutsch_p.gif);
}
   
div.btnOnset {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_onset.gif);
}

div.btnOnset {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_onset.gif);
}

div.btnOnset:hover {
	background-image:url(../images/btn_onset_p.gif);
}
   
div.btnOnset {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_onset.gif);
}

div.btnOnset:hover {
	background-image:url(../images/btn_onset_p.gif);
}   
   
div.btnTeam {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_team.gif);
}

div.btnTeam:hover {
	background-image:url(../images/btn_team_p.gif);
}

div.btnMail {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_mail.gif);
}

div.btnMail:hover {
	background-image:url(../images/btn_mail_p.gif);
}

div.btnFacebook {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_facebook.gif);
}

div.btnFacebook:hover {
	background-image:url(../images/btn_facebook_p.gif);
}

div.btnFlickr {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_flickr.gif);
}

div.btnFlickr:hover {
	background-image:url(../images/btn_flickr_p.gif);
}

div.btnImprint {
	width: 60px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/btn_imprint.gif);
}

div.btnImprint:hover {
	background-image:url(../images/btn_imprint_p.gif);
}