/*************************************************************************/ /* */ /* externe css Datei */ /* Version vom 02.07.2008 */ /* Version vom 24.08.2010 */ /* */ /*************************************************************************/ /* Schrift */ body { font: small Verdana, Arial, Helvetica, sans-serif; color: black; background: white; margin: 0; padding: 0; behavior: url(csshover.htc); /* Win IE behavior call */ } h1 { font: bold 2.0em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-top: 2.2em; margin-bottom: 2.2em; color: #136; } h2 { font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-top: 1.8em; margin-bottom: 1.8em; color: #136; } h3 { font: bold 1.25em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-top: 1.5em; margin-bottom: 1.5em; color: #136; } p { font-style: bold; margin-top: 1em ; margin-bottom: 1em ; text-align: justify; color: #136; } p img {float: left; margin: 0;} b {color: #136;} em {font-style: italic;} acronym { border-bottom: none; } /* Links */ a:link { font-weight: bold; text-decoration: none; color: #161620; } a:visited { font-weight: bold; text-decoration: none; color: #369;} a:hover, a:active { text-decoration: underline; color: #669;} /* basic elements */ html { margin: 0; padding: 0; } /* Seitenaufbau */ #container { width: 980px; height: 780px; padding: 0; margin: 0; position: relative; } /* Kopf */ #header{position: absolute; top:0px; left: 0px; width: 100%; height:130px; background: url(header-img-blue-deep.jpg) top center no-repeat; padding: 0; color: #000} #header_title{position: absolute; top:2px; left: 20px; width: auto; height: auto; } #header_title h1 { font: 3.0em Verdana, Arial, Helvetica, sans-serif; /*letter-spacing: 1px;*/text-indent:-1em; margin-left: 1em; margin-top: 0; margin-bottom: 0; color: #eee; } #header_title h2 { font: 1.5em Verdana, Arial, Helvetica, sans-serif; /*letter-spacing: 1px;*/ margin-top: 0; margin-bottom: 0; color: #eee; } /* Navigationsleiste */ #navbar {position: absolute; top: 130px; right: 0;} #navbar a:link { font-weight: bold; text-decoration: none; color: #136;} #navbar a:visited { font-weight: bold; text-decoration: none; color: #136;} div#topmenue {position: absolute; top: 131px; right: 0; float: right; /*margin: -1px 0 0 12em;*/width: auto;} div#topmenue a:link {text-align: center; color: #136;} div#topmenue a:visited {text-align: center; color: #136;} div#topmenue a:hover { color: #999;} div#topmenue ul {margin: 0; padding: 0; background: white;} div#topmenue li {position: relative; list-style: none; margin: 0; float: right; width: auto /*8em*/; line-height: 1em;border: 1px solid #CCC; border-width: 1px;padding-left:10px; padding-right:10px} div#topmenue li:hover {background: #369;} div#topmenue li.submenu div#topmenue li.submenu:hover {background-color: #369;} div#topmenue li a {display: block; padding: 0.15em 0 0.15em 0; text-decoration: none; width: 7.5em;} div#topmenue>ul a {width: auto;} div#topmenue ul ul {position: absolute; width: 11em; display: none;} div#topmenue ul ul li {border-bottom: 1px solid #CCC;width: 11em; background: #FFF} div#topmenue li.submenu li.submenu div#topmenue li.submenu li.submenu:hover {background-color: #136;} div#topmenue li.submenu li.submenu:hover {background-color: #136;} div#topmenue ul.stufe_1 li.submenu:hover ul.stufe_2, div#topmenue ul.stufe_2 li.submenu:hover ul.stufe_3 {display:block;} div#topmenue ul.stufe_2 {top: 1.3em; left: 5px;} div#topmenue ul.stufe_2 a {text-align: left;} div#topmenue ul.stufe_3 {top: -1px; left: 8em; border-top: 1px solid #CCC;} #navbar_sprache {position: absolute; top: 131px;left: 0; width: auto; height: auto;} #navbar_infomail {position: absolute; top: 150px; right: 40px;} #sitemap_link {position: absolute; top:112px; right: 170px; } /* Unterer Teil der Seite */ #footer{position: absolute; bottom:0; left: 0; width: 100%; height: 16px; background: url(footer-blue.jpg) top center repeat; margin: 0; padding: 0;} #footer p{text-align: center; margin: 0;padding: 0; color: #136;} /************************************/ /* seitenspezifische Definitionen */ /************************************/ /* index - Seite */ #buchtext{position: absolute; top: 585px; left: 35px; width: 220px; height: 25px; cursor: pointer; background: #113366;border-style: outset; border-color: #113366;} #buch{position: absolute; top: 245px; right: 50px; width: 120px; height: 176px; background: silver; border-style: outset; border-color: #c0c0c0} #buch hover {background: silver;} #buchtext p{text-align: center; margin: 0; padding: 5px; color:#FFFFFF} #background_main{ position: absolute; top: 140px; left: 0; width: 980px; height: 600px; background: url(teeglaeser3-silver.jpg) no-repeat top left; padding: 0; margin: 0; position: relative;} /* in_portrait{position: absolute; top: 50px; right:50px; width: 125px; height: 165px; } */ #in_buch{position: absolute; top: 40px; left: 5px; width: 285px; height: 417px;} #in_best_book{position: absolute; top: 355px; left: 270px; width: auto; height: auto;} #in_buchtext{position: absolute; top: 480px; left: 7px; width: 285px; height: auto; background: silver; cursor: pointer;} #in_buchtext p{text-align: center; margin: 0; padding: 5px} #in_lauftext{position: absolute; top: 540px; left: 7px; width: 285px; height: auto; background: #136;} #in_lauftext p{text-align: center; margin: 0; padding: 5px;color: #369;} #main_text{position: absolute; top:100px; height: 460px; left: 395px; right: 80px; overflow: auto;} #main_text p:first-letter {font-size: 200%} #main_text p {margin-top: 3em} #special{position: absolute; top:375px; left: 395px; right:100px; overflow: auto; background: #afa; margin: 0; } #special p {text-align: center; } #special1{position: absolute; top:475px; left: 395px; right:100px; overflow: auto; background: #0d0; margin: 0; } #special1 p {font-weight: bold; text-align: center; font-size: 120%} /* index - Seite: Stimmen zum Buch */ #stimmen_zum_buch{position: absolute; top: 20px; left: 20px; width: 740px; height: 574px; margin: 0; padding: 20px; background: silver;background-attachment: fixed;} #stimmen_zum_buch h1{color: #136} #stimmen_zum_buch_text{position: absolute; top: 70px; width: 90%; height: 500px; margin: 20px; padding: 10px; background: silver ;background-attachment: fixed; overflow: auto;} stimmen_zum_buch_verdeckung_sb{position: absolute; top: 280px; left: 10px; right:10px; height: 20px; margin: 0; padding: 0; background: silver ;background-attachment: fixed; } /*width: 660px; height: 330px; */ #stimmen_zum_buch_text p{color: #136} #szb_close{position: absolute; top: 10px; right: 10px; width: 66px; height: 18px;margin: 0; padding: 0; background: url(btnclose.jpg) no-repeat top left; cursor: pointer;} /******************** e-index - Seite (engl.) */ #e_background_main{ position: absolute; top: 130px; left: 0; width: 980px; height: 900px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #e_main{position: absolute; top:50px; bottom: 20px; left: 100px; right: 160px; overflow: auto; } #e_buch{position: absolute; top: 260px; right: 20px; width: auto; height: auto; background: silver; border-style: outset; border-color: #c0c0c0} /******************** stimmen_zum_buch - Seite: */ #background_stimmen_zum_buch{ position: absolute; top: 130px; left: 0; width: 980px; height: 1240px; background: url(teeglaeser3-silver.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #bk_stimmen_zum_buch {position: absolute; top:60px; bottom: 20px; left: 50px; right: 50px; overflow: auto; } /******************** buch - Seite: */ #background_buch{ position: absolute; top: 130px; left: 0; width: 980px; height: 740px; background: url(teeglaeser3-silver.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #bk_buch {position: absolute; top:60px; bottom: 20px; left: 100px; right: 200px; overflow: auto; } /******************** sitemap - Seite: */ #background_sitemap{ position: absolute; top: 130px; left: 0; width: 980px; height: 800px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #sitemap{position: absolute; top:20px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /******************** e-ueber_mich - Seite: (Engl.) */ #e_background_ueber_mich{ position: absolute; top: 130px; left: 0; width: 980px; height: 840px; background: url(teeglaeser3-silver.jpg) repeat top left; padding: 0; margin: 0; position: relative; } /******************** ueber_mich - Seite: */ #background_ueber_mich{ position: absolute; top: 130px; left: 0; width: 980px; height: 3650px; background: url(teeglaeser3-silver.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #ueber_mich{position: absolute; top:145px; bottom: 20px; left: 50px; right: 370px; } #ueber_mich p:first-letter {font-size: 200%} #ueber_mich li {list-style-type: none;} #um_portrait{position: absolute; top: 55px; right: 370px; width: 120px; height: 165px; } p.bildtext {text-align: left; font-size: x-small;} #um_bild_1 {position: absolute; top: 100px; right:0; width: 250px; height: 168px; } #um_bild_1_text {position: absolute; top: 268px; right:0; width: 250px; height: 60px; } #um_bild_2 {position: absolute; top: 340px; right:0; width: 250px; height: 159px; } #um_bild_2_text {position: absolute; top: 499px; right:0; width: 250px; height: 105px; } #um_bild_3 {position: absolute; top: 610px; right:0; width: 250px; height: 168px; } #um_bild_3_text { position: absolute; top: 775px; right:0; width: 250px; height: 60px; } #ueber_mich_text_b{position: absolute; top:140px; bottom: 20px; left: 50px; right: 370px;} #um_nbeitr_f {position: absolute; top:885px; left: 150px; right: 130px;height: 150px; } #um_nbild_f1 {position: absolute; top:1060px; left:150px; } #um_nbild_f1_text {position: absolute; top:1320px; left:150px; } #um_nbild_f2 {position: absolute; top:1102px; left:500px; } #um_nbild_f2_text {position: absolute; top:1320px; left:500px; right: 180px; } #um_nbeitr_e {position: absolute; top:1385px; left: 150px; right: 130px;height: 150px; } #um_nbild_e1 {position: absolute; top:1560px; left:150px; width: 264px; height: 198px; } /* urspr top 155px */ #um_nbeitr_d {position: absolute; top:1820px; left: 150px; right: 130px;height: 150px; } #um_nbild_d1 {position: absolute; top:1967px; left:150px; width: 264px; height: 176px; } #um_nbild_d2 {position: absolute; top:1967px; left: 500px; width: 176px; height: 264px; } #um_nbeitr_a {position: absolute; top: 2290px; left: 150px; right: 230px;height: 150px; } #um_nbild_1 {position: absolute; top:2470px; left:0; width: 264px; height: 198px; } #um_nbild_2 {position: absolute; top:2470px; left:278px; width: 264px; height: 198px; } #um_nbild_3 {position: absolute; top:2470px; left:556px; width: 264px; height: 198px; } #um_nbild_3_text {position: absolute; top:2635px; left:556px; width: 264px; height: 60px; } #um_nbeitr_b {position: absolute; top: 2735px; left: 150px; right: 220px; height: 198px; } #um_nbild_4 {position: absolute; top: 2885px; left:150px; width: 264px; height: 150px; } #um_nbeitr_c {position: absolute; top: 3105px; left: 150px; right: 220px; height: 198px; } #um_nbild_5 {position: absolute; top: 3405px; left:0; width: 270px; height: 202px; } #um_nbild_6 {position: absolute; top: 3405px; left:278px; width: 270px; height: 202px; } #um_nbild_7 {position: absolute; top: 3405px; left:556px; width: 270px; height: 202px; } /******************** e-ziele - Seite (engl.) */ #e_background_ziele{ position: absolute; top: 130px; left: 0; width: 980px; height: 550px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #e_ziele {position: absolute; top:90px; bottom: 20px; left: 100px; right: 200px; overflow: auto; } #e_zi_bild_1 {position: absolute; top: 150px; right:0; width: 191px; height: 300px; } /******************** ziele - Seite: */ #background_ziele{ position: absolute; top: 130px; left: 0; width: 980px; height: 1250px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #ziele {position: absolute; top:90px; bottom: 20px; left: 100px; right: 200px; overflow: auto; } #ziele_2{position: absolute; top:850px; bottom: 20px; left: 100px; right: 200px; overflow: auto; } #zi_bild_1 {position: absolute; top: 150px; right:0; width: 191px; height: 300px; } #zi_bild_2 {position: absolute; top: 770px; right:0; width: 260px; height: 195px; } /******************** e-angebote - Seite (engl.) */ #background_e_angebote{ position: absolute; top: 130px; left: 0; width: 980px; height: 900px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #e_angebote{position: absolute; top:130px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /******************** Seiten im Ordner angebote */ #background_ordner_angebote{ position: absolute; top: 130px; left: 0; width: 980px; height: 475px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } /* ****** Angebote: Fit für die arabische Welt: a_fit_arab_welt.html */ #background_ordner_angebote_fit_arab_welt{ position: absolute; top: 130px; left: 0; width: 980px; height: 1660px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #a_angeb_fit_arab_welt{position: absolute; top:20px; height: auto; left: 80px; right: 270px; overflow: auto; } #a_angeb_fit_arab_welt_bild_1{position: absolute; top: 215px; right:0px; width: auto; height: auto; } #a_angeb_fit_arab_welt_bild_2{position: absolute; top: 600px; right:0px; width: auto; height: auto; } #a_titel{position: absolute; top:0px; left: 0px; width: auto; height: auto; overflow: auto;background: #CCC;} #a_titel h1 { margin-left:auto; margin-top: auto; margin-bottom: auto;} /* Angebote: arabisch lernen, : a_arab_sprache.html*/ #background_ordner_angebote_arab_sprache{ position: absolute; top: 130px; left: 0; width: 980px; height: 650px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #a_an_arab_sprache{position: absolute; top:90px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /* ****** Angebote: Golfstaaten: a_golfstaaten.html */ #background_ordner_angebote_golfstaaten{ position: absolute; top: 130px; left: 0; width: 980px; height: 3060px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #a_an_arab{position: absolute; top:20px; height: auto; left: 100px; right: 100px; overflow: auto; } #a_an_dubai{position: absolute; top:210px; height: auto; left: 170px; right: 50px; overflow: auto; } #a_an_bild_dubai_1{position: absolute; top: 250px; left:10px; width: auto; height: auto; } #a_an_abudhabi{position: absolute; top:710px; height: auto; left: 100px; right: 320px; overflow: auto; } #a_an_bild_abd_1{position: absolute; top: 810px; right:0; width: auto; height: auto; } #a_an_ksa{position: absolute; top:1240px; height: auto; left: 100px; right: 320px; overflow: auto; } #a_an_bild_ksa_1{position: absolute; top: 1360px; right:0; width: auto; height: auto; } #a_an_bild_ksa_1_text{position: absolute; top: 1575px; right:0; width: auto; height: auto; } #a_an_bild_ksa_2{position: absolute; top: 1360px; right:0; width: auto; height: auto; } #a_an_bild_ksa_2_text{position: absolute; top: 1575px; right:0; width: auto; height: auto; } #a_an_kuw{position: absolute; top:1850px; height: auto; left: 100px; right: 320px; overflow: auto; } #a_an_bild_kuw_1{position: absolute; top: 1950px; right:0; width: auto; height: auto; } #a_an_bild_kuw_1_text{position: absolute; top: 2165px; right:0; width: auto; height: auto; } #a_an_wtr{position: absolute; top:2360px; height: auto; left: 100px; right: 320px; overflow: auto; } #a_an_iran{position: absolute; top:2480px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } #a_an_bild_iran_1{position: absolute; top: 2695px; right:0; width: 300px; height: 196px; } /* ****** Angebote: Maghreb: a_Maghreb.html */ #background_ordner_angebote_maghreb{ position: absolute; top: 130px; left: 0; width: 980px; height: 760px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #a_an_lib_alg{position: absolute; top:60px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /* ****** Angebote: Maghreb: a_vortraege.html */ #background_ordner_angebote_vortraege{ position: absolute; top: 130px; left: 0; width: 980px; height: 600px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #a_an_vortraege{position: absolute; top:60px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /******************** e_references - Seite (engl.): */ #background_e_references{ position: absolute; top: 130px; left: 0; width: 980px; height: 2300px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #e_references{position: absolute; top:90px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /******************** referenzen - Seite: */ #background_referenzen{ position: absolute; top: 130px; left: 0; width: 980px; height: 3400px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #referenzen{position: absolute; top:90px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /******************** news - Seite: */ #background_lnk_botschaften{ position: absolute; top: 130px; left: 0; width: 980px; height: 680px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #background_lnk_organisationen{ position: absolute; top: 130px; left: 0; width: 980px; height: 1100px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #news{position: absolute; top:10px; bottom: 20px; left: 150px; right: 400px; overflow: auto; } #ne_weblinks {position: absolute; top:125px; left: 150px; right: 130px;height: 150px; } /******************** e-business etiquette - Seite (engl.) */ #e_background_biz_etiq{ position: absolute; top: 130px; left: 0; width: 980px; height: 1000px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #e_biz_etiq{position: absolute; top:70px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /******************** kontakt - Seite: */ #background_kontakt{ position: absolute; top: 130px; left: 0; width: 980px; height: 670px; background: url(teeglaeser3-silver.jpg) no-repeat top left; padding: 0; margin: 0; position: relative; } #kontakt{position: absolute; top:20px; bottom: 20px; left: 100px; right: 250px; overflow: auto; } /* marker: border: 2px solid red; */ /* presse - Verzeichnis: */ /* Presse: service: p_presse.html*/ #background_presse{ position: absolute; top: 130px; left: 0; width: 980px; height: 1800px; background: url(presse_hg2.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #presse{position: absolute; top:90px; bottom: 20px; left: 100px; right: 250px;} #pr_bild_1 {position: absolute; top: 150px; right:0; width: 120px; height: 176px; } #pr_bild_2 {position: absolute; top: 340px; right:0; width: 120px; height: 170px; } #pr_bild_3 {position: absolute; top: 520px; right:0; width: 120px; height: 170px; } #pr_bild_4 {position: absolute; top: 700px; right:0; width: 120px; height: 170px; } /* Presse: service: p_service.html*/ #background_ordner_presse_service{ position: absolute; top: 130px; left: 0; width: 980px; height: 650px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #p_service{position: absolute; top:90px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /* Presse: service Artikel 1: p_service_az.html*/ #background_ordner_service_az{ position: absolute; top: 130px; left: 0; width: 980px; height: 1300px; background: url(grau.jpg) repeat top left; padding: 0; margin: 0; position: relative; } #p_service_az{position: absolute; top:90px; bottom: 20px; left: 100px; right: 100px; overflow: auto; } /* specific divs */ /*EOF*/