@media all { /* Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ * { margin: 0; padding: 0; } /* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ option { padding-left: 0.4em } /* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */ * html body * { overflow: visible; } * html iframe, * html frame { overflow: auto } * html frameset { overflow: hidden } /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */ html { height: 100% } body { min-height: 101%; /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size: 100.01%; } .body_island {margin: 0; padding:0;} /* Rahmen für
und Elemente löschen */ fieldset, img { border: 0 solid; } /* Float */ .left { float: left; } .right { float: right; } /* Neue Standardwerte für Formulare */ form { margin: 0; } /*clearendes Element*/ .clear { clear: both; height: 0; overflow: hidden; font-size: 1px; } /* Zum Verbergen der Kategorie-Beschereibung / Keywords für Google */ #description { display: none } /* Clearfix-Methode zum Clearen der Float-Umgebungen */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #main_down { background:url(../images/main_down.png) no-repeat; clear:both;} #head2 { clear:both; line-height:0px; height:23px;} #bilder li { float:left; list-style:none; padding-right:6px; padding-bottom:3px;} #bilder { padding:15px; } /* Diese Angabe benötigt der Safari-Browser zwingend !! */ .clearfix { display: block; } /* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */ #ie_clearing { display: none } /* Subtemplates -------------------------------------------------------*/ .subcolumns { width: 100%; overflow: hidden; } .c20l, .c25l, .c26l, .c33l, .c35l, .c36l, .c38l, .c40l, .c45l, .c50l, .c55l, .c60l, .c62l, .c63l, .c66l, .c74l, .c75l, .c80l { float: left; } .c80r, .c75r, .c74r, .c66r, .c65r, .c63r, .c62r, .c60r, .c55r, .c50r, .c45r, .c40r, .c38r, .c36r, .c33r, .c26r, .c25r, .c20r { float: right; margin-left: -5px; } .c20l, .c20r { width: 20%; } .c25l, .c25r { width: 25%; } .c26l, .c26r { width: 26.35%; } .c33l, .c33r { width: 33.333%; } .c35l, .c35r { width: 35%; } .c36l, .c36r { width: 37%; } .c38l, .c38r { width: 38.2%; } .c40l, .c40r { width: 40%; } .c45l, .c45r { width: 45%; } .c50l, .c50r { width: 50%; } .c55l, .c55r { width: 55%; } .c60l, .c60r { width: 60%; } .c62l, .c62r { width: 61.8%; } .c63l, .c63r { width: 63.25%; } .c65l, .c65r { width: 65%; } .c66l, .c66r { width: 66.666%; } .c74l, .c74r { width: 73.65%; } .c75l, .c75r { width: 75%; } .c80l, .c80r { width: 80%; } .subc { padding: 0 2.5px 0 2.5px; } .subcl { padding: 0 5px 0 0; } .subcr { padding: 0 0 0 5px; } #settings_content .c62l { width:50%;} #settings_content .c38r { width:50%;} #fieldnew {float:left;} #settings_content .clear_button {overflow:visible;} #prim_nav_search ul li h2 a {padding-left:10px;} #footer_col_2_content_1 #footer_copyright {padding-top:0px;} #drag_1076 p { color:#FFF;} } @media all { /* Global ----------------------------------------------------------- */ /* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */ html * { font-size: 100.01% } /* Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ body { font-family: 'Arial', Verdana, Helvetica, sans-serif; font-size: 75%; text-align:left;} /* Absatz */ p { line-height: 120%; margin: 0 0 1em 0; } /* Linie */ hr { border: 0px; border-top: solid 1px #333333; border-bottom: transparent; } /* Global ---------------------------------------------------------- */ body { color: #000; background: #000000 url(../images/body_bg.gif) repeat; text-align: left; } #page_margins { width: 782px; min-width: 782px; max-width: 782px; margin: 8px auto 8px auto; text-align: left; } #content_island { width: 776px; max-width: 776px; } /* Header ---------------------------------------------------------- */ #header { width: 776px; height: 75px; background: url(../images/island_startbild.png) no-repeat left top; } #logo img {margin: 7px 0 0 0; } #head1 h1 { color:#FFFFFF; font-size:22px; width:528px; padding-top:10px; text-transform: uppercase; text-align:center; } /* Visual ---------------------------------------------------------- */ #island_startbild { width: 777px; height: 297px; margin: 10px 0 0 0; background: url(../images/visual_bg.png) no-repeat center top; } #island_startbild a.button_suche {width: 192px; height: 24px;display: block; padding: 6px 0 0 44px; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none;letter-spacing: 0 !important;background: url(../images/suche.gif) no-repeat center top; } #island_startbild_left { width:532px; float:left; height:288px; margin: 0px; font-size:12px; background: url(../images/visual.jpg) no-repeat center center; } #island_startbild_left1 { width:340x; float:left; height:289px; margin: 0px; font-size:12px; } #island_startbild_left2{ width:195px; float:left; height:289px; margin: 0px; font-size:12px;} #island_startbild_left1 p { width:325px; height:80px; margin: 192px 0px 0px 13px; font-size:11px; color:#000000; text-align:justify;} #island_starbild_left_button_anmelden { width:180px; height:30px; float:left; margin: 166px 0 0 0; font-size:12px; color:#FFFFFF; } #island_startbild_right { width:240px; float:left; height:289px; margin: 0px; padding: 0 0 0 5px; font-size:12px; color:#000000; } #island_startbild_right ul { margin: 0 0 0 10px; list-style-type:none; } #island_startbild_right li { height: 30px;margin: 10px 0 8px 10; list-style-type:none; } #island_startbild_right hr {margin: 0 10px 0px 10px; width: 220px; color: #000000; } #island_startbild_right h3 { margin: 10px 0 4px 10px; font-size: 15px; font-weight: bold; } #ficksuchebut { margin: 4px 0 0 29px; } #fieldset { padding: 0px; margin: 0px; } #welcome {width: 400px; padding: 5px 0 0 0; margin: 0px; text-align:center;} #welcome h2 {color: #ffffff; font-style: Arial; font-size: 23px; font-weight: normal; line-height: 36px; } #welcome p {color: #ffffff; font-style: Arial; font-size: 18px; font-weight: normal; } #teaser {width: 330px; padding: 130px 0 0 10px; float:left; } #teaser p {color: #ffffff; font-style: Arial; font-size: 12px; font-weight: normal; } /* Visual ---------------------------------------------------------- */ #island_content_main { width: 775px; height: 244px; margin: 0px; background: url(../images/landingpage_main_content.png) no-repeat left top; } #island_content_left { width: 390px; height: 222px; float: left; padding:10px; z-index:-1; } #island_content_right { width: 340px; height: 222px; float: left; padding:10px; z-index:-1;} #island_content_left h4 {color: #000000;font-size: 15px; border-bottom: 1px solid #c70b6a; width: 100%;} #island_content_right h4 {color: #000000;font-size: 15px; border-bottom: 1px solid #c70b6a; width: 100%;} #island_content_right img {float: right;} #island_content_left p { width: 388px; font-size: 12px; padding: 8px 0 4px 0; margin: 0px;} #island_content_left p strong {color: #c70b6a; font-size: 15px;} #island_content_left p.border {border-top: 1px solid #c70b6a; width: 100%; padding: 8px 0 4px 0;} #facts_left_chicas_island {width:120px; height: 20px; margin: 8px 0px 4px 10px; padding:3px 3px 0px 8px; background-color:#333; clear:both; color:#FFFFFF; font-size:14px; font-weight: bold; } #facts_left_chicos_island {width:180px; height: 20px; margin: 8px 0px 8px 10px; padding:3px 3px 0px 8px; background-color:#333; clear:both; color:#FFFFFF; font-size:14px; font-weight: bold; } .search_island_home_label { font-weight:bold; width: 70px; display: block; float: left; padding: 4px 0 0 0; } .search_island_home_input { background-color:#F5F2F3; border:1px solid #D9D9D9; padding:1px; width:24px; } .search_island_home_gender { width: 146px; } .search_island_home_ort { width: 146px; } .search_island_home_label_age_to { font-weight: bold; } #stoerer {margin-left:330px; top:425px; position:absolute; z-index:1; } /* Color: Formular */ fieldset { background: transparent; } legend { color: #333333; background: transparent; } label { color: #333333; background: transparent; } select { color: #333333; background-color: #FFFFFF; border: 1px solid #7F9DB9; } input { color: #333333; background-color: #FFFFFF; } textarea { color: #333333; background-color: #FFFFFF; } /* DAting Pictures ---------------------------------------------------------- */ #main_down { background:url(../images/main_down.png) no-repeat; width:777px; height:340px;} #vcards_search .user_status_icon,.vcards_search .user_status_icon{overflow:hidden;white-space:nowrap;} #vcards_search .user_img{width:65px;padding:5.5px;float:left;} #vcards_search .content{margin:0 0 0 82px;padding:5px 0 0 0;} #vcards_search .status_icn{margin:0 3px 0 0;line-height:17px;vertical-align:top;} #vcards_search h6{display:inline;line-height:20px;} #vcards_search {padding: 0 0 0 3px; margin: 0px;} #vcards_search ul{list-style:none;} #vcards_search li{float:left;margin:5px 3px 0 0;} /* #vcards_search .vcard_float{float:left;margin:5px 1px 0 1px;} */ #vcards_search .vcard_float .bg_vcard_search,#vcards_search .vcard_float_right .bg_vcard_search{width:215px;} #vcards_search .vcard_float_right{float:left;margin:5px 0 0 0;} #vcards_search .navi{float:right;margin-top:-34px;position:relative;} #vcards_search img.loading{margin:145px 120px;} #vcards_search .user_status_info{margin-top:2px;} #vcards_search .icn_small,.icn_small{left:-3px;position:absolute;top:-3px;width:22px;z-index:2;} #vcards_search .bg_vcard_search_alternative{margin:1px -1px 0px 2px;} #vcards_search .bg_vcard_search_alternative .bg_user_img{height:106px;width:106px;background:transparent position:relative;} #vcards_search .bg_vcard_search_alternative .bg_user_img .user_img{width:100px;height:100px;margin:2px;padding:0px;} #vcards_search .info_layer{background-color:#FFFFFF;bottom:56px;padding:5px;position:absolute !important;width:151px;font-size:10px; margin:2px 2px 2px 23px;} #vcards_search .info_layer h6{line-height:16px;} #vcards_search .info_layer h6 a{font-size:12px;color:#000000 !important;} .opacity_80{opacity:0.80;filter:alpha(opacity=80);-moz-opacity:0.80;} .opacity_60{opacity:0.60;filter:alpha(opacity=60);-moz-opacity:0.60;} .pu_preview{display: none; } .preview-white-top{background:transparent url(../images/preview-174-top-bg.png) no-repeat scroll left top;font-size:0pt;height:7px;width:174px;} .preview-white-middle{background:transparent url(../images/preview-174-middle-bg.png) repeat-y scroll left top;padding:2px 10px 0pt;width:158px;height:155px;} .preview-white-middle img{margin-top:-6px;} .preview-white-bottom{background:transparent url(../images/preview-174-bottom-bg.png) no-repeat scroll left top;font-size:0pt;height:10px;width:174px;} *+html .preview-white-bottom{margin-top:-3px !important;} .preview-pfeil-links{background:transparent url(../images/preview_pfeil_links.png) no-repeat scroll left top;height:24px;top:125px;left:-13px;width:23px;position:absolute;} .bg_user_img{position:relative;} /* Footer ---------------------------------------------------------- */ #footer { color: #FFF; margin: 10px 6px; font-weight: bold; } #footer a { color: #FFF; } #footer a:focus, #footer a:hover, #footer a:active { color: #FFF; text-decoration: underline; } #footleft { float:left; width: 170px;padding: 0 0 0 3px; } #footright { float: left; width:584px; text-align:right; padding: 0 3px 0 0; } /* Button: Green */ a.button_green { display: block; float: left; height: 34px; padding-right: 7px; overflow: hidden; } a.button_green span { display: block; width: 160px;line-height: 21px; padding: 6px 0 5px 7px; } a.button_green:active { outline: none; } a.button_green:active span { height: 21px; } #header_logout_row_3 a.button_green span { padding-top:8px !important;} /* Button: Green / active */ .button_green_active { display: block; float: left; height: 34px; padding-right: 7px; } .button_green_active span { font-size: 125%; font-weight: bold; letter-spacing: -1px; text-align: center; text-decoration: none; display: block; line-height: 21px; padding: 8px 1px 5px 7px; height: 21px; } /* Background: Button / Green */ a.button_green, .button_green_active { background: transparent url(../images/button-green2-right.png) no-repeat top right; } a.button_green span, .button_green_active span { background: transparent url(../images/button-green2-left.png) no-repeat; } a.button_green:active, .button_green_active { background-position: bottom right; } a.button_green:active span, .button_green_active span { background-position: bottom left; } /* Background: Button / Green */ a.button_green, .button_green_active { background: transparent url(../images/button-green2-right.png) no-repeat top right; } a.button_green span, .button_green_active span { background: transparent url(../images/button-green2-left.png) no-repeat; } a.button_green:active, .button_green_active { background-position: bottom right; } a.button_green:active span, .button_green_active span { background-position: bottom left; } a.button_green { font-size: 125%; font-weight: bold; letter-spacing: -1px; text-align: center; text-decoration: none; color:#fff;} a.button_green:hover { text-decoration: none; color:#fff;} a.button_green:active span { padding: 9px 0px 4px 10px; color:#fff;} #island_startbild_right a.button_green, #island_startbild_right .button_green_active { background: transparent url(../images/button-green-right.png) no-repeat top right; } #island_startbild_right a.button_green span,#island_startbild_right .button_green_active span { background: transparent url(../images/button-green-left.png) no-repeat; } #island_startbild_right a.button_green,#island_startbild_right .button_green_active { background: transparent url(../images/button-green-right.png) no-repeat top right; } #island_startbild_right a.button_green span,#island_startbild_right .button_green_active span { background: transparent url(../images/button-green-left.png) no-repeat; } } .tooltip { display:none; background: transparent url(../images/tooltipp.png) left top no-repeat; z-index: 999; padding:2px; width: 187px !important; height:174px; padding: 0 0 40px 0; } .tooltip img { margin:3px 2px 2px 23px;}