/* jazzprezzo.css */
/* Stylesheet für http://www.jazzprezzo.de/ */
/*                                                              */
/*                                                              */
/* Web-Realisierung von friedel hosenfeld, Hosenfeld Consulting */
/*                      http://www.ho-con.de/                   */

/* fh, 13-APR-2005. */
/* lr: fh, 18-APR-2005. Anpassungen der Maße, Erweiterungen.    */
/* lr: fh, 20-APR-2005. Korrekturen.				*/
/* lr: fh, 26-MAY-2005. Unsichtbarer Text. 			*/
/* lr: fh, 23-JUN-2005, Logo-Ausrichtung, neue Elemente.        */
/* lr: fh, 13-JUL-2006, Neue Farben (orange), neue Elemente.    */
/* lr: fh, 30-JUL-2006, Unterstrichene Links.                   */
/* lr: fh, 08-JUL-2007, Design 2007 (blau).                     */
/* lr: fh, 13-JUL-2007, Farben ergänzt und geändert.            */
/* lr: fh, 24-JUN-2009, Farben ergänzt und geändert.            */
/* lr: fh, 26-JUN-2009, Korrekturen.                            */

/* vormals: #939598 */
body {background-color:#000000;text-align:center;margin:0px;}
/* Text-align für IE, der margin auto nicht korrekt macht. */

/* Blatt als Zeichen-Rahmen: #57575A*/
div#jzblatt {background-color:#4A4A4A;
             margin-top: -300px; margin-left: -400px;
             position: absolute; top:50%; left:50%; width:800px; height:600px;}
/* Mit anderen Farben: */
div#jzblattblack {background-color:#000000;
             margin-top: -300px; margin-left: -400px;
             position: absolute; top:50%; left:50%; width:800px; height:600px;}

div#jzblattorange {background-color:#E76E22;
             margin-top: -300px; margin-left: -400px;
             position: absolute; top:50%; left:50%; width:800px; height:600px;}

div#jzblattblau {background-color:#505AD7;
             margin-top: -300px; margin-left: -400px;
             position: absolute; top:50%; left:50%; width:800px; height:600px;}
             /* R=80  G=90  B=215 vorher: #6472D7 Blau R100 G114 B215 */

/* Trick zum Zentrieren auf der Seite:
   top und left auf 50% und dann die Hälfte der Höhe/Breite wieder abziehen ... */

/* 615px; margin-bottom:3%; margin-top:3%; 
  top:auto;bottom:auto;
  margin-left:auto; margin-right:auto;
position:absolute; 
vertical-align:middle;
             text-align:center;
*/             

div#jzrechts {background-color:#FFFFFF;
              position: relative; top:0px; left:400px; width:400px; height:100%;z-index:5;}

div#jzrechtshellblau {background-color:#505AD7;
              position: relative; top:0px; left:400px; width:400px; height:100%;z-index:5;}

div#jzbalken {background-color:#4ABEDC;
              position: absolute; top:250px; left:0px; width:100%; height:100px; z-index:10;
              vertical-align:middle;text-align:center;}
div#jzbalkenALT {background-color:#000000;
              position: absolute; top:250px; left:0px; width:100%; height:88px; z-index:10;
              vertical-align:middle;text-align:center;}

/* Mit anderen Farben: */
div#jzbalkengray {background-color:#4A4A4A;
              position: absolute; top:250px; left:0px; width:100%; height:100px; z-index:10;
              vertical-align:middle;text-align:center;}

div#jzbalkenorangehalb {background-color:#E76E22;
              position: absolute; top:250px; left:0px; width:50%; height:100px; z-index:10;
              vertical-align:middle;text-align:center;}

div#jzbalkenhellorangehalb {background-color:#FF8D29;
              position: absolute; top:250px; left:0px; width:50%; height:100px; z-index:10;
              vertical-align:middle;text-align:center;}

