* { margin: 0; padding: 0; }
body {
margin: 0; padding: 0;
background: #F3ECE6;
font: normal 11pt Arial,Helvetica,sans-serif;
color: #333333;
}
h1 {
margin-bottom: 1.5em;
color: #333333;
font: bold 110% Arial,Helvetica,sans-serif;
letter-spacing: 1.1pt;
}
h2 {
margin-bottom: 0.35em;
color: #f30;
font: bold 100% Arial,Helvetica,sans-serif;
}
h3 {
color: #333;
font: bold 90% Arial,Helvetica,sans-serif;
margin-bottom: 0.25em;
}
ul { list-style-type: none; }
p, li, td {
color: #333;
vertical-align: top;
}
table { margin: 0; }
hr { width: 300px; height: 1px; color: #333; text-align:center; }
#inhalt #mitte ul { list-style-type: square; }
img { border: none; }
.zentriert { text-align: center; }
.rechts { text-align: right; }
.links { text-align: left; }
.oben { vertical-align: top; }
.unten { vertical-align: bottom; }
.eingerueckt { margin-left: 50px; }
.buendig { margin-left: 1.75em; }
.ml0 { margin-left: 0; }
.ml30 { margin-left: 30px; }
.ml15 { margin-left: 15px; }
.mittel { font: normal 100% Arial,Verdana,Helvetica,sans-serif; }
.kleiner { font: normal 90% Arial,Verdana,Helvetica,sans-serif; }
.klein {
color: #666666;
font: normal 80% Arial,Verdana,Helvetica,sans-serif;
}
.mini {
color: #666666;
font: normal 75% Arial,Verdana,Helvetica,sans-serif;
}
.f-rechts { float: right; }
.w133 { width: 133px; }
table.small td {
padding: 2px 0;
text-align: left; vertical-align: top;
font: normal 100% Arial,Verdana,Helvetica,sans-serif;
}
table tr td.jahr {
color: #f30; font-weight: bold;
height: 1.8em;
vertical-align: bottom;
}
.fett { font-weight: bold; }
.fixed_m { width: 10em; }
.rot { color: #CC0000; }
.silber { color: #666666; }
.bg_grau { background-color: silver; background-image: url(img/bg_grau.gif); }
.bg_hellgrau { background-color: #cccccc; background-image: url(img/bg_hellgrau.gif);}
.farbig { background-color: #D2C3B5; background-image: url(img/bg_farbig.gif);}
.gerahmt {border: solid 2px silver; }
.gerahmt_ou {border-top: solid 2px silver; border-bottom: solid 2px silver;}
.gerahmt_r {border-right: solid 2px silver; }
.doppelt {line-height: 1.6em; }
.halb {line-height: 0.5em; }
.form {
border: solid 1px silver;
font-size: 100%;
color: #333333; background: #C0DCC0;
}
/* layout */
#rahmen {
margin-top: 1%; margin-bottom: 1%;
width: 55em;
text-align: left;
background: #FFF;
}
#kopf {
height: 115px;
background-image: url(img/logo_mk_chinaservice.gif);
background-position: 15px 15px;
background-repeat: no-repeat;
background-color: #fff;
}
#name {
padding-left: 190px; padding-top: 1em; padding-bottom: 1em;
color: #333333;
font: bold 125% Arial,Helvetica,sans-serif;
/*border: solid 1px #fff;*/
}
#rechts-oben {
float: right;
margin: 1em 0 0 0; padding: 0 10px 0 0; width: 50%;
color: #666666;
font: normal 85% Arial,Helvetica,sans-serif;
text-align: right;
border-left: solid 1px #666;
}
#rechts-rechts { padding-left: 30em; }

#rechts-rechts-rezept { padding-left: 54em; }

#navigation {
clear: both;
width: 100%;
background: #F30;
text-align: left;
}
#navigation ul { margin-left: 8em; }
#navigation ul li { display: inline; line-height: 2em; }
#navigation a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#nav, #nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav_a {
padding-left: 1em; padding-right: 1em;
}
#nav2, #nav4, #nav6 { padding-right: 1.2em; }
#nav6 { text-align: right; }
#inhalt { width: 100%; min-height: 500px; }
#inhalt.bg-home {
background-image: url(img/bg_home150.gif);
background-repeat: repeat-y;
}
#inhalt.bg-farbig {
background-image: url(img/bg_farbig150.gif);
background-repeat: repeat-y;
}
#inhalt.bg-hell {
background-image: url(img/bg_hell150.gif);
background-repeat: repeat-y;
}
#inhalt.bg-dkl {
background-image: url(img/bg_grau150.gif);
background-repeat: repeat-y;
}
a.flagge-br, a.flagge-de {
font-size: 90%;
color: #666;
padding-left: 30px;
}
a.flagge-br {
background-image: url(img/chinaservice_english.gif);
background-position: left 50%;
background-repeat: no-repeat;
margin-left: 5em
}
a.flagge-de {
background-image: url(img/chinaservice_deutsch.jpg);
background-position: left 50%;
background-repeat: no-repeat;
margin-left: 14em
}
#linke_spalte {
float: left;
width: 11em; min-width: 150px; min-height: 500px;
}
#linke_spalte img { vertical-align: bottom; }
#linke_spalte img.abstand { padding-top: 5em; }
#linke_spalte img.kabstand { padding-top: 1em; }
#navi-leistungen ul { display: block; margin: 3em 0 0 1em; }
#navi-leistungen li { line-height: 1.5em; padding-bottom: 1em; }
#mitte {
position: relative; top: 0; left: 0;
margin-top: 0; margin-left: 12em; padding: 3em 4em 1em 2em;
text-align: left;
min-height: 440px;
overflow: auto;
}
#mitte.rahmen-links { border-left: solid 2px silver; }
#mitte p, #mitte ul, #mitte ol, #mitte table {
padding-right: 20px; padding-bottom: 1em;
}
#mitte.schmaler p { padding-right: 4em; }
#mitte p, #mitte li, #mitte table { font-size: 90%; line-height: 1.5em; vertical-align: middle; }
#mitte table.rezepte { width: 100%; }
#mitte table.rezepte td.monat { width: 7em; }
#mitte table.contact td { vertical-align: top; }
#mitte .f-rechts img { padding-left: 1.5em; padding-bottom: 1em; }
#link-back {
font-size: 90%;
}
#link-table { position: absolute; bottom: 0.3em; right: 1em; float: right; }
#unten {
clear: left;
height: 1em; /*width: 700px;*/ width: 100%;
margin: 0; padding: 0;
color: black; background: #F30;
font-size: 6pt;
z-index: 10;
}
#fusszeile {
margin: 0; padding: 0; width: 100%; height: 4em;
color: #666666; background-color: #FFF;
font: normal 85% Arial,Verdana,Helvetica,sans-serif;
}
#fusszeile p { line-height: 4em; color: #666; margin-left: 1em; }
#upd { margin-top: 2em; color: #666; font: normal 80% Arial,Verdana,Helvetica,sans-serif; }

/* Links */
/* normaler Link im Text */
a, a:link, a:hover, a:visited {
color: #666;
font-weight: bold;
text-decoration: none;
}
a:hover { text-decoration: underline; }
/* link in navigationsleiste */
#navigation a { color: #fff; font-weight: bold; font-size: 95%; }
#navigation a:hover {text-decoration: underline; }
/* aktuelle navigation */
#navigation a span { text-decoration: underline; color: #FFF; }
#navi-leistungen a {
color: #f30;
font-weight: bold;
font-size: 95%;
}
#navi-leistungen a span, #navi-leistungen a:hover {
color: #f30;
text-decoration: underline;
}
/* link im titel */
h1 a:link, h1 a:hover, h1 a:visited {
color: #333333;
}
h2 a:link, h2 a:hover, h2 a:visited {
color: #f30;
}
a:link.klein, a:hover.klein, a:visited.klein {
color: #333333;
font: bold 90% Arial,Helvetica,sans-serif;
text-decoration: none;
}
a:hover.klein {text-decoration: underline; }
a:link.heim, a:visited.heim, a:hover.heim, a:active.heim { color: #363; }