/* ********************************************************************** ALLGEMEIN **********************************************************************/ /* * { padding: 0; margin: 0; } */ body { color: #7f7f7f; background: #FFF; font-family: Arial, Verdana, Helvetica, 'Lucida Grande', sans-serif; font-size: 12px; font-weight: normal; padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h2 { font-size: 20px; margin: 0px 0px 10px 0px; } h3 { font-size: 16px; margin: 0px 0px 20px 0px; } h4 { font-size: 14px; margin: 0px 0px 14px 0px; } hr, h1 { display: none; } p { margin-bottom: 1.0em; } br { line-height: 0.7em; } ul { list-style: none; } li li { font-size: 100% !important; } sub, sup { font-size: 0.85em !important; } em, strong { color: #666; font-weight: bold; } img { border: 0; } a { text-decoration: underline; color: #7f7f7f; } a img { border: 0; } a:hover { text-decoration: underline; } .subtext { font-size: 11px; } /* ********************************************************************** LAYOUT **********************************************************************/ #wrapper { position: relative; background: #fff; width: 760px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 10px 20px 0px 20px; height: auto; } #wrapper.noscroll { height: 590px; overflow: hidden; } #header {} #col1 { position: relative; width: 360px; margin: 0px; padding: 0px; float: left; } #col2 { position: relative; width: 360px; margin: 0px; padding: 0px; float: right; } #senden { position: relative; width: 100%; height: 50px; margin: 0px; padding: 10px 0px 28px 0px; float: none; clear: both; background: transparent url(../img_style/bg_trenner_dotted.gif) repeat-x top left; } #senden p#fussnote { position: relative; display: block; width: 360px; margin: 0px; padding: 0px; float: left; } #senden p#legende { position: relative; display: block; width: 150px; margin: 0px; padding: 10px 0px 0px 0px; float: left; } #senden p#button { position: relative; display: block; width: 230px; margin: 0px; padding: 0px; float: right; } #maincheck { position: relative; background: transparent url(../img_style/bg_trenner_dotted.gif) repeat-x bottom left; margin-bottom: 16px; } #subcheck, #agbcheck { position: relative; font-size: 11px; } #agbcheck, #capturecode { padding: 10px 0 0 0; background: transparent url(../img_style/bg_trenner_dotted.gif) repeat-x top left; } #footer { position: absolute; z-index: 2; bottom: 0; left: 20px; width: 720px; height: 25px; background: #e9e9e9; padding: 5px 20px 0 20px; color: #7f7f7f; } #wrapper.scroll #footer { position: relative; z-index: 1; padding: 5px 20px 0 20px; left: 0px; } #footer span#emilogo { position: relative; display: block; width: 180px; float: left; } * html #footer #emilogo { background: transparent url(../img_style/logo_emimusicde.gif) no-repeat top left; } * html #footer #emilogo img { visibility: hidden; } #footer span#copyright { position: relative; display: block; padding: 4px 0px 0 20px; width: 500px; float: right; text-align: right; font-size: 11px; } #introtext { position: relative; padding-bottom: 10px; width: 360px;} #email_block.king { position: relative; padding-bottom: 10px; } #email_block.king input.text { border-color: #c10318 !important; } #gewinnspiel { position: relative; padding-bottom: 10px; } #gewinnspielbild { position: relative; background: #fff; padding: 10px; border: 1px solid #7F7F7F; text-align: center; width: 220px; float: left; margin-right: 20px; overflow: hidden; } #gewinnspieltext { } #feedback { position: relative; padding: 1px 1px 10px 1px; margin: 0px 0px 10px 0px; min-height: 200px; } .hinweis { font-size: 11px; padding: 10px 0 0 0; } /* ********************************************************************** FORMULARE **********************************************************************/ fieldset { border: 0; border-style: solid; /* fuer opera 7 */ } input, textarea, select { font-size: 100%;} input.text, textarea { margin: 0 0 0 0; padding: 2px 2px; font-family: Verdana, Arial, Helvetica, 'Lucida Grande', sans-serif; font-size: 11px; color: #000; background-color: #FFF; border: 1px solid #7F7F7F; } /*input.text:hover, textarea:hover{ background-color: #E6BEBE; }*/ input.text.ganz, textarea.ganz { width: 211px; } input.text.game, textarea.game { width: 400px; } textarea.klein {height: 80px; } textarea.sehrklein { height: 40px; } textarea.mittel { height: 100px; } select { margin: 0px 0px 0px 0px; padding: 0px 2px; font-size: 11px; color: #000; font-weight: normal; background-color: #FFF; border: 1px solid #7F7F7F; } select.ganz { width: 211px; } select.mini { width: 55px; } select.klein { width: 81px; } label { margin: 0px 0px 0.3em 0px; padding: 3px 2px 3px 2px; color: #666666; font-family: Arial, Verdana, Helvetica, 'Lucida Grande', sans-serif; font-weight: normal; display: block; font-size: 11px; } label.labeladd { width: 106px; float: left; margin-right: 5px;} span.check_x { display: block; width: 19px; height: 19px; background: transparent; float: right; } span.check_x.error { background: url(../img_style/icon_error.png) no-repeat center center;} span.check_x.okay { background: url(../img_style/icon_okay.png) no-repeat center center;} * html span.check_x.error { background: url(../img_style/icon_error.gif) no-repeat center center;} * html span.check_x.okay { background: url(../img_style/icon_okay.gif) no-repeat center center;} #col1 input.text.ganz, #col1 select.ganz, #col1 select.mini, #col1 select.klein { float: left; } #col1 select.mini { margin-right: 10px; } input.checkbox, input.radio { display: block; float: left; margin: 0px 7px 0 0; padding: 0px; } * html input.checkbox { margin-top: -4px; margin-right: 5px;} * html input.radio { margin-top: -2px; margin-right: 0px;} a.tooltip { z-index: 20; display: block; float: left; width: 11px; height: 11px; background: url(../img_style/icon_tooltip.gif) no-repeat center center; margin: 1px 6px 0 0; } a.tooltip span { display: none; } span.checkboxtext { display: block; width: 292px; float: left; } span.checkboxtext.teasered { font-size: 13px; } input.text.capture { width: 190px; } #capturecode img { float: left; display: block; width: 120px; border: 1px solid #c5c5c7; margin-right: 10px; } #capturecode .eingabe { float: left; width: 195px; } #capturecode .eingabe label { margin: 0px 0px 6px 0px; padding: 0px; } input.text.disabled, textarea.disabled, select.disabled { background-color: #d1d1d1 !important; color: #8c8c8c !important; z-index: 100; } #overDiv { position:absolute; visibility:hidden; z-index:1000 !important; } #submitTooltip { position: absolute; z-index: 10; width: 229px; height: 38px; top: 0; left 0; background: #ffffff; filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0;} .alert { background: red; padding: 10px; color: white; border: 1px solid white; margin-bottom: 10px; } /* ********************************************************************** STUFE 1 FORMULAR **********************************************************************/ #eminewsletter { position: relative; width: 278px; border: 1px solid #ffffff; background: #ffffff; padding: 10px; margin: 0 0 20px 0; overflow: hidden;} #eminewsletter * { color: #7f7f7f !important; } #eminewsletter h3 { font-size: 14px; margin: 0px 0px 5px 0px; } #eminewsletter label { margin: 0px 0px 1px 0px; padding: 3px 2px 3px 2px; width: 95%; font-family: Arial, Verdana, Helvetica, 'Lucida Grande', sans-serif; font-weight: normal; display: block; font-size: 11px; } #eminewsletter input.text { margin: 0 0 0 0; padding: 2px 2px; font-family: Verdana, Arial, Helvetica, 'Lucida Grande', sans-serif; font-size: 11px; color: #000; background-color: #FFF; border: 1px solid #7F7F7F; } #eminewsletter select { margin: 0px 0px 0px 0px; padding: 0px 2px; font-size: 11px; color: #000; font-weight: normal; background-color: #FFF; border: 1px solid #7F7F7F; } #eminewsletter input.text, #eminewsletter select { width: 100%; } #eminewsletter #email_block { width: 33%; float: left; margin: 0 10px 0 0; padding: 0; } #eminewsletter #vorname_block { width: 33%; float: left; margin: 0 10px 0 0; padding: 0; } #eminewsletter #land_block { width: 25%; float: right; margin: 0; padding: 0; } #eminewsletter #senden { position: relative; width: 100%; height: auto; margin: 0px; padding: 10px 0px 0px 0px; float: none; clear: both; background: transparent; text-align: right;} #eminewsletter #senden span { position: relative; display: block; font-size: 11px; width: 50%; margin: 0px; padding: 0; float: left; text-align: left;} /* ********************************************************************** ADDITIONAL SUBSTITUTS **********************************************************************/ div.trenner { position: relative; overflow: hidden; display: block; height: 1px; background: url(../img_style/bg_trenner_dotted.gif) repeat-x 0px 0px; margin: 0em 0em 1em 0em; } div.stopfloat { display: block; margin: -1px 0px 0px 0px; padding: 0px; overflow: hidden; height: 0px; width: 1px; float: none; font-size: 1px; line-height: 1px; clear: both; } .blockmarg { height: 8px !important; } /* Vertikale Ausrichtungen */ .vTop { vertical-align: top; } .vMiddle { vertical-align: middle; } .vBottom { vertical-align: bottom; } /* Horizontale Ausrichtungen */ .hLeft { text-align: left; } .hRight { text-align: right; } .hCenter { text-align: center; } /* Ein- / Ausblenden */ .an { display: block; } .aus { display: none; } /* IE PNG FIX */ /* img { behavior: url(css/iepngfix/iepngfix.htc) } */