div#jzbalkenrothalb {background-color:#FF0000;
              position: absolute; top:250px; left:0px; width:50%; height:100px; z-index:10;
              text-align:left;}

div#jzbalkenblauhalb {background-color:#00AEEF;
              position: absolute; top:250px; left:0px; width:50%; height:100px; z-index:10;
              text-align:left;}

div#jzbalkenhellblauhalb {background-color:#505AD7;
              position: absolute; top:250px; left:0px; width:50%; height:100px; z-index:10;
              text-align:left;}

/* Balken um 105/92 verkleinert: 100 -> 88 */
div#jzbalkenhalb {position: absolute; top:250px; left:0px; width:50%; height:88px; z-index:10;
                  text-align:left;}


div#jzbalkengelbhalb {background-color:#EFD945;
              position: absolute; top:250px; left:0px; width:50%; height:100px; z-index:10;
              vertical-align:middle;text-align:center;}
               /* Gelb: R=239  G=217  B=69 */

img#logo {position: absolute; top:50%;left:50%;margin-top:-17px;margin-left:-52px;}     



/* Grauer Text in schwarzem Balken: */
div#jzankuend {font-family:verdana,arial,sans-serif;
               font-size:14px;
               text-align:right;
               letter-spacing:0.1em;
               color:#BCBDC0;
               font-weight:bold;
               margin-top:25px;
               position:absolute;
               width:390px;
               left:0px;}

/* Auswahl-Links in schwarzem Balken: */
div#jzauswahl {font-family:verdana,arial,sans-serif;
               font-size:14px;
               text-align:left;
               letter-spacing:0.1em;
               color:#FFFFFF;
               font-weight:bold;
               margin-top:35px;
               position:absolute;
               width:390px;
               left:410px;
               line-height:20px;}

div#jzbalkenbild {position: absolute; top:250px; left:0px; width:400px; height:100px; z-index:10;
                  vertical-align:middle;text-align:center;}
               

/* Menü im Kasten links unten: */
div#jzmenue {font-family:verdana,arial,sans-serif;
               font-size:10px;
               text-align:right;
               letter-spacing:0.1em;
               color:#939598;
               font-weight:bold;
               margin-top:346px;
               position:absolute;
               width:184px;
               left:200px;
               line-height:30px;}

/* Alte Maße: */
div#jzmenue2005 {font-family:verdana,arial,sans-serif;
               font-size:10px;
               text-align:right;
               letter-spacing:0.1em;
               color:#939598;
               font-weight:bold;
               margin-top:346px;
               position:absolute;
               width:184px;
               left:200px;
               line-height:45px;}

/* Kasten rechts oben (Kontakt, eMail): */
div#jzreoben {font-family:verdana,arial,sans-serif;
               font-size:10px;
               line-height:14px;
               text-align:left;
               letter-spacing:0.1em;
               color:#000000;
               position:absolute;
               width:298px;
               left:410px;
               z-index:15;}

/* Menü unter dem jzblatt: */
div#jzmenueleiste {font-family:verdana,arial,sans-serif;
               font-size:9px;
               text-align:left;
               letter-spacing:0.1em;
               color:#FFFFFF;
               background-color:#323A4A;
               font-weight:bold;
               line-height:15px;}
/* Kalendermenüleiste */               
div#jzcalmenue {font-family:verdana,arial,sans-serif;
               font-size:9px;
               text-align:left;
               letter-spacing:0.1em;
               color:#FFFFFF;
               background-color:black;
               font-weight:bold;
               line-height:15px;
               padding-left:430px;}
div#jzcalmenue span {background-color:#323A4A;}

div.emailform {margin-top:15px;}
div.kontakt {margin-top:220px;font-weight:bold;	}


/* Kasten rechts unten (Kontakt): */
div#jzreunten {font-family:verdana,arial,sans-serif;
               font-size:10px;
               line-height:14px;
               text-align:left;
               letter-spacing:0.1em;
               color:#000000;
               margin-top:357px;
               position:absolute;
               width:198px;
               left:410px;
               z-index:15;}



