/* *********************************************************************************
** *********** (c) 2009 by Helmut Siebe (http://www.siebe-webdesign.de/) ***********
** *********************************************************************************
*/

* { margin: 0; padding: 0; }

body { font-family: verdana, arial, sans-serif; text-align: center; padding: 0; color: #006633; background-color: #fcf3d5;
font-size: 100.01%; background-image: url(../pic/back-913.jpg); background-repeat: repeat-x; background-position: left top; }

.red { font-weight: bold; color: #990033; }

/* alle Inhalte */
#gesamt { text-align: left; width: 845px; margin: 0px auto; background: transparent; border: 0; }


/* Headline oberhalb Header für Sprachen, Impressum etc. */
#headline { width: 845px; height: 100px; background-color: transparent; text-align: right; margin: 0; padding: 0; 
background-image: url(../pic/pizzeria-piccolo.gif); background-repeat: no-repeat; background-position: 105px 0px; }
#headline a { position: relative; top: 2px; right: 20px; font-size: 70%; color: #118f40; 
background: transparent; text-decoration: none; }
#headline h1 { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; font-style: italic; 
margin: 40px 130px 0 20px; font-size: 110%; color: #118f40; background: transparent; text-decoration: none; 
font-weight: bold; }
#headline a:hover { text-decoration: underline; color: #118f40; background: transparent; }

/* Aktuell */
#zeiten { float: left; width: 210px; height: 250px; color: #ffffff; text-align: left; border: 0px;
background-color: transparent; margin: 0; padding: 0; }
#zeiten h1 { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; font-style: italic;
padding: 20px 14px 0 14px; font-size: 100%; font-weight: bold; text-align: left; border: 0; }
#zeiten p { padding: 4px 14px 0 14px; font-size: 70%; text-align: left; }


/* Header */
#header { width: 845px; height: 250px; text-align: right; margin: 0; padding: 0; border: 0px; }
#header img { margin: 0; padding: 0; border: 0; }

/* Titelbild Fading */
#titel { float: right; padding: 0; border: 0; width: 845px; height: 250px; }
#titel img { margin: 0; padding: 0; border: 0; }
 
/* Textbereich gesamt */
#content { width: 845px; overflow: hidden; margin-top: 25px; padding: 0; background-color: transparent; }

/* links vom Text floatendes Menu */
#menu a.akt { color: #006633; border: 0; 
background-image: url(../pic/flagge.gif); background-repeat: no-repeat; background-position: left center; }
#menu a.psv2 { color: #006633; border: 0; 
background-image: url(none); background-repeat: no-repeat; background-position: left center; }
#menu a.psv3 { color: #006633; border: 0; }

#menu { float: left; width: 200px; background-color: transparent; text-align: left; border: 0px; 
margin: 20px 0px 0px 0px; padding: 0 0 100px 14px;
background-image: url(../pic/linie.gif); background-repeat: no-repeat; background-position: right bottom; }
#menu p { font-size: 80%; font-weight: normal; padding: 0; line-height: 120%; border0; margin: 0; }
#menu a { background-color: transparent; display: block; text-align: left; margin: 0; 
padding: 2px 0 6px 25px; color: #006633; font-weight: bold; border: 0; text-decoration: none;
background-image: url(../pic/flagge-passiv2.gif); background-repeat: no-repeat; background-position: left center; }
#menu a:hover { color: #006633; border-width: 0px; border: 0; text-decoration: none;
background-image: url(../pic/flagge.gif); background-repeat: no-repeat; background-position: left center; }


/* Textblock */
#text { width: 480px; background-color: transparent; color: #000000; margin-left: 300px; border: 0px; }
#text h1 { font-family: trebuchet ms, serif; margin: 20px 0px 0px 0px; padding: 0; font-size: 140%;
font-weight: bold; color: #006633; font-style: italic; }
#text h2 { font-family:  trebuchet ms, serif; margin: 20px 0px 0px 0px; padding: 0;
font-size: 110%; font-weight: bold; color: #006633; font-style: italic; }
#text h3 { font-family:  trebuchet ms, serif; margin: 20px 0px 0px 0px; padding: 0;
font-size: 100%; font-weight: bold; color: #006633; font-style: italic; }
#text h4 { font-family: verdana, arial, sans-serif; margin: 10px 0px 0px 0px; padding: 0;
font-size: 80%; font-weight: bold; color: #006633; }
/* h5, h6 nur für Block */

