/*

Stylesheet for best-catering.com

********************************

Author: ability-webdesign.ch

********************************

*/


/* neuer Footer, id= wrapper_neu */

#wrapper_neu {
	margin: 0 0 0 38px;
}





body {

margin: 0;

padding: 0;

font: small verdana, helvetica, arial, sans-serif;

text-align: center;

color:#7f7f7f;

}



a{

text-decoration: none;

}





h1 {

color:#ff3a2c;

font-size:18px;

margin-top:0;

}



h2 {

color:#ff3a2c;

font-size:14px;

margin-top:20px;

}



h3{

color:#ff3a2c;

font-size:12px;

margin-top:20px;

}



h4{

color:#ff3a2c;

font-size:12px;

border-bottom:1px solid #ff3a2c;

margin-top:0px;

}



a img {

border: 0;

}



table{

font-size:12px;

}





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



                  Wrapper



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

#wrapper {

position: relative;

margin: 0 auto;

padding: 0;

text-align: left;

width: 995px;

/* Wenn neuer Footer angewendet werden soll, bitte untere Zeile auskommentieren. */

/* background: url(../images/wrapper_bg.gif) left top repeat-y; */

}



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



                Header



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

#header {

position: relative;

margin: 0;

padding: 0;

border-bottom:6px solid #fff;

height: 190px;

width: 995px;

background: url(../images/header.gif) 0 0 no-repeat;

}



#header h1 {

margin: 0;

padding: 0;

text-indent: -9999px;

width: 280px;

}

#header h1 a {

display: block;

width: 215px;

height: 190px;

text-decoration: none;

}



#header-links{

position:absolute;

font-size:12px;

left:775px;

top:94px;

width:200px;

height:65px;

text-align:right;

color:#ff3a2c;

}

#header-links div{

margin-bottom:5px;

}

#header-links a{

color:#ff3a2c;

text-decoration: none;

}

#header-links a:hover{

color:#FF0000;

text-decoration:none;

}



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



                  Container



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

#container {

position: relative;

margin: 0;

padding: 0;

width: 995px;

}



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



               Content



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

#content {

margin: 0;

padding: 0 39px 20px 40px;

background: white;

float: right;

background: transparent;

font-size: 12px;

width:700px;

}



#content p {

margin: 0 0 1em;

padding: 0;

line-height: 1.5;

font-size: 12px;

}



#content a{

text-decoration: none;

text-decoration:underline;

color:#7f7f7f;

}



#content a:hover{

text-decoration:underline;

color:#ff3a2c;

}



#content h3 a{

color:#ff3a2c;

font-size:12px;

text-decoration:none;

}



#innercontent h2{

background-color:#7f7f7f;

color:#fff;

padding:3px 0;

}





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



                Hauptnavigation



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

#navi {

margin: 0 0 0 38px;

padding: 0;

width: 178px;

float: left;

background-color:#ff3a2c;

border-top:22px solid #ff3a2c;

border-bottom:6px solid #fff;

font-size:14px;

}


#navi ul, #navi li {

margin: 0;

padding: 0;

list-style: none;

}



#navi ul {

margin: 0 20px 20px 20px;

}



#navi a {

margin: 0;

padding: .4em 10px;

display: block;

text-decoration: none;

color:#fff;

}



#navi a:hover {

color:#ffada8

}



#navi ul li.nav_current a {

color:#ffada8;

background: url(../images/nav-bullet.gif) 10px center no-repeat;

padding-left:28px;

}



/* Submenu */

#navi ul ul {

margin: 0 0 0 28px;

border-bottom: 0;

font-size: 10px;

}

#navi ul li.nav_current ul li a{

color:#fff;

background:none;

padding:2px 0;

}

#navi ul li.nav_current ul a:hover {

color:#ffada8;

}



#navi ul li.nav_current ul li.nav_current a{

color:#ffada8;

}









#subnav-title{

width:700px;

}

#subnav-title h1{

margin-bottom:20px;

}





#subnav{

width:700px;

height:95px;

padding-bottom:20px;

margin-bottom:20px;

border-bottom:2px solid #ff3a2c;

}





.subnav-item{

float:left;

}



#content .subnav-item a{

display:block;

width:168px;

height:20px;

text-decoration:none;

color:#fff;

background-color:#7f7f7f;

background: url(../images/subnav-grey.gif) 0 0 no-repeat;

font-size:12px;

text-align:center;

padding-top:2px;

margin:0 5px 5px 2px;



}



#content .subnav-item a:hover{

text-decoration:none;

background-color:#ff3a2c;

color:#fff;

background: url(../images/subnav-red.gif) 0 0 no-repeat;

}



#content .subnav-item-current a{

background-color:#ff3a2c;

background: url(../images/subnav-red.gif) 0 0 no-repeat;

}









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



                Footer



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

#footer {

width: 178px;

margin: 0 0 0 38px;

background-color:#7f7f7f;

padding: 10px 0 10px 0;

float:left;

clear: left;

display: inline;
}



#footer p {

width: 178px;

font-size: 10px;

text-align: left;

margin: 0px 0px 0px 20px;  

color:white;

}

#footer a:link, #footer a:visited {

font-weight: bold;

text-decoration: none;

color:#fff;

} 

#footer a:hover {text-decoration: underline;}





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



               Site-Elemente



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



.error{

font-size:10px;

color:#FF0000;

font-weight:bold;

}





#content .menu-item-container{

margin-bottom:10px;

}



#content .menu-item-content p{

margin-top:0px;

}



#content .menu-item-container h2{

text-align:center;

margin:0;

border-bottom:5px solid #fff;

}



#content .menu-item-container a{

text-decoration:none;

color:#fff;

text-align:center;

}



#content .menu-item-container a:hover{

text-decoration:none;

color:#ccc;

}



#content .menu-item-content{

text-align:center;

}





.tbl_prod th{

text-align:left;

/*background-color:#ff3a2c;

color:#fff;*/

padding:2px;

/*border-right:1px solid #ccc;*/

}



.tbl_prod td{

text-align:left;

padding:2px;

/*border-right:1px solid #ccc;

border-bottom:1px solid #ccc;*/

}



.tbl_prod .first{

/*border-left:1px solid #ccc;*/

}