#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""} /* ########### BASICS ########### */ html { font-size: 100.01%; } body { font-size: 62.5%; background: url("/assets/images/css/kachel.png"); font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; } strong { font-weight: bold; } /* ########### PAGE ########### */ #page { width: 960px; margin: 0 auto; } /* ########### HEADER ########### */ #header { height: 20px; background: url("/assets/images/css/verlaufheader.png") repeat-y; padding: 0 10px; position: relative; } #header a { text-transform: uppercase; color: #2e2e2e; text-decoration: none; font-size: 10px; } #header a:hover { color: #be700e; } #header #crumbs { position: absolute; left: 10px; top: 0;} #header #crumbs #wphh { background: url("/assets/images/css/2sternchen.png") no-repeat left center; padding-left: 20px; } #header #crumbs li { display: inline; } #header #kundengalerien { position: absolute; right: 10px; top: 0; background: url("/assets/images/css/login.png") no-repeat left center; padding-left: 25px; } /* ########### HAUPTBILD ########### */ #hauptbild { background: url("/assets/images/css/verlaufheader.png") repeat-y; padding: 0 10px; height: 270px; position: relative; } #startpage #hauptbild { height: 360px; } #startpage #hauptbild img { margin-right: 6px; } #startpage #hauptbild img+img { margin-right: 0px; } #startpage #hauptbild a { position: absolute; display: block; bottom: 20px; right: 200px; background: url("/assets/images/css/stoerer_start.png") no-repeat; width: 260px; height: 110px; text-decoration: none; color: #535353; } #startpage #hauptbild a:hover { background-position: 0 -110px; } #startpage #hauptbild a span.title { display: none; } #startpage #hauptbild a span.description { position: absolute; left: 30px; top: 64px; width: 200px; line-height: 16px; font-size: 11px;} /* ########### NAV ########### */ #nav { background: url("/assets/images/css/verlaufnav.png") no-repeat; height: 55px; position: relative; } #nav li { display: block; float: left; height: 55px; width: 146px; position: absolute; top: 0px; } #nav li#btn_home { left: 10px; width: 58px; } #nav li#btn_leistungen { left: 69px; } #nav li#btn_studio { left: 216px; } #nav li#btn_galerien { left: 363px; } #nav li#btn_partner { left: 510px; } #nav li#btn_blog { left: 657px; } #nav li#btn_kontakt { left: 804px; } #nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; background: url("/assets/images/css/navigation.png") no-repeat; } /* normal states */ #nav li#btn_home a { background-position: -10px 0px; } #nav li#btn_leistungen a { background-position: -69px 0px; } #nav li#btn_studio a { background-position: -216px 0px; } #nav li#btn_galerien a { background-position: -363px 0px; } #nav li#btn_partner a { background-position: -510px 0px; } #nav li#btn_blog a { background-position: -657px 0px; } #nav li#btn_kontakt a { background-position: -804px 0px; } /* hover states */ #nav li#btn_home a:hover { background-position: -10px -55px; } #nav li#btn_leistungen a:hover { background-position: -69px -55px; } #nav li#btn_studio a:hover { background-position: -216px -55px; } #nav li#btn_galerien a:hover { background-position: -363px -55px; } #nav li#btn_partner a:hover { background-position: -510px -55px; } #nav li#btn_blog a:hover { background-position: -657px -55px; } #nav li#btn_kontakt a:hover { background-position: -804px -55px; } /* selected states */ #leistungen #nav li#btn_leistungen a { background-position: -69px -110px !important; } #studio #nav li#btn_studio a { background-position: -216px -110px !important; } #galerien #nav li#btn_galerien a { background-position: -363px -110px !important; } #partner #nav li#btn_partner a { background-position: -510px -110px !important; } #blog #nav li#btn_blog a { background-position: -657px -110px !important; } #kontakt #nav li#btn_kontakt a { background-position: -804px -110px !important; } /* ########### STARTPAGE NAV ########### */ #startpage #nav { background: url("/assets/images/css/verlaufnav.png") no-repeat; height: 55px; position: relative; } #startpage #nav li { display: block; float: left; height: 55px; width: 156px; position: absolute; top: 0px; } #startpage #nav li#btn_leistungen { left: 10px; } #startpage #nav li#btn_studio { left: 167px; } #startpage #nav li#btn_galerien { left: 324px; } #startpage #nav li#btn_partner { left: 481px; } #startpage #nav li#btn_blog { left: 638px; } #startpage #nav li#btn_kontakt { left: 795px; width: 155px; } #startpage #nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; background: url("/assets/images/css/navigation_start.png") no-repeat; } /* normal states */ #startpage #nav li#btn_leistungen a { background-position: -10px 0px; } #startpage #nav li#btn_studio a { background-position: -167px 0px; } #startpage #nav li#btn_galerien a { background-position: -324px 0px; } #startpage #nav li#btn_partner a { background-position: -481px 0px; } #startpage #nav li#btn_blog a { background-position: -638px 0px; } #startpage #nav li#btn_kontakt a { background-position: -795px 0px; } /* hover states */ #startpage #nav li#btn_leistungen a:hover { background-position: -10px -55px; } #startpage #nav li#btn_studio a:hover { background-position: -167px -55px; } #startpage #nav li#btn_galerien a:hover { background-position: -324px -55px; } #startpage #nav li#btn_partner a:hover { background-position: -481px -55px; } #startpage #nav li#btn_blog a:hover { background-position: -638px -55px; } #startpage #nav li#btn_kontakt a:hover { background-position: -795px -55px; } /* selected states */ #startpage #nav li#btn_home { display: none !important; } #startpage #leistungen #nav li#btn_leistungen a { background-position: -10px -110px !important; } #startpage #studio #nav li#btn_studio a { background-position: -167px -110px !important; } #startpage #galerien #nav li#btn_galerien a { background-position: -324px -110px !important; } #startpage #partner #nav li#btn_partner a { background-position: -481px -110px !important; } #startpage #blog #nav li#btn_blog a { background-position: -638px -110px !important; } #startpage #kontakt #nav li#btn_kontakt a { background-position: -795px -110px !important; } #startpage #h4_svenatwork { background: url('/assets/images/start/h4_sven.png') no-repeat; } #startpage #flv_svenatwork { background: url('/assets/images/start/stoerer_video.png') no-repeat; width: 244px; height: 40px; display: block; text-indent: -9999px; margin: 20px 0;} #startpage #flv_svenatwork:hover { background-position: 0 -40px; } #startpage #ispwpcert { position: absolute; bottom: 250px; right: 150px;} #startpage #bpcert { position: absolute; bottom: 250px; right: 13px;} #startpage #wpjacert { position: absolute; bottom: 200px; right: 13px;} /* ########### CONTENT ########### */ #content { background: #999 url("/assets/images/css/verlaufcontent.png") repeat-x; padding: 10px; position: relative; } #content #logo { background: url("/assets/images/css/logo.png") no-repeat; width: 410px; height: 300px; position: absolute; right: 0px; top: 0px; } #content #logo a { display: block; width: 200px; height: 100px; text-indent: -9999px; position: absolute; left: 140px; top: 40px;} #content #deko { position: absolute; width: 330px; height: 480px; right: 0px; top: 500px; background: url("/assets/images/studio/flower_team.png") no-repeat; } #content #main { z-index: 10; position: relative; width: 616px; margin-left: 30px; } #content #main #heading { background: url("/assets/images/start/h_start.png") no-repeat; width: 300px; height: 50px; margin: 77px 0 30px; } #content #main #heading * { text-indent: -9999px; } #leistungen #content #heading { background-image: url("/assets/images/leistungen/h_leistungen.png"); } #studio #content #heading { background-image: url("/assets/images/studio/h_studio.png"); } #galerien #content #heading { background-image: url("/assets/images/galerien/h_galerien.png"); } #partner #content #heading { background-image: url("/assets/images/partner/h_partner.png"); } #blog #content #heading { background-image: url("/assets/images/blog/h_blog.png"); } #kontakt #content #heading { background-image: url("/assets/images/kontakt/h_kontakt.png"); } #content #main h4 { text-indent: -9999px; height: 25px; width: 400px; margin-top: 40px; margin-bottom: 20px; clear: both; } #content #main h5 { margin-top: 40px; color: #4674b6; font-weight: bold; text-transform: uppercase; font-size: 11px; } #content #main p { margin-bottom: 20px; } #content #main p a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; } #content #main p a:hover { color: #4674b6; border-bottom: 1px dotted #4674b6; } #content #main img.leftfloat { float: left; position: relative; top: 5px; margin: 0 10px 0px 0;} #content #main div.rightfloat { float: right; margin-left: 10px; } #content #main div.rightfloat img { margin-left: 10px; } #content #main ul li.box { clear: both; border-top: 1px dotted #535353; padding: 0px 0 20px; } /* carousel */ #content #main .jcarousel-skin-tango { height: 116px; background: url("/assets/carousel/skins/tango/verlauf_carrousel.png") repeat-x; width: 616px; margin: 30px 0 0;} #content #main .jcarousel-skin-tango .jcarousel-item { width: 111px !important;} #content #main .jcarousel-skin-tango .jcarousel-item a { border: 1px solid #535353; display: block; width: 92px; height: 92px; } #content #main .jcarousel-skin-tango .jcarousel-item a:hover { border: 1px solid #fff; } #content #main ul.triple li { width: 33%; float: left; margin-bottom: 10px; margin-right: 2px;} #content #main ul.triple li a { text-decoration: none; color: #535353; } #content #main ul.triple li a span.title { width: 100%; height: 50px; display: block; text-indent: -9999px; background: url('/assets/images/leistungen/h5_preis.png') no-repeat 0 5px;} #content #main ul.triple li a span.price { display: none; } #content #main ul.triple li a span.description { position: relative; top: -15px; } #content #main p .tripleimg { float: left; margin-right: 10px; position: relative; top: 5px;} #content #main #preisliste { display: block; width: 270px; height: 40px; text-indent: -9999px; background: url('/assets/images/leistungen/pakete/stoerer_preislistedownload.png') no-repeat;} #content #main #preisliste:hover { background-position: 0 -40px; } /* pakete */ #pakete { background: #151518; height: 180px; margin-top: 50px;} #pakete h3 { height: 30px; margin: 0; margin-left: 30px; background: url("/assets/images/css/unserepakete.png") no-repeat 0 5px; text-indent: -9999px; } #pakete ul { margin: 0; margin-left: 30px;} #pakete li { display: block; float: left; width: 140px; height: 150px; margin-right: 8px;} #pakete li a { display: block; width: 100%; height: 100%; text-decoration: none; font-size: 11px; } #pakete li a img { border: 1px solid #535353; } #pakete li a:hover img { border: 1px solid #fff; } #pakete li a span.title { color: #fff; text-transform: uppercase; } #pakete li a span.price { color: #535353; display: block; position: relative; top: -5px;} /* ########### FOOTER ########### */ #footer { background: #2c2a2d url("/assets/images/css/verlauffooter.png") repeat-x; padding: 30px 30px 10px; color: #535353; } #footer .fcol { float: left; } #footer .fcol li { margin-bottom: 20px;} #footer h4 { color: #214899; font-weight: bold; font-size: 16px; margin-bottom: 20px;} #footer h5 { color: #fff; text-transform: uppercase; font-size: 12px; margin-bottom: 10px;} #footer #ftr_left { width: 300px; } #footer #ftr_left li a { display: block; color: #535353; text-decoration: none; line-height: 20px; } #footer #ftr_left li a span.date { font-style: italic; font-size: 11px; } #footer #ftr_left li a span.title { color: #fff; text-transform: uppercase; display: block; font-size: 12px;} #footer #ftr_left li a span.description { display: block; font-size: 11px; line-height: 14px;} #footer #ftr_left li a:hover span { color: #de902e; } #footer #ftr_left li a:hover span.title { color: #fff; text-decoration: underline;} #footer #ftr_center { width: 278px; border-right: 1px dotted #535353; padding-right: 10px; border-left: 1px dotted #535353; padding-left: 10px; } #footer #ftr_center li img { float: left; margin-right: 10px; margin-bottom: 4px; position: relative; top: 6px;} #footer #ftr_center li p.more { text-align: right; } #footer #ftr_center li p.more a { text-decoration: none; color: #fff; text-transform: uppercase;} #footer #ftr_center li p.more a:hover { text-decoration: underline; } #footer #ftr_center #ftr_termine li a { text-decoration: none; font-size: 12px; } #footer #ftr_center #ftr_termine li a span.title { color: #fff; } #footer #ftr_center #ftr_termine li a:hover span.title { color: #fff; text-decoration: underline;} #footer #ftr_right { border: 0; width: 290px; padding-left: 10px; } #footer #ftr_right li { margin-bottom: 40px;} #footer #ftr_right li a { text-decoration: none; color: #535353; } #footer #ftr_right li a span.title { } #footer #ftr_right li a span.description { color: #535353; border-bottom: 1px dotted #535353; } #footer #ftr_right li img { float: left; margin-right: 10px; margin-bottom: 4px; position: relative; top: 6px;} #footer #ftr_right li a:hover { } #footer #ftr_right li a:hover span { } #footer #ftr_right li a:hover span.description { color: #fff; text-decoration: underline;} #footer #ftr_right li#ftr_newsletter label { color: #fff; } #footer #ftr_right li#ftr_newsletter fieldset#fs_field { padding-left: 38px; position: relative; top: 5px;} #footer #ftr_right li#ftr_newsletter fieldset#fs_field #email { background: #535353; border: 1px solid #2e2e2e; } #footer #ftr_right li#ftr_newsletter fieldset#fs_field #email:focus { background: #fff; } #footer #ftr_right li#bpmember { padding-left: 0px; position: relative; height: 185px;} #footer #ftr_right li #wpja { position: absolute; top: 143px; left: 0;} #footer #ftr_info { clear: both; text-align: center; padding-top: 100px; background: url("/assets/images/footer/logofooter.png") no-repeat right bottom; font-size: 11px;} #footer #ftr_info a { text-decoration: none; color: #535353; } #footer #ftr_info a:hover { color: #fff; text-decoration: underline; } /* ########### SERVICEMENU ########### */ #servicemenu { background: url("/assets/images/css/verlaufinfo.png") repeat-y; padding: 2px 30px; height: 20px; overflow: hidden; position: relative; } #servicemenu li { display: inline; color: #535353; position: relative; top: -5px;} #servicemenu li span.star { font-size: 24px; color: #808080; position: relative; top: 10px; margin-right: 3px;} #servicemenu #sm_impressum { position: absolute; right: 30px; top: 2px; } #servicemenu a { color: #535353; text-decoration: none; font-size: 10px; margin-right: 12px;} #servicemenu a:hover { color: #2e2e2e; border-bottom: 1px dotted #2e2e2e;} /* ########### LEISTUNGEN ########### */ #leistungen #content #deko { width: 330px; height: 550px; top: 550px; background: url("/assets/images/leistungen/flower.png") no-repeat; } #leistungen #content #h4_pakete { background: url('/assets/images/leistungen/h4_pakete.png') no-repeat;} #leistungen #content #h4_alben { background: url('/assets/images/leistungen/h4_alben.png') no-repeat;} #leistungen #content #h4_funshots { background: url('/assets/images/leistungen/h4_funshots.png') no-repeat;} #leistungen #content #h4_love { background: url('/assets/images/leistungen/h4_love.png') no-repeat;} #leistungen #content #h4_rahmen { background: url('/assets/images/leistungen/h4_rahmen.png') no-repeat;} #leistungen #content #h4_galerie { background: url('/assets/images/leistungen/h4_galerie.png') no-repeat;} #leistungen #content #main h5 { margin-top: 0px; } #leistungen #content ul#ul_pakete #btn_cd a span.title { background-image: url('/assets/images/leistungen/pakete/h5_celebday.png');} #leistungen #content ul#ul_pakete #btn_te a span.title { background-image: url('/assets/images/leistungen/pakete/h5_timeless.png');} #leistungen #content ul#ul_pakete #btn_e1 a span.title { background-image: url('/assets/images/leistungen/pakete/h5_endlove1.png');} #leistungen #content ul#ul_pakete #btn_e2 a span.title { background-image: url('/assets/images/leistungen/pakete/h5_endlove2.png');} #leistungen #content ul#ul_pakete #btn_mm a span.title { background-image: url('/assets/images/leistungen/pakete/h5_magic.png');} #leistungen #content ul#ul_pakete #btn_cw a span.title { background-image: url('/assets/images/leistungen/pakete/h5_continental.png');} #leistungen #content ul#ul_pakete a span.description { display: none; } /* ########### PAKETE ########### */ .pakete #content #deko { background-image: url("/assets/images/leistungen/pakete/flower_c-day.png"); top: 270px; } .pakete #content #infoblock { width: 300px; height: 80px; background: url("/assets/images/leistungen/pakete/preis_stoerer_celeb.png") no-repeat; margin: 20px 0px; position: relative; } .pakete #content #infoblock span.price { display: none; } .pakete #content #infoblock span.description { color: #808080; position: absolute; top: 42px; left: 20px; width: 260px; line-height: 16px; font-size: 11px;} .pakete #content #infoblock span.description strong { color: #fff; font-weight: normal;} .pakete #pix img { border: 1px solid #fff; margin-right: 10px; } .pakete #pix img+img { margin-right: 0px; } .pakete #content #pkt_leistungen { background: url('/assets/images/leistungen/pakete/h4_leistungen.png') no-repeat;} .pakete #content #pkt_extras { background: url('/assets/images/leistungen/pakete/h4_extras.png') no-repeat;} .pakete #content #main #pkt_details { list-style-image: url("/assets/images/leistungen/pakete/sternchen_listen.png"); padding-left: 20px; margin: 0;} .pakete #content #main #pkt_details li { margin-lft: 20px; border-bottom: 1px dotted #535353; padding: 10px 0; } .pakete #content #pkt_beispiele { position: absolute; right: 30px; top: 650px; width: 200px; } .pakete #content #pkt_beispiele h4 { text-indent: -9999px; height: 25px; width: 400px; margin-top: 40px; margin-bottom: 20px; background: url('/assets/images/leistungen/pakete/h4_beispiele.png') no-repeat; } .pakete #content #pkt_beispiele ul li { background: url('/assets/images/leistungen/pakete/foto_icon.png') no-repeat; padding-left: 50px; height: 23px; padding-top: 7px; margin-bottom: 10px;} .pakete #content #pkt_beispiele ul li a { color: #000 !important; font-weight: bold; text-decoration: none !important; } .pakete #content #pkt_beispiele ul li a:hover { color: #d15b2f !important; border-bottom: 1px dotted #d15b2f !important; } #paket_cd #content #heading { background-image: url("/assets/images/leistungen/pakete/h1_celeb.png"); } #paket_cd #pakete li#btn_cd a img { border: 1px solid #e68414 !important; } #paket_cd #pakete li#btn_cd a span { color: #e68414 !important; } #paket_te #content #heading { background-image: url("/assets/images/leistungen/pakete/h1_timeless.png"); } #paket_te #content #deko { background-image: url("/assets/images/leistungen/pakete/flower_timeless.png"); top: 270px; } #paket_te #content #infoblock { background-image: url("/assets/images/leistungen/pakete/preis_stoerer_timeless.png"); } #paket_te #pakete li#btn_te a img { border: 1px solid #e68414 !important; } #paket_te #pakete li#btn_te a span { color: #e68414 !important; } #paket_el1 #content #heading { background-image: url("/assets/images/leistungen/pakete/h1_love1.png"); } #paket_el1 #content #deko { background-image: url("/assets/images/leistungen/pakete/flower_love1.png"); top: 270px; } #paket_el1 #content #infoblock { background-image: url("/assets/images/leistungen/pakete/preis_stoerer_love1.png"); } #paket_el1 #pakete li#btn_el1 a img { border: 1px solid #e68414 !important; } #paket_el1 #pakete li#btn_el1 a span { color: #e68414 !important; } #paket_el2 #content #heading { background-image: url("/assets/images/leistungen/pakete/h1_love2.png"); } #paket_el2 #content #deko { background-image: url("/assets/images/leistungen/pakete/flower_love2.png"); top: 270px; } #paket_el2 #content #infoblock { background-image: url("/assets/images/leistungen/pakete/preis_stoerer_love2.png"); } #paket_el2 #pakete li#btn_el2 a img { border: 1px solid #e68414 !important; } #paket_el2 #pakete li#btn_el2 a span { color: #e68414 !important; } #paket_mm #content #heading { background-image: url("/assets/images/leistungen/pakete/h1_magic.png"); } #paket_mm #content #deko { background-image: url("/assets/images/leistungen/pakete/flower_magic.png"); top: 270px; } #paket_mm #content #infoblock { background-image: url("/assets/images/leistungen/pakete/preis_stoerer_magic.png"); } #paket_mm #pakete li#btn_mm a img { border: 1px solid #e68414 !important; } #paket_mm #pakete li#btn_mm a span { color: #e68414 !important; } #paket_cw #content #heading { background-image: url("/assets/images/leistungen/pakete/h1_continental.png"); } #paket_cw #content #deko { background-image: url("/assets/images/leistungen/pakete/flower_continental.png"); top: 270px; } #paket_cw #content #infoblock { background-image: url("/assets/images/leistungen/pakete/preis_stoerer_continental.png"); } #paket_cw #pakete li#btn_cw a img { border: 1px solid #e68414 !important; } #paket_cw #pakete li#btn_cw a span { color: #e68414 !important; } /* ########### PARTNER ########### */ #partner #content #deko { height: 550px; top: 400px; background: url("/assets/images/partner/flower_partner.png") no-repeat; } #partner #main ul ul { list-style: square; margin-left: 20px;} #partner #main ul li { border-bottom: 1px dotted #fff; padding-bottom: 20px; } #partner #main ul ul li { border-bottom: 0; padding-bottom: 0px; } #partner #h4_musik { background: url('/assets/images/partner/h4_musik.png') no-repeat;} #partner #h4_trauringe { background: url('/assets/images/partner/h4_trauringe.png') no-repeat;} #partner #h4_agentur { background: url('/assets/images/partner/h4_agentur.png') no-repeat;} #partner #h4_hair { background: url('/assets/images/partner/h4_hair.png') no-repeat;} #partner #h4_blumen { background: url('/assets/images/partner/h4_blumen.png') no-repeat;} #partner #h4_video { background: url('/assets/images/partner/h4_video.png') no-repeat;} #partner #h4_verschiedenes { background: url('/assets/images/partner/h4_verschiedenes.png') no-repeat;} #partner #h4_locations { background: url('/assets/images/partner/h4_locations.png') no-repeat;} #partner #locations { position: relative; } #partner #locations #loc_right ul { list-style: none; margin-left: 0; padding-left: 10px;} #partner #locations #loc_right ul ul { list-style: square; } #partner #locations h4 { } #partner #locations h5 { margin: 0 !important; color: #1d1d1d; } #partner #locations ul h5 { color: #4674b6; } #partner #locations h6 { margin: 0 !important; text-transform: uppercase; color: #535353; font-weight: bold; position: relative; left: -10px;} #partner div.column { width: 298px; } #partner #loc_right { position: absolute; top: 160px; left: 314px; } /* ########### STUDIO ########### */ #studio #main #ul_team li { clear: both; margin: 0 0 40px; height: 250px; } #studio #main #ul_team li img { border: 1px solid #fff; float: left; margin-right: 20px;} #studio #h4_team { background: url('/assets/images/studio/h4_team.png') no-repeat;} #studio #h4_wwl { background: url('/assets/images/studio/h4_wwl.png') no-repeat;} #studio #h4_paten { background: url('/assets/images/studio/h4_paten.png') no-repeat;} #studio #h4_greenpeace { background: url('/assets/images/studio/h4_greenpeace.png') no-repeat;} #studio #content #main ul.triple { width: 616px; } #studio #content #main ul.triple li { width: 192px; margin-right: 20px; position: relative; } #studio #content #main ul.triple li#till { left: 1px;} #studio #content #main ul.triple li#johannes { margin-right: 0px; left: 3px;} #studio #content #main ul.triple li#stefan { left: -212px; top: 10px;} #studio #content #main ul.triple li h5 { margin-top: 10px; } #studio #content #main ul.triple li h6 { font-style: italic; color: #535353; margin: 0 0 10px; border-bottom: 1px dotted #535353; position: relative; top: -5px; font-size: 10px;} #studio #content #main ul.triple li p { width: 185px; } #studio #mballo { position: relative; left: 30px; top: -5px;} #studio #rf_greenpeace { position: relative; top: -30px; } /* ########### GALERIEN ########### */ #galerien #content #main { width: 894px; margin-right: 30px; } #galerien #main p.narrow { width: 616px; } #galerien #h4_impressionen { background: url('/assets/images/galerien/h4_impressionen.png') no-repeat;} #galerien #h4_hochzeiten { background: url('/assets/images/galerien/h4_hochzeiten.png') no-repeat;} #galerien #gallery { height: 350px; position: relative; } #galerien #gallery ul { position: absolute; top: 0px;} #galerien #gallery ul#gmenu { text-align: right; left: 0px; width: 280px; } #galerien #gallery ul#gmenu li { margin: 0; margin-bottom: 20px; border-right: 1px dotted #535353; padding-right: 20px; line-height: 16px; cursor: pointer; } #galerien #gallery ul#gmenu li h6 { color: #4674b6; font-weight: bold; text-transform: uppercase; font-size: 11px; } #galerien #gallery ul#gmenu li:hover h6, #galerien #gallery ul#gmenu li.selected h6 { color: #d15b2f; } #galerien #gallery ul#gimgs { left: 300px; } #galerien #gallery ul#gimgs li { display: none; width: 590px; height: 350px; } #galerien #gallery ul#gimgs li img { margin-right: 20px; } #galerien #gallery ul#gimgs li img+img { margin-right: 0px !important; } #galerien #gallery ul#gimgs li.selected { display: block; } #galerien #g_slideshow { position: absolute; right: 20px; bottom: 20px; width: 260px; height: 65px; text-indent: -9999px; background: url('/assets/images/galerien/stoerer_slideshow.png') no-repeat; } #galerien #g_slideshow:hover { background-position: 0 -65px } /* ########### KONTAKT ########### */ #kontakt #content #deko { width: 250px; height: 360px; top: 200px; background: url("/assets/images/kontakt/flower_kontakt.png") no-repeat; } #kontakt #errors, #kontakt #success { position: absolute; color: red; top: 160px; left: 320px; height: 50px; width: 270px; line-height: 16px;} #kontakt #errors p { margin: 0 !important;} #kontakt #success { position: absolute; color: green; top: 160px; left: 320px; height: 50px; width: 270px;} #kontakt form { position: absolute; left: 320px; top: 230px; height: 270px; } #kontakt form label { display: block; } #kontakt input[type='text'], #kontakt textarea { background: #e0e0e0; border: 1px solid #333; padding: 3px; width: 262px; height: 10px; margin-bottom: 10px; } #kontakt textarea { height: 160px; } #kontakt input[type='text']:focus, #kontakt textarea:focus { background: #fff; border: 1px solid #de902e;} #kontakt #anfahrt { width: 250px; height: 33px; display: block; background: url('/assets/images/kontakt/anfahrt_stoerer.png') no-repeat; margin-top: 60px; padding-top: 47px; color: #535353; text-decoration: none; padding-left: 20px; margin-bottom: 25px;} #kontakt #anfahrt:hover { color: #d4d4d4; } #kontakt #bigtel strong { font-size: 32px; letter-spacing: 1px; color: #535353; } #kontakt #skype { width: 260px;} #kontakt #h4_telefon { background: url('/assets/images/kontakt/h4_telefon.png') no-repeat; height: 50px !important;} #kontakt #footer #ftr_left { width: 589px; border-right: 1px dotted #535353; padding-right: 10px; } #kontakt #footer #ftr_left p { margin-bottom: 20px; } #kontakt #footer #legal p { margin-bottom: 20px; } #kontakt #footer #legal a { text-decoration: none; color: #535353; border-bottom: 1px dotted #535353; } #kontakt #footer #legal a:hover { text-decoration: underline; color: #fff;} #kontakt #footer #copyscape a { display: block; width: 234px; height: 16px; text-indent: -9999px; background: url('/assets/images/kontakt/copyscape.gif') no-repeat;} /* ########### BLOG ########### */ #blog #content #main { width: 884px; margin-right: 30px; } #blog #content #main h2 { border-left: 1px dotted #535353; padding-left: 10px; margin-top: 40px; color: #4674b6; font-weight: bold; text-transform: uppercase; font-size: 13px; } #blog #content #main h2 a { text-decoration: none; color: #4674b6; } #blog #content #main .entry-meta { padding-left: 10px; color: #d15b2f; font-size: 10px;} #blog #content #main .entry-meta .posted-in { color: #535353; margin-left: 20px;} #blog #content #main .entry-meta .edit-link { margin-left: 20px;} #blog #content #main .entry-content { font-size: 12px; } #blog #content #main .entry-content strong { color: #535353 !important;} #blog #content #main .entry-content a { color: #000 !important; font-weight: bold; text-decoration: none !important; } #blog #content #main .entry-content a:hover { color: #d15b2f !important; border-bottom: 1px dotted #d15b2f !important; } #blog #content #main .entry-meta-bottom { padding-left: 0px; color: #535353; padding: 10px 0 10px; border-bottom: 1px dotted #535353; } #blog .entry-comments { position: relative; padding: 40px 0px; border-bottom: 1px dotted #535353; } #blog h3.entry-title { margin-top: 40px; border-left: 1px dotted #535353;} #blog h3.entry-title a { text-decoration: none; color: #2e2e2e; font-weight: bold; text-transform: uppercase; padding-left: 10px;} #blog h3.entry-title a:hover { color: #4674b6;} #blog p.post-interact { position: absolute; top: 20px; right: 20px; } #blog p.post-interact span { margin: 0 5px; } #blog .comments-count { position: absolute; top: 20px; left: 20px; } #blog .postedby { position: absolute; top: 20px; left: 140px;} #blog #nav-below { text-align: center; margin-top: 20px; } #blog #nav-below a { margin: 0 10px; } #blog #footer #s { background: #535353; border: 1px solid #2e2e2e; width: 200px;} #blog #footer #s:focus { background: #fff; } #blog #footer #searchform, #blog #footer ul { margin-bottom: 30px; } #blog #footer #ftr_left li { margin-bottom: 0; } #blog #footer #ftr_left li a { border-bottom: 1px dotted #535353; display: inline; width: auto; height: auto; text-decoration: none; color: #535353; } #blog #footer #ftr_left li a:hover { color: #fff; border-bottom: 0; text-decoration: underline;} #blog #footer #ftr_center li { margin-bottom: 0; } #blog #footer #ftr_center li a { border-bottom: 1px dotted #535353; display: inline; width: auto; height: auto; text-decoration: none; color: #535353; } #blog #footer #ftr_center li a:hover { color: #fff; border-bottom: 0; text-decoration: underline;} #blog #footer #linkcat-2 { list-style: none; } /* SAFARI-DUMMY */ /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { }