/* SHADOWBOX */ #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} /* RESET */ 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; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ 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: #060606 url("/assets/images/common/page_bg.png") repeat-y 50% 0%; } /* ########### PAGE ########### */ #page { width: 960px; position: relative; margin: 0 auto; font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif; background: #f2f2f2;} /* ########### HEADER ########### */ #header { height: 115px; background: #141414; position: relative; } #header h1 { height: 115px; width: 200px; position: absolute; } #header h1 a { display: block; height: 115px; width: 200px; text-indent: -9000px; background: url("/assets/images/common/home_h1.png") no-repeat; } #header h1 a:hover { background-position: 0px -115px; } #header p { display: none; } /* ########### CONTENT ########### */ #content { position: relative; line-height: 16px; color: #1a1a1a; } body#arbeit #content { background: url('/assets/images/agentur/arbeit/page_bg.png') no-repeat left 110%; } #content #flash { width: 960px; height: 115px; background: #bb5830; } body.start #content #flash { height: 300px; } /* page slogan */ #content #slogan { height: 90px; background: url('/assets/images/start/pageslogan.png') no-repeat; text-indent: -9000px;} /* primary content */ #content #primary { margin-left: 400px; width: 460px; margin-bottom: 60px;} body.start #content #primary { margin-bottom: 160px;} #content #primary h3, #content #primary h4 { width: 460px; height: 50px; text-indent: -9000px; background: url('/assets/images/start/prime_h3.png'); margin-bottom: 7px; } #content #primary p { padding: 0 0 0 20px; margin-bottom: 10px; } #content #primary p strong { font-weight: bold; color: #000; } #content #primary p em { font-style: italic; font-family: Georgia, serif;} #content #primary p a { color: #666; border-bottom: 1px dotted #666; text-decoration: none;} #content #primary p a:hover { border-bottom: 1px dotted #000; color: #000; } #content #primary p strong { font-weight: bold;} /* Next Links */ body.agentur #content p.nextp { margin-top: -20px; text-align: right; width: 860px; margin-bottom: 30px;} body.start #content p.nextp { margin-top: 20px; text-align: left;} #content p.nextp a { color: #666; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #000; text-decoration: none; letter-spacing: 1px; margin-left: 3px;} #content p.nextp a:hover { border-bottom: 1px dotted #000; color: #000; } body.start #content p.nextp a { color: #000 !important;} body.start #content p.nextp a:hover { border-bottom: 1px dotted #f60 !important; color: #f60 !important; } body.casestudies #content { position: relative;} body.casestudies #content p.nextp { position: absolute; bottom: 30px; text-align: right; width: 860px; } body.casestudies #content p.nextp a { color: #000 !important;} body.casestudies #content p.nextp a:hover { color: #333 !important;} body#duomiroir #content p.nextp a:hover { color: #555 !important; } body#duomiroir #content p.nextp { bottom: 20px !important; } /* PRIMARY HEADERS */ #startpage #content #primary h3 { background: url('/assets/images/start/prime_h3.png'); } #startpage #content #secondary h3 { background: url('/assets/images/start/secondary_h3.png'); } #arbeit #content #primary h3 { background: url('/assets/images/agentur/arbeit/prime_h3.png'); } #arbeit #content #primary h3#work { background: url('/assets/images/agentur/arbeit/work_h3.png') no-repeat; } #arbeit #content #secondary h3 { background: url('/assets/images/agentur/arbeit/secondary_h3.png'); } #arbeit #content #slogan { background: url('/assets/images/agentur/arbeit/pageslogan.png') no-repeat; } #spektrum #content #primary h3 { background: url('/assets/images/agentur/spektrum/prime_h3.png'); } #spektrum #content #secondary h3 { background: url('/assets/images/agentur/spektrum/secondary_h3.png'); } #spektrum #content #slogan { background: url('/assets/images/agentur/spektrum/pageslogan.png') no-repeat; } #profil #content #primary h3 { background: url('/assets/images/agentur/profil/prime_h3.png'); } #profil #content #primary h4 { background: url('/assets/images/agentur/profil/prime_h4.png'); } #profil #content #secondary h3 { background: url('/assets/images/agentur/profil/secondary_h3.png'); } #profil #content #slogan { background: url('/assets/images/agentur/profil/pageslogan.png') no-repeat; } #prozess #content #primary h3 { background: url('/assets/images/agentur/prozess/prime_h3.png'); } #prozess #content #secondary h3 { background: url('/assets/images/agentur/prozess/secondary_h3.png'); } #prozess #content #slogan { background: url('/assets/images/agentur/prozess/pageslogan.png') no-repeat; } /* secondary content (sidebar) */ #content #secondary { position: absolute; top: 205px; left: 200px; width: 200px;} body.agentur #content #secondary, body.service #content #secondary, body#english #content #secondary { top: 90px; } body.start #content #secondary { top: 390px; } #content #secondary h3 { width: 200px; height: 50px; text-indent: -9000px; background: url('/assets/images/start/secondary_h3.png'); margin-bottom: 7px; } #content #secondary p { padding: 0 20px; margin-bottom: 10px; /*color: #666;*/} #content #secondary p a { color: #666; border-bottom: 1px dotted #666; text-decoration: none;} #content #secondary p a:hover { border-bottom: 1px dotted #000; color: #000; } #content #secondary p strong { font-weight: bold;} /* tertiary content (images) */ #content #tertiary { position: absolute; top: 426px; left: 20px; } #content #tertiary h3 { width: 200px; height: 50px; text-indent: -9000px; margin-bottom: 11px; } #content #tertiary #nschramm { position: absolute; } #content #tertiary #aschramm { position: absolute; left: 180px;} #content #tertiary #aschramm h3 { background: url('/assets/images/agentur/profil/tertiary_aschramm_h3.png') no-repeat; } #content #tertiary #aschramm img { position: relative; left: 12px;} #content #tertiary #nschramm h3 { background: url('/assets/images/agentur/profil/tertiary_nschramm_h3.png') no-repeat -20px 0px; } /* tertiary content (startpage awards) */ body.start #content #tertiary { top: 670px; left: 0px; width: 960px; height: 90px; background: url("/assets/images/start/awards/awards_bg.png") no-repeat;} body.start #content #tertiary h3 { display: none; } body.start #content #tertiary #awards { position: absolute; left: 220px; top: 33px; height: 46px;} body.start #content #tertiary #awards a { text-indent: -9000px; display: block; width: 46px; height: 46px; background: red; float: left; margin-right: 15px; border: 1px solid #aaa;} body.start #content #tertiary #awards a#wda { background: url("/assets/images/start/awards/wda.png") no-repeat;} body.start #content #tertiary #awards a#webagogo { background: url("/assets/images/start/awards/webagogo.png") no-repeat;} body.start #content #tertiary #awards a#cssmania { background: url("/assets/images/start/awards/cssmania.png") no-repeat;} body.start #content #tertiary #awards a#mowbray { background: url("/assets/images/start/awards/mowbray.png") no-repeat;} body.start #content #tertiary #awards a#jp668 { background: url("/assets/images/start/awards/668.png") no-repeat;} body.start #content #tertiary #awards a#weblicks { background: url("/assets/images/start/awards/weblicks.png") no-repeat;} body.start #content #tertiary #awards a#newwebpicks { background: url("/assets/images/start/awards/newwebpicks.png") no-repeat;} body.start #content #tertiary #awards a#linkas { background: url("/assets/images/start/awards/linkas.png") no-repeat;} body.start #content #tertiary #awards a#screenfluent { background: url("/assets/images/start/awards/screenfluent.png") no-repeat;} body.start #content #tertiary #awards a#pagecrush { background: url("/assets/images/start/awards/pagecrush.png") no-repeat;} body.start #content #tertiary #awards a:hover { border: 1px solid #fff; } /* jobs */ body #content #bf_stoerer { width: 160px; height: 160px; position: absolute; z-index: 100; left: 20px; top: 430px; } body #content #bf_stoerer a { text-indent: -9999px; display: block; background: url("/assets/images/start/stoerer_umzug.png") no-repeat; width: 160px; height: 160px; } body #content #jobs { width: 220px; height: 200px; position: absolute; z-index: 100; left: 0px; top: 500px; background: url("/assets/images/start/umzug.png") no-repeat;} body#profil #content #jobs { top: 200px; } body #content #jobs ul li a { text-indent: -9999px; display: block; width: 170px; height: 140px; position: relative; top: 0px; left: 30px;} body #content #jobs * { text-indent: -9999px; } /* body #content #jobs ul { position: relative; left: 51px; top: 70px;} body #content #jobs span.jobsubtitle { font: 10px Georgia, serif; font-weight: bold; position: relative; left: 9px; top: 2px; display: block; margin-bottom: 10px;} body #content #jobs span.jobdescription { font: 10px Georgia, serif; font-style: italic; position: relative; left: 9px; top: 2px; display: block; } body #content #jobs span.asterisk { color: #bb5830; position: relative; top: 2px;} body #content #jobs a { color: #666; border-bottom: 1px dotted #666; text-decoration: none;} body #content #jobs a:hover { border-bottom: 1px dotted #000; color: #000; } body.jobs { margin: 20px; font: 11px/15px "Lucida Grande", Tahoma, Verdana, sans-serif; background: #f2f2f2; } body.jobs h1 { font-size: 14px; font-weight: bold; margin-bottom: 15px;} body.jobs p { margin-bottom: 15px;} body.jobs strong { font-weight: bold; color: #000; } body.jobs p em { font-style: italic; font-family: Georgia, serif;} body.jobs a { color: #666; border-bottom: 1px dotted #666; text-decoration: none;} body.jobs a:hover { border-bottom: 1px dotted #000; color: #000; } body.jobs p.pdf { text-align: right; } body.jobs table { border-collapse: collapse; margin: 15px 0 10px;} body.jobs table td { text-align: right; color: #666; } body.jobs table td.value { color: #000; text-align: left; font-weight: bold; padding-left: 5px;} body.jobs table td.tags { color: #000; text-align: left; font-style: italic; padding-left: 5px;} body.jobs h2 { font-weight: bold; margin: 15px 0 10px;} */ /* accordeon box */ #content #accordeonbox { position: relative; } #content #accordeonbox h2 { position: absolute; top: -50px; width: 201px; height: 50px; text-indent: -9000px; background: url("/assets/images/agentur/spektrum/acc_widget.png") no-repeat;} #prozess #content #accordeonbox h2 { background: url("/assets/images/agentur/prozess/acc_dingsda.png") no-repeat;} #content ol.accordeon { margin-left: 220px; width: 640px; margin-bottom: 40px; position: relative; top: -28px; border-top: 5px solid #a1a1a1; } #content ol.accordeon li { margin-top: 1px; } #content ol.accordeon li div.acc_header { height: 19px; position: relative; background-position: 0px -20px; cursor: pointer;} #content ol.accordeon li div.acc_header:hover { background-position: 0px 0px;} #content ol.accordeon li div.acc_header h3 { height: 19px; width: 140px; padding: 0 20px; text-indent: -9000px;} #content ol.accordeon li div.acc_header h4 { height: 19px; width: 420px; padding: 0 20px; position: absolute; left: 180px; top: 0px; text-indent: -9000px;} #content ol.accordeon li.acc_item div.acc_body { display: none;} /* open */ #content ol.accordeon li.acc_item_open div.acc_header { background-position: 0px -40px;} #content ol.accordeon li.acc_item_open div.acc_body { position: relative; color: #a4a4a4; line-height: 16px; background: #262626 url("/assets/images/common/efefef.png") repeat-y 177px 0px; border: 3px solid #262626; border-top: 0;} #content ol.accordeon li.acc_item_open div.acc_body p { margin-bottom: 16px; } #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_left { padding: 12px 17px 10px; width: 140px; font-size: 10px; } #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_right { padding: 12px 20px 10px 17px; width: 250px; position: absolute; left: 180px; top: 0px; } #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumb { padding: 18px 20px 28px 0; width: 150px; position: absolute; left: 470px; top: 0px; } #spektrum #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_left { } #spektrum #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_right { padding: 12px 20px 10px 17px; position: absolute; left: 180px; top: 0px; width: 420px; } #spektrum #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumbs { padding: 18px 20px 28px 0; position: absolute; left: 196px; top: 63px; width: 440px; } #spektrum #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumbs h4 { margin-bottom: 10px; width: 45px; height: 15px; text-indent: -9000px; background: url("/assets/images/agentur/spektrum/beispiele.png") no-repeat;} #spektrum #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumbs a img { margin: 0px 7px 0 0; border: 1px solid #fff; opacity: .7; filter: alpha(opacity=70);} #spektrum #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumbs a:hover img { opacity: 0.99; filter: alpha(opacity=99);} #prozess #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumb a img { border: 1px solid #fff; opacity: .9; filter: alpha(opacity=90);} #prozess #content ol.accordeon li.acc_item_open div.acc_body div.acc_body_thumb a:hover img { opacity: 0.99; filter: alpha(opacity=99);} /* Spektrum Header images */ #content #acc_spektrum li#as1 div.acc_header { background-image: url("/assets/images/agentur/spektrum/acc_spektrum_1.png"); } #content #acc_spektrum li#as2 div.acc_header { background-image: url("/assets/images/agentur/spektrum/acc_spektrum_2.png"); } #content #acc_spektrum li#as3 div.acc_header { background-image: url("/assets/images/agentur/spektrum/acc_spektrum_3.png"); } #content #acc_spektrum li#as4 div.acc_header { background-image: url("/assets/images/agentur/spektrum/acc_spektrum_4.png"); } /* Prozess Header images */ #content #acc_prozess li#ap1 div.acc_header { background-image: url("/assets/images/agentur/prozess/acc_prozess_1.png"); } #content #acc_prozess li#ap2 div.acc_header { background-image: url("/assets/images/agentur/prozess/acc_prozess_2.png"); } #content #acc_prozess li#ap3 div.acc_header { background-image: url("/assets/images/agentur/prozess/acc_prozess_3.png"); } #content #acc_prozess li#ap4 div.acc_header { background-image: url("/assets/images/agentur/prozess/acc_prozess_4.png"); } #content #acc_prozess li#ap5 div.acc_header { background-image: url("/assets/images/agentur/prozess/acc_prozess_5.png"); } /* case studies übersicht */ body#casestudies #content { padding-bottom: 100px;} #content div.case { margin-left: 200px; width: 660px; position: relative; height: 190px; cursor: pointer;} body#casestudies #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/pageslogan.png') no-repeat; text-indent: -9000px;} #content div.case:hover { background: url('/assets/images/projekte/casestudies/case_bg.png') no-repeat 5px 52px; } #content div.case h3 { width: 460px; height: 50px; text-indent: -9000px; margin-bottom: 7px; left: 200px; position: absolute; } #content div.case h4 { width: 200px; height: 50px; text-indent: -9000px; margin-bottom: 7px; } #content div.case div.cs_imgbox { width: 200px; float: left; margin-left: 19px; margin-top: 3px; } #content div.case div.cs_imgbox a img { border: 1px solid #1a1a1a;} #content div.case p { padding-right: 10px;} #content div.case ul { position: absolute; bottom: 16px; left: 190px; } #content div.case ul li { font-weight: bold; margin-left: 160px; position: relative; } #content div.case ul li span.cs_label { position: absolute; left: -160px; width: 190px; padding-left: 30px; font-weight: normal; display: block; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #content div.case ul { position: absolute; bottom: 16px; left: 0px; } #content div.case ul li { margin-left: 350px !important; } } #content #csns h3 { background: url("/assets/images/projekte/casestudies/nordstarter/index2.png") no-repeat; } #content #csns h4 { background: url("/assets/images/projekte/casestudies/nordstarter/index1.png") no-repeat; } #content #csgg h3 { background: url("/assets/images/projekte/casestudies/goglobal/index2.png") no-repeat; } #content #csgg h4 { background: url("/assets/images/projekte/casestudies/goglobal/index1.png") no-repeat; } #content #cshk h3 { background: url("/assets/images/projekte/casestudies/hkg/index2.png") no-repeat; } #content #cshk h4 { background: url("/assets/images/projekte/casestudies/hkg/index1.png") no-repeat; } #content #csmu h3 { background: url("/assets/images/projekte/casestudies/musik/index2.png") no-repeat; } #content #csmu h4 { background: url("/assets/images/projekte/casestudies/musik/index1.png") no-repeat; } #content #csbl h3 { background: url("/assets/images/projekte/casestudies/bluesamdeich/index2.png") no-repeat; } #content #csbl h4 { background: url("/assets/images/projekte/casestudies/bluesamdeich/index1.png") no-repeat; } #content #cscl h3 { background: url("/assets/images/projekte/casestudies/clynol/index2.png") no-repeat; } #content #cscl h4 { background: url("/assets/images/projekte/casestudies/clynol/index1.png") no-repeat; } #content #cskw h3 { background: url("/assets/images/projekte/casestudies/kinderwuensche/index2.png") no-repeat; } #content #cskw h4 { background: url("/assets/images/projekte/casestudies/kinderwuensche/index1.png") no-repeat; } #content #csov h3 { background: url("/assets/images/projekte/casestudies/overdick/index2.png") no-repeat; } #content #csov h4 { background: url("/assets/images/projekte/casestudies/overdick/index1.png") no-repeat; } #content #csre h3 { background: url("/assets/images/projekte/casestudies/reart/index2.png") no-repeat; } #content #csre h4 { background: url("/assets/images/projekte/casestudies/reart/index1.png") no-repeat; } #content #csrb h3 { background: url("/assets/images/projekte/casestudies/rutschbahn/index2.png") no-repeat; } #content #csrb h4 { background: url("/assets/images/projekte/casestudies/rutschbahn/index1.png") no-repeat; } #content #csbb h3 { background: url("/assets/images/projekte/casestudies/besartberisha/index2.png") no-repeat; } #content #csbb h4 { background: url("/assets/images/projekte/casestudies/besartberisha/index1.png") no-repeat; } #content #csco h3 { background: url("/assets/images/projekte/casestudies/cocoons/index2.png") no-repeat; } #content #csco h4 { background: url("/assets/images/projekte/casestudies/cocoons/index1.png") no-repeat; } #content #csdo h3 { background: url("/assets/images/projekte/casestudies/downtown/index2.png") no-repeat; } #content #csdo h4 { background: url("/assets/images/projekte/casestudies/downtown/index1.png") no-repeat; } #content #csdm h3 { background: url("/assets/images/projekte/casestudies/duomiroir/index2.png") no-repeat; } #content #csdm h4 { background: url("/assets/images/projekte/casestudies/duomiroir/index1.png") no-repeat; } #content #cshj h3 { background: url("/assets/images/projekte/casestudies/hennerjanzen/index2.png") no-repeat; } #content #cshj h4 { background: url("/assets/images/projekte/casestudies/hennerjanzen/index1.png") no-repeat; } #content #cskg h3 { background: url("/assets/images/projekte/casestudies/kennedys/index2.png") no-repeat; } #content #cskg h4 { background: url("/assets/images/projekte/casestudies/kennedys/index1.png") no-repeat; } #content #csna h3 { background: url("/assets/images/projekte/casestudies/nawaro/index2.png") no-repeat; } #content #csna h4 { background: url("/assets/images/projekte/casestudies/nawaro/index1.png") no-repeat; } #content #csom h3 { background: url("/assets/images/projekte/casestudies/offroad/index2.png") no-repeat; } #content #csom h4 { background: url("/assets/images/projekte/casestudies/offroad/index1.png") no-repeat; } #content #cssa h3 { background: url("/assets/images/projekte/casestudies/sariva/index2.png") no-repeat; } #content #cssa h4 { background: url("/assets/images/projekte/casestudies/sariva/index1.png") no-repeat; } #content #cssn h3 { background: url("/assets/images/projekte/casestudies/stiftungnoah/index2.png") no-repeat; } #content #cssn h4 { background: url("/assets/images/projekte/casestudies/stiftungnoah/index1.png") no-repeat; } #content #cswm h3 { background: url("/assets/images/projekte/casestudies/wavemusic/index2.png") no-repeat; } #content #cswm h4 { background: url("/assets/images/projekte/casestudies/wavemusic/index1.png") no-repeat; } #content #cswn h3 { background: url("/assets/images/projekte/casestudies/wnconsult/index2.png") no-repeat; } #content #cswn h4 { background: url("/assets/images/projekte/casestudies/wnconsult/index1.png") no-repeat; } /* projektarchiv */ body#archiv #content { } body#archiv #content #slogan { height: 90px; background: url('/assets/images/projekte/archiv/pageslogan.png') no-repeat; text-indent: -9000px;} #content #thumbs { width: 648px; min-height: 660px; padding-left: 7px; margin-left: 200px; margin-top: 29px; background: url("/assets/images/projekte/archiv/blindstrich.png") no-repeat 0px -29px; } #content #thumbs div.folio { width: 60px; height: 60px; margin: 0 0px 10px 12px; float: left; } #content #thumbs div.folio a img { border: 1px solid #c4c4c4; opacity: .5; filter: alpha(opacity=50); } #content #thumbs div.folio a:hover img { border: 1px solid #c4c4c4; opacity: 1; filter: alpha(opacity=100); } /* kundenliste */ body#kunden #content { margin-bottom: 100px;} body#kunden #content #slogan { height: 90px; background: url('/assets/images/projekte/kunden/pageslogan.png') no-repeat; text-indent: -9000px;} #content div.kdgroup { margin-left: 200px; margin-bottom: 20px;} #content div.kdgroup h3 { height: 50px; text-indent: -9000px; margin-bottom: 7px; } #content div.kdgroup dl { margin-left: 20px; background: url("/assets/images/common/greystripe.png") 180px 0px repeat-y; line-height: 20px;} #content div.kdgroup dl dt { display: block; width: 180px; float: left; margin-right: 20px;} #content div.kdgroup dl dt.case { font-weight: bold; color: #000; cursor: pointer;} #content div.kdgroup dl dt.case span.asterisk { color: #bb5830; position: relative; top: 2px;} #content div.kdgroup dl dt.case a { color: #000; text-decoration: none; padding: 0 5px; width: 150px;} #content div.kdgroup dl dt.case:hover { background: #d0d0d0;} #content div.kdgroup dl dd { color: #808080; } #content div#kd_corporate h3 { background: url("/assets/images/projekte/kunden/corporate.png") no-repeat; } #content div#kd_medien h3 { background: url("/assets/images/projekte/kunden/medien.png") no-repeat; } #content div#kd_kultur h3 { background: url("/assets/images/projekte/kunden/kultur.png") no-repeat; } #content div#kd_wellness h3 { background: url("/assets/images/projekte/kunden/wellness.png") no-repeat; } #content div#kd_organisationen h3 { background: url("/assets/images/projekte/kunden/organisationen.png") no-repeat; } #content div#kd_entertainment h3 { background: url("/assets/images/projekte/kunden/entertainment.png") no-repeat; } #content div#kd_handwerk h3 { background: url("/assets/images/projekte/kunden/handwerk.png") no-repeat; } #content div#kd_publishing h3 { background: url("/assets/images/projekte/kunden/beitraege.png") no-repeat; } /* kontakt */ body#kontakt #page { background: #000; } body#kontakt #content { color: #e6e6e6; height: 786px;} body#kontakt #content a { color: #e6e6e6; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #fff;} body#kontakt #content a:hover { color: #bdc936 !important; } body#kontakt #content #slogan { height: 90px; background: url('/assets/images/kontakt/pageslogan.png') no-repeat; text-indent: -9000px;} body#kontakt #content #primary {margin-bottom: 100px;} body#kontakt #content #primary h3 { background: url('/assets/images/kontakt/secondary_h3.png') no-repeat; } body#kontakt #content #primary ul { margin-left: 20px; } body#kontakt #content #primary ul a { position: relative; left: 5px;} body#kontakt #content #primary a:hover { color: #bdc936 !important; border-bottom: 1px dotted #bdc936 !important;} body#kontakt #content #secondary { top: 90px; } body#kontakt #content #secondary h3 { background: url('/assets/images/kontakt/prime_h3.png') no-repeat; } body#kontakt #content #secondary p.vcard span.fn a strong { text-transform: uppercase; letter-spacing: 1px;} body#kontakt #content #secondary p.vcard span.country-name, body#kontakt #content #secondary p.vcard span.type { display: none;} body#kontakt #content #secondary p.vcard span.label { margin-right: 20px;} body#kontakt #content #secondary p.vcard span.item a.email { position: relative; left: -4px;} body#kontakt #content #secondary #vc_download { background: url("/assets/images/kontakt/vcard.png") no-repeat 0px 3px; padding-left: 20px; position: absolute; left: 220px; top: 136px;} body#kontakt #content #secondary a:hover { color: #bdc936 !important; border-bottom: 1px dotted #bdc936 !important;} body#kontakt #content #cform * { font: 10px/10px "Lucida Grande", Verdana, sans-serif; } body#kontakt #content #cform h3 { margin-left: 200px; width: 200px; height: 50px; text-indent: -9000px; background: url('/assets/images/kontakt/form_h3.png'); margin-bottom: 7px; } body#kontakt #content #cform div.formrow { position: relative; } body#kontakt #content #cform div.formrow label { display: block; float: left; width: 200px; text-indent: -9000px; height: 20px;} body#kontakt #content #cform div.formrow #lbl_name { background: url('/assets/images/kontakt/form_name.png') no-repeat 0px 2px; } body#kontakt #content #cform div.formrow #lbl_email { background: url('/assets/images/kontakt/form_email.png') no-repeat 0px 2px; } body#kontakt #content #cform div.formrow #lbl_msg { background: url('/assets/images/kontakt/form_msg.png') no-repeat 0px 2px; } body#kontakt #content #cform div.formrow input.text, body#kontakt #content #cform div.formrow textarea { margin-left: 20px; width: 166px; background: #141414; border: 1px solid #262626; height: 96px; margin-bottom: 10px; padding: 2px; color: #e6e6e6; line-height: 16px;} body#kontakt #content #cform div.formrow input.text { height: 16px; } body#kontakt #content #cform div.formrow input:focus, body#kontakt #content #cform div.formrow textarea:focus { background: #262626; border: 1px solid #333; } body#kontakt #content #cform #frm_footer button { margin-left: 298px; margin-top: 20px; width: 92px; background: #141414; height: 22px; margin-bottom: 10px; padding: 2px; text-indent: -9000px; background: url('/assets/images/kontakt/form_button.png') no-repeat 0 -2px; cursor: pointer; border: 0;} body#kontakt #content #cform #frm_footer button:hover, body#kontakt #content #cform #frm_footer button:focus { background-position: 0px -28px; } #msg_name, #msg_email, #msg_msg { position: relative !important;; top: -8px !important;; color: #bdc936 !important;} body#kontakt #content #cform p { margin-left: 220px; width: 180px; line-height: 16px; margin-bottom: 20px;} body#kontakt #content #gmap a { display: block; width: 92px; height: 26px; text-indent: -9999px; background: url('/assets/images/kontakt/map_button.png') no-repeat; position: absolute; top: 442px; left: 370px; border: 0; z-index: 100;} body#kontakt #content #gmap a:hover { background-position: 0 -26px; border: 0 !important;} /* Case Studies */ body.casestudies #content #flash { width: 960px; height: 310px; margin-top: 20px; background: transparent;} body.casestudies #content #secondary { position: absolute; top: 420px; left: 200px; width: 200px;} body.casestudies #content #secondary p.cs_weblink { font-size: 10px !important;} body.casestudies #content #secondary p.cs_weblink a { color: #000; border-bottom: 0px dotted #000; padding-right: 36px; background: url("/assets/images/common/weblink.png") no-repeat right bottom;} body.casestudies #content #secondary p.cs_weblink a:hover { color: #444; border-bottom: 0px dotted #444;} body.casestudies #navigation #nav_section #btn_casestudies a { background: url("/assets/images/projekte/casestudies/subnav_1w.png") no-repeat; } body.casestudies #navigation #nav_section #btn_archiv a { background: url("/assets/images/projekte/casestudies/subnav_2w.png") no-repeat; } body.casestudies #navigation #nav_section #btn_kunden a { background: url("/assets/images/projekte/casestudies/subnav_3w.png") no-repeat; } body#bluesamdeich #content { background: url('/assets/images/projekte/casestudies/bluesamdeich/page.jpg') no-repeat; height: 800px;} body#bluesamdeich #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/bluesamdeich/pageslogan.png') no-repeat; text-indent: -9000px;} body#bluesamdeich #content #primary h3 { background: url('/assets/images/projekte/casestudies/bluesamdeich/primary_h3.png') no-repeat; } body#bluesamdeich #content #secondary h3 { background: url('/assets/images/projekte/casestudies/bluesamdeich/secondary_h3.png') no-repeat; } body#rutschbahn #content { background: url('/assets/images/projekte/casestudies/rutschbahn/page.jpg') no-repeat; height: 800px;} body#rutschbahn #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/rutschbahn/pageslogan.png') no-repeat; text-indent: -9000px;} body#rutschbahn #content #primary h3 { background: url('/assets/images/projekte/casestudies/rutschbahn/primary_h3.png') no-repeat; } body#rutschbahn #content #secondary h3 { background: url('/assets/images/projekte/casestudies/rutschbahn/secondary_h3.png') no-repeat; } body#reart #content { background: url('/assets/images/projekte/casestudies/reart/page.jpg') no-repeat; height: 800px;} body#reart #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/reart/pageslogan.png') no-repeat; text-indent: -9000px;} body#reart #content #primary h3 { background: url('/assets/images/projekte/casestudies/reart/primary_h3.png') no-repeat; } body#reart #content #secondary h3 { background: url('/assets/images/projekte/casestudies/reart/secondary_h3.png') no-repeat; } body#kinderwuensche #content { background: url('/assets/images/projekte/casestudies/kinderwuensche/page.jpg') no-repeat; height: 800px;} body#kinderwuensche #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/kinderwuensche/pageslogan.png') no-repeat; text-indent: -9000px;} body#kinderwuensche #content #primary h3 { background: url('/assets/images/projekte/casestudies/kinderwuensche/primary_h3.png') no-repeat; } body#kinderwuensche #content #secondary h3 { background: url('/assets/images/projekte/casestudies/kinderwuensche/secondary_h3.png') no-repeat; } body#overdick #content { background: url('/assets/images/projekte/casestudies/overdick/page.jpg') no-repeat; height: 800px;} body#overdick #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/overdick/pageslogan.png') no-repeat; text-indent: -9000px;} body#overdick #content #primary h3 { background: url('/assets/images/projekte/casestudies/overdick/primary_h3.png') no-repeat; } body#overdick #content #secondary h3 { background: url('/assets/images/projekte/casestudies/overdick/secondary_h3.png') no-repeat; } body#clynol #content { background: url('/assets/images/projekte/casestudies/clynol/page.jpg') no-repeat; height: 800px;} body#clynol #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/clynol/pageslogan.png') no-repeat; text-indent: -9000px;} body#clynol #content #primary h3 { background: url('/assets/images/projekte/casestudies/clynol/primary_h3.png') no-repeat; } body#clynol #content #secondary h3 { background: url('/assets/images/projekte/casestudies/clynol/secondary_h3.png') no-repeat; } body#duomiroir #content { background: url('/assets/images/projekte/casestudies/duomiroir/page.jpg') no-repeat; height: 800px;} body#duomiroir #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/duomiroir/pageslogan.png') no-repeat; text-indent: -9000px;} body#duomiroir #content #primary h3 { background: url('/assets/images/projekte/casestudies/duomiroir/primary_h3.png') no-repeat; } body#duomiroir #content #secondary h3 { background: url('/assets/images/projekte/casestudies/duomiroir/secondary_h3.png') no-repeat; } body#besartberisha #content { background: url('/assets/images/projekte/casestudies/besartberisha/page.jpg') no-repeat; height: 800px;} body#besartberisha #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/besartberisha/pageslogan.png') no-repeat; text-indent: -9000px;} body#besartberisha #content #primary h3 { background: url('/assets/images/projekte/casestudies/besartberisha/primary_h3.png') no-repeat; } body#besartberisha #content #secondary h3 { background: url('/assets/images/projekte/casestudies/besartberisha/secondary_h3.png') no-repeat; } body#besartberisha #content #secondary p.cs_weblink { position: relative; top: 3px;} body#cocoons #content { background: url('/assets/images/projekte/casestudies/cocoons/page.jpg') no-repeat; height: 800px;} body#cocoons #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/cocoons/pageslogan.png') no-repeat; text-indent: -9000px;} body#cocoons #content #primary h3 { background: url('/assets/images/projekte/casestudies/cocoons/primary_h3.png') no-repeat; } body#cocoons #content #secondary h3 { background: url('/assets/images/projekte/casestudies/cocoons/secondary_h3.png') no-repeat; } body#offroadmanufaktur #content { background: url('/assets/images/projekte/casestudies/offroad/page.jpg') no-repeat; height: 800px;} body#offroadmanufaktur #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/offroad/pageslogan.png') no-repeat; text-indent: -9000px;} body#offroadmanufaktur #content #primary h3 { background: url('/assets/images/projekte/casestudies/offroad/primary_h3.png') no-repeat; } body#offroadmanufaktur #content #secondary h3 { background: url('/assets/images/projekte/casestudies/offroad/secondary_h3.png') no-repeat; } body#wavemusic #content { background: url('/assets/images/projekte/casestudies/wavemusic/page.jpg') no-repeat; height: 800px;} body#wavemusic #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/wavemusic/pageslogan.png') no-repeat; text-indent: -9000px;} body#wavemusic #content #primary h3 { background: url('/assets/images/projekte/casestudies/wavemusic/primary_h3.png') no-repeat; } body#wavemusic #content #secondary h3 { background: url('/assets/images/projekte/casestudies/wavemusic/secondary_h3.png') no-repeat; } body#wnconsult #content { background: url('/assets/images/projekte/casestudies/wnconsult/page.jpg') no-repeat; height: 800px;} body#wnconsult #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/wnconsult/pageslogan.png') no-repeat; text-indent: -9000px;} body#wnconsult #content #primary h3 { background: url('/assets/images/projekte/casestudies/wnconsult/primary_h3.png') no-repeat; } body#wnconsult #content #secondary h3 { background: url('/assets/images/projekte/casestudies/wnconsult/secondary_h3.png') no-repeat; } body#downtown #content { background: url('/assets/images/projekte/casestudies/downtown/page.jpg') no-repeat; height: 800px; } body#downtown #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/downtown/pageslogan.png') no-repeat; text-indent: -9000px;} body#downtown #content #primary h3 { background: url('/assets/images/projekte/casestudies/downtown/primary_h3.png') no-repeat; } body#downtown #content #secondary h3 { background: url('/assets/images/projekte/casestudies/downtown/secondary_h3.png') no-repeat; } body#kennedys #content { background: url('/assets/images/projekte/casestudies/kennedys/page.jpg') no-repeat; height: 800px; } body#kennedys #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/kennedys/pageslogan.png') no-repeat; text-indent: -9000px;} body#kennedys #content #primary h3 { background: url('/assets/images/projekte/casestudies/kennedys/primary_h3.png') no-repeat; } body#kennedys #content #secondary h3 { background: url('/assets/images/projekte/casestudies/kennedys/secondary_h3.png') no-repeat; } body#hennerjanzen #content { background: url('/assets/images/projekte/casestudies/hennerjanzen/page.jpg') no-repeat; height: 800px; } body#hennerjanzen #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/hennerjanzen/pageslogan.png') no-repeat; text-indent: -9000px;} body#hennerjanzen #content #primary h3 { background: url('/assets/images/projekte/casestudies/hennerjanzen/primary_h3.png') no-repeat; } body#hennerjanzen #content #secondary h3 { background: url('/assets/images/projekte/casestudies/hennerjanzen/secondary_h3.png') no-repeat; } body#stiftungnoah #content { background: url('/assets/images/projekte/casestudies/stiftungnoah/page.jpg') no-repeat; height: 800px; } body#stiftungnoah #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/stiftungnoah/pageslogan.png') no-repeat; text-indent: -9000px;} body#stiftungnoah #content #primary h3 { background: url('/assets/images/projekte/casestudies/stiftungnoah/primary_h3.png') no-repeat; } body#stiftungnoah #content #secondary h3 { background: url('/assets/images/projekte/casestudies/stiftungnoah/secondary_h3.png') no-repeat; } body#sariva #content { background: url('/assets/images/projekte/casestudies/sariva/page.jpg') no-repeat; height: 800px; } body#sariva #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/sariva/pageslogan.png') no-repeat; text-indent: -9000px;} body#sariva #content #primary h3 { background: url('/assets/images/projekte/casestudies/sariva/primary_h3.png') no-repeat; } body#sariva #content #secondary h3 { background: url('/assets/images/projekte/casestudies/sariva/secondary_h3.png') no-repeat; } body#nawaro #content { background: url('/assets/images/projekte/casestudies/nawaro/page.jpg') no-repeat; height: 800px; } body#nawaro #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/nawaro/pageslogan.png') no-repeat; text-indent: -9000px;} body#nawaro #content #primary h3 { background: url('/assets/images/projekte/casestudies/nawaro/primary_h3.png') no-repeat; } body#nawaro #content #secondary h3 { background: url('/assets/images/projekte/casestudies/nawaro/secondary_h3.png') no-repeat; } body#goglobal #content { background: url('/assets/images/projekte/casestudies/goglobal/page.jpg') no-repeat; height: 800px;} body#goglobal #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/goglobal/pageslogan.png') no-repeat; text-indent: -9000px;} body#goglobal #content #primary h3 { background: url('/assets/images/projekte/casestudies/goglobal/primary_h3.png') no-repeat; } body#goglobal #content #secondary h3 { background: url('/assets/images/projekte/casestudies/goglobal/secondary_h3.png') no-repeat; } body#hkg #content { background: url('/assets/images/projekte/casestudies/hkg/page.jpg') no-repeat; height: 800px;} body#hkg #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/hkg/pageslogan.png') no-repeat; text-indent: -9000px;} body#hkg #content #primary h3 { background: url('/assets/images/projekte/casestudies/hkg/primary_h3.png') no-repeat; } body#hkg #content #secondary h3 { background: url('/assets/images/projekte/casestudies/hkg/secondary_h3.png') no-repeat; } body#musik #content { background: url('/assets/images/projekte/casestudies/musik/page.jpg') no-repeat; height: 800px;} body#musik #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/musik/pageslogan.png') no-repeat; text-indent: -9000px;} body#musik #content #primary h3 { background: url('/assets/images/projekte/casestudies/musik/primary_h3.png') no-repeat; } body#musik #content #secondary h3 { background: url('/assets/images/projekte/casestudies/musik/secondary_h3.png') no-repeat; } body#nordstarter #content { background: url('/assets/images/projekte/casestudies/nordstarter/page.jpg') no-repeat; height: 800px;} body#nordstarter #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/nordstarter/pageslogan.png') no-repeat; text-indent: -9000px;} body#nordstarter #content #primary h3 { background: url('/assets/images/projekte/casestudies/nordstarter/primary_h3.png') no-repeat; } body#nordstarter #content #secondary h3 { background: url('/assets/images/projekte/casestudies/nordstarter/secondary_h3.png') no-repeat; } body#scottsville #content { background: url('/assets/images/projekte/casestudies/scottsville/page.jpg') no-repeat; height: 800px;} body#scottsville #content #slogan { height: 90px; background: url('/assets/images/projekte/casestudies/scottsville/pageslogan.png') no-repeat; text-indent: -9000px;} body#scottsville #content #primary h3 { background: url('/assets/images/projekte/casestudies/scottsville/primary_h3.png') no-repeat; } body#scottsville #content #secondary h3 { background: url('/assets/images/projekte/casestudies/scottsville/secondary_h3.png') no-repeat; } /* Bürofunk */ body#buerofunk #content { background: url('/assets/images/buerofunk/page_bg.jpg') no-repeat; height: 800px; } /*body#buerofunk #content { min-height: 1200px; margin-left: 200px; }*/ /* Bürofunk-Startseite */ body#buerofunk #content div.entry { cursor: pointer; width: 660px; position: relative; height: 190px; } body#buerofunk #content div.entry:hover { background: url('/assets/images/projekte/casestudies/case_bg.png') no-repeat 5px 52px; } body#buerofunk #content div.entry h3 { display: block; width: 660px; height: 23px; padding: 27px 0 0 20px; background: transparent url("/assets/images/buerofunk/h3-bg.gif") no-repeat; margin-bottom: 7px; font-family: verdana; font-weight: bold; } body#buerofunk #content div.entry div.cs_imgbox { width: 200px; float: left; margin-left: 20px; margin-top: 3px; } body#buerofunk #content div.entry div.cs_imgbox a img { border: 1px solid #1a1a1a;} body#buerofunk #content div.entry p { padding-right: 10px;} body#buerofunk #content div.entry div.cs_imgbox a { border: none !important; } body#buerofunk #content div.entry ul { position: absolute; bottom: 16px; left: 220px; } body#buerofunk #content div.entry ul li { font-weight: bold; margin-left: 120px; position: relative; } body#buerofunk #content div.entry ul li span.time, body#buerofunk #content div.entry ul li span.categories, body#buerofunk #content div.entry ul li span.comments { position: absolute; left: -120px; width: 140px; padding-left: 30px; font-weight: normal; display: block; } body#buerofunk #content div.entry ul li span.time { background: url("/assets/images/buerofunk/time.png") no-repeat left; } body#buerofunk #content div.entry ul li span.categories { background: url("/assets/images/buerofunk/category.png") no-repeat left; } body#buerofunk #content div.entry ul li span.comments { background: url("/assets/images/buerofunk/comment.png") no-repeat left; } /* Bürofunk-Artikel */ body#buerofunk #content h1 { display: block; width: 660px; height: 23px; padding: 28px 0 0 20px; background: transparent url("/assets/images/buerofunk/h3-bg.gif") no-repeat; font: bold 11px verdana; } /* <-- margin fliegt raus, wenn Blog-Header fertig!!!! */ body#buerofunk #content p.published { background: url("/assets/images/buerofunk/time.png") no-repeat; float: left; margin: 10px 0 10px 18px; padding-left: 23px; } body#buerofunk #content p.category { background: url("/assets/images/buerofunk/category.png") no-repeat; float: left; margin: 10px 0 10px 10px; padding-left: 23px; } body#buerofunk #content p.prevnext { margin-left: 20px; } body#buerofunk #content p.prevnext * { margin-right: 20px; } body#buerofunk #content div.entry-content { clear: both; margin: 0 120px 0 40px; padding-right: 20px; } body#buerofunk #content ul.sociallist { clear: both; width: 620px; margin: 10px 0 0 20px; padding-top: 10px; border-top: 1px dotted #666; } body#buerofunk #content ul.sociallist li { padding-right: 10px; } body#buerofunk #content .vcard-author { margin-left: 20px; } body#buerofunk #content h2#Kommentar { color: #666; display: block; width: 660px; height: 23px; padding: 28px 0 0 20px; background: transparent url("/assets/images/buerofunk/h3-bg.gif") no-repeat; font: bold 11px verdana; } body#buerofunk #content a:link, body#buerofunk #content a:visited { color: #666; border-bottom: 1px dotted #666; text-decoration: none;} body#buerofunk #content a:hover, body#buerofunk #content a:active { border-bottom: 1px dotted #000; color: #000; } body#buerofunk #bf_nav { left: 0; padding-right: 10px; position: absolute; text-align: right; top: 143px; width: 200px; } body#buerofunk #bf_nav li { padding-right: 20px; } body#buerofunk #bf_nav a:link, body#buerofunk #bf_nav a:visited { color: #000; text-decoration: none; } body#buerofunk #bf_nav a:hover, body#buerofunk #bf_nav a:active { color: #D25A2F; } body#buerofunk #bf_nav ul.section_list { margin: 20px 0; } body#buerofunk #bf_nav ul.category_list { margin: 20px 0; } body#buerofunk #bf_nav ul.feed_list { margin: 20px 0; } body#buerofunk #bf_nav ol.lastfm_list { height: 265px; margin: 20px 0; width: 130px; position: relative; left: 55px; } body#buerofunk #bf_nav ol.lastfm_list li { float: left; padding: 5px 5px 0 0;} body#buerofunk #bf_nav h4 { font-size: 11px; color: #666; padding-right: 20px; text-transform: uppercase; background: none;} body#buerofunk #bf_nav h4.livesearch { clear: both; } body#buerofunk #bf_nav input#livesearch { width: 150px; margin-right: 20px; } /* Live-Search */ #LSResult { position: absolute; background-color: #999; width: 350px; } #LSShadow { padding: 5px; } #LSRes { background-color: #fff; } .LSRow { padding: 0 5px; } #LSHighlight { background-color: #aaa; } #LSHeader { padding: 2px 2px 8px; } .lsDate { display: block; color: #555; } #searchform input { margin: 10px 0; width: 200px; } /* Comments - comment form */ body#buerofunk .comments-wrapper { clear: both; position: relative; margin-left: 20px; height: 300px; } body#buerofunk p#blurb { position: absolute; top: 221px; left: 190px; width: 420px; height: 20px; padding: 0px 5px; background: #DDD; border: 1px solid #BBB; color: #666; text-align: center; } body#buerofunk p#blurb span { position: relative; top: 2px; } body#buerofunk #cpreview p { margin-left: 20px; } /* Comments - Input */ body#buerofunk div.single input { padding: 0; margin: 0; border: 1px solid #666; font-size: 11px; } body#buerofunk div.single input.checkbox{ padding: 0; margin: 0; border: 1px solid #666; } body#buerofunk input#remember { padding: 0; margin: 0; border: 1px solid #666; } body#buerofunk .comment_name_input { position: absolute; top: 25px; display: block; width: 170px; height: 18px; } body#buerofunk .comment_email_input { position: absolute; top: 65px; display: block; width: 170px; height: 18px; } body#buerofunk .comment_web_input { position: absolute; top: 105px;display: block; width: 170px; height: 18px; } /* Comments - Label */ body#buerofunk label { margin: 0; padding: 0; } body#buerofunk .comment_name_label { position: absolute; top: 10px; } body#buerofunk .comment_email_label { position: absolute; top: 50px; } body#buerofunk .comment_web_label { position: absolute; top: 90px; } body#buerofunk .comment_message_label { position: absolute; top: 10px; left: 190px; } span#remember label, span#abo label { position: relative; top: -2px; color: #666; } /* Comments - Textarea */ body#buerofunk textarea { padding: 0; margin: 0; border: 1px solid #666; font-size: 11px; } body#buerofunk .txpCommentInputMessage { position: absolute; top: 24px; left: 190px; display: block; height: 187px; width: 432px; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { body#buerofunk .txpCommentInputMessage { width: 430px; } } /* Comments - Infobox */ body#buerofunk div#infobox { position: absolute; top: 135px; width: 169px; height: 75px; background: #DDD; border: 1px solid #BBB; } body#buerofunk span#remember { position: absolute; top: 20px; left: 3px; } body#buerofunk span#abo { position: absolute; top: 40px; left: 3px; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { body#buerofunk div#infobox { width: 172px; } } /* Comments - Button */ body#buerofunk #txpCommentPreview { position: absolute; top: 221px; margin: 0; padding: 0; width: 70px; height: 21px; } body#buerofunk #txpCommentSubmit { position: absolute; top: 221px; left: 101px; margin: 0; padding: 0; width: 70px; height: 21px; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { body#buerofunk #txpCommentSubmit { left: 104px; } } /* Comments - comment entry */ body#buerofunk ol.comments { margin: 20px; } body#buerofunk ol.comments li { clear: both; } body#buerofunk .comment { position: relative; width: 640px; } body#buerofunk .comment p { margin-left: 10px; } body#buerofunk .comment p.meta { width: 600px; height: 15px; margin-left: 0; padding: 10px; background: #DDD; border-bottom: 5px solid #666; font-weight: bold; } body#buerofunk .comment span.message { display: block; width: 600px; padding: 10px; padding-right: 10px !important; margin-right: 10px !important; } /* isize="25" msgcols="45" msgrows="15" */ /*
*/ /* Impressum */ body#impressum #content #slogan { background: url("/assets/images/service/impressum/pageslogan.png") no-repeat; } body#impressum #content h3#imp_impressum { background: url("/assets/images/service/impressum/impressum.png") no-repeat; } body#impressum #content h3#imp_agb { background: url("/assets/images/service/impressum/agb.png") no-repeat; } body#impressum #content h3#imp_haftung { background: url("/assets/images/service/impressum/haftung.png") no-repeat; } body#impressum #content h3#imp_copyright { background: url("/assets/images/service/impressum/copyright.png") no-repeat; } body#impressum #content #secondary h3 { background: url("/assets/images/service/impressum/bank.png") no-repeat; } body#impressum #content #secondary p strong { color: #444; font-size: 10px;} /* English */ body#english #content #slogan { height: 90px; background: url('/assets/images/english/pageslogan.png') no-repeat; text-indent: -9000px;} body#english #content #secondary h3 { background: url('/assets/images/english/secondary_h3.png'); } body#english #content #primary h3#h3_1 { background: url("/assets/images/english/prime_h3_1.png") no-repeat; } body#english #content #primary h3#h3_2 { background: url("/assets/images/english/prime_h3_2.png") no-repeat; } body#english #content #primary h3#h3_3 { background: url("/assets/images/agentur/profil/prime_h4.png") no-repeat; } body#english #content #tertiary { top: 500px;} body#english #content #tertiary img { position: relative; top: 5px;} /* ########### NAVIGATION ########### */ #navigation { } #navigation h2 { display: none;} #navigation #nav_header { position: absolute; top: 0px; left: 200px; } #navigation #nav_header #nav_main { height: 115px; width: 200px; background: url("/assets/images/nav/header/main.png") no-repeat; position: absolute; } #navigation #nav_header #nav_main:hover { background-position: 0px -115px; } #navigation #nav_header #nav_main h3 { display: none; } #navigation #nav_header #nav_main li { position: relative; top: 35px; margin-bottom: 1px;} #navigation #nav_header #nav_main li a { text-indent: -9000px; display: block; width: 200px; height: 17px;} #navigation #nav_header #nav_main #btn_agentur a { background: url("/assets/images/nav/header/mainmenu_1.png") no-repeat; } #navigation #nav_header #nav_main #btn_projekte a { background: url("/assets/images/nav/header/mainmenu_2.png") no-repeat; } #navigation #nav_header #nav_main #btn_buerofunk a { background: url("/assets/images/nav/header/mainmenu_3.png") no-repeat; } #navigation #nav_header #nav_main #btn_kontakt a { background: url("/assets/images/nav/header/mainmenu_4.png") no-repeat; } #navigation #nav_header #nav_main li a:hover, #navigation #nav_header #nav_main li a.selected { background-position: 0px -17px !important; } #navigation #nav_header #nav_casestudies { height: 115px; width: 460px; background: url("/assets/images/nav/header/cases.png") no-repeat; position: absolute; left: 200px; overflow: hidden;} #navigation #nav_header #nav_casestudies:hover { background-position: 0px -115px; } #navigation #nav_header #nav_casestudies h3 { display: none; } #navigation #nav_header #nav_casestudies li.cs_item { height: 115px; width: 460px; position: relative; } #navigation #nav_header #nav_casestudies li li { position: absolute; width: 150px;} #navigation #nav_header #nav_casestudies li li a { text-indent: -9000px; display: block; width: 150px; height: 17px;} #btn_nordstarter { left: 0px; top: 35px; } #btn_goglobal { left: 0px; top: 53px; } #btn_kreativgesellschaft { left: 0px; top: 71px; } #btn_musik { left: 0px; top: 89px; } #btn_bluesamdeich { left: 150px; top: 35px; } #btn_kinderwuensche { left: 150px; top: 53px; } #btn_reart { left: 150px; top: 71px; } #btn_clynol { left: 150px; top: 89px; } #btn_rutschbahn { left: 300px; top: 35px; } #btn_overdick { left: 300px; top: 53px; } #btn_duomiroir { left: 300px; top: 71px; } #btn_nawaro { left: 300px; top: 89px; } #btn_offroadmanufaktur { left: 0px; top: 35px; } #btn_besartberisha { left: 0px; top: 53px; } #btn_stiftungnoah { left: 0px; top: 71px; } #btn_sariva { left: 0px; top: 89px; } #btn_kennedys { left: 150px; top: 35px; } #btn_wavemusic { left: 150px; top: 53px; } #btn_wnconsult { left: 150px; top: 71px; } #btn_downtown { left: 150px; top: 89px; } #btn_cocoons { left: 300px; top: 35px; } #btn_hennerjanzen { left: 300px; top: 53px; } #navigation #nav_header #nav_casestudies #btn_duomiroir a { background: url("/assets/images/nav/header/casesmenu_1.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_offroadmanufaktur a { background: url("/assets/images/nav/header/casesmenu_2.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_nawaro a { background: url("/assets/images/nav/header/casesmenu_3.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_kennedys a { background: url("/assets/images/nav/header/casesmenu_4.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_besartberisha a { background: url("/assets/images/nav/header/casesmenu_5.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_wavemusic a { background: url("/assets/images/nav/header/casesmenu_6.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_stiftungnoah a { background: url("/assets/images/nav/header/casesmenu_7.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_wnconsult a { background: url("/assets/images/nav/header/casesmenu_8.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_downtown a { background: url("/assets/images/nav/header/casesmenu_9.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_cocoons a { background: url("/assets/images/nav/header/casesmenu_10.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_sariva a { background: url("/assets/images/nav/header/casesmenu_11.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_hennerjanzen a { background: url("/assets/images/nav/header/casesmenu_12.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_bluesamdeich a { background: url("/assets/images/nav/header/casesmenu_13.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_kinderwuensche a { background: url("/assets/images/nav/header/casesmenu_14.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_reart a { background: url("/assets/images/nav/header/casesmenu_15.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_clynol a { background: url("/assets/images/nav/header/casesmenu_16.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_rutschbahn a { background: url("/assets/images/nav/header/casesmenu_17.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_overdick a { background: url("/assets/images/nav/header/casesmenu_18.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_nordstarter a { background: url("/assets/images/nav/header/casesmenu_19.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_goglobal a { background: url("/assets/images/nav/header/casesmenu_20.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_kreativgesellschaft a { background: url("/assets/images/nav/header/casesmenu_21.png") no-repeat; } #navigation #nav_header #nav_casestudies #btn_musik a { background: url("/assets/images/nav/header/casesmenu_22.png") no-repeat; } #navigation #nav_header #nav_casestudies li a:hover { background-position: 0px -17px !important; } /*#navigation #nav_header #nav_casestudies li a:visited { background-position: 0px -34px !important; }*/ #navigation #nav_header #nav_casestudies li a.selected { background-position: 0px -17px !important; } #navigation #nav_header #nav_backhome { position: absolute; top: 0px; left: 660px; height: 115px; width: 100px; } #navigation #nav_header #nav_backhome p a { display: block; height: 115px; width: 100px; text-indent: -9000px; background: url("/assets/images/nav/header/signet.png") no-repeat; } #navigation #nav_header #nav_backhome p a:hover { background-position: 0px -115px; } #navigation #nav_section { position: absolute; top: 307px; left: 0px; width: 200px;} body.projekte #navigation #nav_section { top: 206px; } body.casestudies #navigation #nav_section { top: 320px; } body.agentur #navigation #nav_section { top: 192px; } body.start #navigation #nav_section { display: none; } #navigation #nav_section h3 { display: none;} #navigation #nav_section li { position: relative; left: 55px; margin-bottom: 1px;} #navigation #nav_section li a { text-indent: -9000px; display: block; padding: 0 10px; height: 13px; width: 125px;} #navigation #nav_section #btn_arbeit a { background: url("/assets/images/agentur/subnav_1.png") no-repeat; } #navigation #nav_section #btn_spektrum a { background: url("/assets/images/agentur/subnav_2.png") no-repeat; } #navigation #nav_section #btn_profil a { background: url("/assets/images/agentur/subnav_3.png") no-repeat; } #navigation #nav_section #btn_prozess a { background: url("/assets/images/agentur/subnav_4.png") no-repeat; } #navigation #nav_section #btn_casestudies a { background: url("/assets/images/projekte/subnav_1.png") no-repeat; } #navigation #nav_section #btn_archiv a { background: url("/assets/images/projekte/subnav_2.png") no-repeat; } #navigation #nav_section #btn_kunden a { background: url("/assets/images/projekte/subnav_3.png") no-repeat; } #navigation #nav_section li a:hover, #navigation #nav_section li a.selected { background-position: 0px -13px !important; } body.casestudies #navigation #nav_section { position: absolute; top: 565px; left: 0px; width: 200px;} body.casestudies #navigation #nav_section li a.selected { background-position: 0px 0px !important; } body.casestudies #navigation #nav_section li a.selected:hover { background-position: 0px -13px !important; } #navigation #nav_footer { height: 125px; width: 960px; background: #262626; margin: 0 auto; position: relative; border-bottom: 1px dotted #141414; } #navigation #nav_footer #nav_service { height: 125px; width: 200px; position: absolute; background: url('/assets/images/nav/footer/service.png') no-repeat;} #navigation #nav_footer #nav_service:hover { background-position: 0px -125px; } #navigation #nav_footer #nav_service h3 { display: none; } #navigation #nav_footer #nav_service li { position: relative; top: 35px; margin-bottom: 1px;} #navigation #nav_footer #nav_service li a { text-indent: -9000px; display: block; width: 200px; height: 17px;} #navigation #nav_footer #nav_service #btn_login a { background: url("/assets/images/nav/footer/servicemenu_1.png") no-repeat; } #navigation #nav_footer #nav_service #btn_newsletter a { background: url("/assets/images/nav/footer/servicemenu_2.png") no-repeat; } #navigation #nav_footer #nav_service #btn_impressum a { background: url("/assets/images/nav/footer/servicemenu_3.png") no-repeat; } #navigation #nav_footer #nav_service #btn_english a { background: url("/assets/images/nav/footer/servicemenu_4.png") no-repeat; } #navigation #nav_footer #nav_service li a:hover { background-position: 0px -17px !important; } #navigation #nav_footer #nav_ftrmain { height: 125px; width: 200px; background: url("/assets/images/nav/footer/main.png") no-repeat; position: absolute; left: 200px; top: 0px;} #navigation #nav_footer #nav_ftrmain:hover { background-position: 0px -125px; } #navigation #nav_footer #nav_ftrmain h3 { display: none; } #navigation #nav_footer #nav_ftrmain li { position: relative; top: 35px; margin-bottom: 1px;} #navigation #nav_footer #nav_ftrmain li a { text-indent: -9000px; display: block; width: 200px; height: 17px;} #navigation #nav_footer #nav_ftrmain #btn_agentur_f a { background: url("/assets/images/nav/footer/mainmenu_1.png") no-repeat; } #navigation #nav_footer #nav_ftrmain #btn_projekte_f a { background: url("/assets/images/nav/footer/mainmenu_2.png") no-repeat; } #navigation #nav_footer #nav_ftrmain #btn_buerofunk_f a { background: url("/assets/images/nav/footer/mainmenu_3.png") no-repeat; } #navigation #nav_footer #nav_ftrmain #btn_kontakt_f a { background: url("/assets/images/nav/footer/mainmenu_4.png") no-repeat; } #navigation #nav_footer #nav_ftrmain li a:hover { background-position: 0px -17px !important;} #navigation #nav_footer #nav_contact { height: 125px; width: 460px; background: url("/assets/images/nav/footer/contact.png") no-repeat; position: absolute; left: 400px;} #navigation #nav_footer #nav_contact:hover { background-position: 0px -125px; } #navigation #nav_footer #nav_contact h3, #navigation #nav_footer #nav_contact p { display: none;} #navigation #nav_footer #nav_contact li { position: relative; left: 20px; top: 40px; } #navigation #nav_footer #nav_contact li a { text-indent: -9000px; display: block; width: 422px; height: 62px;} #navigation #nav_footer #nav_contact #ftr_contact a { background: url("/assets/images/nav/footer/contactmenu_1.png") no-repeat; } #navigation #nav_footer #nav_contact li a:hover { background-position: 0px -68px !important; } #navigation #nav_footer #nav_backhome2 { height: 125px; width: 100px; position: absolute; left: 860px;} #navigation #nav_footer #nav_backhome2 a { display: block; height: 125px; width: 100px; text-indent: -9000px; background: url("/assets/images/nav/footer/signet.png") no-repeat; } #navigation #nav_footer #nav_backhome2 a:hover { background-position: 0px -125px; } #data { text-align: center; background: #141414; color: #ccc; padding: 20px; } #data p { font-size: 11px; } #data a { color: #fff; } /* MUSIC */ #musiclist li { margin-bottom: 10px;} #musiclist a {text-decoration: none; } #musiclist .title { display: inline; color:#666; border-bottom: 1px dotted #666; text-decoration: none; } #musiclist .desc { display: block; font-weight: normal; color: #1a1a1a; } #musiclist .title:hover { color: #1a1a1a; } body#music #content #slogan { height: 90px; background: url('/assets/images/music/pageslogan.png') no-repeat; text-indent: -9000px;} body#music #content #primary h3 { background: url('/assets/images/music/primary_h3.png') no-repeat; } body#music #content #secondary h3 { background: url('/assets/images/music/secondary_h3.png') no-repeat; } /* Hacks for Safari 3 */ body:first-of-type#casestudies #content div.case ul li { margin-left: 160px; }