/* die diversen Logos und Grafiken */

#hausdergeschichte {
 position:absolute;
 margin-top:0px;
 /*margin-left:12px; */
}

#jmberlinLogo {
 position:absolute;
 margin-top:37px;
 /*margin-left:12px; */
}

#heimatundexil {
 position:absolute;
 margin-top:0px;
 margin-left:645px;
}

#textversion {
 width:840px;
 text-align:right;
 padding-right:20px;
 z-index:200;
 clear:both;
 }

#textversion a {
color:#ffffff;
text-decoration:none;
font-family:courier new,courier,monospace;
font-size:120%;
}

#schlaufe {
 position:absolute;
 margin-top:173px;
 margin-left:577px;
 z-index:200;
}

#schlaufentext {
 position:absolute;
 margin-top:380px;
 margin-left:756px;
 z-index:210;
 color:#000000;
 background-color:#ffe591;
 font-family:courier new,courier,monospace; 
 font-size:130%;
 font-weight:bold;
 text-align:center;
}


#schlaufentext_en {
 position:absolute;
 margin-top:380px;
 margin-left:762px;
 z-index:210;
 color:#000000;
 background-color:#ffe591;
 font-family:courier new,courier,monospace; 
 font-size:130%;
 font-weight:bold;
 text-align:center;
}

/* Der Contentbereich für Contentseiten */
.textbox {
 float:left;
 margin-top:37px;
 padding-right:5px;
 padding-top:15px;
 padding-bottom:0.5em;
 width:570px;
 background-color:#f7fbed;
 color:#000000;
 font-family:verdana,helvetic,sans-serif;
 min-height:390px;
 border:1px solid #8f5c35;
 clear:both;
}
/* Der Contentbereich für die Startseite */
#home .textbox {
 margin-top:37px;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
 width:800px;
 background-color:#ffffff;
 color:#000000;
 font-family:courier new,courier,monospace;
 min-height:400px;
 border:1px solid #8f5C35;
}

.textbox p#plugin {
 padding-left:10px;
 padding-right:10px;
 padding-top:5px;
 padding-bottom:0px;
 margin-bottom:0px;
 width:780px;
 background-color:#ffffff;
 color:#000000;
 font-family:courier new,courier,monospace;
 border-top:1px solid #8f5C35;
}

/* Paragraphen sollen rechts neben dem Bild stehen */ 
.textbox .text {
 margin-left:30px;
 width:265px;
 float:left;
 background-color:#f7fbed;
}

.textbox p {
 font-size:110%; 
}

.textbox p#letzterabsatz{
 padding-bottom:18px;	
 font-size:110%; 
}

.textbox h2 {
 border:0px;
 margin:0px;
 padding:0px 0px 13px 0px;
 font-family:verdana,helvetic,sans-serif;
 font-weight:normal;
 font-size:130%;
 text-transform:uppercase; 
}

h1 {
 font-family:verdana,helvetic,sans-serif;
 font-weight:bold;
 font-size:140%;
 margin:0px;
 border:0px; 
 padding:0px 0px 13px 20px;
 text-transform:uppercase;
}

h2 {
 font-family:verdana,helvetic,sans-serif;
 font-weight:normal;
 font-size:130%; 
 margin:0px;
 border:0px;
 padding:0px 0px 13px 20px;
 text-transform:uppercase; 
 clear:both;
}

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

.imgcontainer_sponsoren {
 padding:0px 0px 10px 0px;
 border:0;
 margin:0;
 float:left;
 width:390px;
 overflow:hidden;
}

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

dl.imgcontainer_sponsoren dt img {
 border:0;
 margin:0;
 padding:0px 0px 0px 40px;
}
.imgcontainer dd {
 margin:0;
 border:0;
 padding:0px 0px 0px 70px;
 font-size:100%;
 background-color:#f7fbed;
 color:#000000;
}

/* Die Box die aussieht wie ein Ettiket 

Es gibt zwei Formate, "hoch" für das Bild mit 345*247px,
"quer" für das Bild mit 194*182px

Die Klasse muss jeweils von Hand gesetzt werden, also

  <div id="box" class="quer">

bzw.

  <div id="box" class="hoch">
*/

#box {
 position:relative;
 width:800px;
 margin-top:37px;
 padding-bottom:0.5em;
 color:#000000;
 font-family:verdana,helvetic,sans-serif;
}

#box .headline {
 width:100%;
 height:79px;
 background-image:url(../images/box/boxtop.gif);
 background-repeat:no-repeat;
 width:65%;
 float:left;
}

#box .headline h1 {
 margin:0px;
 border:0px;
 padding:0px;
 margin-left:85px;
 padding-top:55px;
 font-family:courier new,courier,monospace;
 font-size:190%;
}

#box .backlink {
 width:100%;
 height:79px;
 background-image:url(../images/box/boxtop.gif);
 background-position:100%;
 width:35%;
 float:left;
 text-align:right;
}

