/*
Standardrwerte

Hintergrundgrau #e3e3e3
Rot #cc0001
Orange #ff6600
Blau #0080ff
Lila #ba8fba
Türkis #3bb3c3
Grün #00923f
Grau #969593

Subnavweite 240px
Content 704px
Contentmitte 450px
Content rechts 220px
*/

/* Allgemeine Formatierungen */

html, body {
   margin: 0px; padding: 0px;
}

body {
   font-family: Arial, sans-serif; font-size: 1em; color: #333; background: #e3e3e3; text-align: center;
}

* {
   margin: 0px; padding: 0px;
}

p, h1, h2 ,h3, h4, ul, ol {
   margin: 0px; padding: 0px;
}

h1 {
    font-size: 1.3em; color: #cc0001; margin-bottom: 15px;
}

h2 {
    font-size: 1.3em; color: #cc0001; margin-bottom: 15px;
}

ul, ol {
   margin: 0 0 8px 23px;
}

#content-left li {
   margin-bottom: 8px;
}

#content-left ol {
   margin-left: 28px;
}

#content-left ol ol {
   list-style-type: lower-latin;
}


p {
   margin-bottom: 8px;
}

img {
   border: 0px;
}

.clear {
   clear: both;
}

.left {
   float: left;
}

.important {
   color: #cc0001; font-size: 1.3em;
}

hr {
   border: none; border-top: 1px solid #000; color: #fff; background-color: #fff; height: 1px;
}


/* Ebenen */

#center {
   width: 954px; margin: 0 auto;
}

#header {
   width: 954px; text-align: left; background: url(images/laden.gif) no-repeat;
}

#mainnav {
   position: relative; left: 35px; top: -35px; width: 920px; height: 35px; z-index: 3;
}

#container {
   position: relative; left: 0px; top: -36px; width: 954px; background: #fff; border-bottom: solid 2px #cc0001; z-index: 2; text-align: left;
}

#nav-left {
   clear: both; float: left; width: 240px;
}

#subnav {
   margin-top: 20px;
}

#content {
   float: right; width: 694px; min-height: 200px; margin: 20px 0; line-height: 1.3em;
}

#content-left {
   float: left; width: 450px; font-size: 0.80em;
}

#content-right {
   float: right; width: 220px; font-size: 0.7em;
}

#content-long {
   float: left; width: 650px; padding: 20px; line-height: 1.3em;
}

#teaser {
   width: 210px; margin: 5px 0 10px 20px; font-size: 0.8em;
}

#footer {
   position: relative; left: 0px; top: 0px; top: -36px; width: 954px; height: 30px; line-height: 25px; background: url(http://www.panorama-catering.de/fileadmin/templates/images/bg-footer.png) repeat-y; color: #000;
}

#footer-left {
   float: left;
}

#impressum {
   float: right; height: 12px; padding-top: 0px;
}


/* Logo Formatierungen */
#logo h1 {
   margin: 0px;
}

.logo-home, .logo-betriebsgastronomie, .logo-schulverpflegung, .logo-events, .logo-qualitaet, .logo-karriere, .logo-kontakt {
   text-indent: -5500px; display: block; overflow: hidden; width: 954px; height: 302px;
}

.logo-home {
   background: url(images/top-start.jpg) no-repeat;
}

.logo-betriebsgastronomie {
   background: url(images/top-betriebsgastronomie.jpg) no-repeat;
}

.logo-schulverpflegung {
   background: url(images/top-schulverpflegung.jpg) no-repeat;
}

.logo-events {
   background: url(images/top-events.jpg) no-repeat;
}

.logo-qualitaet {
   background: url(images/top-qualitaet.jpg) no-repeat;
}

.logo-karriere {
   background: url(images/top-karriere.jpg) no-repeat;
}

.logo-kontakt {
   background: url(images/top-kontakt.jpg) no-repeat;
}

.leicht {
   display: block; padding-left: 20px;  background: url(../daten/images/logo-ll-15.png) no-repeat;
}

