/* Programmtechn. Design, Dieter Harth, Mai 2014 -->
/******************************************************************************************************************/

/* Allgemein */
body {background-image:url(grafiken/bg.gif); background-repeat:no-repeat; margin:0px;
/* background-color:#000000; */
/*background-size:100% auto;*/
}

#menu {font-family:Arial; font-size:8.7pt; letter-spacing:0.5mm; position:absolute; left:122px; top:40px;}
#menu ul {margin:0px; list-style:none; padding:0; min-width:700px;  max-width:700px;}
#menu ul li {float:left; padding-right: 48px;}
#menu li ul { /*width: 200px;*/  display: none; padding-top: 6px; }
#menu li:hover ul {display: block; position:absolute; z-index:2;}
#menu li ul li {float: none; width: 100px; background-color: #003333; padding-bottom: 4px; padding-left: 10px;}
#submenu_text {position:absolute; left:122px; top:66px; margin:0px; font-family:Arial; font-size:7.5pt; color:#cc6600;}

#impressum {font-family:Arial; font-size:7pt; letter-spacing:0.4mm;}
#impressum ul {list-style:none; padding:0; position: absolute; left: 114px; top: 620px;}
#impressum ul li {float:left;}

a.texthover:link {text-decoration:none; color:#006666;}
a.texthover:visited {text-decoration:none; color:#006666;}
a.texthover:hover {text-decoration:none; color:#cc6600; }
a.texthover:active {text-decoration:none; color:#cc6600; }

a.menuhover:link {text-decoration:none; color:#ffffff;}
a.menuhover:visited  {text-decoration:none; color:#ffffff;}
a.menuhover:hover {text-decoration:none; color:#cc6600;}
a.menuhover:active {text-decoration:none; color:#cc6600;}


a.linkstyle1:link {text-decoration:none; color:#006666;}
a.linkstyle1:visited {text-decoration:none; color:#006666;}
a.linkstyle1:hover {text-decoration:none; color:#cc6600; }
a.linkstyle1:active {text-decoration:none; color:#cc6600; }

#Block_center {display: table-cell; vertical-align:middle;}

/*******************************************************************************/
/* Index.html */
#Grafik_logo_gross {position:absolute; left:491px; top:160px;}
#Grafik_koffer_zu {position:absolute; left:148px; top:310px;}

#Museumsdienste {position:absolute; left:140px; top:295px;font-family:Arial; font-size:9pt; letter-spacing:0.7mm; color:#006666;}
#Firmenchronik {position:absolute; left:216px; top:334px; font-family:Arial; font-size:9pt; letter-spacing:0.7mm; color:#006666;}
#Stadtfuehrungen_Berlin {position:absolute; left:284px; top:272px; font-family:Arial; font-size:9pt; letter-spacing:0.7mm; color:#006666;}
#Familiengeschichte {position:absolute; left:360px; top:338px; font-family:Arial; font-size:9pt; letter-spacing:0.7mm; color:#006666;}

#Slogan_museum, #Slogan_firmen, #Slogan_berlin, #Slogan_familien {
position:absolute; left:556px; top:456px; width:410px; height:40px;
font-family:Arial; font-size:9pt; letter-spacing:0.5mm; color:#006666; display: none;
}

/*******************************************************************************/
/* Idee.html */
#Grafik_koffer_auf {position:absolute; left:148px; top:218px;}
#Vorwort1 {position:absolute; left:240px; top:114px; font-family:Arial; font-size:9.8pt; color:#cc6600;}
#Vorwort2 {position:absolute; left:640px; top:138px; font-family:Arial; font-size:9.8pt; color:#006666;}
#Authentisch_begriff {position:absolute; left:466px; top:270px; width:470px; height:400px; font-family:Arial; font-size:9.6pt; color:#006666;}

/*******************************************************************************/
/* Angebot.html */
#Grafik_angebot {position:absolute; left:116px; top:102px;}
#Angebots_text {position:absolute; left:469px; top:120px; width:480px; height:480px;
font-family:Arial; font-size:9.6pt; color:#006666; overflow-x:auto;overflow-y:auto; padding-right: 6px;}

/*******************************************************************************/
/* Person.html */
/* #Grafik_ich {position:absolute; left:130px; top:162px;} */
#Grafik_ich {position:absolute; left:130px; top:210px;}
/* #Ich_text {position:absolute; left:130px; top:410px;width:220px; height:120px; font-family:Arial; font-size:9.6pt; color:#006666;} */
#Ich_text {position:absolute; left:130px; top:390px;width:220px; height:120px; font-family:Arial; font-size:9.6pt; color:#006666;}
#Person_text {position:absolute; left:376px; top:70px;width:590px; height:530px;font-family:Arial; font-size:9.6pt; color:#006666;
overflow-x:auto;overflow-y:auto;padding-right: 6px;}

/*******************************************************************************/
/* kontakt.html */
#Grafik_halt {position:absolute; left:106px; top:216px;}
#Grafik_authentisch_klein {position:absolute; left:550px; top:108px;}
#Kontakt_text {position:absolute; left:550px; top:76px; width:400px; height:530px;
font-family:Arial; font-size:9.6pt; color:#006666; display:table;overflow: hidden; /* für vert. zentrieren mit #Block_center */}

/*******************************************************************************/
/* impressum.html */
#Verantwortlich_text {position:absolute; left:108px; top:80px; width:400px; height:520px;
font-family:Arial; font-size:7.5pt; color:#006666; line-height: 1.3em; overflow-x:auto;overflow-y:auto;padding-right: 6px;}

#Grafik_impressum {position:absolute; left:560px; top:74px;}
#Datenschutz_text {position:absolute; left:550px; top:320px;width:400px; height:276px;
font-family:Arial; font-size:7.5pt; color:#006666; line-height: 1.3em; overflow-x:auto;overflow-y:auto; padding-right: 6px;}

/*******************************************************************************/
/* touren.html */
.Titel_Fuehrungen_text {font-family:Arial; font-size:11pt; font-weight:bold; color:#006666; line-height: 1.3em; text-align:center;}
#Fuehrungen_text {position:absolute; left:106px; top:86px; width:350px; height:524px;
font-family:Arial; font-size:9.6pt; color:#006666; line-height: 1.2em; text-align:center;
overflow-x:auto;overflow-y:auto; padding-right: 8px; padding-left: 0px;}

#Titel_Ueberblick_text {font-family:Arial; font-size:11pt; /**/font-weight:bold; color:#006666; /*line-height: 1.3em*/ line-height: 1.0em; text-align:center;}
#Ueberblick_text {position:absolute; left:470px; top:110; width:480px; height:80px;
font-family:Arial; font-size:11pt; font-weight:bold; color:#006666; line-height: 1.3em; text-align:center;
padding-right: 8px; padding-left: 8px; z-index:1;}

#Spruch_text {position:absolute; left:470px; top:494; width:480px; height:110px;
font-family:Arial; font-size:9.6pt; color:#006666; line-height: 1.3em; text-align:center;
overflow-x:auto;overflow-y:auto;padding-right: 8px; padding-left: 6px; z-index:1;}

#bild_historische_mitte, #bild_die_mauer_in_berlin, #bild_spandauer_vorstadt, #bild_friedrichshain, #bild_kreuzberg, #bild_neukoelln {
position:absolute; left:500px; top:216px; width:436px; height:264px;display: none; text-align:center; z-index:1;}

#bild_novemberhimmel {position:absolute; left:500px; top:216px; width:436px; height:264px; z-index:1;}

/*******************************************************************************/
/* preise.html */
/* #Preise_bild {position:absolute; left:114px; top:86; width:280px; height:520px; */
#Preise_bild {position:absolute; left:114px; top:86; width:270px; height:520px;
display:table; overflow: hidden; /* für vert. zentrieren mit #Block_center */
padding-right: 8px; padding-left: 6px; z-index:1;}

/* #Preise_spontan {position:absolute; left:420px; top:86; width:200px; height:520px; */
#Preise_spontan {position:absolute; left:410px; top:66; width:240px; height:520px;
font-family:Arial; font-size:9.6pt; color:#006666; line-height:1.3em; text-align:center;
overflow-x:auto;overflow-y:auto;padding-right: 8px; padding-left: 8px; z-index:1;}

/* #Preise_individuell {position:absolute; left:650px; top:86; width:300px; height:520px; */
#Preise_individuell {position:absolute; left:680px; top:66; width:260px; height:520px;
font-family:Arial; font-size:9.6pt; color:#006666; line-height: 1.3em; text-align:center;
overflow-x:auto;overflow-y:auto;padding-right: 8px; padding-left: 6px; z-index:1;}

/*******************************************************************************/
/* stadtfuehrungen.html */
/*#Bilder_bild {position:absolute; left:120px; top:80; width:830px; height:522px; padding-left: 0px; z-index: 0;}*/


/* Bilder Zeile 1 */
#bild_MarienkircheFernsehturm_kl {position:absolute; top:80; left:120px; width:207px; height:155px;}
#bild_Dom_kl {position:absolute; top:80px; left:347px; width:116px; height:155px; z-index:1;}
#bild_PassageNeukoelln_kl {position:absolute; top:80px; left:482px; width:207px; height:155px; z-index:1;}
#bild_Buletten_kl {position:absolute; top:80px; left:706px; width:110px; height:155px; z-index:1;}
#bild_HinterhofMitte_kl {position:absolute; top:80px; left:834px; width:116px; height:155px; z-index:1;}

/* Bilder Zeile 2 */
#bild_Heute_kl {position:absolute; top:245px; left:120px; width:142px; height:107px; z-index:1;}

#Titel_text {position:absolute; top:245px; left:270; width:520px; height:107px; z-index:1;
font-family:Arial; font-size:11pt; /**/font-weight:bold; color:#006666; line-height: 2.0em; text-align:center;
display: table; overflow: hidden; /* für vert. zentrieren mit #Block_center */}

#bild_Palaces_kl {position:absolute; top:245px; left:828px; width:122px; height:107px; z-index:1;}

/* Bilder Zeile 3 */
#bild_Fortuna_kl {position:absolute; top:362px; left:120; width:121px; height:107px; z-index:1;}
#bild_KottbussserTor_kl {position:absolute; top:362px; left:250; width:143px; height:107px; z-index:1;}
#bild_Boehmen_kl {position:absolute; top:362px; left:401; width:143px; height:107px; z-index:1;}
#bild_Bethanien_kl {position:absolute; top:362px; left:552; width:200px; height:107px; z-index:1;}
#bild_MarxundEngels_kl {position:absolute; top:362px; left:761; width:88px; height:107px; z-index:1;}
#bild_Streetart_HausSchwarzenberg_kl {position:absolute; top:362px; left:858; width:92px; height:107px; z-index:1;}

/* Bilder Zeile 4 */
#bild_Oberbaumbruecke_kl {position:absolute; top:479px; left:120; width:248px; height:122px; z-index:1;}
#bild_BernauerStrasse_kl {position:absolute; top:479px; left:375; width:124px; height:122px; z-index:1;}
#bild_KiezstattKies_kl {position:absolute; top:479px; left:506; width:162px; height:122px; z-index:1;}
#bild_TempelhoferFeld_kl {position:absolute; top:479px; left:674; width:276px; height:122px; z-index:1;}


/*#Bilder_text {position:absolute; left:120px; top:80; width:830px; height:522px; padding-left: 0px;}*/

/* Texte zu Bildern Zeile 1 */
#texte_MarienkircheFernsehturm {position:absolute; top:80px; left:120px; width:207px; height:155px;
display: table; overflow: hidden; visibility:hidden; }

#texte_Dom {position:absolute; top:80px; left:347px; width:116px; height:155px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_PassageNeukoelln {position:absolute; top:80px; left:482px; width:207px; height:155px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_Buletten {position:absolute; top:80px; left:706px; width:110px; height:155px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_HinterhofMitte {position:absolute; top:80px; left:834px; width:116px; height:155px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

/* Texte zu Bildern Zeile 2 */
#texte_Heute {position:absolute; top:245px; left:120px; width:142px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_Palaces {position:absolute; top:245px; left:828px; width:122px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

/* Texte zu Bildern Zeile 3 */
#texte_Fortuna {position:absolute; top:362px; left:120; width:121px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_KottbussserTor {position:absolute; top:362px; left:250; width:143px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_Boehmen {position:absolute; top:362px; left:401; width:143px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_Bethanien {position:absolute; top:362px; left:552; width:200px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_MarxundEngels {position:absolute; top:362px; left:761; width:88px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_Streetart_HausSchwarzenberg {position:absolute; top:362px; left:858; width:92px; height:107px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

/* Texte zu Bildern Zeile 4 */
#texte_Oberbaumbruecke {position:absolute; top:479px; left:120; width:248px; height:122px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_BernauerStrasse {position:absolute; top:479px; left:375; width:124px; height:122px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_KiezstattKies {position:absolute; top:479px; left:506; width:162px; height:122px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

#texte_TempelhoferFeld {position:absolute; top:479px; left:674; width:276px; height:122px; z-index:2;
display: table; overflow: hidden; visibility:hidden; }

.Block_bottom {font-family:Arial; font-size:9.0pt; font-weight:bold; color:#000000; line-height: 1.3em; text-align: center;
display: table-cell; vertical-align: middle;}