/******   H3    */

/*-----------------------------------------------------------------------------
Backgrounds
-----------------------------------------------------------------------------*/
div.backgroundMine
{
  position: absolute; top: 0px; //left: 0px;
  width:1280px;
  height:1824px;
  background-image:url(WebBackground01.png);
/*  background-repeat:repeat-y;"*/
 background-color: transparent;
  filter:alpha(opacity=10);
  -moz-opacity:0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
  z-index:-10
}

div.backgroundEisodos
{
//  position: absolute; top: 0px; //left: 0px;
  position: absolute; top: 50px; //left: 300;
  width:619px;
  height:799px;
  background-image:url(NakedPHISquareBannerForSocialMedia.png);
  
//  background-size: 50% 50%;

  background-repeat:no-repeat;
  background-color: transparent;
  background-position: top center;

  filter:alpha(opacity=10);
  -moz-opacity:0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
  z-index:-10
}
  
/*-----------------------------------------------------------------------------
Menu
-----------------------------------------------------------------------------*/
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #004c99;
	border-top:1px solid #74b0c6;

  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
ul#menu li
{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#menu li a{
	display:block;
	float:left;
	color:#6d7078;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}
/*
ul#menu li a:visited{
	background:transparent url("images/HOVER.gif") no-repeat top right;
	}
*/

ul#menu li a:hover,
ul#menu li a:active,
ul#menu li a:focus{
	background:transparent url("images/HOVER.gif") no-repeat top right;
	color:#F33;
	border-bottom:4px solid #F33;
/*  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;*/
	}
/*
ul#menu :hover{
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}*/
/*
ul#menu li a:active{
	background:url("images/HOVER.gif") no-repeat top right;
	color:#F33;
	border-bottom:4px solid #F33;
	}
*/


a:link {
    color:crimson;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
Body settings
-----------------------------------------------------------------------------*/
body
{
	background-color: rgb(0, 0, 0);
/*	color: rgb(77, 112, 112); 65,65,65;
    rgb(111, 84, 84);
    rgb(117, 90, 90);

font-stretch:extra-expanded;
font-family:Impact, Haettenschweiler, sans-serif;
font-weight:200;Calibri*/
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	color: rgb(255, 255, 255);
	
//	max-width: 1250px;
	alink="#000099" link="#000099" vlink="#990099";
	margin: 0 auto;
	
	z-index:1
}

div.container
{
width:100%;
margin:0px;
/*l
border:1px solid gray;
ine-height:150%;
*/
}
/*div.header,div.footer*/
div.linkheader
{
/*padding:0.5em;
color:white;
background-color:gray;*/
clear:left;
}
div.link_col1
{
float:left;
width:250px;
/*margin:0;
padding:1em;*/
}
div.link_col2
{
margin-left:380px;
/*border-left:1px solid gray;
padding:1em;*/
}

/*
Intro table
-----------
*/
div.intro
{
	width:100%;
}
div.introheader
{
clear:left;
}
div.intro_col1
{
margin-left:10px;
float:left;
width:150px;
}
div.intro_col2
{
margin-left:165px;
}

.laosStyle
{
	max-width: 1250px;
}

.PHALANXstyle
{
	min-width: 650px;
	max-width: 650px;
}
.PHALANXstyle #transparentItem
{
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.PHALANXstyle #transparentItem:hover
{
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

.shopStyle
{
}

.shopStyle #shopMenu {
max-width: 1250px;
}



.laosStyle #container {
	width: 100%;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite bei Bedarf zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

/* Tipps für sidebar1:
1. Wenn Sie für dieses div eine Schriftgröße festlegen, wird die Gesamtbreite des div entsprechend angepasst.
2. Da wir mit Gevierten (ems) arbeiten, ist es empfehlenswert, für die Randleiste selbst keine Auffüllung zu verwenden. Sie wird bei standardgerechten Browsern der Breite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite.
3. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, indem Sie diesen Elementen wie in ".thrColHyb #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
*/
.laosStyle #sidebar1 {
	float: left;
	width: 130px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
}

.laosStyle #sidebar2 {

	float: right;
	width: 250px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
/*	padding-left: 15px;  Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. 
	padding-bottom: 15px 0;*/
}

.laosStyle #mainContent {
/*	border-left:3px groove #aa0000;
	border-left-style:outset;
	border-left:thin;
	border-right:thin;
	border-left-color:#00C;
	border-style:ridge;
font-family:'Lithos Pro', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
*/
	color: rgb(111, 84, 84);
	margin-left: 10px;
	margin-right: 10px;
/*  margin: 0 12em 0 12em;  Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
  padding: 0 2em 0 2em; /* Durch die Auffüllung entsteht hier ein Leerraum innerhalb der Box. */
//max-width:64%;
//min-width:20%;
//	max-width: 800px;
}

.laosStyle #transparentItem,#guestBook
{
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.laosStyle #transparentItem:hover,#guestBook:hover
{
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

/*
Banner table
-----------
*/
div.Banner
{
	width:100%;
}
div.BannerHeader
{
clear:left;
clear:right;
}
div.BannerColumn1
{
/*margin-left:5px;*/
float:left;
width:104px;
}
div.BannerColumn2
{
margin-left:120px;
}

/*-------------------------------------------------------------------------------*/
// website info
div.siteinfo_container
{
width:1260px;
margin:0px;
}
/*div.header,div.footer*/
div.siteinfo_header
{
clear:left;
//border-bottom:1px solid gray;
border-top:1px solid gray;
border-bottom:1px solid gray;
}

div.siteinfo_col1
{
float:left;
width:400px;
/*margin:0;*/
padding-top:1em;
padding-bottom:1em;
}

div.siteinfo_col2
{
margin-left:420px;
border-left:1px solid gray;

padding-left:1em;
padding-top:1em;
padding-bottom:1em;
}

div.siteinfo_col3
{
margin-left:840px;
border-left:1px solid gray;

padding-left:1em;
padding-top:1em;
padding-bottom:1em;
}

// mascot specific
div.reportcontainer
{
width: 920px;

/*margin:0px;

border:1px solid gray;
line-height:150%;*/
}
/*div.header,div.footer*/
div.rcheader,div.rcfooter
{
/*padding:0.5em;
color:white;
background-color:gray;*/
clear:left;
clear:right;
}
div.rc_left
{
width: 450px;
float: left;
/*

margin:0;
padding:1em;*/
}

div.rc_right
{

	padding-left:30px;
	float:right;/*
margin-left:520px;*/
width:500px;
/*border-left:1px solid gray;
padding:1em;*/
}

//---------------------------------------------------------------------------------------
// apopseis specific


div.apopsi_container
{
//margin-bottom:20px;
border-top:ridge;
}

div.apopsi_header,div.apopsi_footer
{
clear:left;
/*clear:right;*/
}

div.apopsi_left
{
width:580px;
float:left;
}

div.apopsi_right
{
margin-left:600px;
}

//---------------------------------------------------------------------------------------