/*
 hier wird das Flash bzw das Logodiv eingesetzte
*/
#logo
{
 height:85px;
}

/* das logo sitzt als Hintergrundbild in einem div */
#jmberlinLogo
{
 float:left;
 width:310px;
 height:85px;
 background-image:url(../img/jmberlin.gif);
 background-repeat:no-repeat;
}

/* Logo englisch */
#jmberlinLogo_e
{
 float:left;
 width:310px;
 height:85px;
 background-image:url(../img/jmberlin_e.gif);
 background-repeat:no-repeat;
}

/* weihnukka rechts */
#weihnukkaLogo
{
 margin-top:2px !important;
 margin-top:0px;
 float:right;
 width:248px;
 height:84px;
 background-image:url(../img/weihnukka.gif);
 background-repeat:no-repeat;
}

/* weihnukka rechts english */
#weihnukkaLogo_e
{
 margin-top:0px;
 float:right;
 width:306px;
 height:84px;
 background-image:url(../img/weihnukka_e.gif);
 background-repeat:no-repeat;
}


/* Der Contentbereich */
.textbox
{
 float:left;
 margin-top:32px;
 padding-right:5px;
 padding-top:32px;
 padding-bottom:0.5em;
 min-height:370px;
 height: 100% !important;
 height:370px;
 width:570px;
 background-color:#f7fbed;
 color:#000000;
 font-family:verdana,helvetic,sans-serif;
}

/*  Box fuer das Flash-Spiel  geht ueber die gesamnte */
#spielbox
{
 float:left;
 margin-top:32px;
 height:370px; 
 width:100%;
}

/* 
 Ueberschriften in der Textbox 
 mit Abstand zum Rand 
 */
 
.textbox h1,.textbox h2
{
 margin:0px 0px 29px 21px;
 border:0;
 padding:0;
 background-color:#f7fbed;
 color:#b61034;
 font-size:1em; 
 font-size:0.9em;
 font-weight:bold;
text-transform:uppercase; 
}

/* 
 Ueberschriften in der Textbox fuer die Startseite
 mit Abstand zum Rand und weniger Abstand nach unten
 wegen Subheadline
 */
.textbox h1.home,.textbox h2.home
{
 margin:0px 0px 9px 25px;
 border:0;
 padding:0;
 font-size:0.9em;
 text-transform:uppercase;
}

/* */
.textbox h3
{
 margin:0px 0px 20px 25px;
 border:0;
 padding:0;
 background-color:#f7fbed;
 color:#03486b;
 font-size:0.8em;
 font-weight:normal;
}

/* h3 mit margin nach oben */
.textbox h3.h3marginTopLeft
{
 margin:20px 0px 5px 20px;
 border:0;
 padding:0;
 background-color:#f7fbed;
 color:#03486b;
 font-size:0.8em;
 font-weight:normal;

}

/* h3 mit margin nach oben */
.textbox h2.textblock /*neu dez 06*/
{
padding-top:-0.5em;
margin-bottom:3px;
 padding-right:1.4em;
 border:0;
 background-color:#f7fbed;
 color:#03486b;
 font-size:0.8em;
 font-weight:normal;
 width:260px;
 text-transform:uppercase;
 float:right;
}

.textbox h4, textbox h5, textbox h6
{
 font-size:0.8em;
}

/*
 durch den float und die Breite sitzen die paragraphen
 neben der Bildbox
*/

.textbox p
{
 float:right;
 width:260px;
 padding:0em 1.4em 1.4em 0em;
 font-size:0.7em;
}

/*
 ohne float für die Gelegenheiten an denen 
 der Paragraph uber die gesamte Textbox-Breite geht
*/

.textbox p.nofloat
{
 float:none;
 padding:0px;
 margin:20px 0px 3px 20px; 
 width:535px;
 font-size:0.7em; 
}

/*
 ohne float für die Gelegenheiten an denen 
 der Paragraph uber die gesamte Textbox-Breite geht
 mit mehr Einzug
*/
.textbox p.nofloat25
{
 float:none;
 padding:0px;
 margin:20px 0px 3px 25px; 
 width:535px;
 font-size:0.7em; 
}

/*
 ohne float für die Gelegenheiten an denen 
 der Paragraph uber die gesamte Textbox-Breite geht
 mit mehr Einzug und ohne Abstand nach oben
*/
.textbox p.nofloat25noTop
{
 float:none;
 padding:0px;
 margin:0px 0px 3px 25px; 
 width:535px;
 font-size:0.7em; 
}


/* 
 Die Image Map für die redundante Navi wird 
 neben der textbox gefloatet 
 */
.redundanteNavi
{
 margin-top:32px;
 float:right;
}

