body {
	background-color: rgb(172,179,192);
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	margin:0;
	padding:0;
	}

div	{ 
	margin:0;
	}

table	{
	background-color: rgb(51,51,102);
	text-align: center;
	valign: middle;
	}

a, a:hover { text-decoration: none;} 

.seite {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 980px;
	height: 595px;
	margin-left:0px;
	margin-top: 0px;
	background-color: rgb(255,255,255);
	font:bold 13px Arial;
	color:rgb(220,43,25);
}


/* --- Header --- */

.header {
	position: absolute;
	top: 0px;
	left: 0px;
	width:980px;
	height:95px;
	background-color: rgb(0,30,79);
	/*background:url(Bilder/Granit.jpg) top repeat;*/
	color: rgb(204,204,204);
	border:0px;
	margin:0px;
	padding:0px;}

/* Logo oben links */
#logo {
   position: absolute;
	top: 3px;
	left: 7px;	
	background: url(Bilder/Header/LogoB.gif) top left no-repeat;
	height:89px;
	width:122px;
	border:0;
	alt:"BörnerMéxico";
}
/*utensilios profesionales*/
#titel {
	position: absolute;
	top: 10px;
	left: 175px;	
	background:url(Bilder/Header/TitelBR.gif) top left no-repeat;
	height:41px;
	width:667px;
	border:0;
	alt:"utensilios para cocinas profesionales";
}
/* 50 Jahre oben rechts*/
#jubil {
	position: absolute;
	bottom: -1px;
	right: 6px;	
	background: url(Bilder/Header/50Anos.gif) bottom right no-repeat;
	height:94px;
	width:86px;
	border:0;
	alt:"50 Años Made in Germany";
}
/* Reiter*/
.reiter {
	position: absolute;
	top: 66px;
	height:29px;
	border:0px;
	margin:0px;
	padding:0px;}

.reitervorn {
	position: absolute;
	top: 60px;
	height:35px;
	color:rgb(51,51,51);
	border:0px;
	margin:0px;
	padding:0px;}

.rEcke { background:url(Bilder/Header/ReiterB_r.gif) top right no-repeat;}
.lEcke { background:url(Bilder/Header/ReiterB_l.gif) top left no-repeat;}
.rrEcke { background:url(Bilder/Header/ReiterB_rr.gif) top right no-repeat;}
.llEcke { background:url(Bilder/Header/ReiterB_ll.gif) top left no-repeat;}
.rEckevorn { background:url(Bilder/Header/ReiterBW_r.gif) top right no-repeat;}
.llEckevorn { background:url(Bilder/Header/ReiterBW_ll.gif) top left no-repeat;}
.rrEckevorn { background:url(Bilder/Header/ReiterBW_rr.gif) top right no-repeat;}
.lEckevorn { background:url(Bilder/Header/ReiterBW_l.gif) top left no-repeat;}

.inhalt {
	height: 29px;
	padding:8px 1px 4px 1px;
	text-align:center;
	font:bold 11px Arial;
	color:rgb(204,204,204);
	border:0px;
	margin:0px;}
.inhalt a {color:rgb(204,204,204);}
.inhalt a:hover {color:rgb(255,255,255);}
.inhaltvorn {
	height: 35px;
	padding:10px 1px 5px 1px;
	text-align:center;
	font:bold 13px Arial;
	}

#reiter1 { left:206px;width:130px;}
#reiter2 { left:336px;width:114px;}
#reiter3 { left:450px;width:142px;}
#reiter4 { left:592px;width:104px;}
#reiter5 { left:696px;width:102px;}
#reiter1v { left:194px;width:154px;}
#reiter2v { left:324px;width:138px;}
#reiter3v { left:438px;width:166px;}
#reiter4v { left:580px;width:128px;}
#reiter5v { left:684px;width:126px;}

/* mainbody*/
.Rahmen {
	position: absolute;
	top: 100px;
	width: 60px;
	height: 480px;
	background:url(Bilder/Bordure.jpg) top repeat-y;
	margin:0;
	padding:0px;
	border:0px;}

/* Submenü*/

.button {
	position:absolute; 
	top:99px; 
	border-width:2px; 
	border-style: dotted; 
	border-color: rgb(88,96,111); 
	padding:0px;}

#button1 { left: 63px;}
#button2 { left:238px;}
#button3 { left:413px;}
#button4 { left:588px;}
#button5 { left:763px;}

.subtitel {
	position:relative; 
	top:0px; 
	left:0px; 
	width:151px; 
	height:122px; 
	background-color:rgb(172,179,220); 
	border-width:0px; 
	padding:0px;
	color: rgb(255,255,255);}

.subtitel a {
	position: relative; 
	top:0px; 
	text-align: center; 
	margin:0px;
	padding:0px;
	font:bold 13px Arial; 
	color:rgb(153,153,153);}
.subtitel a:hover {color:rgb(212,215,222);}
.subtitel p {
	position:relative; 
	top:94px; 
	height:16px; 
	text-align:center; 
	background-color:rgb(0,30,79);
	margin:0px 2px;
	padding:4px 0px 6px 0px;
	font:bold 13px Arial;
	color: rgb(255,255,255);}