#box .backlink a {
 display:block;
 padding:58px 20px 0px 0px;
 text-decoration:none;
 font-family:courier new,courier,monospace;
 font-size:130%;
 font-weight:bold;
 color:#000000;
}

#box .bcontent {
 width:100%;
 background-image:url(../images/box/boxcontent.gif);
 background-repeat:no-repeat;
 height:330px;
}

#box.begriffsliste .bcontent .spalteeins {
 position:absolute;
 width:370px;
 margin-top:30px;
 margin-left:90px;
 font-family:courier new,courier,monospace;
 font-size:160%; 
 font-weight:bold;
 text-transform:uppercase; 
 }
 
 #box.begriffsliste .bcontent .spaltezwei {
 position:absolute;
 width:400px;
 margin-top:30px;
 margin-left:420px;
 font-family:courier new,courier,monospace;
 font-size:160%; 
 font-weight:bold;
 text-transform:uppercase; 
 }

 #box.begriffsliste .bcontent a{
 color:#000000;
 text-decoration:none;
 }
 
#box.hoch .bcontent .text {
 position:absolute;
 width:460px;
 margin-top:30px;
 margin-left:90px;
 font-family:verdana,helvetic,sans-serif;
 font-size:110%; 
 }

#box.hoch .bcontent #bild {
 width:200px;
 position:absolute;
 margin-left:572px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
 overflow:hidden; 
}

#box.quer .bcontent .text {
 position:absolute;
 width:315px;
 margin-top:30px;
 margin-left:90px;
 font-family:verdana,helvetic,sans-serif;
 font-size:110%; 
 }
 
 #box.quer .bcontent .textzufilm {
 position:absolute;
 width:420px;
 margin-top:30px;
 margin-left:90px;
 font-family:verdana,helvetic,sans-serif;
 font-size:110%; 
 }
 
  #box.quer .bcontent .textzuaudio {
 position:absolute;
 width:440px;
 margin-top:30px;
 margin-left:90px;
 font-family:verdana,helvetic,sans-serif;
 font-size:110%; 
 }

#box.quer .bcontent #bild {
 width:345px;
 position:absolute;
 margin-left:427px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
overflow:hidden; 
}

#box.quer .bcontent #film {
 width:240px;
 position:absolute;
 margin-left:532px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
overflow:hidden; 
}

#box.quer .bcontent #film p {
 margin-left:5px;
 margin-right:5px;
 margin-top:5px;
 margin-bottom:5px;
 padding-top:3px;
}


#box.quer .bcontent #audio {
 width:220px;
 position:absolute;
 margin-left:552px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
overflow:hidden; 
}

#box.quer .bcontent #audio p {
 margin-left:5px;
 margin-right:5px;
 margin-top:5px;
 margin-bottom:5px;
}

#box.bildseite .bcontent #neveragain{
 width:515px;
 position:absolute;
 margin-left:257px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
 overflow:hidden; 
}

#box.bildseite .bcontent #ssnavemar{
 width:461px;
 position:absolute;
 margin-left:311px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
 overflow:hidden; 
}

#box.bildseite .bcontent #reichsbuergergesetz{
 width:626px;
 position:absolute;
 margin-left:146px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
 overflow:hidden; 
}

#box.bildseite .bcontent #quartett{
 width:626px;
 position:absolute;
 margin-left:146px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
 overflow:hidden; 
}

#box.bildseite .bcontent #cafedudome{
 width:404px;
 position:absolute;
 margin-left:368px;
 margin-top:0px;
 padding:4px;
 border:2px solid #fc8e49;
 border-top:0px;
 background-color:#ffffff;
 overflow:hidden; 
}

#box.bildseite .bcontent #vergroessern {
 position:absolute;
 margin-top:285px;
 margin-left:510px;
 z-index:300;
 }

#box.bildseite .bcontent #vergroessern a {
 text-decoration:none;
 font-family:courier new,courier,monospace;
 font-size:130%;
 font-weight:bold;
 color:#000000;
 }

#box.quer .bcontent #vergroessern {
 position:absolute;
 margin-top:270px;
 margin-left:430px;
 z-index:300;
 }

#box.quer .bcontent #vergroessern a {
 text-decoration:none;
 font-family:courier new,courier,monospace;
 font-size:130%;
 font-weight:bold;
 color:#000000;
 }

#box a.readmore, #box .readmore {
 display:block;
 margin-top:20px;
 width:100%;
 text-align:right;
 font-family:courier new,courier,monospace;
 font-weight:bold;
 color:#000000;
 text-decoration:none;
 font-size:130%;
}

#box.hoch .bcontent #vergroessern {
 position:absolute;
 margin-top:270px;
 margin-left:574px;
 z-index:300;
}

#box.hoch .bcontent #vergroessern a {
 text-decoration:none;
 font-family:courier new,courier,monospace;
 font-size:130%;
 font-weight:bold;
 color:#000;
}