@font-face {
font-family:BankGothic;
src:url('./fonts/bankgthd.ttf')
}
body {
  font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
  color:#000;
}
label {
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}


h1 {
font: 20px "Lucida Grande", Helvetica, Arial, sans-serif;
}
input {
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}


a {
  color: #444;
  text-decoration: none 

}
a:hover {
    color: black;
}
#men {
font-weight: bold;
color: orange;
border-bottom: solid 3px grey;


}
#sometext {
	position:absolute;
	width: 310px;
	height: 424px;
	margin-top:45px;
	float: left;
	border:0px solid black;
	display:none;
	font: 14px Helvetica, Arial, sans-serif;
	color:white;
	background:
	 /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#main {
    border: 1px solid black;
    width: 960px;
    height: 768px;
    padding: 0px;   
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    background-image: url(images/bg.gif); 
   -moz-box-shadow: 10px 10px 5px #888;
   -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    
}
.fenster1 {
width: 190px; 

float: left;
border: 1px solid black;
padding-right: 5px;

}
#bildbeschreibung {

width:100px;
height: 130px;
display:inline;
float:right;
margin-top:-495px;
margin-right: 30px;
}

#intro {
	
	margin-top: 30px;
	width: 620px;
	height: 495px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
}
.philo {

	background-image: url('images/philo.jpg');
}
.start {
	background-image: url('./images/start.jpg');
}
.kontakt {
	background-image: url('./images/kontakt.jpg');
}
.impressum {
	background-image: url('./images/impressum.jpg');
}
.sofitos {
	background-image: url('./images/sofito.jpg');
}

#tabble {
    text-align: center;
    border: 0px; 
    width: 960px;
    text-transform: uppercase;
    margin-top: 30px;
	z-index:99;
position:absolute;
  font: 14px Helvetica, Arial, sans-serif;

}
#foot {
width:354px;
height:18px;
font: 12px Helvetica, Arial, sans-serif;
text-align:center;
padding-bottom:0px;
margin-right:auto;
margin-left:auto;
background-color:grey;
color:white;

}


#men1 {

}
/*-- #men1:hover {
	border-bottom: solid 3px orange;
} --*/

#downline {
margin-top: 30px;
width:870px;
}


td {
    border-bottom: 2px solid rgba(0,0,0,0);
}
#introtext {
text-align: center;
padding-top:150px;
}
#mainleft {
position:absolute;
width: 310px;
height: 495px;
float: left;
color:white;
font-size: 25px;
	font-family: BankGothic;
}


#agb {
overflow-y:scroll;
height:900px;
}
#mainright {
position:absolute;
width:305px;
height:495px;
float:right;
display:inline;
color:white;
margin-left:315px;
font: 14px Helvetica, Arial, sans-serif;
}
.overflow {
overflow-y:scroll;
}]
#sofitoleft {
position:absolute;
width: 147px;
height: 495px;
float: left;
color:white;
font-size: 25px;
	font-family: BankGothic;
}
#sofitomiddle {
position:absolute;
display:inline;
width:161px;
height:495px;
margin-left:147px;
}
#sofitoright {
position:absolute;
width:314px;
height:495px;
font: 14px Helvetica, Arial, sans-serif;
margin-left:308px;
font: 14px Helvetica, Arial, sans-serif;
color:white;
}

.area1 {
background-color:white;
font:14px Helvetica, Arial, sans-serif;
color:black;

}

.logotext1 {
font-size: 13px;
font-family: BankGothic;

}
.logotext2 {
font-size: 11px;
font-family: BankGothic;
}
.bestellbox {
overflow-y:scroll; 
width:620px; 
height:495px;
}

#nachlinks {
float:left;
z-index:10;
position:absolute;
height:495px;
vertical-align:middle;
}
#nachrechts {
float:right
z-index:10;
position:absolute;
}

#footerleft {
position:absolute;
float: left;
height: 50px;
width: 150px;
margin-left: 25px;
margin-top: -11px;
text-align: center;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;

}
#footerright {
position:absolute;
height: 25px;
width: 75px;
margin-left: 792px;
margin-top: -11px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
#footermiddle {
margin-left:168px;
width:618px;
height:55px;
overflow:hidden;
display: inline;
position:absolute;
white-space:nowrap; 
text-align:center;


}

#scroller {
display:inline;
height: 50px;
width: 760px;
margin-top: -5px;
}

/**td:hover  {
    border-bottom: 2px solid green;
}
**/

*{outline: none;}
img {border: 0;}
.container {
	width: 790px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
	left: 50%; top: 50%;
	margin: -140px 0 0 -395px;
}



#besteller {
width:620px;
height: 100px;
overflow: scroll;
float:right;
position: absolute;
margin-right:0px;
margin-bottom:0px;
text-align:center;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	width: 790px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}