#subtitel1 { background:rgb(172,179,220) url(Bilder/Button1.jpg) no-repeat 2px 2px;}
#subtitel2 { background:rgb(172,179,220) url(Bilder/Button2.jpg) no-repeat 2px 2px;}
#subtitel3 { background:rgb(172,179,220) url(Bilder/Button3.jpg) no-repeat 2px 2px;}
#subtitel4 { background:rgb(172,179,220) url(Bilder/Button4.jpg) no-repeat 2px 2px;}
#subtitel5 { background:rgb(172,179,220) url(Bilder/Button5.jpg) no-repeat 2px 2px;}


/*Inhalt*/
.container {
	position: absolute;
	top: 229px;
	left: 63px;
	border-width: 2px;
	border-style: dotted;
	border-color: rgb(88,96,111);
	padding:0px;
	color: rgb(153,153,153);
	margin:0;
}

.container div { margin: 0px; border-width: 0px; padding: 0px;}
.container h1 { font:bold 14px Arial; line-height: 1.5em; text-align:justify; margin: 0px; padding: 1.5em 2.5em 0em 2.5em;}
.container h2 { font:bold 13px Arial; line-height: 1.2em; margin-bottom:0.5em; margin-top: 0px; margin-left: 0px; margin-right: 0px;}
.container p { font:normal 12px Arial; line-height:1.2em; margin-top: 0em; margin-bottom: 0.3em;}
.container a { color: rgb(0,0,51);}
.container a:hover { color: rgb(51,51,153);}

.containerL {
	position: absolute;
	top: 105px;
	left: 63px;
	border-width: 2px;
	border-style: dotted;
	border-color: rgb(88,96,111);
	padding:0px;
	color: rgb(51,51,102);
	margin:0;}
.containerL h1 { font:bold 16px Arial; line-height:1.2em; text-align:left; margin-top: 30px; margin-bottom:10px; margin-left: 40px; margin-right: 40px;}
.containerL h2 { font:bold 14px Arial; line-height: 1.2em; text-align:justify; margin-top: 10px; margin-bottom:0px; margin-left: 40px; margin-right: 40px;}
.containerL h3 { font:bold 13px Arial; line-height: 1.2em; text-align:justify; margin-top: 5px; margin-bottom:0px; margin-left: 40px; margin-right: 40px;}
.containerL p { font:normal 12px Arial; line-height:1.2em; margin: 12px; text-align: justify;}
.containerL table { align:center; background-color:transparent; font:normal 14px Arial; color: rgb(51,51,102); line-height:1.2em; margin:auto;}
.containerL th { colspan:4; font:bold 15px Arial; height:50px; text-transform:uppercase; line-height:1em; text-align: left; vertical-align:bottom; margin:0px; padding:2px; border-style: none;}
.containerL td { font:normal 13px Arial; text-align: left; border-color: rgb(255,255,255); border-width: 2px; border-style: inset; background-color: rgb(255,255,255); cellpadding: 2; text-indent: 5px; }
.containerL a { color: rgb(51,51,120);}
.containerL a:hover { color: rgb(51,51,170);}
.tabheader td { font:bold 13px Arial; border-color: rgb(212,215,222); background-color: rgb(172,179,220); border-width: 2px; border-style: groove; }

.lauf {
	position: relative;
	top:0px;
	left:0px;
	height: 356px;
	width:851px;
	overflow:auto;
	padding:0px;
	border:0px;}
.laufL {
	position: relative;
	top:0px;
	left:0px;
	height: 475px;
	width:851px;
	overflow:auto;
	padding:0px;
	border:0px;}

.poster {
	position: relative;
	top: 0;
	left: 0;
	width: 834px;
	background-color: rgb(161,179,204);
	color: rgb(0,0,51);
	font:normal 12px Arial;
	padding:0px;}



.posterL {
	position: absolute;
	top: 0;
	left: 0;
	width: 851px;
	height: 475px;
	color: rgb(0,0,51);
	font:normal 12px Arial;
	padding:0px;}

.product { position: absolute;}


.box {
	position: absolute;
	height: 180px;
	width: 210px;
	background-color: rgb(161,179,204);
	border-color:rgb(255,255,255);
	border-width: 2px;
	border-style: inset;
	}
.box h2 { position: absolute; top:-17px; text-align:right; right:0px; margin:0px;}

.link	{position: absolute; left: 0px; top:7px; margin: 0px; padding: 7px 0px; width: 130px; border-width: 2px; border-color:rgb(255,255,255); border-style: outset; background-color: rgb(161,179,204); font:normal 12px Arial; line-height: 1em; text-align:center;}
.link a:hover {color: rgb(255,255,255);


/* Zum Spielen*/
#test {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 200px;
	height: 200px;
	background-color: rgb(160,51,51);
	font:bold 13px Arial;
	color:rgb(220,43,25);
	text-align:center;
}
.test {
	position: absolute;
	bottom: 70px;
	left: 20px;
	width:20px;
	height:20px;
	background-color: rgb(102,160,102);
}
.test a:hover {background-color: rgb(102,160,0);}