#text p { font-size: 80%; color: #006633; line-height: 140%; padding: 0; margin: 0px 0px 10px 0px; }
#text p.small { font-size: 75%; line-height: 140%; padding: 0; margin: 20px 0px 10px 0px; }
#text p.topper { padding: 20px 0px 20px 0px; }
#text p.nav { text-align: center; }
#text a { color: #006633; font-weight: bold; background-color: transparent; text-decoration: none;
margin: 0; padding: 0; border: 0px; }
#text a:hover { color: #006633; background-color: transparent; font-weight: bold; }
#text ul { font-size: 80%; list-style-type: square; padding: 10px 0px 10px 20px; }
#text li { margin: 2px 10px; line-height: 120%; color: #006633; }
#text img { float: left; border: 1px solid #fee188; margin: 4px 15px 4px 0px; padding: 0;}


/* Tabelle für Formulare Kontakt und Buchungsanfrage */
#text form.kontakt { margin: 0; }
#text table { width: 480px; border: 0px solid #a90f0b; margin: 0 0 20px 0px; padding: 0px; border-collapse: collapse; }
#text table.formular { background-color: transparent; margin: 20px 0 20px 0; background-image: none; }
#text table.anfrage { background-color: #fdeeba; margin: 10px 0 20px 0px; background-image: none; }
#text td { width: 30%; font-size: 12px; color: #006633; padding: 4px 6px 0 6px; text-align: right; }
#text td.gb { width: 100%; font-size: 12px; padding: 4px 0 0 0; text-align: left; }
#text td.right { width: 70%; font-size: 12px; text-align: left; padding: 4px 6px; }
#text td label { display: inline; font-size: 12px; color: #006633; font-weight: bold;  }
#text td select, input, textarea { display: inline; margin: 0; }
#text select { width: 100px; }

#text h4.terminexport { font-family: trebuchet ms, serif; margin: 0px 0px 0px 0px; padding: 0; font-size: 110%; font-weight: bold; color: #006633; border: 0; }
#text img.terminexport { float: left; margin: 4px 10px 6px 0px; padding: 0; background-color: transparent; border: 1px solid #fee188; }
#text p.terminexport { line-height: 140%; padding: 0px ; margin: 0px 0px 0px 0px; border: 0; }
#text p.terminexportdatum { display: block; line-height: 130%; color: #006633; padding: 0px ; margin: 20px 0px 0px 0px; border: 0; }
#text p.terminexportback { line-height: 130%; padding: 0px ; margin: 20px 0px 0px 0px; border: 0; }
#text p.terminexportcenter { text-align: center; text-decoration: none; line-height: 130%; padding: 0px ; margin: 20px 0px 0px 0px; border: 0; }
#text p.terminexportcenter a { text-decoration: none; }

/* Tabelle */
#text table.preise { width: 480px; border: 0px; border-collapse: collapse; margin: 10px 0px 8px 20px; font-size: 12px; }
#text table.preise a { text-decoration: none; background-color: transparent; color: #0e3865; font-weight: bold;
border-bottom: 0px solid #0e3865; }
#text table.preise a:hover { color: #ff3300; font-weight: bold; }
#text td.titel1 { width: 200px; text-align: left; border: 0px solid #0e3865; padding: 0 0 4px 0; }
#text td.titel { width: 135px; text-align: left; border: 0px solid #0e3865; padding: 0 0 4px 4px; }
#text td.leer { width: 470px; height: 4px; border: 0px solid #0e3865; padding: 0px; }
/* #text td.leer2 { width: 20px; border: 0px solid #0e3865; padding: 0px; } */
#text td.saison { text-align: left; line-height: 140%; width: 200px; border-top: 1px solid #0e3865; border-right: 1px solid #0e3865; padding: 4px 4px 2px 0; }
#text td.dz { text-align: left; line-height: 140%; width: 135px; border-top: 1px solid #0e3865; border-right: 1px solid #0e3865; padding: 4px 0 2px 4px; }
#text td.ez { text-align: left; line-height: 140%; width: 135px; border-top: 1px solid #0e3865; border-right: 0px solid #0e3865; padding: 4px 0 2px 4px; }
#text td ul { list-style-type: square; padding: 0px 0px 0px 10px; }
#text td li { margin: 2px 10px; line-height: 130%; font-size: 12px; }

/* Footer */
#footer { clear: left; background-color: transparent; color: #006633; text-align: center; margin-top: 20px; }
#footer p { font-size: 80%; padding: 0px 20px 30px 20px; }
#footer a { color: #006633; font-weight: normal; background-color: transparent; text-decoration: underline; }
#footer a:hover { color: #006633; background-color: transparent; }

/* Ausgeblendetes */
.novis { display: none; }