/* logo */
#logo
{
 height:85px;
}

#logo #jmberlinLogo /*neu*/
{
float:left;
width:310px;
height:85px;
}

#logo #hund /*neu*/
{
float:left;
width:285px;
height:85px;
}

#logo #freudLogo /*neu*/
{
margin-top:2px !important;
margin-top:0px;
float:right;
width:250px;
height:85px;
}

/* 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:52px;
 height:464px; 
 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:#B5719C;
 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:#4F556F;
 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:#4F556F;
 font-size:0.8em;
 font-weight:normal;
}

.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:280px; /* war 260*/
 padding:0em 1.4em 1.4em 0em;
 font-size:0.7em;
}

.textbox p.waswannwo /*oeffnungszeiten home, grau*/
{
 float:right;
 width:280px;/* war 260*/
 padding:0em 1.4em 1.4em 0em;
 font-size:0.7em;
 color:#4F556F;
}

/*
 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:#4F556F;
 font-weight:normal;
}

h5.anrede
{
 margin:0px 0px 0px 25px;
 border:0;
 padding:0;
 background-color:#f7fbed;
 color:#4F556F;
 font-weight:normal;
 font-size:0.7em;
}

h5.kleinerheader 
{
 margin:0px 0px 4px 272px;
 width:280;
 border:0;
 padding:0em 1.4em 0em 0em;
 background-color:#f7fbed;
 color:#B5719C; /* lila*/
 font-weight:bold;
 text-transform:uppercase;
 font-size:0.7em;
}

/* 
  Bildcontainer, die Klasse wird an eine Definition List angehängt [DG:anders loesen, ist nie im leben barrierefrei
 */
.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 25px; /*war vorher 70*/
 background-color:#B5719C; /* lila balken*/
}

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

dl.imgcontainer_grau dt img 
{
 border:0;
 margin:0;
 padding:0px 0px 0px 25px; /*war vorher 70*/
 background-color:#4F556F; /* grauer balken*/
}

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

dl.imgcontainer_gruen dt img 
{
 border:0;
 margin:0;
 padding:0px 0px 0px 25px; /*war vorher 70*/
 background-color:#C8D25B; /* gruener balken*/
}

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

dl.imgcontainer_ohne dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 25px; /*war vorher 70*/
 background-color:#F7FBED; /* balken in hintergrundfarbe des textfeldes*/
}

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

dl.imgcontainer_wechsel dt img
{
 border:0;
 margin:0;
 padding:0px 0px 0px 0px; 
 background-color:#F7FBED;
}

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