/* 
 speziell fuer das Impressum 
 die logos werden als Graphik gesetzt und erhalten einen Rand
*/
.img_impressum
{
 border-top:1px solid #ccff98;
 border-bottom:1px solid #ccff98; 
}

/*
 Titel, Anrede oder Funktionsbezeichnung im Impressum
*/
h4.anrede
{
 margin:10px 0px 0px 25px;
 border:0;
 padding:0;
 background-color:#f7fbed;
 color:#03486b;
 font-weight:normal;
}

/* Speziell fuer die Startseite die Box fuer das Latkes-Rezept */

.textbox form.latkeslogin
{
 float:right;
 width:270px;
 border:0px;
 margin:0px;
 padding:0px;
}

.textbox form p
{
 width:250px;
 border:0;
 margin:0;
 padding:0;
 text-align:right;
}

#headline_latkes
{
 margin:0px;
 font-weight:bold;
 color:#03486B;
}

/* 
  Bildcontainer, die Klasse wird an eine Definition List angehängt
 */
.imgcontainer
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.imgcontainer dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 70px;
 background-color:#b61034;
}

.imgcontainer dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 70px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

/* 
 die unterschiedlichen Bildboxen 
 es gab hier crossbrowserprobleme mit den Selektoren, 
 deswegen wird die Definition fuer jede Box ausgeschrieben
 obwohl der einzige Unterschied die Farbe ist
 */
.img_katalog
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_katalog dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#B61034;
}
.img_katalog dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}
 
 
.img_prolog
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_prolog dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#000000;
}
.img_prolog dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

.img_ursprungchanukka
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_ursprungchanukka dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#B3AFB0;
}

.img_ursprungchanukka dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

.img_ursprungweihnachten
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_ursprungweihnachten dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#cccccc;
}

.img_ursprungweihnachten dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

.img_warumdarum
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_warumdarum dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#fac18a;
}

.img_warumdarum dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

.img_chanukka
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_chanukka dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#016c96;
}

.img_chanukka dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

.img_deutscheweihnacht
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_deutscheweihnacht dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#01a32b;
}

.img_deutscheweihnacht dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}


.img_weihnukka
{
 padding:0;
 border:0;
 margin:0;
 float:left;
 width:265px;
 overflow:hidden;
}

dl.img_weihnukka dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 30px;
 background-color:#872558;
}

.img_weihnukka dd
{
 margin:0;
 border:0;
 padding:0px 0px 0px 30px;
 font-size:0.71em;
 background-color:#f7bed;
 color:#b61034;
}

/*
 Farbe fuer den Copyrightvermerk unter den 
 Bildboxen
*/

.copyright
{
 color:#656764;
} 

 /*
 * Die Tabelle fuer das Veranstaltungsprogramm
 */
 
/* Tabelle */
#weihnukkamarkt
{
 border:0px;
 padding:0px;
 margin:0px;
 width:575px;
} 

/* Spalte & Kopf */
#weihnukkamarkt td,#weihnukkamarkt th 
{
 font-size:0.8em;
 text-align:left;
 border-bottom:1px solid #ccff99; 
}

/* Kopf (th) linke Spalte mit Breite*/
.programm_zeit
{
 padding:5px 0px 5px 20px;
 font-weight:bold;
 background-color:#f7fbed;
 color:#b61034;
 width:130px;
 padding-left:20px; 
}

/* Kopf (th) Rechte  Spalte mit Breite*/
.programm_punkt
{
 padding:5px 20px 5px 0px;
 font-weight:bold;
 background-color:#f7fbed;
 color:#b61034;
 width:405px;
}

/* 
 Abwechselnd farbig-farblos
 Uhrzeit jweils schwarz und bold
 */ 
.farblos
{
 padding:5px 20px 5px 0px;
 background-color:#fff;
 color:#03486b;
 vertical-align:top;
}

.farblos_zeit
{
 padding:5px 0px 5px 20px;
 background-color:#fff;
 color:#000;
 font-weight:bold;
 vertical-align:top;
}

.farbig
{
 padding:5px 20px 5px 0px;
 paddding-right:20px;
 background-color:#eefaef;
 color:#000; 
 vertical-align:top; 
}
.farbig_zeit
{
 padding:5px 0px 5px 20px;
 background-color:#eefaef;
 color:#000; 
 font-weight:bold;
 vertical-align:top;
}

/*
  die Liste fuer das "geheime" Latkes-Rezept
 */

#rezept
{
 display:block;
 margin-left:20px;
 padding-top:10px;
 }

#rezept li {
 display:block;
 font-size:0.7em;
 list-style-type:none;
}