/* Farben */
.rot {color:#FF0000;}
.blau {color:#00AEEF;}
.hellblau {color:#505AD7;}  /* Katz */
.schwarz {color:#000000;}
.orange {color:#E76E22;}
.hellorange {color:#FF8D29;} /* Katz */
.gelb {color:#EFD945;} /* Cal 2008 */
.menuegelb {color:#E5F259;} 
.grau {color:#939598;}
.grau2 {color:#B8B9BC;}
.weiss {color:#FFFFFF;}
.hellgruen {color:#B6EC4C;}
.hellblau {color:#4ABEDC;}

/* Hintergrund: */
.bgschwarz {background-color:#000000;}
.bghellgruen {background-color:#B6EC4C;}
.bgdunkelgrau {background-color:#323A4A;}

/* Auszeichnungen */
.fett {font-weight: bold;}


a {text-decoration:none;color:#FFFFFF;}
a#landgren:hover {color:#FF0000;}
a#landgren:hover span.rot{color:#FF0000;}
a#calendiary:hover {color:#00AEEF;}
a#calendiary:hover span.blau{color:00AEEF;}
/* Graue Links mit rotem oder blauen HOver: */
a.linkgelb,a.linkorange,a.linkhellorange,a.linkblau,a.linkhellblau,
a.linkblau:visited,a.linkrot,a.linkrot:visited {color:#939598;}
a.linkblau:hover,a.schwarz:hover {color:#00AEEF;}
a.linkrot:hover {color:#FF0000;}
a.linkorange:hover {color:#E76E22;}
a.linkhellorange:hover {color:#FF8D29;}
a.linkgelb:hover {color:#EFD945;}
a.linkhellblau:hover {color:#505AD7;}

a.jzmenuelink:hover {color:#E5F259;} /* menuegelb */

/* Unterstrichene Links: */
a.linkorangeu,a.linkorangeu:visited, a.linkorangeu:hover 
              {color:#E76E22; text-decoration:underline; font-weight:bold;}
a.linkrotu,a.linkrotu:visited, a.linkrotu:hover 
              {color:#FF0000; text-decoration:underline; font-weight:bold;}
a.linkblauu,a.linkblauu:visited, a.linkblauu:hover 
              {color:#00AEEF; text-decoration:underline; font-weight:bold;}
a.linkhellblauu,a.linkblauu:visited, a.linkblauu:hover 
              {color:#505AD7; text-decoration:underline; font-weight:bold;}
a.linkgrauu,a.linkgrauu:visited, a.linkgrauu:hover 
              {color:#939598; text-decoration:underline; font-weight:bold;}
/* #BAC7CD */

/* Schriften */
div,td,.jzform {font-family:verdana,arial,sans-serif;
     font-size:10px;
     text-align:left;}
.jzform2 {font-family:verdana,arial,sans-serif;
     font-size:11px;text-align:center;}

.mittelgross {font-size:13px;}

td {line-height:13px;vertical-align:top;}     
td.preis {text-align:left;}
.jzform {text-align:right;}

.jzueberschrift {font-family:verdana,arial,sans-serif;
                 font-size:14px;
                 text-align:left;
                 letter-spacing:0.1em;
                 font-weight:bold;
                 line-height:15px;}

.jzuntertext {font-family:verdana,arial,sans-serif;
                 font-size:10px;
                 text-align:left;
                 letter-spacing:0.02em;
                 font-weight:bold;
                 color:#000000;
                 line-height:15px;}

.jztext {font-family:verdana,arial,sans-serif;
         font-size:10px;
         text-align:left;
         letter-spacing:0.02em;
         color:#000000;
         line-height:15px;}
                 
 /* 20px  */
.einrueckung {padding-left:10px;padding-top:40px;}


/* Unsichtbarer Text: */
div#jzinv {visibility:hidden;}