/* ////////////////////////////////////////// */ /* General Styles */ /* Blau: #3399ff /* Lila: #663366 /* Weiß: #999 /* ////////////////////////////////////////// */ html { } body, table { height: 100%; font-family: 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; color: #999; font-size: 12px; margin: 0; } body { width: 100% !important; height: 100%; position: relative; text-align: center } h1, h2, h3, h4, h5, h6 { font-weight: bold } h1 { font-size: 18px } h2 { font-size: 16px; color: #3399ff } h3 { font-size: 14px; color: #3399ff } hr { border: 1px solid #999; height: 1px; margin: 0; border-right: 0; border-left: 0; border-top: 0; clear: both } p { margin: 5px 0 20px 0 } textarea { background: #fff; font-size: 11px } img { border: 0 } a { color: #999; outline: none } .left { float: left; margin-right: 10px } .right { float: right; margin-left: 10px } .center { text-align: center } .gotcha { display: none; visibility: hidden } .old { text-decoration: line-through } .bigtext { font-size: 1.5em } .text { font-size: 12px !important} .smalltext { font-size: 0.6em } .small { font-size: 10px; margin: 0; line-height: 12px } .cleaner { clear: both } a.link { display: block; background-color: #323224; color: #c1c1a5; text-align: right; padding: 2px 10px; text-decoration: none; font-size: 11px} img.title { margin: 50px 0 3px 0 } img.noborder { border: 0 !important } img.border { border: 1px solid #323225 } .preis { float: right; } .bigbutton,.bigbutton2 { font-size: 18px; font-weight: bold; margin-top: 20px; background: #663366; color: #fff; border: 1px solid #663366; -moz-border-radius: 10px; -khtml-border-radius: 10px; cursor: pointer } .bigbutton { float: right; background: url('../img/btn-speichern.png'); width: 220px; height: 60px; border: 0} .bigbutton2 { padding: 20px 50px } .bigbutton_shop { float: right; background: url('../img/btn-glaetteisen.png'); width: 220px; height: 60px; border: 0; cursor: pointer; margin-top: 20px } /* ////////////////////////////////////////// */ /* InfoTags */ /* ////////////////////////////////////////// */ .infotags, .infotags_small, .infotags_aktion { font-size: 11px; color: #000; padding: 10px 10px 10px 55px; margin-top: 5px; background: url('../img/info.png') 8px 8px no-repeat; background-color: #fcff00 !important; -moz-border-radius: 10px; -khtml-border-radius: 10px; } .infotags_small { padding: 5px 5px 5px 30px; background: url('../img/info_small.png') 8px 8px no-repeat; -moz-border-radius: 5px; -khtml-border-radius: 5px; } .infotags.profil { width: 200px; position: absolute; top: 100px; right: 0 } .infotags.friseur { width: 150px; position: absolute; top: 110px; left: 0 } .infotags.leistungen { width: 300px; position: absolute; top: -10px; right: 10px } .infotags.wunschtermin, .infotags.wunschtermin_v2 { width: 170px; } .infotags.uebersicht { width: 350px; position: absolute; top: 110px; left: 170px } .infotags_small { margin: -25px 0 5px 0; font-size: 9px; line-height: 10px } .infotags a { color: #000 } .infotext, .infotext_good { background: yellow; color: #000; padding: 5px 10px; margin-top: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } .infotext_good { background: #008b0c; color: #fff; padding: 10px; width: 400px; margin: 0 auto } .infotext_good a { color: #fff; } .infotags_aktion { font-size: 14px; padding: 10px; width: 210px; background: #d38600 !important; color: #fff } .infotags_aktion.filiale { position: absolute; top: 80px; right: 70px; width: 180px; font-size: 10px; } .infotags_aktion.filiale p { margin: 0 } .infotags_aktion.wunschtermin { font-size: 11px; width: 200px; margin: 0 0 20px 0 } .infotags_aktion.wunschtermin a { color: #fff } .infotags_aktion.wunschtermin b { font-size: 13px } .infotags_aktion.wunschtermin p { margin: 5px 0 } .infotags_aktion.buchen { text-align: left; font-size: 12px; width: 400px; margin: 0 0 20px 0 } /* .tooltip { display: none; height: 163px; background: red; padding: 40px 30px 10px 30px; width: 310px; font-size: 11px; color: #fff; } */ /* ////////////////////////////////////////// */ /* Layout */ /* ////////////////////////////////////////// */ #global { width: 970px; margin: 0 auto !important; position: relative; } #logo { position: absolute; top: 51px; left: -100px; z-index: 90 } #title { height: 50px; text-align: right; background: url('../img/bg-topleiste.jpg') } #title img { margin: 15px } #nav { position: relative; height: 40px; padding: 10px 0; text-align: right; background-image: url('../img/bg-nav.jpg') } #nav img { margin-left: 0 } #nav2 { height: 17px; text-align: right; padding: 3px 5px 0 0; color: #fff; background-color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #fff } #friseur { position: absolute; top: -120px; left: -80px; z-index: 99 } #main { position: relative; float: right; width: 750px; text-align: left; } #footer { height: 90px; margin-top: 30px; background-color: #403f3f } #site { position: relative; background-image: url('../img/bloecke.gif'); background-repeat: no-repeat; text-align: left; padding-top: 30px } #site.loginnow { text-align: center } #site.loginnow form table { width: 190px; font-size: 14px; margin: 0 auto;} #site.loginnow form input { width: 150px; height: 30px; padding: 5px 10px; margin-left: 10px; } #site.loginnow form input.submit{ width: 150px; padding: 5px 10px; font-weight: bold } .tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat; background-image: url(../img/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #3399ff; color: white; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-south { background-position: bottom center; } /* ////////////////////////////////////////// */ /* Infobox & Profilbox*/ /* ////////////////////////////////////////// */ #infobox, #profilbox { background: #000; color: #999; text-align: left; -moz-border-radius: 10px; -khtml-border-radius: 10px; } #infobox_master { position: absolute; top: 340px; left: 0; width: 180px; } #infobox_master.alternativen { top: 120px !important; } #infobox { padding: 5px } #profilbox { float: right; width: 100%; clear: both; padding: 5px 10px; margin: 0 } #infobox h3, #profilbox h3 { color: #999; border-bottom: 1px solid #999; padding-bottom: 4px; margin: 0 0 10px } #infobox table, #profilbox table { margin: 0; padding: 0; width: 170px; color: #999; background: transparent; text-transform: capitalize} #main #infobox table { width: 100% !important } #infobox table td { vertical-align: top } #infobox dt { float: left; width: 70px; margin: 3px 0 } #infobox dd { float: left; font-weight: bold; text-align: left; margin: 3px 0 } #infobox a:link, #infobox a:visited, #infobox a:hover, #profilbox a:link, #profilbox a:visited, #profilbox a:hover { color: #fff } /* ////////////////////////////////////////// */ /* Navigation */ /* ////////////////////////////////////////// */ #nav2 ul { float: right; list-style-type: none; margin-top: -3px; color: #000 } #nav2 ul li { float: left; padding: 3px 12px 3px 12px } #nav2 ul li.done1 { color: #fff !important; background-image: url('../img/bg-nav-done1.gif'); background-position: bottom right } #nav2 ul li.done2 { color: #fff; background-image: url('../img/bg-nav-done2.gif'); background-position: bottom right } #nav2 ul li.aktuell { color: #fff; font-weight: bold; background-image: url('../img/bg-nav-aktuell.gif'); background-position: bottom right } #nav2 ul li.aktuell2 { color: #fff; font-weight: bold; background-image: url('../img/bg-nav-aktuell2.gif'); background-position: bottom right } #nav2 ul li.next { background-image: url('../img/bg-nav-next.gif') } #nav2 ul li.done1 a, #nav2 ul li.done2 a { color: #fff } /* ////////////////////////////////////////// */ /* Form validator */ /* ////////////////////////////////////////// */ .LV_validation_message { display: none } .LV_valid_field { border: 2px solid green} .LV_invalid_field { border: 2px solid red !important} /* ////////////////////////////////////////// */ /* Showmember */ /* ////////////////////////////////////////// */ #showmember_master { position: absolute; top: 52px; left: 200px; width: 300px; z-index: 90; text-align: left; } #showmember_master .small { font-size: 9px } #showmember_master p { margin: 0 } #showmember { color: white; font-size: 11px; line-height: 14px; padding: 5px 10px; } #showmember img { float: left; margin-right: 15px; border: 1px solid white} #showmember a { color: white} /* ////////////////////////////////////////// */ /* Profil */ /* ////////////////////////////////////////// */ #userfoto { float: left; width: 140px} #userfoto input#file { width: 120px} #userfoto img { border: 1px solid #4e4732} .userdata { float: left; margin: 15px 20px 0 0} .userdata.last { margin-right: 0} .userdata table td { padding-right: 5px } .userdata input { width: 145px} .userdata input.radio { width: 15px} .userdata input.submit { width: 178px} .userdata input.plz { width: 40px} .userdata input.ort { width: 98px} .userdata select.typ { width: 80px} #tools { position: absolute; top: 420px; left: 145px } #tools p { margin: 10px 0 } #tools a { color: #3399ff } .bigbutton.profil { margin-left: 140px } .userdata table tr.missing { color: red } /* ////////////////////////////////////////// */ /* Termin - Filiale */ /* ////////////////////////////////////////// */ #site.termin div#filiale { float: left; width: 320px; text-align: center; margin-top: 30px; padding: 20px 0 } #site.termin div#filiale table { margin: 0 auto; text-align: left; background: transparent} #site.termin div#filiale a:link { color: #fff } #site.termin div#filiale:hover { background-color: #000; color: #fff } #site.termin div#filiale:hover a:link { color: #fff } #site.termin div.filiale1:hover { background: url('../img/filialen/filiale-1.jpg') top center no-repeat; } #site.termin div.filiale2:hover { background: url('../img/filialen/filiale-2.jpg') top center no-repeat; } #site.termin div.filiale3:hover { background: url('../img/filialen/filiale-3.jpg') top center no-repeat; } #site.termin div.filiale6:hover { background: url('../img/filialen/filiale-6.jpg') top center no-repeat; } #site.termin .filialinfo { height: 100px } /* Suchbox */ #suchbox { position: absolute; top: 120px; right: 375px } #suchbox_feedback { position: relative; } #searchbox { font-size: 18px; padding: 5px; width: 215px } #suche { position: absolute; z-index: 999 !important; top: 0; right: 0; width: 320px; padding: 5px 10px; } #suche input.search { border: 1px solid #000; font-size: 18px; height: 35px; color: #333; float: left; width: 180px; font-weight: bold; padding: 5px; margin: 0 10px -3px 0 } #suche a { color: #000; } #searchform { margin: -10px 0 0 0 } #display { position: absolute; top: 60px; left: 0; width: 228px; display: none; background: #fff; border: 1px solid #a47200 } #display.feedback { top: 30px; } .display_box { padding: 10px; font-size: 18px; margin: -5px 0 } .display_box a { display: block; text-decoration: none } .display_box:hover { background: green; color:#fff; border: 1px solid #fff} .display_box a:hover, .display_box:hover a { background: green; color:#fff !important;} .search { padding: 2px 5px; height: 18px } /* ////////////////////////////////////////// */ /* Feedback */ /* ////////////////////////////////////////// */ .feedbackform input { display: none } .feedbackform img { cursor: pointer } /* ////////////////////////////////////////// */ /* Termin - Friseur */ /* ////////////////////////////////////////// */ #carousel { position: absolute; width: 970px; height: 830px; top: 100px; z-index: 50 } #carousel p.jungstylist { position: absolute; top: 20px; left: 0px; padding: 2px 5px; font-size: 10px; color: #fff } a.namen { text-transform: capitalize; color: #3399ff; padding: 0 5px } a.namen:hover { font-weight: bold; text-transform: uppercase } /* ////////////////////////////////////////// */ /* Termin - Friseur -> Profile */ /* ////////////////////////////////////////// */ #profilcol1 { float: left; width: 250px; margin: 10px 0 0 -40px; } #profilcol2 { float: left; width: 270px; text-align: left !important; color: #999; } #profilcol2 h1 { font-size: 36px; font-weight: bold; color: #3399ff; margin-bottom: 0 } #profilcol2 img { border: 1px solid #999 } /* ////////////////////////////////////////// */ /* Termin - Leistungen */ /* ////////////////////////////////////////// */ fieldset { margin-bottom: 40px; padding: 0 34px 0 34px; border: 0} legend { padding: 2px 15px; } fieldset h1 { color: #3399ff; font-size: 16px } fieldset legend { font-size: 16px; font-weight: bold; padding: 5px 10px; color: #3399ff; margin-bottom: 20px } fieldset.active { padding: 0 34px 0 34px; color: #3399ff} /* fieldset.active legend { color: #fff !important } */ div#site.termin span { font-size: 10px; font-weight: normal } .button { margin: 5px 1px } .bg, .bg2, .bg3 { float: left; width: 177px; height: 38px; margin: 0 10px 10px 0; text-align: center; color: #fff; padding-top: 7px; font-size: 16px; line-height: 16px; cursor: pointer } .bg { color: #fff !important; background: url('../img/leistungen/btn-leistungen_inactive.png') no-repeat} .bg3 { color: #fff !important; background: url('../img/leistungen/btn-leistungen.png') no-repeat } .bgsmall2 { color: #fff !important; background: url('../img/leistungen/btn_small-leistungen_inactive.png') no-repeat } .bgsmall3 { color: #fff !important; background: url('../img/leistungen/btn_small-leistungen.png') no-repeat } .hauptleistungen { float: left; width: 450px; } .extras { float: right; width: 180px; text-align: left } .extras fieldset { color: #206487 ; padding: 10px 20px; } .inactive { opacity:0.20; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; filter:alpha(opacity=20); zoom:1 } .bg input, .bg2 input, .bg3 input, .bgsmall input, .bgsmall2 input, .bgsmall3 input, .bgsmall.tipp input, .bgsmall.tipp2 input, .bgsmall.tipp3 input { visibility: hidden; display: none} .bg b a, .bg2 b a, .bg3 b a, .bgsmall b a, .bgsmall2 b a, .bgsmall3 b a { color: #fff; text-decoration: none; } .bgsmall, .bgsmall2, .bgsmall3, .bgsmall.tipp, .bgsmall2.tipp, .bgsmall3.tipp { float: left; width: 140px; height: 31px; margin: 0 10px 10px 0; text-align: center; color: #fff; padding-top: 5px; font-size: 11px; line-height: 12px; cursor: pointer } #site.termin div { cursor: default } #site.termin label b, #site.termin label span { cursor: pointer } a.skip { color: #3399ff } /* ////////////////////////////////////////// */ /* Termin - Wunschtermin */ /* ////////////////////////////////////////// */ table.wunschtermin td { vertical-align: top; padding-right: 35px } table.wunschtermin td.last { padding-right: 10px; vertical-align: bottom } .terminja, .terminnein { width: 100%; height: 70px; color: #fff; text-align: center; padding-top: 3px; -moz-border-radius: 10px; -khtml-border-radius: 10px; } .terminja h2, .terminnein h2, .terminnein h3 { color: #3399ff; } table.wunschtermin label { font-size: 14px; line-height: 24px } #alternative1, #alternative2 { position: relative; margin-top: 50px; } #alternative1 { width: 500px; height: 280px; padding-left: 200px } #alternative2 { padding: 0 20px; height: 320px; overflow: hidden; } #friseur_alternative { position: absolute; top: -50px; left: -60px } .alt1 { float: left; margin-right: 80px; font-size: 14px; line-height: 28px; height: 210px; overflow: hidden; } .alt2 { margin: 0; font-size: 14px; line-height: 28px; width: 250px; height: 250px; overflow: hidden; } .alt1 h2, .alt2 h2 { font-size: 14px; margin: 0 0 10px 0; color: #3399ff } table#zeiten_termin td { padding: 2px 10px 2px 0 } /* ////////////////////////////////////////// */ /* Termin - Wunschtermin_v2 */ /* ////////////////////////////////////////// */ div.legende { padding: 5px 10px; text-align: center; float: left; margin-right: 5px } table.kalender { width: 200px; margin-top: 20px } table.kalender td { text-align: center; padding: 7px; border: 1px solid transparent } table.kalender td.bgcolor, table.kalender td.bgcolor:hover { background: #3399ff; color: #000 } table.kalender td.heute, div.legende.heute { background: red; color: #fff; font-weight: bold; border: 1px solid red } table.kalender td.heute:hover { background: red } table.kalender td.belegt, div.legende.belegt, p.zeiten.belegt { color: #464646; border: 1px solid transparent } table.kalender td.belegt:hover, p.zeiten.belegt:hover { border: 1px solid #464646; background: transparent } table.kalender td.frei, div.legende.frei, p.zeiten.checked { color: green; border: 1px solid green } table.kalender td.frei a, div.legende.frei a { color: green; } table.kalender td.checked, p.zeiten.checked { background: green; font-weight: bold; color: #fff; } table.kalender td:hover, p.zeiten:hover { background: green; } table.kalender td:hover a, p.zeiten:hover a { color: #fff } table.kalender td.alternative, div.legende.alternative { border: 1px solid #fce564; background: transparent } table.kalender td.alternative a, div.legende.alternative a { color: #fce564; } table.kalender td.alternative:hover { background: #fce564 } table.kalender td.alternative:hover a { color: #000 } table.kalender td.belegt.tooltip, p.zeiten.belegt.tooltip { border: 1px solid #fce564;} table.kalender td.belegt.tooltip a, p.zeiten.belegt.tooltip a { color: #fce564 } table.kalender td.belegt.tooltip:hover, p.zeiten.belegt.tooltip:hover { background: #fce564;} table.kalender td.belegt.tooltip:hover a, p.zeiten.belegt.tooltip:hover a { color: #000;} p.zeiten { float: left; margin: 5px; width: 45px; font-size: 15px; padding: 8px; border: 1px solid green } p.zeiten a { color: green } img.offer_50 { position: absolute; top: -10px; right: -10px } /* table.kalender td.leer:hover { border: 1px solid transparent; background: transparent } table.kalender td.aktion { position: relative; border: 1px solid #d38600; } table.kalender td.aktion a { color: #d38600; } table.kalender td.aktion:hover { background: #d38600 } table.kalender td.aktion:hover a { color: #fff } p.zeiten.belegt { color: #464646; border: 1px solid transparent; font-size: 12px } p.zeiten.checked { background: green; font-weight: bold; color: #fff } p.zeiten:hover { background: green; color: #fff } p.zeiten:hover a { color: #fff } */ /* ////////////////////////////////////////// */ /* Termin - Übersicht */ /* ////////////////////////////////////////// */ #infobox2 { position: relative; text-align: center; width: 400px; padding: 0 50px 50px 50px; margin: 0 auto; } #infobox2 table { text-align: left; margin: 0; padding: 0; background-color: transparent; font-size: 12px } #infobox2 table td { padding-right: 20px; vertical-align: top } #infobox2 .small { font-size: 12px } #buchen { position: absolute; margin: 20px 0 20px -20px} #friseur_uebersicht { position: absolute; top: 100px; left: 110px; z-index: 100; } #infobox_uebersicht { width: 400px } #infobox_uebersicht span.preis { font-size: 14px !important } #gesamtrabatt { position: absolute; top: 80px; right: 60px; width: 80px; height: 55px; text-align: center; color: #fff; padding-top: 25px; font-size: 24px; background: url('../img/gesamtrabatt.png') } #gesamtrabatt p { margin: 0; line-height: 12px } #gesamtrabatt span { font-size: 12px; margin-top: -5px } /* ////////////////////////////////////////// Friends Login v1 ////////////////////////////////////////// */ #member-login { float: left; width: 400px; margin-right: 100px; } #member-formular { float: left; width: 400px; text-align: left; } #member-formular h2 { margin: 0 0 15px 0; padding-bottom: 3px; width: 320px; } #member-formular p { margin: 3px 0 } #member-formular label { float: left; width: 100px; margin-top: 10px; font-size: 14px; } #member-formular input { width: 200px; padding: 5px; font-size: 18px } #member-formular input#mann, #member-formular input#frau { width: 15px; padding: 5px; margin: 10px 0 } #member-formular select { width: 210px; height: 30px; padding: 5px; font-size: 14px; display: block; margin-top: 10px } #member-formular .optional label { float: left; width: 100px; margin-top: 5px; font-size: 10px } #member-formular .optional input { width: 205px; padding: 2px !important; height: 22px !important; font-size: 10px !important } #member-formular .optional input#plz { width: 30px; } #member-formular .optional input#ort { width: 103px; } #member-formular .optional input#geburtsdatum { width: 80px; } #member-formular .optional h2 { font-size: 12px; margin: 0 0 15px 0; padding-bottom: 3px; width: 320px; } /* ////////////////////////////////////////// Friends Login v2 ////////////////////////////////////////// */ #friends-login_v2 { position: absolute; top: 50px; right: 100px; font-size: 11px } #friends-login_v2 h1 { margin: 0 0 5px 0; font-size: 12px; font-weight: bold } #friends-login_v2 p, #friends-login_v2 form { margin: 0 } #friends-login_v2 input { float: left; width: 150px; padding: 2px; font-size: 10px; margin-right: 5px } #friends-login_v2 input.pw { float: left; width: 60px; padding: 2px; font-size: 10px; margin-right: 5px } #friends-login_v2 .pwforgot { font-size: 9px } #friends-login_v2 input.submit { width: 63px; height: 26px; border: 0; margin-top: -3px; background:url(../img/btn_login.jpg) repeat-x left top; cursor: pointer } /* ////////////////////////////////////////// Friends Anmeldung v2 ////////////////////////////////////////// */ #friends-anmeldung_v2 { position: absolute; top: 160px; right: 70px; width: 300px; padding: 20px; text-align: left; background: #3399ff; color: #fff; -moz-border-radius: 10px; -khtml-border-radius: 10px; } #friends-anmeldung_v2 .title { margin: 0 0 20px 0 } #friends-anmeldung_v2 table { color: #fff } #friends-anmeldung_v2 form { width: 300px; margin: 0 } #friends-anmeldung_v2 p { margin: 3px 0 } #friends-anmeldung_v2 label { width: 75px; margin-right: 20px; text-align: right; font-size: 14px; } #friends-anmeldung_v2 input { width: 165px; padding: 5px; font-size: 14px } #friends-anmeldung_v2 input.submit { width: 180px; height: 70px; border: 0; margin-top: 20px; background:url(../img/btn_anmelden.png) repeat-x left top; cursor: pointer } #memberfotos { width: 310px } #friends-anmeldung_v2 hr { border: 1px dashed #fff; width: 273px; height: 1px; margin: 10px 0; border-right: 0; border-left: 0; border-top: 0; clear: both } #friends-anmeldung_v2 hr.last { margin: 30px 0 } #friends-anmeldung_v2.terminals select { width: 180px; height: 30px; padding: 5px; font-size: 14px; display: block; margin-top: 10px } #friends-anmeldung_v2.terminals input#frau, #friends-anmeldung_v2.terminals input#mann { width: 16px; margin: 0 3px 0 0 } #friends-anmeldung_v2.terminals input#geburtsdatum { width: 105px } #friends-anmeldung_v2.terminals label.radio { width: 70px; text-align: left } /* ////////////////////////////////////////// Welcome -> Stylisten ////////////////////////////////////////// */ #welcome-stylisten { width: 100%; } #welcome-stylisten img { float: left; margin-right: -60px } #welcome-stylisten.terminals { top: 370px; left: -20px } #welcome-stylisten.terminals img { float: left; margin-right: -70px } /* ////////////////////////////////////////// Welcome -> Vorteile ////////////////////////////////////////// */ #welcome-vorteile { margin-top: 30px; width: 540px; color: #999 } #welcome-vorteile h1 { margin: 10px 0 5px 0; font-size: 24px; font-weight: bold; text-transform: uppercase } #welcome-vorteile h2 { color: #999; margin: 0 0 5px 0; font-size: 18px; font-weight: normal } #welcome-vorteile ul li { margin: 20px 0 } #welcome-vorteile ul b { font-size: 16px; font-weight: bold; color: #3399ff } #welcome-vorteile ol li { margin: 10px 0 } #welcome-vorteile ol b { font-size: 14px; font-weight: bold } #welcome-vorteile img { float: right } #welcome-vorteile li.aktion, #welcome-vorteile li.aktion b { color: #d38600 !important } table#aktion td { vertical-align: top; font-size: 12px } table#aktion p { margin-left: 25px; font-size: 14px } table#aktion h1 { font-size: 16px; margin: 20px 0 5px 0; color: #d38600} table#aktion .beispiel { font-size: 12px; margin-bottom: 20px; color: #d38600 }