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

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

/* Logo englisch */
#jmberlinLogo_e{
	float:left;
	width:310px;
	height:85px;
	margin-top:7px;
	background-image:url(../img/jmberlin_eng.gif);
	background-repeat:no-repeat;
}
#typischLogo{
	margin-top:20px !important;
	margin-top:18px;
	float:right;
	width:217px;
	height:88px;
	background-image:url(../img/typischLogo.gif);
	background-repeat:no-repeat;
}

/* typisch rechts english */
#typischLogo_e{
	margin-top:20px !important;
	margin-top:18px;
	float:right;
	width:217px;
	height:88px;
	background-image:url(../img/typischLogo_eng.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:#f3f3f3;
	color:#000000;
	font-family:verdana,helvetic,sans-serif;
}

/*  Box fuer das Flash-Spiel  geht ueber die gesamnte */
#flashintro{
	width:100%;height:100%;
}
/* 
 Ueberschriften in der Textbox 
 mit Abstand zum Rand 
 */
 
.textbox h1,.textbox h2{
	margin:0px 0px 29px 21px;
	border:0;
	padding:0;
	background-color:#f3f3f3;
	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
 */
h2.home{
	font-size:0.9em;
	border-bottom:#000 1px solid;
	border-top:#000 1px solid;
	padding-bottom:10px;
	padding-top:10px;
}


/* */
.textbox h3{
	margin:0px 0px 20px 25px;
	border:0;
	padding:0;
	background-color:#f3f3f3;
	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:#f3f3f3;
	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:#f3f3f3;
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	width:260px;
	text-transform:uppercase;
	float:right;
}
h3{
	font-size:0.8em;
}
.textbox h4, textbox h5, textbox h6{
	font-size:0.8em;
}



/* 
 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; 
}
.img_triptychen{
	padding:0;
	border:0;
	margin:0;
	float:left;
	width:286px;
	overflow:hidden;
	margin-top:10px;
}


h3.impressum{
	border-top:1px solid;
	padding-top:10px;
}
 
/*
 Titel, Anrede oder Funktionsbezeichnung im Impressum
*/
h4.anrede{
	margin:10px 0px 0px 0px;
	border-top:1px solid black;
	padding:0;
	padding-top:9px;
	background-color:#ffffff;
	color:#000000;
	font-size:0.7em;
	font-weight:bold;
}
/* dasselbe, für die erste Zeile in der zweiten Spalte */
h4.topanrede{
	margin:0px 0px 0px 0px;
	border-top:1px solid black;
	padding:0;
	padding-top:9px;
	background-color:#ffffff;
	color:#000000;
	font-size:0.7em;
	font-weight:bold;
}



/* 
  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;
	
	overflow:hidden;
}
dl.img_katalog dt img{
	border:0;
	margin:0;
	width:270px;
	height:210px;
	padding:0px 0px 0px 0px;
	
}
.img_katalog dd{
	margin:0;
	border:0;
	padding:0px 0px 0px 5px;
	font-size:0.65em;
	background-color:#f7bed;
	color:#b61034;
}
.copyright{
	color:#999999;
}

/* Liste unter dem Katalog-Textbeschreibungsblock */
#katalogTextListe{
	font-size:11px;
	text-transform:none;
	float:right;width:240px;margin-right:20px;
}

/* Bereich: Ausstellung*/

/* Hintergrund des Flash-/Bildbereichs */
#triptychenFlashBack{
	height:260px;
	background-image:url(../img/triptychenBk.gif);
	background-repeat:repeat-x;
	margin-top:15px;	
	
}
/* Hintergrund des Flash-/Bildbereichs bei der Seite Lisl Ponger */
#pongerFlashBack{
	
	background-image:url(../img/pongerBk.gif);
	background-repeat:repeat-x;
	margin-top:15px;	
}
#pongerImgArea{
	float:left;
	width:402px;
	margin-top:16px;
}
#pongerFlashAlternative{
	width:402px;
	height:328px;
}
#peredasImgArea{
	float:right;
	width:452px;
	margin-top:16px;
	
}
#peredasFlashAlternative{
	width:452px;
	height:328px;
}	
/* Triptychen-Bildbeschreibungsblöcke ganz unten */
.imgDescr{
	margin-top:15px;
}
/* Überschrift der triptychen-Bildbeschreibungen */
.imgDescr h4{
	font-size:0.7em;
}


/* dreispaltiges Layout */
.threeColLayout{
	width:860px;float:left;	
	margin-top:15px;
	
}
/* Blöcke unter dem Flashbereich bei Triptychen */
.triptychen .threeColLayout{
	width:860px;float:left;	
	margin-top:0px;
}

