* {margin:0; padding:0;}

body 
{
	font-size: 85%;
	font-family: 'Trebuchet MS' Verdana, Arial, Sans-Serif;
	background-color:white;
}

#wrap 
{ 
	margin:0 auto;      /* standardkonforme horizontale Zentrierung */
	width:798px; 
	height:600px;
	border:0px solid red;
	border-style:ridge;
	border-bottom:0px solid red;
	background-color:white;
}

#header 
{
	background-image: url('../images/Mair-Logo800x160.jpg');
	background-repeat:no-repeat;	
	width:798px;
	height:160px;
	border:0px solid black;
}

#navi
{
	width:798px;
	height:30px;	
	border:0px solid blue;
}
.clear
{	
	font-size:0.8em;
	margin:0;
	padding:0;
	
}
p {
	font-size:0.8em;
	 margin:0;
	 padding:0;
}
#content
{
	 width:798px;
	 height:410px;
	 border:0px solid black;
	 background-repeat:no-repeat;
 	 border-bottom:1px solid red;
}

#autos
{
	 float:left;
	 width:798px;
	 height:180px;
	 border:0px solid black;
	 background-image:url('../images/AutosIMG_1030.jpg'); background-repeat:no-repeat; background-position:210px top;
}

#badtop
{
	 width:100%;
	 height:160px;
	 border:0px solid black;	
}
#badmiddle
{
	 width:796px;
	 height:200px;
	 border:0px solid black;
	 margin-left:4px;		
}
#badbottom
{
	 width:100%;
	 height:40px;
	 border:0px solid black;	
}
.badtable
{
	float:left;
	width:260px;
	height:200px;
	padding-left:5px;
	background-image:url('../images/BadTableBackground.jpg');
	background-repeat:no-repeat;
}

h1 { font-size:1.6em; }
h2 { font-size:1.3em; }
h3 { font-size:1.1em; }

h3
{	
	margin-top:8px;
	text-align:center;
	margin-bottom:3px;
}

h2
{	
	margin-top:8px;
	text-align:center;
	margin-bottom:3px;
}
h4
{
	font-size:1em;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	padding-right:20px;

}
.ueberschrift
{
	text-align:center;	
	font-size:1em;
	font-weight:bold;	
}

.stdbad
{
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin:7px;
}

.std 
{
	font-size:1.0em;
	color:black;	
	padding-left:20px;
	padding-right:20px;
	margin:0;
}
.msc 
{
	padding-top:40px;
	font-size:0.8em;
	color:black;	
	text-align:center;
	vertical-align:bottom;
	margin:0;
}

.leistung
{
	
	padding:3px;
	font-size:1.0em;
	font-weight:bold;
	color:black;	
}

.listing
{
	margin-top:5px;
	margin-left:370px;
}

table.kontakt
{

	margin-left:380px;
	margin-top:5px;
	text-align:center;
	font-size:1em;
	font-weight:bold;	
	color:black;
}
th.kontakt
{
	height:40px;
	padding:10px;
	text-align:center;
	vertical-align:top;
	color:black;

}
td.kontaktLeft
{
	width:120px;
	padding:5px;
	font-weight:bold;
	border:0px solid gray;
	text-align:left;
	vertical-align:top;
	color:black;

}

td.kontaktRight
{
	width:230px;
	padding:5px;
	font-weight:bold;
	border:0px solid gray;
	vertical-align:top;
	text-align:left;
	color:black;

}


/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

/* menurahmen */
#menu 
{
	border-top:5px solid white; 
	border-bottom:30px solid white;
}

#menu {
	padding:0; 
	margin:0; 
	list-style:none;
}

#menu li 
{
	float:left; 
	text-align:center; 
	margin-right:-20px;
} 

#menu a 
{
	display:block; 
	text-decoration:none;
}

#menu a em 
{
	font-style:normal; 
	display:block; 
	padding:0 6px; 
	height:25px; 
	background:#eb3d00; 
	float:left; 
	cursor:pointer; 
	color:white; 
	line-height:24px;


}

