body
{ 	background-color: #757575;/*#D9D9D9;*/
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	height: 100%;
	width: 100%;
}

img 
{
	border: none;
}

div.header
{	position: relative;
	min-width: 990px;
	height: 80px;
  	background-color: #BBBBBB;
  	border: 2px;
  	border-color: #D6D6D6;
  	border-style: groove;
}

div.logo {
	position: absolute;
	top: 17px;
	left: 15px;
}

a.logo /*= TOP LOGO*/
{	
	font-size: 25px; 
 	font-weight: lighter; 
 	color: #000000;
 	letter-spacing: 1px;
	text-decoration: none;
}
a.logo span {
 	color: green;
}

div.header ul.nav 
{	height: 60px;
	position: absolute;
	bottom: 6px;
	right: 260px;

	text-align: center;
	margin: 0px 0px 0px 0px;

}

/* ------- NAVIGATION ------- */

table.nav
{
	position: relative;
	top: 4px;
	left: 22px;
	margin-bottom: 0px;
}

.produkte
{
	position: relative;
	top 0px;
	right 0px;
}

.produkte div
{
position: absolute; width: 110px; display: none; height: 60px; top: 0px; left: 0px;
}


/* small words */
a.tagline
{
	position: relative;
	top: -4px;
	font-size: 12px;
	word-spacing: 2px; 
 	color: #000000;
text-decoration: none;
}

/* TOP MENU SEARCH */
div.search
{
	text-align: center;
	position: absolute;	
	bottom: 10px;
	right: 15px;
}
div.search form {
	margin: 0px;
}
p.searchtitle
{ 	position: relative; 
	top: 13px;
	font-size: 12px; 	
	font-weight: 600; 
}
input.search {
	position: relative;
	bottom: 0px;
    background-color: white;
    width: 110px;
    height: 21px;
    text-align: center;
	border-style: inset; 
	border-width: 2px; 
	border-color: #fff; }

input.searchbutton {
	position: relative;
	bottom: -2px;
	left: 6px;
	width: 110px;
	height: 25px;
	font-size: 12px;
	color: #FFFFFF; 
	font-weight: bold; 
	word-spacing: 1pt;  
  	border-style: outset; 
	border-width: 2px; 
	border-color: #FFFFFF; 
	background-color: #666666;
}

 

 	/* ++++++++++++++++++++CENTER++++++++++++++++++ */

div.content
{ 	
	position: absolute;
	left: 10%; 
	top: 140px;
	width: 80%;
	min-width: 770px;
  	bottom: 20px;
  	background-color: #F4F4F4; 
  	overflow: auto;
}

div.titles
{
	position: relative;
	top: 20px;
	text-align: center; 
	font-size: 25px; 
 	font-weight: lighter; 
 	color: green; 
}

div.maintitles
{
	position: relative;
	top: 36px;
	text-align: center; 
	font-size: 25px; 
 	font-weight: lighter; 
 	color: green; 
}
/*---------------shadows------------------*/
div.shadow {
	position: absolute;
	background-repeat: none;
}

#lt {
	top: 130px;
	left: 10%;
	margin-left: -10px;
	height: 10px;
	width: 10px;
	background-image: url(./images/lt.gif);
}
#rt {
	top: 130px;
	right: 10%;
	margin-right: -10px;
	height: 10px;
	width: 10px;
	background-image: url(./images/rt.gif);
}
#lb {
	background-position: bottom;
	
	bottom: 10px;
	left: 10%;
	margin-left: -10px;
	height: 10px;
	width: 10px;
	background-image: url(./images/lb.gif);
}
#rb {
	background-position: bottom;
	
	bottom: 10px;
	right: 10%;
	margin-right: -10px;
	height: 10px;
	width: 10px;
	background-image: url(./images/rb.gif);
}
#l {
	background-repeat: repeat-y;
	top: 140px;
	left: 10%;
	margin-left: -10px;
	bottom: 20px;
	width: 10px;
	background-image: url(./images/l.gif);
}
#t {
	background-repeat: repeat-x;
	top: 130px;
	left: 10%;
	height: 10px;
	width: 80%;
	min-width: 770px;
	background-image: url(./images/t.gif);
}
#b {
	background-position: bottom;
	background-repeat: repeat-x;
	bottom: 10px;
	left: 10%;
	height: 10px;
	width: 80%;
	min-width: 770px;
	background-image: url(./images/b.gif);
}
#r {
	background-repeat: repeat-y;
	top: 140px;
	right: 10%;
	margin-right: -10px;
	bottom: 20px;
	width: 10px;
	background-image: url(./images/r.gif);
}


/*ie hacks....*/
* html div.header {
	width: expression(document.body.clientWidth < 1000 ? "1000px": document.body.clientWidth-5+"px");
} 

* html div.content, * html #r ,* html #l {
	height: expression(document.body.clientHeight-160+"px");


}

* html input.searchbutton, * html input.search{
	bottom: -1px;
}

* html body{
	overflow-y: hidden;
}