/* Blöcke 1-3 im dreispaltigen Layout, ohne Margins (für Bilder/Flash oben) */
.threeCol_col1full, .threeCol_col2full, .threeCol_col3full{
	width:286px;float:left;
}
.threeCol_col2full, .threeCol_col3full{
	margin-left:1px;
}

/* Blöcke 1-3 im dreispaltigen Layout, mit Margins */
.threeCol_col1, .threeCol_col2, .threeCol_col3{
	width:273px;float:left;
}
.threeCol_col23{
	width:546px;float:left;
}

/* Block 2 und 3 im dreispaltigen Layout */
.threeCol_col2, .threeCol_col3{
	margin-left:21px;
}
.threeCol_col3{
	margin-left:20px;
}

/*zweispaltiges Layout*/
.twoColBox{
	width:920px;
	margin-left:0px;
}
/* zweispaltiges home*/
.twoColLeft{
	float:left;
	width:501px;
	margin-top:20px;
}
/* zweispaltiger Ponger-Textblock */
#ponger .twoColLeft{
	float:left;
	width:348px;
	margin-top:15px;
	
}
.twoColRight{
	float:left;
	width:419px;
	height:501px;
}
/* zweispaltiger Ponger-Textblock */


.twoColBox p{
	font-size:0.7em;
	margin-top:20px;
	width:300px;
}
#ponger p{
	font-size:0.7em;
	margin-top:0px;
	width:35	0px;
}

.twoColBox ul{
margin-top:0px;
font-size:0.7em;
list-style-type:none;
} 

/* einspaltiges layout */
.oneColBox{
	width:920px;
	margin-left:0px;
	margin-top:15px;
	float:left;
}

.oneColBox .leftCol{
	width:290px;
	height:430px;
	float:left;
}
.oneColBox .rightCol{
	float:right;
	height:430px;
	width:550px;

}


/* red text span class style*/
.red{
	color:#d60644;
}

/* zweispaltiges prolog*/
.twoColLeft_pro{
	float:left;
	width:290px;
	height:430;
	margin-top:20px;
	margin-left:0px;
}
.twoColRight_pro{
	float:left;
	width:576px;
	height:501px;
	margin-top:20px;
}

/* Textformatierung */
.threeColLayout p{
	margin-top:12px;
	font-size:0.7em;
}
.threeColLayout p.nofloat25noTop, .threeColLayout p.nofloat25LineNoTop{
	margin-top:0px;
}
.threeColLayout p.nofloat25LineNoTop{
	border-top:1px solid black;padding-top:12px;margin-top:15px;
}
.threeColLayout p.nofloat25{
	float:none;
	padding:0px;
	margin:12px 0px 0px 0px; 
	 
}
.imgDescr p{
	font-size:0.65em;
	margin-top:0px;
}
.threeColLayout h2{
	font-size:0.9em;
}

/* Kontakt-Impressum Image*/
.threeCol_col3 img{
	float:right;
}

/* Formatting Kontakt-Katalog*/
.threeColh2{
	border-top:1px solid #000;
	padding-top:8px;
	height:38px;
}
.threeCol_col3 ul{
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	padding-top:9px;
	padding-bottom:12px;
	font-size:0.7em;
}
.threeCol_col3 ul li{
	margin-left:16px;
}

/* Prolog text images*/
#prologFlashAlternative{
	width:870px;
	height:430px;
}
#prologImgBk{
	width:290px;
	height:430px;
	background-image:url(../img/prologImgBk.gif);
}
#prologSShow{
	margin-top:25px;
}


#prologFlashAlternative h3{
	font-size:0.9em;
}
#prologFlashAlternative p{
	font-size:0.65em;
}
#prologZitat1{
	margin-top:50px;
	height:100px;
	width:400px;
	float:right;
}
#prologZitat2{
	margin-top:50px;
	height:70px;
	width:360px;
	float:left;
}
#prologZitat3{
	margin-top:50px;
	height:100px;
	width:400px;
	float:right;
}
/* Impressum Video */
#flashVideoAlt{
	width:260px;margin-left:12px;
}

/* ponger */

/* stereotype */
.img_stereotype{
	padding:0;
	border:0;
	margin:0;
	float:left;
	width: 566px;
	overflow:hidden;
}


dl.img_stereotype dt img{
	border:0;
	margin:0;
	width:566px;
	height:103px;
	padding:0px 0px 0px 0px;
}
.img_stereotype dd{
	margin:0;
	border:0;
	padding:0px 0px 0px 5px;
	font-size:0.65em;
	background-color:#f7bed;
	color:#999999;
}