/* ////////////////////////////////////////// */ /* General Styles */ /* ////////////////////////////////////////// */ html { width: 100% !important; height: 100%; } body { width: 100% !important; height: 100%; position: relative; text-align: center; background: #101010; font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #999; margin: -20px 0 0 0 !important; } h1, h2, h3, h4 { font-weight: bold } h1 { font-size: 24px; color: #3399ff; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 5px 0; margin-bottom: 20px; text-align: center } h2 { font-size: 18px; margin-top: 30px; border-bottom: 1px dashed #999 } h3 { font-size: 14px } h4 { border-bottom: 1px dotted #999 } hr { border-top: 1px dashed #999; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; margin: 20px 0; clear: both } p { margin: 5px 0 20px 0 } textarea { background-color: #fff; font-size: 11px } img { border: 0 } table { font-size: 12px; color: #999 } form { margin: 0 } .border { border: 1px solid #fff } .left { float: left; margin-right: 10px } .right { float: right; margin-left: 10px } .center { text-align: center } .gotcha { display: none; visibility: hidden } .big { font-size: 1.5em } .small { font-size: 9px; margin: 0; } .infotext { background: yellow; padding: 5px 10px } .info { background: #3399ff; color: #fff; padding: 5px 10px } .cleaner { clear: both } .color { color: #3399ff } a { color: #999 } /* ////////////////////////////////////////// */ /* Layout */ /* ////////////////////////////////////////// */ #global { position: relative; width: 770px; height: 100%; margin: 0 auto; text-align: left; } #logo { position: absolute; top: 20px; left: -100px; z-index: 999 } #main { width: 100%; background: #000; margin: 0; padding-bottom: 170px; border: 1px solid transparent; z-index: 50 } #visuals { width: 100%; height: 230px; } #agentur { width: 555px; height: 80px; background: url('../img/bg_agentur.jpg'); font-size: 10px; line-height: 1.1em; padding: 5px 10px 5px 205px } #sites { position: relative; margin-top: 100px; text-align: left; padding: 0 20px; height: 100%; background: url('../img/bg_sites.jpg') } #sites.home { margin: 20px 0 0 0; height: 800px; background: url('../img/bg_home.jpg') center 400px no-repeat; } #sites.friends, #sites.videos, #sites.impressum { height: 600px; } #footer { } #navbuttons { position: relative; top: -210px; } #navbuttons.home { position: relative; top: 0px; } #backbutton { font-size: 18px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0 } #backbutton a { color: #3399ff; text-decoration: none } /* ////////////////////////////////////////// */ /* Marquees */ /* ////////////////////////////////////////// */ .marquee { font-size: 90px; color: #000; position: absolute; z-index: 10; text-transform: uppercase } .mleft { left: -320px; } .mleft1 { top: 30px; font-size: 70px; } .mleft2 { top: 80px; } .mleft3 { top: 230px;} .mleft4 { top: 400px; font-size: 60px; } .mleft5 { top: 440px; } .mleft6 { top: 600px; } .mright { left: 772px; } .mright1 { top: 50px; font-size: 80px;} .mright2 { top: 200px; } .mright3 { top: 400px; font-size: 60px; } .mright4 { top: 600px; } /* ////////////////////////////////////////// */ /* Visuals */ /* ////////////////////////////////////////// */ #slideshow { position:relative; height:230px; } #slideshow img { position:absolute; top:0; left:0; z-index:0; opacity:0.0; } #slideshow img.active { z-index:10; opacity:1.0; } #slideshow img.last-active { z-index:9; } /* ////////////////////////////////////////// */ /* Navleiste Mainnav */ /* ////////////////////////////////////////// */ #navleiste1 { position: fixed; bottom: 110px; left: 0; width: 100%; z-index: 9998;} #navleiste1 div { position: relative; width: 770px; margin: 0 auto; background: #000 } /* ////////////////////////////////////////// */ /* Navleiste Subnav*/ /* ////////////////////////////////////////// */ #navleiste { position:fixed !important; bottom: 100px !important; left: 0; width: 100%; background: url('../img/bg_navleiste.jpg'); z-index: 9998 } #navleiste div { margin: 0 auto; width: 770px; text-align: left; height: 20px; padding-top: 1px; font-size: 12px; font-weight: bold; } #navleiste ul { list-style-type: none; margin: 0; padding: 3px 0 0 0 } #navleiste ul li { float: left; margin: 0 35px } #navleiste ul li.last{ margin-right: 0 } #navleiste a { text-decoration: none; color: #000 } /* ////////////////////////////////////////// */ /* Videoleiste */ /* ////////////////////////////////////////// */ #videoleiste { position:fixed !important; bottom: 0px !important; left: 0; width: 100%; height: 100px; font-size: 10px; background: url('../img/bg_videoleiste.jpg'); z-index: 9999 } #videoleiste h1 { font-size: 14px; font-weight: bold; color: #3399ff; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 3px 0; width: 70px; float: left; margin-top: 20px } /* ////////////////////////////////////////// */ /* Home */ /* ////////////////////////////////////////// */ #agentur h1 { font-size: 12px; color: #3399ff; margin: 0; border: 0; text-align: left } #agentur p { margin: 5px 0 } #agentur b { color: #3399ff } #agentur a { font-weight: bold; color: #3399ff; text-decoration: none } #agentur div { float: left; margin: 5px 20px 0 0; padding-right: 18px; border-right: 1px dashed #999 } #agentur div.jobs { line-height: 1.3em } #agentur input { font-size: 10px } #agentur input.email { float: left; width: 90px; } #agentur input.submit { padding: 0 2px; float: left; margin: 0 0 0 3px } #buttons { position: relative; } #buttons img.shops, #buttons img.gallerie, #buttons img.news, #buttons img.shootings, #buttons img.shops_over, #buttons img.gallerie_over, #buttons img.news_over, #buttons img.shootings_over { position: absolute; top: 0px; } #buttons img.shops, #buttons img.gallerie, #buttons img.news, #buttons img.shootings { z-index: 10; } #buttons img.shops, #buttons img.shops_over { left: -5px; } #buttons img.gallerie, #buttons img.gallerie_over { left: 185px; } #buttons img.news, #buttons img.news_over { left: 375px; } #buttons img.shootings, #buttons img.shootings_over { left: 565px; } #philosophie { position: absolute; color: #666; top: 220px; text-align: center; font-size: 11px; width: 770px; } #philosophie p { margin: 10px 0 } #philosophie .color { line-height: 1.8em } #feddelegrand { position: absolute; top: 210px; left: 20px; z-index: 1 } /* ////////////////////////////////////////// */ /* Shops */ /* ////////////////////////////////////////// */ .filiale { float: left; width: 240px; text-align: center; } .filiale table { margin: 0 auto; text-align: left; background: transparent} .filiale a { color: #999 } /* ////////////////////////////////////////// */ /* Fotos */ /* ////////////////////////////////////////// */ #sites img.glamour { margin: 5px } /* ////////////////////////////////////////// */ /* Events */ /* ////////////////////////////////////////// */ #sites.events img, #sites.events-archiv img { border: 1px solid #999 } /* ////////////////////////////////////////// */ /* Jobs */ /* ////////////////////////////////////////// */ #gehalt { float: right; width: 240px; height: 524px; text-align: right; background: url('../img/bg_jobs.jpg') } #gehalt table td { text-align: right; vertical-align: top } /* #gehalt .freejob { color: #3399ff; } */ #formular { float: left; width: 450px; } #jobformular input, #jobformular select { width: 250px } #jobformular input.w1 { width: 100px } #jobformular input.w2 { width: 142px } #jobformular textarea { width: 248px } #jobformular textarea.h1 { height: 150px } #jobformular textarea.h2 { height: 50px } /* ////////////////////////////////////////// */ /* Links & Partner*/ /* ////////////////////////////////////////// */ #sites.links img, #sites.partner img { border: 1px solid #fff; float: left; margin: 20px 20px 20px 0 } /* ////////////////////////////////////////// */ /* ysfriends */ /* ////////////////////////////////////////// */ #memberdaten td.titel { padding-top: 15px } #memberdaten td { vertical-align: top } .feldtitel { padding-right: 10px } .feldweite { width: 350px } .feldweite2 { width: 171px } .feldweite3 { width: 30px; text-align: right } .feldweite4 { width: 20px; text-align: right } #member-vorteile { float: left; margin-right: 20px; } #member-formular { float: right; width: 320px; } #member-formular h2 { margin: 0 0 15px 0; padding-bottom: 3px; width: 320px; } #member-formular p { margin: 3px 0 } #member-formular label { float: left; width: 100px; margin-top: 10px; font-size: 14px } #member-formular input { width: 200px; padding: 5px; font-size: 18px } #member-formular input#mann, #member-formular input#frau { width: 15px; padding: 5px; margin: 10px 0 } #member-formular select { width: 210px; height: 30px; padding: 5px; font-size: 14px; display: block; margin-top: 10px } #member-formular .optional label { float: left; width: 100px; margin-top: 5px; font-size: 10px } #member-formular .optional input { width: 205px; padding: 2px; font-size: 10px } #member-formular .optional input#plz { width: 40px; } #member-formular .optional input#ort { width: 153px; } #member-formular .optional input#geburtsdatum { width: 80px; } #member-formular .optional h2 { font-size: 12px; margin: 0 0 15px 0; padding-bottom: 3px; width: 320px; } /* ////////////////////////////////////////// */ /* Checkform */ /* ////////////////////////////////////////// */ .LV_valid { padding-left: 5px; } .LV_invalid { color: red; font-size: 1px; display: none } .LV_valid_field { border: 2px solid green } .LV_invalid_field { border: 2px solid red }