/* ??? */
a span 
{
	cursor:pointer; 
	display:block; 
	width:0; 
	overflow:hidden; 
	float:left; 
	background:black;
} 

#menu a b 
{
	cursor:pointer; 
	display:block; 
	width:0; 
	overflow:hidden; 
	float:left; 
	background:black;
} 

#menu a span 
{
	height:0; 
	border-top:25px solid #eb3d00; 			/* ecke rechts oben*/
	border-right:25px solid white; 	/* zwischenraum rechts oben */
} 

#menu a b.p5 
{
	border-top:5px solid white; 	/* zwischenraum ecke links */
	border-right:5px solid #eb3d00; /* ecke links unten */
} 

#menu a b.p4 
{
	border-top:5px solid white; 	/* zwischenraum ecke links */
	border-right:5px solid #eb3d00; /* ecke links unten */
} 

#menu a b.p3 
{
	border-top:5px solid white; 	/* zwischenraum ecke links */
	border-right:5px solid #eb3d00; /* ecke links unten */
} 

#menu a b.p2 
{
	border-top:5px solid white; 	/* zwischenraum ecke links */
	border-right:5px solid #eb3d00; /* ecke links unten */
} 

#menu a b.p1 
{
	border-top:5px solid white; 	/* zwischenraum ecke links */
	border-right:5px solid #eb3d00; /* ecke links unten */
} 

#menu a b.p1 {height:0; margin-top:20px;}
#menu a b.p2 {height:5px; margin-top:15px;}
#menu a b.p3 {height:10px; margin-top:10px;}
#menu a b.p4 {height:15px; margin-top:5px;}
#menu a b.p5 {height:20px;}

#menu a b.p10 
{
	border-bottom:5px solid white; /* ecke ganz rechts aussen */
	border-left:5px solid #eb3d00; /* zwischenraum ganz rechts aussen */
}

#menu a b.p9 
{
	border-bottom:5px solid white; /* ecke ganz rechts aussen */
	border-left:5px solid #eb3d00; /* zwischenraum ganz rechts aussen */
}

#menu a b.p8 
{
	border-bottom:5px solid white; /* ecke ganz rechts aussen */
	border-left:5px solid #eb3d00; /* zwischenraum ganz rechts aussen */
}

#menu a b.p7 
{
	border-bottom:5px solid white; /* ecke ganz rechts aussen */
	border-left:5px solid #eb3d00; /* zwischenraum ganz rechts aussen */
}

#menu a b.p6 
{
	border-bottom:5px solid white; /* ecke ganz rechts aussen */
	border-left:5px solid #eb3d00; /* zwischenraum ganz rechts aussen */
}

#menu a b.p6 {height:20px;}
#menu a b.p7 {height:15px;}
#menu a b.p8 {height:10px;}
#menu a b.p9 {height:5px;}
#menu a b.p10 {height:0;}

#menu a:hover {background:#FFCC00;}

#menu a.selected em {color:gray; background:#FFCC00;}

#menu a:hover em {color:gray; background:#FFCC00;}

#menu a.selected b.p5 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a:hover b.p5 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a.selected b.p4 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a:hover b.p4 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a.selected b.p3 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a:hover b.p3 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a.selected b.p2 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a:hover b.p2 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a.selected b.p1 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a:hover b.p1 
{
	border-right-color:#FFCC00;
	background:#FFCC00;
}

#menu a.selected b.p10 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a:hover b.p10 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a.selected b.p9 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a:hover b.p9 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a.selected b.p8 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a:hover b.p8 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a.selected b.p7 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a:hover b.p7 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a.selected b.p6 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a:hover b.p6 
{
	border-left-color:#FFCC00; 
	background:#FFCC00;
}

#menu a.selected span {border-top-color:#FFCC00;}

#menu a:hover span {border-top-color:#FFCC00;}

#menu a.selected:hover span {cursor:default;}


#menu a.selected:hover em {cursor:default;}


#menu a.selected:hover b {cursor:default;}