body{	
	background-color: #800000;
	font-style: normal; 
	font-family:  Sans-serif,Times New Roman, Arial; 
	font-size: 10px; 
	color:#FFF8E5;
	scrollbar-base-color:  #800000;
}

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

A { text-decoration: none; font-style: normal; font-size:14px;}
A:link { color: #D4A637; }
A:visited { color: #D4A637; }
A:active { color: #D4A637 }
A:hover { color: #FCCE5F; font-size:14px;}

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

.header{font-style: normal;
	font-size: 14px;
	color: #FCCE5F;
}

.headline{ font-style: normal;
	text-decoration: underline;
	font-size: 12px;
	color: #FFF8E5;
}

.speise{font-style: italic;
	font-weight: bold;
	font-family: Times New Roman;
	font-size: 16px;
	color: #FCCE5F;
}

.bold{	font-weight: bold;  
	font-style: normal;
	font-size: 12px;
	color: #FFF8E5;
}

.text{	font-style: normal;
	font-size: 12px;
	color: #FFF8E5;
}

.itext{	font-style: italic;
	font-size: 12px;
	color: #D4A637;
}

.kursiv{font-style: italic;
	font-size: 12px;
	color: #D4A637;
}

.red{	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	color: #C60000;
}

.black{ font-style: normal;
	font-size: 12px;
	color: #000000;
}

.white{ font-style: normal;
	font-size: 14px;
	color: #FFFFFF;
}

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

.foot{	font-style: normal;
	font-size: 11px;
	color: #FFF8E5;
}

.line{	color: #103110;
}

.unter{	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	color:#D4A637;
}

.el{	font-style: normal;
	font-size: 10px;
	color:#D4A637;
}
/********************************************************************************/


//color: #FFF8E5; //beige
//color: #D4A637; //orange
//color: #FCCE5F; //hellorange


/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; }

#popup a, #popup a:visited {
position: relative;
width: 320px;
text-align: right;
padding: 0;
margin: 0;

}

#popup a span {display: none;}

#popup a:hover {  }

/* the IE correction rule */
#popup a:hover	{
color: #f00; 
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: -220px;
left: -500px;
width: 320px;
margin: 0px;
padding: 0px;
font-weight: normal;
text-align: left;

}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {

/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0px;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 0px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 0px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 0px solid #e9e9e2; }

/*end of hover popup links*/