* { margin: 0; padding: 0; border: 0; } body { padding: 20px 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 69%; color: #413434; background: #fcca73 url(bg_body.jpg) repeat-x; } .clearfix:after { content: "."; display: block; height: 100%; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Seitenlayout */ #container { margin-left: 25px; width: 950px; background-color: #FFECCB; } #navi { float: left; width: 158px; padding: 16px 0px 0px 16px; } #content { float: left; width: 757px; height: 100%; padding: 0px 0px 0px 0px; } .standard { margin: 16px 0 0 0 ; background: url(bg_content.gif); } /* Oben - unten - Logo */ #logohead { height: 97px;width: 757px; margin-bottom: 8px; } #logo_head_left { height: 158px; width: 158px; background: #FFCC69 url(logo_head_left.jpg); } #logo_bottom_left1 { height: 141px;width: 158px;margin-bottom: 16px; background: #FFCC69 url(logo_bottom_left.jpg); } /* Menu */ #under_logo_head_left { height: 33px; width: 158px; background: #FFCC69 url(under_logo_head_left.jpg); } #under_menu_head_left { height: 31px; width: 158px; background: #FFCC69 url(under_menu_head_left.jpg); } #under_menu_head_left_modelle { height: 157px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle.jpg); } #under_menu_head_left_kontakte { height: 35px; width: 158px; background: #FFCC69 url(under_menu_head_left_kontakte.jpg); } #under_menu_head_left_preise { height: 85px; width: 158px; background: #FFCC69 url(under_menu_head_left_partnerlinks.jpg); } #under_menu_head_left_faq1 { height: 65px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq1.jpg); } #under_menu_head_left_faq2 { height: 19px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq2.jpg); } #under_menu_head_left_faq3 { height: 37px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq3.jpg); } #under_menu_head_left_faq4 { height: 19px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq4.jpg); } #under_menu_head_left_faq5 { height: 37px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq5.jpg); } #under_menu_head_left_faq6 { height: 19px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq6.jpg); } #under_menu_head_left_faq7 { height: 27px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq7.jpg); } #under_menu_head_left_faq8 { height: 35px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq8.jpg); } #under_menu_head_left_faq9 { height: 27px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq9.jpg); } #under_menu_head_left_faq10 { height: 83px; width: 158px; background: #FFCC69 url(under_menu_head_left_faq10.jpg); } #under_menu_head_left_news { height: 49px; width: 158px; background: #FFCC69 url(under_menu_head_left_news.jpg); } #under_menu_head_left_members { height: 31px; width: 158px; background: #FFCC69 url(under_menu_head_left_members.jpg); } #under_menu_head_left_jobs { height: 31px; width: 158px; background: #FFCC69 url(under_menu_head_left_members.jpg); } #under_menu_head_left_gastlinks { height: 37px; width: 158px; background: #FFCC69 url(under_menu_head_left_gastlinks.jpg); } #under_menu_head_left_partnerlinks { height: 73px; width: 158px; background: #FFCC69 url(under_menu_head_left_partnerlinks.jpg); } #under_menu_head_left_impressum { height: 53px; width: 158px; background: #FFCC69 url(under_menu_head_left_impressum.jpg); } #under_menu_head_left_start { height: 167px; width: 158px; background: #FFCC69 url(under_menu_head_left_start.jpg); } #under_menu_head_left_modelle_claudia { height: 519px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_claudia.jpg); } #under_menu_head_left_modelle_lena { height: 533px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_lena.jpg); } #under_menu_head_left_modelle_angel { height: 537px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_angel.jpg); } #under_menu_head_left_modelle_monica { height: 537px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_monica.jpg); } #under_menu_head_left_modelle_klaudia { height: 519px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_klaudia.jpg); } #under_menu_head_left_modelle_michele { height: 537px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_michele.jpg); } #under_menu_head_left_modelle_janette { height: 515px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_janette.jpg); } #under_menu_head_left_modelle_lisa { height: 519px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_lisa.jpg); } #under_menu_head_left_modelle_angela { height: 527px; width: 158px; background: #FFCC69 url(under_menu_head_left_modelle_angel.jpg); } #menu_2 { height: 212px; width: 158px; background: #FFCC69 url(menu_2.jpg); } .menu_text { padding-left: 30px;} .menu_text_modelle { padding-left: 37px;} a:link, a:visited, a:hover, a:active {text-decoration: none; font: 14px Trebuchet MS; color: #000000;} #menu_4 { height: 22px; width: 158px; background: #FFCC69 url(menu_4.jpg); } #menu_5 { height: 22px; width: 158px; background: #FFCC69 url(menu_5.jpg); } #menu_6 { height: 22px; width: 158px; background: #FFCC69 url(menu_6.jpg); } #menu_7 { height: 22px; width: 158px; background: #FFCC69 url(menu_7.jpg); } #menu_8 { height: 22px; width: 158px; background: #FFCC69 url(menu_8.jpg); } #menu_9 { height: 22px; width: 158px; background: #FFCC69 url(menu_9.jpg); } #menu_10 { height: 22px; width: 158px; background: #FFCC69 url(menu_10.jpg); } #menu_11 { height: 22px; width: 158px; background: #FFCC69 url(menu_11.jpg); } #menu_12 { height: 22px; width: 158px; background: #FFCC69 url(menu_12.jpg); } #menu_13 { height: 22px; width: 158px; background: #FFCC69 url(menu_13.jpg); } .text_content_hinweiss { font: 20px Trebuchet MS; color: #ff0000; padding: 0px 0px 15px 0px; } .text_content_hinweiss_zwei { font: 13px Trebuchet MS; color: #ff0000; padding: 15px 0px 0px 0px; } .text_content_hinweiss_one { font: 13px Trebuchet MS; color: #ff0000; padding: 0px 0px 0px 0px; } /* Content Text Überschrift*/ #text_uberschrift { padding: 15px 14px 16px 20px; } #text_uberschrift { text-decoration: none; font: 20px Trebuchet MS; color: #000000; } .standard h1 { text-decoration: none; font: 20px Trebuchet MS; color: #000000; border-bottom: 1px solid #FFF; } /* Content Text */ .text_content { font: 13px Trebuchet MS; color: #000000; padding: 19px 0px 15px 0px; } .text_content_kontakte { font: 13px Trebuchet MS; color: #000000; padding: 0px 0px 15px 0px; } .text_content_fragen { font: 13px Trebuchet MS; color: #000000; padding: 19px 0px 15px 0px; } .text_content_members_chat{ float: right; width: 170px; padding: 10px ;margin-top: 22px;font-size: .6em; line-height: 1.8em; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .text_content_members { font: 13px Trebuchet MS; color: #000000; padding: 19px 0px 15px 0px; } .text_content_jobs { font: 13px Trebuchet MS; color: #000000; padding: 19px 0px 15px 0px; } .text_content_partnerlinks { font: 13px Trebuchet MS; color: #000000; padding: 19px 0px 15px 0px; } .text_content_impressum { font: 15px Trebuchet MS; color: #000000; padding: 9px 0px 15px 0px; } .text_content_impressum_5 { font: 14px Trebuchet MS; color: #000000; padding: 9px 00px 9px 0px; } /* Content Zubehoer*/ .kontakte { float: right; width: 190px; font-size: 16px; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .impressum_1 { float: left; width: 200px; padding: 10px 20px; margin: 20px 0px 0px 0px; font-size: .5em; line-height: .5em; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .impressum_2 { float: left; width: 340px; padding: 10px 20px; margin: 20px 0px 0px 17px; font-size: .5em; line-height: .5em; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .impressum_3 { float: left; width: 600px; padding: 10px 20px; margin: 20px 0px 0px 0px; font-size: .5em; line-height: .5em; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .mail { padding: -20px; font: 13px; background: url(icon_email.gif) no-repeat; } .impressum_4 {vertical-align: top;font-family: Verdana, Arial;font-size: 13px;color: #000000;padding: 0px;} /* Content Modell Bilder*/ .bilder, .details { float: left; } .bilder { width: 250px; } .modellegirls{ float: left; width: 121px; padding: 5px 5px 3px 6px; margin: 9px 9px 30px 20px; font-size: 16px; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .modellegirls1{ float: left; width: 121px; padding: 5px 5px 3px 6px; margin: 9px 4px 30px 6px; font-size: 16px; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .modellegirls2{ float: left; width: 121px; padding: 5px 5px 3px 6px; margin: 9px 4px 30px 6px; font-size: 16px; } .modellegross{ float: left; width: 200px; padding: 5px 5px 3px 6px; margin: 0px 0px 0px 0px; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .modelleklein{ float: left; width: 210px; padding: 0px 0px 5px 1px; margin: 10px 0px 30px 0px; border: 1px solid #D9C9CB; background-color: #F4F0F0; } .modelleklein_tump { font-size: 1em; padding: 6px 0px 0px 5px ; } .details { width: 280px; } .details table { width: 400px; border: 2px solid #D9C9CB; margin-bottom : 16px; background-color: #F4F0F0; } .details table td { font-size: .9em; line-height: 1.8em; } .details table td.links { width: 160px; border-left: 16px solid #F4F0F0; border-bottom: 1px solid #D9C9CB; } .details table td.rechts { width: 130px; border-right: 16px solid #F4F0F0; border-bottom: 1px solid #D9C9CB; } .details table td.oben { padding-top: 1em; } .details table td.unten { padding-bottom: .8em; border-bottom: none; } /* Fake Content */ .content_oben { color: #000000; font-size: 24px; position: absolute; width: 532px; top: 77px; left: -800px } .content_mitte { color: #000000; font-size: 20px; position: absolute; width: 532px; top: 77px; left: -800px } .content_unten { color: #000000; font-size: 18px; position: absolute; width: 532px; top: 77px; left: -800px } .content_mitte_tief { color: #000000; font-size: 16px; position: absolute; width: 532px; top: 77px; left: -800px } .content_mitte_weiter_tief { color: #000000; font-size: 16px; position: absolute; width: 532px; top: 77px; left: -800px } .content_mitte_oben_tief { color: #000000; font-size: 16px; position: absolute; width: 532px; top: 77px; left: -800px } /* Fake Menu*/ .menu_oben { color: #000000; font-size: 14px; position: absolute; width: 532px; top: 77px; left: -800px } .menu_mitte { color: #000000; font-size: 12px; position: absolute; width: 532px; top: 77px; left: -800px } .menu_unten { color: #000000; font-size: 10px; position: absolute; width: 532px; top: 77px; left: -800px } .menu_mitte_tief { color: #000000; font-size: 10px; position: absolute; width: 532px; top: 77px; left: -800px } }