#footer-left-wrapper {
   margin-left: 15px;
}

.logo-footer {
 float: left; margin: 2px 10px 0 0;
}

.logo-footer-aussen {
 float: left; margin: 2px 0 0 0;
}


/* Flexible Inhaltselemente */

.c2b-left {
   float: left;
}

.c2b-right {
   float: right; margin-right: -5px;
}

.stellen p {
   background: #cc0001; margin-bottom: 3px; padding: 4px 5px; color: #fff; font-weight: bold;
}

.stellen ul {
   list-style-type: none; margin-bottom: 10px;
}

#content-left .stellen li {
    margin-bottom: 4px;
}

.csc-textpic-text {

}

.content-2bilder {
   clear: both; margin-bottom: 15px;
}

/* CSC */

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
   border: solid 1px #000;
}


   /* Startseite */
#start-links {
   float: left; width: 250px; margin: 30px 0 0 0;
}

#start-rechts {
   float: right; width: 650px;
}

#start-rechts .left10 {
float: left; width: 145px; margin-right: 10px; font-size: 0.8em; line-height: 1.1em;
}

#start-rechts .left {
float: left; width: 145px; font-size: 0.8em; line-height: 1.1em;
}

#starttext-unten {
   margin-top: 10px; font-size: 1em;
}


 /* Überschriften */
#start-rechts h2 {
    font-size: 1.4em; color: #cc0001; margin: 0 0 15px 0;
 }

#starttext-unten h3, #start-rechts h3 {
    font-size: 1em; color: #cc0001; margin: 0px;
 }


/* Links */

a:link, a:visited {
   color: #cc0001; text-decoration: none;
}

a:active, a:hover {
   color: #cc0001; text-decoration: underline;
}

/* Formular */

fieldset {
   width: 300px; padding: 15px;
}


label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
}

input, textarea {
   display: block; width: 250px; margin-top: 2px; margin-bottom: 15px; padding: 3px; border: 1px solid #aaa;
}

input:focus, textarea:focus {
 color: #000;
 background: #f0f0f0;
 border: 1px solid #c00;
}

.error {
   color: #f00; font-size: 0.9em;
}


.dn {
   display: none;
}

/* Sitemap */

.csc-sitemap ul {
   margin-top: 20px;
}

.csc-sitemap li {
   list-style-type: none; margin-bottom: 15px;
}

.csc-sitemap ul li a {
  display: block; padding: 4px; color: #fff; background: #cc0001; font-weight: bold;
}

.csc-sitemap ul ul {
   list-style-image: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif); margin-top: 5px; margin-left: 30px;
}

.csc-sitemap li li {
   margin-bottom: 0px; list-style-image: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif);
}

.csc-sitemap li li a {
   color: #000; padding: 2px; background: none; font-weight: normal;
}


/* Speisenplan */

#wrapper {
   padding: 20px 0 10px 8px;
}

#datum {
   font-size: 1em; font-weight: bold; margin: 10px 0px;
}

table {
   border: solid 1px #000; border-collapse: collapse; background: #fff;
}

td {
   text-align: left; vertical-align: middle; font-size: 0.7em; padding: 3px;
}

tr {

}

td.art {
   width: 70px; font-size: 0.9em; font-weight: bold; border-right: solid 1px #000; border-bottom: solid 1px #000;
}

td.tag {
   text-align: center; vertical-align: middle; font-weight: bold; color: #fff; font-size: 1em; background: #999; border: solid 1px #000;
}

td.essen {
   width: 120px;  border-bottom: solid 1px #000;
}

td.essen-dotted {
   width: 120px; border-bottom: dotted 1px #888;
}

td.preis {
   width: 40px; vertical-align: middle; text-align: right; border-right: solid 1px #000; border-bottom: solid 1px #000;
}

td.preis-dotted {
   width: 40px; vertical-align: middle; text-align: right; border-right: solid 1px #000; border-bottom: dotted 1px #888;
}