* {
margin: 0; 
padding: 0;
}

a img { border: 0; }

html {height: 100%;}

body {
font: 100% arial, sans-serif; 
line-height: 1; 
color: #222; 
text-align:left;
height:100%;
background-color: #000;
}

a { color: #951509; }
a:hover { color: #bc1a0b; }
a:visited { color: #666; }

h2 { font-size: 1.4em; }
p {margin-bottom: 1em;}
hr { width: 100%; border:0; height: 1px; color: #b3ac8b;background-color: #b3ac8b; margin: 1em 0;}

#wrapper {
min-width: 45em;
background-color: #000;
height: 100%;
}

#header {
height: 11.875em;
background: #000 url(../pict/ferruccio-head1.jpg) right top no-repeat;
padding-left: 6.25em;
max-width: 62.5em;

}

img.logo {
margin-top: 3.25em;
}

#nav {
width: 100%;
position: relative;
background-
}

#navinner {
float:left;
width: 100%;
line-height: normal;
background-color: yellow;
font-size: 0.75em;
background: url(../pict/navbg.gif) bottom repeat-x #951509;
}

/* Navigation */
#navinner ul.mainnav {
margin: 0 0 0 8.25em;
}

#navinner ul.mainnav, #navinner ul.subnav {
padding: 0;
list-style:none;
}

#navinner ul.mainnav li {
float:left;
margin: 0;
padding: 0;
background: url(../pict/navright.gif) no-repeat right top;
position:relative;
}

#navinner a {
text-decoration: none;
display:block;
color: #faf0c2;
background: url(../pict/navleft.gif) no-repeat left top;
padding: 10px 12px 9px;
text-transform:uppercase;
letter-spacing: 1px;
font-size: 0.9em;
}

#navinner ul li.current {
background: url(../pict/navright_on.gif) no-repeat right top;
}

#navinner .current a {
background: url(../pict/navleft_on.gif) no-repeat left top;
padding-bottom: 10px;
}

/* SUBNAV */
#navinner ul.subnav {
position:absolute;
left: 0em;
top: 2.8em
}

#navinner ul.subnav li, #navinner ul.subnav li a {
background: none;
display:inline;
float:left;
}

#navinner ul.subnav li a {
background: none;
font-size: 0.9em;
text-transform:none;
margin: 0;
float:left;
display:block;
}

#navinner ul.subnav li {
background: none;
}



#navinner ul li ul {
display:none;
width: 500px;
}

#subnav {
clear:both;
height: 2.0625em;
background-color: #000;
padding-left: 6.25;
max-width: 62.5em;
}

#langswitch {
position: relative;
float:right;
height: 2.0625em;
width: 5.1em;
}

#langswitch img {
position:relative;
width: 1em;
height: 1em;
top: 0.5em;
}

#main {
background: #eee9c0 url(../pict/mainbg.gif) top repeat-x;
min-height:22em;
height:auto !important;
height:22em;
color: #222;
border-bottom: 1px solid #eee9c0
}

#content {
padding: 1.875em 0 0 6.25em;
max-width: 62.5em;
}

#content h1 {
font: normal 2em "trebuchet ms", "lucida sans", arial, sans-serif;
background: url(../pict/headerdots.gif) bottom repeat-x;
padding-bottom: 0.5em;
margin-bottom: 1em;
}

#content ul, #content ol {
margin: 1em 0 1em 1.5em;
}

div.thumb {
float:left;
margin: 0 10px 10px 0;
}

.clear { clear:left; height: 0.01em; line-height: 0.01em; }

#leftcol {
width: 150px;
float:left;
font-size: 0.75em;
}

.bildlegende {
font-size: 0.9em;
font-style:italic;
color: #666;
padding: 0.6em 0;
line-height: 150%;
}

#midcol {
margin: 0 250px 0 170px;
}

#midcol h2, #rightcol h2 { color:#951509;  line-height: 180%; }
#midcol h3, #rightcol h3 { color:#222;  line-height: 170%; }

#midcol, #rightcol, #leftcol  { font-size: 0.75em; line-height: 180%; margin-bottom: 1em; }

#midcol ul, #rightcol ul, #midcol ol, #rightcol ol  { line-height: 180%; margin-bottom: 1em; }

#rightcol {
width: 200px;
float:right;
padding-right: 0;
}

#rightcol h2 { margin-bottom: 1em; }
#rightcol p { line-height: 120%; }

.listcombo {
margin: 1em 0;
font-size: 1em;
}

.listcombo p {
margin: 0.4em 0;
}

.listimg {
width: 8.75em;
float:left;
margin-bottom: 0.5em;
}

.listtext {
margin-left: 10.625em;
}

#mainbottom { 
background: #eee9c0 url(../pict/mainbg_bottom.gif) bottom repeat-x; 
height: 2.8125em; 
clear:both;
margin-top: 0;
}

#footer {
max-width: 62.5em;
text-align: right;
color: #b3ac8b;
font-family: arial, sans-serif;
padding: 0.8em 1em 0.8em 6.25em;
line-height: 140%;
}

#footer p.bright1 { font-size: 0.7em; }
#footer p.bright2 { font-size: 0.7em; color: #706933; }

.admin { 
color: #00cc00; 
background-color: #333; 
font-size: 10px; 
padding: 3px; 
border: 1px solid #00cc00;
}

/* formular */

.formular {
line-height: 180%;
}

label.left {
float:left;
width: 30%;
clear:both;
margin-right: 2em;
text-align:right;
}

.formular fieldset { margin: 10px 0; padding: 10px; border: 1px solid #951509; }
.formular legend { font-style:italic; color: #951509; vertical-align:middle; background-color: #eee9c0; padding: 1px 5px 1px 0; }

.formular fieldset input { float:left; width: 50%;}
.formular fieldset textarea { float:left; width: 50%; height: 100px;}

/*  TABELLE   */
table.tabelle {
border-collapse:collapse;
}

tfoot {display:none;}

.tabelle th {
text-align:center;
color: #951509;
padding: 0.5em 0.2em;
font-size:1.2em;
font-weight:bold; 
}
.tabelle td { 
color: #222; 
border: solid #b3ac8b; 
border-width: 1px 0;
padding: 0.6em 1em;
font-size: 0.9em;
line-height: 1.4em;
vertical-align:top;
}

/* SHOP */
.orderitem { margin-bottom: 1em; }


.orderimage {float:left; width: 160px; }

.ordertext { overflow:hidden;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */