/* Globale Standards - teilweise Legacy, die wir gerne loswären!! */ a { color:#dd0000; text-decoration:none} a:visited { color:#dd0000} a:active { color:#FF0000} a:hover { color:#FF0000; text-decoration:underline} a img { border:none } a.hover1px:hover { position:relative; left:1px; } .hide { display:none } /* für ordnende Elemente falls CSS ausfällt */ .mzee_ok { display:inline; color:green; } .mzee_err { display:inline; color:red; } .mzee_msg { display:inline; } .mzee_info { display:inline; color:green; } .bold { font-weight:bold } .textklein { font-size:10px } .TheRegion {display:none;height:0;width:0;} /* für antibot in Newsletteranmeldung */ body { position:relative; padding:0; margin:0; font-family: Tahoma,Verdana,Geneva,Helvetica,Arial,sans-serif; font-size:12px; line-height:1.4em } div.body_wrapper { position:relative; padding:0; width:986px; margin:0 auto; } div#mzeecomlogo { text-align:center; margin-top:20px } h1 { margin:0; font-size:1.4em; line-height:1.5em; font-weight:normal } h2 { margin:0; font-size:1.2em; line-height:1.3em; font-weight:normal } ul { margin:0; padding-start:0; padding:0; margin:0 } li { margin:0; list-style-type: none; border:0; background:none; } /* Submit Buttons */ input[type="submit"] { padding:0px 4px; height:24px; color:#ffffff; background:#660000; border:1px solid #660000; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } input[type="submit"]:hover { border-color:#dd0000; background-color:#770000; outline: none; } input[type="submit"]:active { border-color:#ff0000; background-color:#990000; outline: none; padding-left:5px; padding-right:3px } input[type="submit"].grey { color:#333333; background:#eeeeee; border:1px solid #000000; } input[type="submit"].grey:hover { color:#000000; background-color:#dddddd; } input[type="submit"].grey:active { color:#ffffff; background-color:#000000; } input[type="checkbox"] { border:0px; } input.white_input, select.white_input { height:20px; color:#828282; background:#ffffff; padding: 1px 2px ; border-color:#dd0000; border-width:1px; border-style:solid; font-weight: normal; font-size:12px; outline:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } input.white_input:hover, select.white_input:hover { border-color:#000000; } input.white_input:active, select.white_input:active { color:#000000; } input.white_input:focus, select.white_input:focus { color:#000000; } .twocolumns1 {width:48%;float:left} .twocolumns2 {width:48%;float:right} .twocolumns_2_1 {width:25%;float:left} .twocolumns_2_2 {width:75%;float:right} /* CMS-Scheiß ausschalten */ div.cms_widget_header { display:none } div.vbcms_content ul.widget_list > li { margin:0px; list-style-type: none; border:0px; background:none; } .widget_content { float:none; margin:0px; padding:0px; background:none; border:0px; } div#footer { visibility:hidden } /* LOGIN HEADER */ * { padding: 0; margin: 0; } /* kommt aus der thickbox.css... da die sowieso hier und da geladen wird.... */ div#footer-bar { background-color:#eeeeee; } div.LoginBar {position:relative; background-color:#800000; width:986px; height:41px; margin: 0px auto; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; z-index:9999999} div.LoginBar * { font-family:tahoma; font-size:11px; font-weight:bold; color:#ffffff; background-repeat:no-repeat; background-attachment: scroll; padding:0px; margin:0px } div.LoginBar fieldset#logindetails { border:none; } /* MZEE-Logo und Site Hauptnavigation */ div.LoginBar h1.wwwMZEEcom { position:absolute; cursor:pointer; height:29px; width:102px; margin-top:12px; margin-left:4px; background-image:url(/data/forum/mzeeloginhead-2.png); background-position: 0px 0px; display: inline-block;} div.LoginBar h1.wwwMZEEcom:hover { background-position: -160px 0px; background-color:#990000; } div.LoginBar a.h1wwwMZEEcom { display: inline-block; width:100%; height:100% } div.LoginBar a.h1wwwMZEEcom:hover { text-decoration:none } div.LoginBar span.area {position:absolute; cursor:pointer; height:29px; width:114px; margin-top:12px; margin-left:106px; background-image:url(/data/forum/mzeeloginhead-2.png); background-position: 0px -30px; display: inline-block;z-index:99999999;} /* #### in 30er Schritten! 30=jk 60=shop 90=forum 120=wall 150=blogs 180=lp 210=tv 540=home ##*/ div.LoginBar span.area:hover { background-color:#990000; } div.LoginBar span.acthome { background-position: 0px -540px;} div.LoginBar span.acthome:hover {background-position: -160px -540px;} div.LoginBar span.actjk { background-position: 0px -30px;} div.LoginBar span.actjk:hover { background-position: -160px -30px;} div.LoginBar span.actforum { background-position: 0px -90px;} div.LoginBar span.actforum:hover {background-position: -160px -90px;} div.LoginBar span.actwall { background-position: 0px -120px;} div.LoginBar span.actwall:hover {background-position: -160px -120px;} div.LoginBar span.actblogs { background-position: 0px -150px;} div.LoginBar span.actblogs:hover {background-position: -160px -150px;} div.LoginBar span.actlp { background-position: 0px -180px;} div.LoginBar span.actlp:hover { background-position: -160px -180px;} div.LoginBar span.acttv { background-position: 0px -210px;} div.LoginBar span.acttv:hover { background-position: -160px -210px;} /* DropDown Hauptnavigation */ div.dropdownmainnavig { position:absolute; top:40px; left:106px; z-index:9999999; visibility:hidden; /* ########### Dropdown AN/AUS mit visibilty ########### */ width:114px; height:108px; background-color:#990000; } div.dropdownmainnavig a { height:21px; width:114px; padding-top:0px; background-image:url(/data/forum/mzeeloginhead-2.png); display: block; } div.dropdownmainnavig a:hover { background-color:#dd0000; } div.dropdownmainnavig a.jamk { background-position: 0px -246px; } div.dropdownmainnavig a.jamk:hover { background-position: -160px -246px; } div.dropdownmainnavig a.shop { background-position: 0px -276px; } div.dropdownmainnavig a.shop:hover { background-position: -160px -276px; } div.dropdownmainnavig a.foru { background-position: 0px -306px; } div.dropdownmainnavig a.foru:hover { background-position: -160px -306px; } div.dropdownmainnavig a.wall { background-position: 0px -336px; } div.dropdownmainnavig a.wall:hover { background-position: -160px -336px; } div.dropdownmainnavig a.blog { background-position: 0px -366px; } div.dropdownmainnavig a.blog:hover { background-position: -160px -366px; } div.dropdownmainnavig a.link { background-position: 0px -396px; } div.dropdownmainnavig a.link:hover { background-position: -160px -396px; } div.dropdownmainnavig a.tv { background-position: 0px -426px; } div.dropdownmainnavig a.tv:hover { background-position: -160px -426px; } /* Avatar und login links etc */ div.LoginBar div.plate { width:642px; height:37px; margin-left:286px; background-color:#990000; position:relative; top:4px; } div.LoginBar div.plate div.avatar { width:32px; height:32px; background-image:url(/data/forum/mzeeloginhead-2.png); background-position: -350px 0px; position:absolute; top:4px; left:6px } div.LoginBar div.plate div.fbstamp { width:14px; height:14px; background-image:url(/data/forum/mzeeloginhead-2.png); background-position: -320px 0px; position:absolute; display:none; } div.LoginBar div.plate.faceb div.fbstamp { display:block } div.LoginBar div.plate a { text-decoration:none; color:#ffffff;} div.LoginBar div.plate a:hover { text-decoration:underline } div.LoginBar div.plate a.name { position:absolute; top:6px; left:45px; height:12px; } div.LoginBar div.plate a.profil { position:absolute; top:19px; left:45px; font-weight: normal } div.LoginBar div.plate div.fconnect { width:89px; height:21px; background-color:#5f78ab; position:absolute; top:8px; z-index:1000;} div.LoginBar div.plate.forum div.fconnect { left:198px; } div.LoginBar div.plate.loggedout div.fconnect { right:4px; } div.LoginBar div.plate.faceb div.fconnect { display:none } /* JEWELS */ div.LoginBar div.plate div.jewels { width:83px; height:24px; top:3px; position:absolute;} div.LoginBar div.plate.loggedout div.jewels { display:none } div.LoginBar div.plate.forum div.jewels { left:317px; } div.LoginBar div.plate.faceb div.jewels { left:267px; } div.LoginBar div.plate div.jewels span.jewel { width:23px; height:24px; background-image:url(/data/forum/mzeeloginhead-2.png);} div.LoginBar div.plate div.jewels span.jewel:hover { background:#dd0000; width:23px; height:24px; background-image:url(/data/forum/mzeeloginhead-2.png); cursor:pointer } div.LoginBar div.plate div.jewels span.jewel.privm {float:left; left:0px; } div.LoginBar div.plate div.jewels span.jewel.privm.of { background-position: 0px -500px; } div.LoginBar div.plate div.jewels span.jewel.privm.on { background-position: 0px -460px; } div.LoginBar div.plate div.jewels span.jewel.freun { float:left;left:23px; } div.LoginBar div.plate div.jewels span.jewel.freun.of { background-position: -23px -500px; } div.LoginBar div.plate div.jewels span.jewel.freun.on { background-position: -23px -460px; } div.LoginBar div.plate div.jewels span.jewel.shout { float:left;left:46px; } div.LoginBar div.plate div.jewels span.jewel.shout.of { background-position: -46px -500px; } div.LoginBar div.plate div.jewels span.jewel.shout.on { background-position: -46px -460px; } div.LoginBar div.plate #notifications a { color:#dd0000 } div.LoginBar div.plate #notifications a span { color:#000000 } /* darf nicht unter die .jcount definition */ div.LoginBar div.plate #notifications div.jewels span.jewel span.jcount { position:absolute; display:none; top:-3px; color:#ffffff; background-color:#f03d25; border:1px solid #dd3822; border-top:0; padding:1px 2px 0 1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px} div.LoginBar div.plate #notifications div.jewels span.jewel.on span.jcount { display:block } /* LOGIN FORM */ div.LoginBar div.plate form { padding-top:6px;margin-top:0px; margin-left:4px } div.LoginBar div.plate input { margin-left:2px; border-width:1px; border-style:solid; font-weight: normal; font-size:12px; } div.LoginBar div.plate input.txti { width:97px; height:20px; color:#828282; background:#ffffff; padding-left:3px; border-color:#dd0000; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } div.LoginBar div.plate input.txti:hover { border-color:#ffffff; } div.LoginBar div.plate input.loginbutton { width:81px; height:24px; color:#ffffff; background:#660000; border-style:solid; border-color:#660000; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; outline: none; } div.LoginBar div.plate input.loginbutton:hover { border-color:#dd0000; background-color:#770000; outline: none; } div.LoginBar div.plate input.loginbutton:active { border-color:#000000; background-color:#880000; outline: none; } div.LoginBar div.plate input#cb_cookieuser_navbar { border:0px; } /* IE-fix */ div.LoginBar div.plate input#checklogincookie { margin-right:2px; } div.LoginBar div.plate label { position:relative; top:-1px; cursor: help;} div.LoginBar div.plate label:hover { text-decoration:underline } div.LoginBar div.plate div.Regis { width:92px; right:106px; } /*rechte Navigation */ div.LoginBar div.plate div.rnav { height:33px; position:absolute; top:4px; } div.LoginBar div.plate div.rnav:hover { background:#dd0000 } div.LoginBar div.plate div.rnav a { display:block; height:22px; color:#ffffff; margin-top:7px; text-align:center } div.LoginBar div.plate div.Freun { width:62px; right:179px; } div.LoginBar div.plate div.Einst { width:95px; right:84px;} div.LoginBar div.plate div.Abmel { width:73px; right:11px;} /* LOGGOUT */ div.LoginBar div.plate.loggedout .loin { display:none } div.LoginBar div.plate .lout { display:none } div.LoginBar div.plate.loggedout .lout { display:block } /* FOOTER */ .footer_copyright, .footer_morecopyright { width:986px; margin:0px auto; color:#666; display: block; font: normal normal normal 11px/normal Tahoma, Calibri, Verdana, Geneva, sans-serif; margin-top: 40px; padding-bottom: 5px; } .footer_copyright { clear:both } div.body_wrapper.wrapperhome div.keycloud { font-size:10px; text-align:center; margin-top:40px } div.body_wrapper.wrapperhome div.keycloud a { text-decoration:none; color:#dddddd; margin-right:6px; } div.body_wrapper.wrapperhome div.keycloud a:hover { text-decoration:underline; } /* Bits: Impressum, Mission, Logos, Jobs */ div.mzeebitswrapper { width:600px; margin:auto; margin-top:24px } div.mzeebitswrapper h2.mzeebits { margin-top:20px; font-weight:bold; } div.mzeebitswrapper p.mzeebits { margin-top:4px } div.mzeebitswrapper p.mzeebits.morespace { margin-top:16px } div.mzeebitswrapper ul.mzeebits { margin-top:6px } div.mzeebitswrapper li.mzeebits { list-style:circle inside !important; line-height:1.5em} div.mzeebitswrapper p#disclaimerforumetc { background:#eeeeee; padding:4px 6px; margin:24px 0px !important } div.mzeebitswrapper p#alexawidget { margin:24px 0px !important } /* Models */ div.mzeemodelwrapper { width:100%; text-align:center } div.mzeemodelwrapper h1.mzeebits { font-size:24px; text-align:center } /* Jobs */ div.mzeejobswrapper h2.mzeebits { font-size:20px; margin-bottom:12px; } div.mzeejobswrapper li.mzeebits { margin-left:40px;} /* Kontaktformular */ body#kontaktformular div#breadcrumb { display:none } body#kontaktformular div.body_wrapper { margin-top: 20px } body#kontaktformular div.formcontrols.twocolumns1 { border:none } body#kontaktformular div.formcontrols.twocolumns1 h2.blockhead { display:none } body#kontaktformular div.twocolumns2 h2.blockhead { margin-top:16px; } body#kontaktformular div.formcontrols.twocolumns1 h3.blocksubhead { margin:20px 0px 2px 0px; padding:0px; background:none; border:none; font-size:1.1em } /* Fehlermeldungen 404 etc */ div.body_wrapper.wrapperfehlermeldung { width:600px; margin-bottom:180px } div.body_wrapper.wrapperfehlermeldung h2.fehlermeldung { margin-top:40px; background:#800000; color:#ffffff; text-align:center; padding:6px } div.body_wrapper.wrapperfehlermeldung p.fehlermeldung { text-align:center; line-height:1.6em } /* Suche unten bei "Suchfeld" */ /* popups */ .popupbody{display: none; left: 317px; top: 27px;} .popupbody{background:#e1e1e1 url(/forum/images/misc/blog/top-highlight.png) repeat-x ;border:1px solid #c4c4c4;padding:2px;position:absolute;z-index:1000;top:1.5em;left:0;display:none;min-width:200px} .popupmenu:hover ul.popuphover{display:block} .popupbody li > a,.popupbody li > label{display:block;color:black;padding:6.235px 10px;background:rgb(255,255,255) bottom repeat-x;text-decoration:none;text-align:left;white-space:nowrap;font:normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif} .popupmenu a.popupctrl{ background-image:url(/forum/images/misc/black_downward_arrow.png); background-position:right center;background-repeat:no-repeat;padding-right:15px;_padding-right:25px;display:inline-block} div.LoginBar .popupmenu a.popupctrl{width:73px} /* Suchfeld */ /* GLOBAL */ div.body_wrapper div#mzsuche input[type="submit"] { width:64px; } div.body_wrapper div#mzsuche img.mzsuche { position:relative; top:4px } div.body_wrapper div#mzsuche div.mzesearchoptions { position:relative } div.body_wrapper div#mzsuche div.mzesearchoptions input[type="radio"].mzsuche { position:relative; top:2px; font-size:0.9em } div.body_wrapper div#mzsuche div.mzesearchoptions span.mzsuche { display:block; width:128px; font-size:0.9em } div.body_wrapper div#mzsuche div.mzesearchoptions span.mzsuche.eins { top:1px; left:60px } div.body_wrapper div#mzsuche div.mzesearchoptions span.mzsuche.zwei { top:1px; left:170px } div.body_wrapper div#mzsuche div.mzesearchoptions span.mzsuche.drei { top:16px; left:60px } div.body_wrapper div#mzsuche div.mzesearchoptions span.mzsuche.vier { top:16px; left:170px } div.body_wrapper div#mzsuche #searchField { width:237px; border-width:0px; height:24px; line-height:23px; padding-left: 2px; background:url(http://data.mzee.com/img/layout/search_field.png) no-repeat left top; } /* Forum */ div.body_wrapper.wrapperforum div#mzsuche { float:right; position:relative; top:-100px; right:20px; width:288px; } div.body_wrapper.wrapperforum div#mzsuche div.mzesearchoptions span.mzsuche { position:absolute; color:#888888; } div.body_wrapper.wrapperforum div#mzsuche #searchField { background:url(http://data.mzee.com/img/layout/search_field_small.png) no-repeat left top; width:155px; } /* kleinere Version */ /* www.-Startseite, im oberen Shopsite-Teil */ div.body_wrapper.wrapperhome div#mzsuche { position:absolute; top:-10px; right:0px; width:369px; } div.body_wrapper.wrapperhome div#mzsuche div.mzesearchoptions span.mzsuche { position:absolute; color:#888888; } /* Fehlermeldungen 404 etc */ div.body_wrapper.wrapperfehlermeldung div#mzsuche { position:relative; width:369px; margin: 40px 0px 60px 80px } div.body_wrapper.wrapperfehlermeldung div#mzsuche div.mzesearchoptions { margin-top:4px; } div.body_wrapper.wrapperfehlermeldung div#mzsuche div.mzesearchoptions span.mzsuche { margin-left:70px; } /* Notiz gobal wenn User von Facebook kommt */ div.body_wrapper.wrapperforum form#notices li.restore { margin: 20px 0px 20px 40px; } /* Kopf-Notizen im Forum */ div.body_wrapper form#notices li.restore { margin: 20px auto 20px auto; width:620px; } /* Kopf-Notizen überall */ div.body_wrapper form#notices li.restore { background: #FFEB90 none; font-size: 12px; color: #3E3E3E; padding: 5px 10px; -moz-box-shadow: -2px 2px 2px; -webkit-box-shadow: -2px 2px 2px #000000; text-align: left; clear: both; } /* Kopf-Notizen überall */ form#notices li.restore#navbar_notice_8 {filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999',Direction=0,Strength=12) progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA',Direction=45,Strength=9) progid:DXImageTransform.Microsoft.Shadow(Color='#999999',Direction=90,Strength=12) progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA',Direction=135,Strength=9) progid:DXImageTransform.Microsoft.Shadow(Color='#999999',Direction=180,Strength=12) progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA',Direction=225,Strength=9) progid:DXImageTransform.Microsoft.Shadow(Color='#999999',Direction=270,Strength=12) progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA',Direction=315,Strength=9) } /* Rahmen für IE */ form#notices li.restore#navbar_notice_8 { background:none; font-size:none; color:none; padding:0px; margin-bottom: 0px; box-shadow: none ; -moz-box-shadow: none ; -webkit-box-shadow: none; } /* Kram vom Forum ausschalten */ form#notices li.restore#navbar_notice_8 { width:600px; position: fixed; top:140px; left: 220px; z-index:999; } form#notices div.global_note_from_fb_box_out { background: rgba(82, 82, 82, 0.7); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px; } form#notices div.global_note_from_fb_box { padding:0px; position:relative; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; color: #3333333; } form#notices div.global_note_from_fb_box div.fb_note { background-color: #ffffff; border: solid #E9E9E9; border-width: 1px 0; padding: 3px 10px 12px 12px; } h2.global_note_from_fb { font-weight:bold; font-size:14px; margin:0px; background: #627AAD; border: 1px solid #1D4088; color:#ffffff; padding:5px 10px} p.global_note_from_fb { display:block; margin:4px 0px; color: #3333333; } div.global_note_from_fb_box div.fb_buttons { background-color: #F2F2F2; padding: 8px 10px 8px 10px; text-align:right } div.global_note_from_fb_box div.fb_buttons .fb_connect_button { margin: 0px 0px 0px 380px; cursor: pointer; float:left;} div.global_note_from_fb_box div.fb_buttons label.fb_mimikri {margin-left: 4px; font-size: 11px; background: #EEE url(http://static.ak.fbcdn.net/rsrc.php/v1/zD/r/B4K_BWwP7P5.png) repeat 0 0; border: 1px solid #999; border-bottom-color: #888; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 0 rgba(0, 0, 0, .1); cursor: pointer; display: -moz-inline-box; display: inline-block; font-weight: bold; line-height: normal !important; padding: 1px 6px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; } div.global_note_from_fb_box div.fb_buttons input[type="button"].fb_mimikri { font-size: 11px; background: none; border: 0; color: #333; cursor: pointer; display: -moz-inline-box; display: inline-block; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-weight: bold; margin: 0; outline: none; padding: 1px 0 2px; white-space: nowrap; } .blogbody img { max-width:600px } .word_break{ display:block; float:left; margin-left:-10px; padding:0px; } .operamobileview { display:none } /* Wird bei der Mobilansicht angezeigt. Vor allem für navi usw. */ @media handheld { .operamobileview { display:block } /* Wird bei der Mobilansicht angezeigt. Vor allem für navi usw. */ } #navinav { display:none; position:absolute; left:242px; top:0px; z-index:99999999; font-weight: normal; } #navinav > div{ border: solid #cccccc 1px; background-color: #ffffff; top:5px; } #navinav > div > div { padding:8px 40px 8px 10px; } #navinav > div > div:hover { background-color: #ff0000; } #navinav > div > div:hover a{ color:#ffffff; } #ylinksnav { display:none; position:absolute; left:378px; top:0px; z-index:99999999; font-weight: normal; } #ylinksnav > div { border: solid #cccccc 1px; background-color: #ffffff; top:5px; } #ylinksnav > div > div { padding:8px 40px 8px 10px; } #ylinksnav > div > div:hover { background-color: #ff0000; } #ylinksnav > div > div:hover a{ color:#ffffff; } #subnav { font-size:14px; font-weight: bold; margin-top:10px; } #subnavi2 { width:142px; display:inline-block; text-align:left } #subnavi3 { width:132px; display:inline-block; text-align:left } #subnavi1 { width:98px; display:inline-block; text-align:left; } #subnav a:hover {text-decoration:none} #breadcrumb {padding-top: 10px;} /* Facebook Like-Button, der sich unter dem Header aufschiebt overflow hidden geht nicht */ #fbnotice { position:relative; height:0px; width:986px; margin-left:auto; margin-right:auto; background-color:#444444; } #fbnotice .fb_iframe_widget { margin-top: 1px !important; margin-left:3px !important } #fbnotice input#dismiss_fb { position:absolute; top:6px; right:6px; border:1px solid #444444; } #fbnotice input#dismiss_fb:hover { right:5px; border:1px solid #eeeeee; }