body{margin:0;padding:0;border:0;color:#666;background-color:#FFF;font:17px/24px verdana, arial, sans-serif; }a#hide{display:none}div{background:transparent; margin:0; padding:0; border:0}div#box_main{width:100%; height:auto !important; height:940px; min-height:940px}div#box_content{float:left;margin:462px 0 0 0;padding:0 80px 20px 275px;line-height:1.6em;min-height:440px;width:515px; }* html div#box_content{width:865px; w\idth:515px; }#at_kontakt div#box_content,#at_media div#box_content{width:333px; }* html #at_kontakt div#box_content{width:683px; w\idth:333px; }div#box_content .box_text{margin:0 0 20px 120px}div#box_content .box_text_b{margin:0 0 20px 105px}div#box_content div.left a img{margin-bottom:20px}div.box_floating{background-color:#FFF2E7;float:left;padding:10px;margin:0 10px 10px 0;width:225px; }* html div.box_floating{width:245px; w\idth:225px; }div.box_floating a img{float:left; margin:0 15px 0 0}div.box_floating p img{vertical-align:bottom; margin:0 0 5px 0}#at_thermalwelt div.box_floating, #at_saunawelt div.box_floating{ min-height:98px; height:auto !important; height:98px}#at_pressefotos div.box_floating{ min-height:200px; height:auto !important; height:200px}#at_pressefotos div.box_floating img{margin-bottom:15px}div#box_right, div#box_right_nonews{float:left;width:182px;margin-top:462px;padding:0 0 20px 0;line-height:1.6em}div#box_right img{margin:5px 10px 10px 0}#box_right_nonews img{margin:0}div#box_galerie{clear:both;padding:20px 0 20px 275px;width:595px; }* html div#box_galerie{width:865px; w\idth:595px; }#box_galerie img{margin-right:16px}#box_galerie img.last{margin-right:0px}#box_galerie a{text-decoration:none}div#box_menue{position:absolute;top:130px;left:42px;width:190px;margin:0 0 100px 0}div#box_menue form#search{margin:50px 0 0 0;voice-family: "\"}\"";voice-family:inherit;margin:33px 0 0 0;margin : 34px 0 0 0}.blank_08{ }#box_menu_welten{height:67px;position:absolute;top:35px;left:275px;background:url(/images/box/bg_welten.jpg) no-repeat;z-index:90;width:600px}#box_language{position:absolute;top:0px;left:790px;z-index:91;width:70px; }* html #box_language{width:80px; w\idth:70px; }#box_fontsize{position:absolute;top:36px;left:890px;padding-left:10px;z-index:91;background:#FFF url(/images/box/menue_a.gif) 2px 5px no-repeat;width:60px; }* html #box_fontsize{width:70px; w\idth:60px; }div#box_ticker{position:absolute;top:445px;left:275px;width:595px;background-color:#F93;height:22px;overflow:hidden}#box_ticker p#location{color:#FFF;padding-left:5px}#box_ticker p#location a{margin:0 !important;padding:0 !important;text-decoration:underline}div#box_image{position:absolute;top:130px;left:275px;width:595px;height:310px;background:url(/images/fotos/bild_thermal_01.jpg) no-repeat;z-index:0 !important}#at_thermalwelt div#box_image{background:url(/images/fotos/bild_thermalwelt_01.jpg) no-repeat}#at_saunawelt div#box_image{background:url(/images/fotos/bild_saunawelt_01.jpg) no-repeat}#at_schlemmerwelt div#box_image{background:url(/images/fotos/bild_schlemmerwelt_01.jpg) no-repeat}#at_verwoehnwelt div#box_image,#at_spa div#box_image{background:url(/images/fotos/bild_verwoehnwelt_01.jpg) no-repeat}#at_aktionen div#box_image{background:url(/images/fotos/bild_eingangsbereich.jpg) no-repeat}#at_extras div#box_image{background:url(/images/fotos/bild_aquagym.jpg) no-repeat}#at_aktionen_pausch div#box_image{background:url(/images/fotos/bild_ac_pauschalen.jpg) no-repeat}#at_oeffpreis div#box_image{background:url(/images/fotos/bild_wassergrotte.jpg) no-repeat}#at_gutschein div#box_image{background:url(/images/fotos/bild_orient_badewelt_02.jpg) no-repeat}#at_reservierung div#box_image{background:url(/images/fotos/bild_orient_badewelt.jpg) no-repeat}#at_faq div#box_image{background:url(/images/fotos/bild_sonnenterrasse.jpg) no-repeat}#at_anreise div#box_image{background:url(/images/fotos/bild_karte.jpg) no-repeat}#at_bad_ac div#box_image{background:url(/images/fotos/bild_kaskaden.jpg) no-repeat}#at_a-z div#box_image{background:url(/images/fotos/bild_tw_aussen.jpg) no-repeat}#at_newsletter div#box_image{background:url(/images/fotos/bild_saunasee.jpg) no-repeat}#at_partner div#box_image{background:url(/images/fotos/bild_stollensauna.jpg) no-repeat}#at_kontakt div#box_image{background:url(/images/fotos/bild_felsklamm.jpg) no-repeat}#at_impressum div#box_image{background:url(/images/fotos/bild_eingangshalle.jpg) no-repeat}#at_multimedia div#box_image{position:absolute;top:0px;left:0px;width:1px;height:1px;background-image:none;z-index:0 !important}#box_welten_bottom_navi{margin:40px 0 0 0;text-align:center;clear:both}div#box_footer{clear:both;width:100%;height:35px;background-color:#FBDCC1}div#box_footer p{margin:0;padding:10px 0 0 5px}#at_spa{background:url(/images/box/bg_spa.jpg) 275px 467px no-repeat !important}#at_spa div#box_ticker{background-color:#BB1A16}#at_spa input#submit, #at_spa input.submit{color:#bb1a16}#box_spa { padding:20px 0 0 0; text-align:center}#at_spa #box_footer{background-color:#d5dde8}#box_verbaende{ text-align:center;position:absolute; margin: -320px 0 0 37px; }#box_verbaende a img { margin:0 0 0 20px; }#box_verbaende a.last img{ margin:16px 0 0 20px; }#at_backoffice_login input{width:150px}#at_backoffice_login #box_content{position:absolute;top:-82px;left:250px}#at_backoffice_login #box_content,#at_backoffice #box_content{margin:150px 0 0 0;padding:0 0 0 50px;width:600px}.head_backoffice{position:absolute;top:20px;left:300px}#at_backoffice div#box_content td{border:solid 1px #FFF;padding:1px 4px;width:auto}#at_backoffice div#box_content .tab_head{background-color:#BBB;font-weight:bold;vertical-align:top}#box_hinweis{position:absolute;top:30px;left:275px;width:597px;height:700px;border:1px solid #CCC;z-index:20000;display:block;background:#FFF url(/images/tagesrabatt.jpg) no-repeat}#schliessen{float:right;margin:5px 5px 0 0;color:#043882;font:bold 15px Arial, sans-serif;cursor:pointer}#schliessen span{ font-size:18px}#date{ width:90px; height:20px; margin:232px 0 0 283px; color:#fff; font:bold 16px Arial}#rabatt{ width:90px; margin:27px 0 0 283px; color:#000; font:bold 72px/72px Arial}.clearfix:after{ content: "."; display:block; line-height:0px;font-size:1px;height:0px; clear:both; visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}#at_multimedia #box_content{margin:130px 0 0;height:900px}#at_multimedia div#box_image{display:none}#at_multimedia #box_ticker{display:none}#box_multimedia { padding:20px 0 0 15px}#box_multimedia a{ display:block;width:157px;height:116px;background:transparent url(/images/logo_video.jpg) no-repeat; text-decoration:none}#at_multimedia #box_content .noflash{ border:1px solid #ccc;padding:10px;margin-right:18px}#at_multimedia #box_content .noflash a{ background-image:none;padding:0;text-decoration:none;border:0}#at_multimedia #box_content .noflash li img{ vertical-align:middle;margin-left:50px}#zeitlosentspannen{ position:absolute; left:880px; top:130px; display:block} h1#logo { position:absolute; top:8px;left:64px;width:142px;padding-top:92px;color:#FFF;background:#FFF url(/images/box/logo.gif) top left no-repeat; overflow:hidden;font-size:1px; height:90px; voice-family: "\"}\""; voice-family:inherit; height:0; }.nix_zrtzrhmopk{ }#box_content h2{font:1.8em verdana, arial, sans-serif;padding:0;margin:40px 0 30px 0;color:#666}#box_right h2, #box_right_nonews h2{font:bold 1em verdana, arial, sans-serif;padding:0;margin:40px 0 5px 0;color:#666}#at_spa #box_content h2{color:#bb1a16 !important}h3{font:bold 1.3em verdana, arial, sans-serif;padding:0;margin:0 0 20px 0;color:#888}#at_a-z h3{background-color:#FBDCC1;width:18px;text-align:center}h4{font:bold 1.3em verdana, arial, sans-serif;padding:0;margin:40px 0 20px 0;color:#888}h4.spa_kat{margin-bottom:10px;background:#d5dde8;color:#2d408f;padding:1px 5px}h5{font:bold 1em verdana, arial, sans-serif;padding:0;margin:30px 0 15px 0;color:#666}img{border:0}img.right{border:0}img.left{margin:0 15px 10px 0}#at_schlemmerwelt img.right, body.carolus-shop img.right{margin:20px 0 0 0}#at_impressum img.left {margin:5px 15px 10px 0}img.speek{vertical-align:middle}.strong{font-weight:bold; color:#888}strong{ color:#888}.small{font-size:0.9em; color:#999}.right{float:right}.left{float:left}.big{font-size:1.3em}.red{color:#F00}.orange{color:#F93}.nowrap{white-space:nowrap}.hint{ font-weight:bold; color:#888; background-image:url('/images/shop/error.gif'); background-repeat:no-repeat; background-position:5px 3px; border:1px solid #ff0000; margin:10px; padding:2px 12px 2px 25px}#box_content ul{margin-left:30px}#box_content ul li{list-style-type:square; margin-bottom:10px}#at_a-z #box_content ul li,#at_sitemap #box_content ul li{list-style:none}p{margin:0 0 15px 0; }p.blockquote{margin-left:20px}p.p1{float:left; width:100px}p.p2{float:left; width:210px}.nomargin{margin:0}span.space{width:120px;display:block;float:left}span.space2{width:180px;display:block;float:left}span.space3{width:186px;display:block;float:left}span.space4{width:177px;display:block;float:left}#box_ticker ul{margin:0;padding:0;list-style:none}#box_ticker ul li{float:left;margin:0;padding:0;line-height:1.4em;height:17px}ul#spa_ul{ list-style:url(/images/bullet_spa.gif);margin-bottom:30px}ul#spa_ul li{margin-bottom:5px !important}ul#spa_ul li{ _padding-left:6px; }hr{ color:#FBDCC1; border:0px;border-top:1px solid #FBDCC1;border-bottom:1px solid #FFF;padding:0;margin:10px 0 20px 0;margin :30px 0 30px 0;height:2px;clear:both}#at_spa hr{ color:#d5dde8; border-top:1px solid #d5dde8}#box_content p a, #box_content ul a, div#box_right p a, div#box_right_nonews p a{color:#666;padding-bottom:1px; background:none;text-decoration:underline;voice-family: "\"}\""; voice-family:inherit;background:transparent url(/images/butt_pfeil.gif) 0 4px no-repeat;padding:0 0 0 8px;border-bottom:1px solid #FF9933; text-decoration:none}.blank_01{ }#box_content p a:hover, #box_content ul a:hover, div#box_right p a:hover, div#box_right_nonews p a:hover{color:#666;padding-bottom:1px; background:none;text-decoration:none;voice-family: "\"}\""; voice-family:inherit;background:transparent url(/images/butt_pfeil.gif) 0 4px no-repeat;padding:0 0 0 8px;border-bottom:0px; }.blank_02{ }#box_right p a{color:#666;text-decoration:none}#box_right p a:hover{color:#666;text-decoration:underline}#box_ticker a{color:#FFF;text-decoration:none !important}#box_ticker a:hover{text-decoration:underline !important}#box_fontsize a{background-color:#FBDCC1;text-decoration:none;display:block;float:left;width:15px;height:15px;text-align:center;margin:4px 7px 0 0;color:#666}a.small{font-weight:bold; font-size:11px;line-height:13px; line-height : 12px}a.middle{font-weight:bold; font-size:14px;line-height:13px}a.big{font-size:18px;line-height:13px; line-height : 12px; margin:4px 0 0 0 !important}#box_fontsize a:hover{background-color:#FFF}#box_fontsize a.fontsize_activ{background-color:#EEE}#box_welten_bottom_navi a{background-image:none !important;background-color:#FBDCC1 !important;border:none !important;padding:2px 5px !important}#box_welten_bottom_navi a:hover{background-color:#FFF !important}#at_spa #box_welten_bottom_navi a{color:#666 !important;background-color:#d5dde8 !important}#at_spa #box_welten_bottom_navi a:hover{background-color:#FFF !important}div#box_footer p a{text-decoration:none;color:#666}div#box_footer p a:hover{text-decoration:underline;color:#666}div#box_footer a.print{ background:none;text-decoration:underline;padding:0;voice-family: "\"}\""; voice-family:inherit;background:url(/images/butt_print.gif) 4px 2px no-repeat;text-decoration:none;padding:0 0 0 20px}.blank_03{ }#at_spa #box_content p a, #at_spa #box_content ul a, #at_spa div#box_right p a, #at_spa div#box_right_nonews p a{border-bottom:1px solid #BB1A16;color:#BB1A16;background:transparent url(/images/butt_pfeil_spa.gif) 0 4px no-repeat; }#at_spa #box_content p a:hover, #at_spa #box_content ul a:hover, #at_spa div#box_right p a:hover, #at_spa div#box_right_nonews p a:hover{border-bottom:none}ul#spa_ul a{ background-image:none !important;padding-left:0}ul#spa_ul a:hover{ text-decoration:none; padding-left:0; } #box_letters ul{margin:0;padding:0} #box_letters ul li{ text-align:center; float:left; display:block; padding:0 !important; width:17px; margin-right:2px; background-color:#EEE; } #box_letters ul li a{ display:block; background-image:none !important; padding:0 !important; width:17px; background-color:#FBDCC1; border:none !important; } #box_letters ul li a:hover{background-color:#FFF} p.sprung_top{text-align:right} p.sprung_top a{ background-image:none !important; padding:5px 4px !important; padding :1px 4px !important; background-color:#FBDCC1 !important; border:none !important; } p.sprung_top a:hover{background-color:#FFF !important}p.pager a:link, p.pager a:active, p.pager a:visited{text-decoration:none;background-color:#FBDCC1 !important;padding:1px 5px !important;margin-right:2px;width:16px !important;border:none !important;background-image:none !important}p.pager a:hover{background-color:#FFF !important}p.pager a.pager_active{background-color:#FFC387 !important; font-weight:bold}p.pdf a{background:none;voice-family: "\"}\""; voice-family:inherit;background:transparent url(/images/butt_pdf.gif) 0 0 no-repeat !important;padding:3px 0 0 20px !important}.nix_zrtzrhmopk{ }p.pdf a:hover{border:none;background:none;voice-family: "\"}\""; voice-family:inherit;background:transparent url(/images/butt_pdf.gif) no-repeat;padding:3px 0 0 20px}.nix_zrtzrhmopk{ }.nostyle a{padding:0 !important;background:none !important}#at_thermalwelt .nostyle a{border:none !important}#box_right .nostyle a{border-bottom:0}#box_right .nostyle a:hover{border-bottom:1px solid}a.hide{ height:0;width:0;overflow:hidden;position:absolute; }.zoom{ background:transparent url(/images/butt_zoom.gif) bottom left no-repeat; padding:0 0 15px 0}table{ border-collapse:collapse; width:100%; margin-bottom:25px; font:17px/24px Verdana,Arial,sans-serif; }caption{text-align:left; font-weight:bold; margin-bottom:2px}tr{background-color:#FFF}tr.tr1{background-color:#FBDCC1}td.center{text-align:center}td{border:solid 1px #FFF;padding:1px 4px;width:33%}a.tooltip{ z-index:24; position:relative;border:none !important;background:none !important;padding:0 !important}a.tooltip:hover{ z-index:25}a.tooltip span{ display:none}a.tooltip:hover span{ position:absolute; top:38px; top : -11px; left:40px; border:4px solid #FFF; padding:0 3px; display:block; width:auto; color:#333; background-color:#FBDCC1}#at_suche #box_main,#at_francais #box_main,#at_reservierung #box_main,#at_bad_ac #box_main{ height:auto !important; height:850px; min-height:850px}.hinweis_gutschein{ color:#FF9933; margin-top:40px; font-weight:bold}.preispfeil{background:#FFF url(/images/box/menue_a.gif) 3px 4px no-repeat;padding-left:14px; }.scala{ margin-left:120px}.scalapercent1{ margin-left:0px; width:50px; float:left; text-align:center}.scalapercent2{ margin-left:30px; width:50px; float:left; text-align:center; padding-top:5px}.scala .first{ background:url(/images/scala.gif) top center repeat-y; height:10px; overflow:hidden; padding-top:5px}.scala .last{ background:url(/images/scala.gif) top center no-repeat; padding-top:15px} /* -------------------------------------------- Style-Import fuer die Screenausgabe ----------------------------------------------- */ /* © 2006 Carolus Thermen, Aachen */ /* ----------------------------------------------- Navigation © 2006 Carolus Thermen, Aachen -------------------------------------------------- */ /* --------------------------------- Menue Main ---------------------------------*/ .menue { list-style: none; padding: 0; margin: 0; } .menue li { margin: 0 0 1px 0; padding: 0; list-style: none; } .menue li a { display: block; padding: 0 0 1px 10px; padding /**/: 1px 0 0 10px; text-decoration: none; background: #FFF url(/images/box/menue_a.gif) 2px 5px no-repeat; color: #666; } * html .menue li a { /* hide from all browsers except IE - fuer die grosse Schriftgroesse */ height: 16px; } .menue li a:hover, .menue li a.menue_activ { background: #FBDCC1 url(/images/box/menue_b.gif) 2px 5px no-repeat; color: #000; } .menue li.home {margin: 0 0 11px 0;} .menue li.bad_aachen {margin:11px 0 11px 0;} .menue li.bad_aachen_open {margin:11px 0 0 0;} /* Submenue offen */ /* Untermenue */ .menue_sec { list-style: none; padding: 0; margin: 0 0 8px 0; } .menue_sec li { margin: 0 0 1px 0; padding: 0; list-style: none; width: 170px; } .menue_sec li a { display: block; width: 162px; padding: 1px 0 0 18px; color: #777; text-decoration: none; background: url(/images/box/menue_sec_a.gif) 12px 7px no-repeat; } * html .menue_sec li a { /* hide from all browsers except IE - fuer die grosse Schriftgroesse */ height: 16px; } .menue_sec li a:hover, .menue_sec li a.menue_sec_activ { background: url(/images/box/menue_sec_b.gif) 12px 7px no-repeat; color: #F93; } /* --------------------------------- Menue Welten ---------------------------------*/ /* CSS from tutorials of www.alsacreations.com/articles */ dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu_welten { position: absolute; top: 48px; z-index: 90; width: 100%; /* precision for Opera */ } #menu_welten dl { float: left; width: 122px; margin-right: 4px; } #menu_welten dt { cursor: pointer; font: 1.25em verdana, arial, sans-serif; font /**/: 1.3em verdana, arial, sans-serif; } #menu_welten dd { display: none; } #menu_welten li { background: #FFF; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; margin-top: 1px; min-height: 40px; /*anpassung firefox*/ } * html #menu_welten li { /* hide from all browsers except IE - fuer die grosse Schriftgroesse */ height: 40px; } #menu_welten li a, #menu_welten dt a{ text-decoration: none; display: block; border: none; } #menu_welten dt a { color: #666; padding: 8px 0 0 10px; background: #FFF url(/images/box/menue_welten_a.gif) 0 12px no-repeat; height: 38px; /*anpassung ie5*/ } #menu_welten li a { color: #333; padding: 6px 0 0 18px; background: url(/images/box/menue_a.gif) 8px 11px no-repeat; min-height: 34px; /*anpassung firefox*/ } * html #menu_welten li a { /* hide from all browsers except IE - fuer die grosse Schriftgroesse */ height: 34px;/*anpassung ie5*/ } #menu_welten dt a:hover, #menu_welten dt a.menue_welten_activ { color: #000; padding: 8px 0 0 10px; background: #FBDCC1 url(/images/box/menue_welten_b.gif) 0 12px no-repeat; height: 38px; /*anpassung ie5*/ } #menu_welten li a:hover, #menu_welten li a.menue_welten_activ { color: #000; padding: 6px 0 0 18px; background: #FBDCC1 url(/images/box/menue_b.gif) 8px 11px no-repeat; min-height: 34px; /*anpassung firefox*/ } * html #menu_welten li a:hover, #menu_welten li a.menue_welten_activ { /* hide from all browsers except IE - fuer die grosse Schriftgroesse */ height: 34px; /*anpassung ie5*/ } /* --------------------------------- Menue Language ---------------------------------*/ #box_language ul { margin: 0; padding: 0; list-style: none; } #box_language .menue li { margin: 0 0 1px 0; padding: 0; list-style: none; } #box_language li a { display: block; width: 100%; height: 16px; padding: 1px 0 0 10px; color: #666; text-decoration:none; background: #FFF url(/images/box/menue_a.gif) 2px 6px no-repeat; } #box_language li a:hover { background: #FBDCC1 url(/images/box/menue_b.gif) 2px 6px no-repeat; color: #000; } #box_language li a.lang_activ { background: #FBDCC1 url(/images/box/menue_b.gif) 2px 6px no-repeat; color: #000; } /* --------------------------------- Menue Rechts ---------------------------------*/ .menue_rechts { list-style: none; padding: 0; margin: 0; } .menue_rechts li { margin: 0 0 1px 0; padding: 0; list-style: none; } .menue_rechts li a { display: block; width: 170px; height: 16px; padding: 1px 0 0 10px; color: #666; text-decoration: none; background: #FFF url(/images/box/menue_a.gif) 2px 5px no-repeat; } .menue_rechts li a:hover, .menue_rechts li a.menue_rechts_activ { background: #FBDCC1 url(/images/box/menue_b.gif) 2px 5px no-repeat; color: #000; } /* ------------------------------------------------ Inhalt © 2006 Carolus Thermen, Aachen --------------------------------------------------- */ form {margin: 0; padding: 0;} form p {margin-bottom:5px !important;} input, select, textarea { font: 1em verdana, arial, sans-serif; color: #666; background-color: #FFF; border: 1px solid #CCC; } input { margin: 0; padding: 0 2px; height: 18px; } label {cursor:pointer;} select {width: 325px; height:18px;} select#zahlung_kartegueltigmonat, select#zahlung_kartegueltigjahr {width:160px;} input {width: 320px;} input#plz, input#hausnummer, input#kontakt_hausnummer, input#kontakt_la_hausnummer, input#kontakt_plz, input#kontakt_la_plz, input#la_hausnummer, input#la_plz{width: 70px;} input#ort, input#strasse, input#kontakt_strasse, input#kontakt_ort, input#kontakt_la_strasse, input#kontakt_la_ort, input#la_ort {width: 240px;} input.input_small {width: 40px; margin-left:20px;} input#gutschein_wert {margin-left:0;} input#gutschein_anzahl {margin-left:14px;} .formular input#strasse{ width: 320px; } textarea {width:320px; margin: 0 0 20px 0; overflow: auto; padding: 2px;} #at_gutschein textarea {margin-bottom: 0;} input#einverstanden, input#zustimmung, input#keine_angabe {width: 14px; height:14px; float:left; margin: 3px 4px 40px 0;} input#keine_angabe {margin: 3px 4px 20px 0;} input#submit, input.submit { margin: 50px 0 20px 0; height: 20px; padding: 0 0 4px 0; background-color: #FFF; cursor: pointer; font-weight: bold; color: #F93; width: 326px; } /* Newsletter */ #at_newsletter input.text {width:200px;} #at_newsletter input.submit {width:100px;margin:0;} #at_newsletter input#einverstanden {margin: 3px 4px 60px 0;} #at_newsletter p.hinweis {margin: 20px 0 0 0;} /* Suchfeld */ input#searchtext { width: 147px; height: 15px; margin-right: 5px; vertical-align: middle; padding-left: 10px; } input#searchbutt { width: 18px; height: 15px; vertical-align: middle; } /* FAQ, Suche */ form#search_2 input {vertical-align:middle;} #at_suche input#searchtext_2, #at_faq input#searchtext_2 {width:220px;margin:0;} #at_suche input#submit, #at_faq input#submit {width:100px;margin:0;} /* Kategorien */ form#linkKat {background-color: #FBDCC1;} form#linkKat select {width:200px;margin: 4px;} form#linkKat input#anzeigen {width:100px;margin:4px;} /* Error Validate */ .error {color:#F00;} /* ----------------------------------------------- [shop] 0. allgemein 1. breadcrumbs 2. gutschein 2.1 gutschein shop-buttons 2.2 gutschein höhe variabel 3. preisrechner 3.1 preisrechner formular 4. warenkorb 5. adresse 6. gestalten 7. zahlart 8. bestätigung 9. bestellen 88. afm ergänzungen ----------------------------------------------- */ /* ----------------------------------------------- [0. allgemein] id="shop" ----------------------------------------------- */ #at_newsletter #box_main, #shop #box_main, #box_main { height: auto !important; height: 940px; min-height: 940px; } #shop #box_content{ width: 595px; } #shop #box_content label { width: auto; } #shop #menu_welten li{ filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; } /* Großes Bild ausblenden #shop #box_image{ display:none; } #shop #box_content{ margin: 162px 0pt 0pt; } #shop #box_ticker{ top: 145px; } */ /* kleineres Bild */ #shop #box_image{ display:none; height: 160px; background-position: center center; } #shop #box_content{ margin: 120px 0 0 0; } #shop #box_content h2{ margin: 15px 0 30px 0; } #shop #box_ticker{ display:none; } /**/ #shop .clearboth{ clear: both; font-size: 0; height: 0; line-height:0; overflow: hidden; } #shop fieldset { margin: 0; padding: 0; border: none; } #shop #linkbuttonleft, #shop #linkbuttonright{ color: #f93; cursor: pointer; font-weight: bold; border: 1px solid #ccc; text-align: center; display: block; text-decoration:none; padding: 2px 21px; outline: none; white-space: nowrap; line-height: 1.2em; } #shop #linkbuttonleft{ float:left; } #shop a#linkbuttonright{ padding: 3px 21px; float: right; } #shop input#linkbuttonright{ float: right; height: auto; width: auto; line-height: auto; padding: 0 0; } /* Hack */ #shop input#linkbuttonright[id]{ padding: 1px 21px; /* FF */ *padding: 0 0; /* IE7 */ } #shop a.link, #shop a.link:visited, #shop a.link:link{ background: transparent url(/images/butt_pfeil.gif) no-repeat scroll 0pt 4px; border-bottom: 1px solid #f93; color: #666; padding: 0 0 0 8px; text-decoration:none; } #shop a.link:active, #shop a.link:focus, #shop a.link:hover{ border:none; } #shop div.errorbox{ margin: 10px 0; border: 1px solid #f00; padding: 2px 12px 2px 25px; background: url(/images/shop/error.gif) 5px 3px no-repeat; } /* ----------------------------------------------- [1. breadcrumbs] id="shoppingcart" class="active" ----------------------------------------------- */ #shop ol#shoppingcart{ margin:0 0 20px 0; padding:0; width:595px; font-size:12px; } #shop ol#shoppingcart li{ margin:0; padding:0; float:left; display:block; border-bottom:6px solid #fff2e7; line-height:25px; width: 99px; text-align: center; } #shop ol#shoppingcart li.active{ border-bottom:6px solid #fbdcc1; color: #f93; font-weight:bold; } #shop ol#shoppingcart li.visited{ border-bottom:6px solid #fbdcc1; } #shop ol#shoppingcart li a{ color: #666; text-decoration:none; } /* ----------------------------------------------- [2. gutschein] id="shop" class="gutschein" ----------------------------------------------- */ #shop.gutschein .box{ background-color: #fff2e7; border: 1px solid #fbdcc1; width: 190px; float:left; margin:3px; position: relative; margin: 50px 3px 3px 3px; height:18em; } #shop.gutschein .box.klein{ height:13em; } #shop.gutschein .box.box_variabel{ background-color: #ffe5cc; height:18em; } #shop.gutschein .box .padding{ padding:16px 12px; } #shop.gutschein .box .preis{ background: url(/images/shop/preis_bg.gif) no-repeat left center; width: 56px; height: 56px; position: absolute; right: 7px; top: -26px; color: #fff; text-align:center; } #shop.gutschein .box.box_variabel .preis{ background: url(/images/shop/variabel_bg.gif) no-repeat left center; } #shop.gutschein .box .preis span.number2{ display:block; height:56px; width:37px; float:left; text-align:right; font-size:22px; line-height:50px; margin:0 3px 0 0; } #shop.gutschein .box .preis span.number3{ display:block; height:56px; width:40px; float:left; text-align:right; font-size:20px; line-height:50px; margin:0 3px 0 0; } #shop.gutschein .box .preis span.euro{ display:block; height:56px; float:left; text-align:left; font-size:14px; line-height:52px; } #shop.gutschein .box .preis span.variabel{ display:block; width:55px; margin:15px 0 0 0; text-align:center; line-height:100%; } #shop.gutschein .box h3{ font-size:16px; color:#f93; font-weight:bold; margin:5px 0 0 0; padding:0; line-height:100%; } #shop.gutschein .box h4{ font-size:11px; color:#666; font-weight:normal; margin:0; padding:0; line-height:100%; } #shop.gutschein .box .kurztext{ margin: 15px 0; } #shop.gutschein .box .kurztext.lang{ height:88px; overflow:hidden; } #shop div#balkenbox { height: 40px; margin-top: -20px; } #shop span#balkenlabel { float: left; } #shop span#balken{ background-color: #ff9933; height: 10px; line-height: 10px; font-size: 1px; width: 300px; float: left; display: block; position: relative; top: 5px; left: 20px; } /* ----------------------------------------------- [2.1 gutschein shop-buttons] class="btns_shop" ----------------------------------------------- */ #shop.gutschein .box ul.btns_shop, #shop.gutschein .box ul.btns_shop li{ list-style-type: none; margin:0; } #shop.gutschein .box a.cart_add, #shop.gutschein .box a.cart_add:visited, #shop.gutschein .box a.cart_add:link{ background: url(/images/shop/shopping_cart.gif) left center no-repeat; padding: 0 0 0 25px; border-bottom: none; font-size: 11px; font-weight: bold; color: #f93; display: block; height: 16px; line-height: 16px; } #shop.gutschein .box a.cart_add:hover, #shop.gutschein .box a.cart_add:focus, #shop.gutschein .box a.cart_add:active{ color: #666; } /* ----------------------------------------------- [2.2 gutschein höhe variabel] id="shop_coupon" class="buttons" ----------------------------------------------- */ #shop_coupon{ position:absolute; bottom: 17px; } #shop_coupon fieldset{ border:none; } .coupon_euro{ font-weight:bold; } #shop_coupon #cart_preis{ width:54px; padding: 2px 3px 1px 3px; height:15px; text-align:right; } #shop_coupon .button{ background: url(/images/shop/shopping_cart.gif) left center no-repeat; padding: 0 0 0 25px; border:none; font-size:11px; font-weight:bold; color: #f93; display:block; height:16px; line-height:16px; width:146px; margin: 15px 0 0; } #shop_coupon .button:hover, #shop_coupon .button:focus, #shop_coupon .button:active{ color: #666; } /* ----------------------------------------------- [3. preisrechner] id="shop" class="preisrechner" ----------------------------------------------- */ #shop.preisrechner{ margin:0; padding:0; } #shop.preisrechner h2{ color:#666; font-size:1.8em; font-weight:normal; margin:10px 0; padding:0pt; } #shop.preisrechner #pr_wrapper{ width: 640px; background-color:#fff; } #shop.preisrechner #pr_head{ margin:0 20px; } #shop.preisrechner #pr_head #pr_head_left{ float:left; } #shop.preisrechner #pr_head #pr_logo{ background: url(/images/shop/pr_logo.jpg) no-repeat left center transparent; margin:10px 0 0 0; width:90px; height:58px; float:right; } #shop.preisrechner p.kurztext{ margin:10px 0; } #shop.preisrechner #pr_body{ margin:0 20px; } #shop.preisrechner #pr_body #pr_body_left{ float:left; margin: 0 20px 0 0; } #pr_body_left #th_angebote{ float:left; background-color:#fbdcc1; width:203px; } #pr_body_left #th_preis{ float:left; background-color:#fbdcc1; margin:0 0 0 1px; width:120px; } #pr_body_left #th_preis span, #pr_body_left #th_angebote span{ padding: 1px 4px; } #shop.preisrechner #preisliste{ height: 350px; overflow:scroll; width: 322px; border:1px solid #fbdcc1; } html #shop.preisrechner div#preisliste table.group{ width: 305px; } a.rechner_add{ background: url(/images/shop/rechner_add.gif) left center no-repeat; width: 13px; height: 13px; display:block; text-decoration:none; } a.rechner_del{ background: url(/images/shop/rechner_del.gif) left center no-repeat; width: 13px; height: 13px; display:block; text-decoration:none; } #shop.preisrechner #preisliste a, #shop.preisrechner #preisliste a:link, #shop.preisrechner #preisliste a:visited, #shop.preisrechner #preisliste a:hover, #shop.preisrechner #preisliste a:focus, #shop.preisrechner #preisliste a:active{ text-decoration:none; color: #666; } table.group{ border-collapse:collapse; width:284px; padding:0; margin:0; } table.group tr{ margin:0; padding:0; width:auto; background-color:transparent; } table.group th{ background-color:#fff2e7; text-align:left; font-weight:normal; padding: 1px 4px; } table.group td{ width:auto; border:none; } table.group td.pr_name{ width:225px; } table.group td.pr_preis{ width:55px; text-align:right; } table.group td.pr_add{ width: 16px; } #rechner{ width: 238px; height: 150px; float:left; } #form_rechner fieldset{ border:none; margin:0; padding:0; } #shop.preisrechner div#euro{ line-height: 20px; font-size:17px; font-weight:bold; padding: 8px 0; text-indent:3px; } /* ----------------------------------------------- [3.1 preisrechner formular] id="form_rechner" ----------------------------------------------- */ #form_rechner input{ width:238px; } #form_rechner span{ background: url(/images/shop/rechner_bg.gif) top left no-repeat #cacaca; height: 34px; width: 236Px; display: block; border: 1px solid #ccc; } #form_rechner input.input{ width: 232px; height: 20px; text-align: right; font-size: 17px; font-weight: bold; line-height: 100%; background: transparent; padding: 7px 2px; border: 0; } #form_rechner input.submit{ margin:8px 0 0 0; padding: 1px 0 3px 0; text-align:center; } #form_rechner input#btn_betragaufrunden{ width:148px; float:left; } #form_rechner input#btn_loeschen{ width:78px; float:right; outline:none; } #form_aufrunden p.head_aufrunden{ background-color:#fbdcc1; margin: 10px 0 0 0; } form#form_aufrunden p{ background-color: #fff2e7; margin:1px 0 0 0; margin-bottom: 0 !important; padding:2px 4px; } #form_aufrunden input{ margin:0; width:auto; } #form_aufrunden input.radio{ width:auto; height:auto; border:none; padding:0; float:left; background-color:transparent; } form#form_aufrunden label{ padding: 0 0 0 5px; } form#form_aufrunden #betrag_runden_value{ width:60px; margin:0 0 0 30px; text-align:right; } a.submit{ width: 236px; color: #f93; cursor: pointer; font-weight:bold; height:18px; line-height:18px; border:1px solid #ccc; text-align:center; display:block; text-decoration:none; margin:8px 0 0 0; } /* ----------------------------------------------- [4. warenkorb] id="shop" class="warenkorb" ----------------------------------------------- */ #shop.warenkorb #shop_warenkorb { margin: 0; } #shop.warenkorb #shop_warenkorb table { margin-bottom: 0px; } #shop.warenkorb #shop_warenkorb table td, #shop.warenkorb #shop_warenkorb table th{ width: auto; } #shop.warenkorb #shop_warenkorb table input { width: auto; border:1px solid #f93; height: 1.46em; padding:0; margin:0; text-align: right; float:left; } #shop.warenkorb #shop_warenkorb table input.eingabefeld{ width: 3.4em; padding: 0 2px; height: 1.2em; } * html #shop.warenkorb #shop_warenkorb table input.eingabefeld{ margin-right: 10px; } #shop.warenkorb #shop_warenkorb .cart_count a{ float:right; display:block; width:14px; height:14px; margin:0 2px; } #shop.warenkorb #shop_warenkorb th{ background-color: #fbdcc1; padding: 2px 12px; font-weight:normal; text-align:left; } #shop.warenkorb #shop_warenkorb td{ background-color: #fff2e7; padding: 2px 12px; vertical-align:middle; } #shop.warenkorb #shop_warenkorb td.euro{ text-align:right; padding: 0 5px 0 0; width:107px; } #shop.warenkorb #shop_warenkorb td.cart_delete{ padding:0 1px; text-align: center; } #shop.warenkorb #shop_warenkorb td.cart_delete a.cart_delete{ margin-left:3px; } #shop.warenkorb #shop_warenkorb td.cart_delete a.cart_delete[class]{ margin:0; } #shop.warenkorb #shop_warenkorb th#th_anzahl{ width:103px; } #shop.warenkorb #shop_warenkorb th#th_artikel{ width:286px; } #shop.warenkorb #shop_warenkorb th#th_einzelpreis{ width: 80px; text-align: right; } #shop.warenkorb #shop_warenkorb th#th_gesamtpreis{ width:123px; text-align: right; } #shop.warenkorb #shop_warenkorb td#td_summe{ padding: 0 5px 0 12px; } #shop.warenkorb #shop_warenkorb td#td_summe span.summe{ display:block; float:left; } #shop.warenkorb #shop_warenkorb td#td_summe span.euro{ display:block; float:right; } #shop.warenkorb #shop_warenkorb #btn_aktualisieren input.button { background: url(/images/butt_pfeil.gif) no-repeat left 5px; text-align: left; cursor: pointer; display: block; padding: 0 0 0 6px; text-decoration: none; color: #666; border: none; width: auto; border-bottom:1px solid #FF9933; float: right; } #shop.warenkorb #shop_warenkorb #btn_aktualisieren input.button[class] { *width: 13.5em; } * html #shop.warenkorb #shop_warenkorb #btn_aktualisieren input.button { width: 13.5em; } #shop.warenkorb #shop_warenkorb #btn_aktualisieren input.button:hover { border-bottom:0px; } #shop.warenkorb #shop_warenkorb .td_white{ background-color:#fff; height:40px; vertical-align:top; } #shop.warenkorb table input#versand_email, #shop.warenkorb table input#versand_email_la, #shop.warenkorb table input#versand_post_inland, #shop.warenkorb table input#versand_post_ausland, #shop.warenkorb table input#versand_post_la_inland, #shop.warenkorb table input#versand_post_la_ausland{ border: none; width: auto; padding: 0; background-color: #fff2e7; margin: 6px 0 0 0; } #shop.warenkorb table input#versand_email[id], #shop.warenkorb table input#versand_email_la[id], #shop.warenkorb table input#versand_post_inland[id], #shop.warenkorb table input#versand_post_ausland[id], #shop.warenkorb table input#versand_post_la_inland[id], #shop.warenkorb table input#versand_post_la_ausland[id]{ margin: 0; } #shop.warenkorb table form p.checkbox{ margin:0 !important; } #shop.warenkorb table p.checkbox label{ margin: 0 0 0 5px; float:left; } #shop.warenkorb table.versandinfo th { font-weight: normal; text-align: left; background-color: #ededed; border-bottom: 1px solid #fff; } #shop.warenkorb table.versandinfo td { background-color: #f5f5f5; border: 0px; } /* ----------------------------------------------- [5. adresse] id="shop" class="adresse" ----------------------------------------------- */ #shop.adresse label{ display: block; float: left; } #shop.adresse legend{ color:#888; font-size-adjust:none; font-weight:bold; margin: 0 0 20px 0; padding:0; font-size: 1.3em; } #shop.adresse fieldset legend{ margin: 0 0 5px 0; font-size: 1em; } * html #shop.adresse fieldset legend{ margin-left: -8px; } #shop.adresse #box_content .formular .label_plz, #shop.adresse #box_content .formular .label_ort{ float:left; width: auto; } #shop.adresse #box_content .formular label{ width: 100%; } #shop.adresse span.span_label{ display:block; float:left; width: 100%; } #shop.adresse span.no_label{ float:left; display:block; } #shop.adresse #box_content input.input{ padding: 2px 1px 1px 3px; height:15px; text-align:left; } #shop.adresse #box_content div.errorbox ul li{ margin-bottom:3px; } #shop.adresse p.checkbox { padding-left: 10px; } #shop.adresse p.checkbox input, #shop.adresse p.checkbox input#zustimmung { width: auto; height: auto; float: left !important; border: none; margin: 0; } #shop.adresse p.checkbox label { width: auto; line-height: 1.6em !important; margin: 0 0 0 5px; width:28em !important; position: relative; top: -3px; *top: 0px; } #shop.adresse div.cleardiv { clear: both; } #shop.adresse div.cleardiv[class] { *height: 1px; *margin-top: -10px; } #shop.adresse div.post_cost { position: absolute; margin-top: -21px; margin-left: 100px; } #shop.adresse fieldset.datenschutz{ margin: 1em 0 1em 12.5em; } #shop.adresse fieldset.datenschutz legend { margin-bottom:5px; } #shop.adresse fieldset.versand { padding-bottom: 35px; } #shop.adresse fieldset.abweichend { padding-bottom: 20px; } #shop.adresse form#shop_erfassung_kunde fieldset { width: 360px; } #shop.adresse form#shop_erfassung_kunde p.legend { width: 360px; padding-bottom: 5px; font-weight: bold; color: #888; } #shop.adresse div#lieferadresse_alternativ fieldset { margin-top: 25px; } #shop.adresse #linkbuttonleft, #shop.adresse #linkbuttonright { margin-top: 20px; } /* ----------------------------------------------- [6.05 infobox] ----------------------------------------------- */ div.infobox { float: right; width: 215px; } div.infobox table th { text-align: left; background-color: #fbdcc0; font-weight: normal; padding-left: 4px; padding-right: 4px; } div.infobox table td { background-color: #fff3e7; border: 0px; height: 26px; padding-left: 4px; padding-right: 4px; text-align: right; } div.infobox table td.lab { width: 50px; text-align: left; } div.infobox table td.lab[class] { *white-space: pre; } * html div.infobox table td.lab { white-space: pre; } div.infobox p { margin-bottom: 5px; } /* ----------------------------------------------- [6.1 zahlart] ----------------------------------------------- */ form#shop_zahlart legend { font-weight: bold; color: #888; margin-bottom: 5px; } * html form#shop_zahlart legend{ margin-left: -8px; } form#shop_zahlart p.checkbox { padding-left: 10px; padding-top: 0px; } form#shop_zahlart p.checkbox input, form#shop_zahlart p.checkbox input#zustimmung { width: auto; height: auto; float: left !important; border: none; margin: 0; } form#shop_zahlart p.checkbox label { width: auto; line-height: 1.6em !important; margin: 0 0 0 5px; width:28em !important; position: relative; top: -3px; *top: 0px; } form#shop_zahlart fieldset p.top { padding-bottom: 5px; padding-top: 0px; } form#shop_zahlart fieldset p { padding-top: 15px; } form#shop_zahlart fieldset { width: 360px; padding-bottom: 25px; } form#shop_zahlart div.clearfix[class] { *line-height: 0px; *font-size: 1px; *margin-bottom: -20px; } * html form#shop_zahlart div.clearfix { line-height: 0px; font-size: 1px; margin-bottom: -20px; } /* ----------------------------------------------- [6. gestalten] id="shop" class="kasse_gutschein" ----------------------------------------------- */ #shop.kasse_gutschein #gutschein_text{ width: 590px; /*height: 5em;*/ } #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg, #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg_selected{ height:auto; width: 100px; border: none; margin:0; padding:0; background-color:transparent; color:none; } #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg{ border:1px solid #ccc; padding:2px; } #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg:hover{ padding:0; border:3px solid #ccc; } #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg_selected{ border:3px solid #f93; } /* ----------------------------------------------- [7. zahlart] id="shop" class="kasse_zahlart" ----------------------------------------------- */ /* ----------------------------------------------- [8. bestätigung] id="shop" class="kasse_bestaetigung" ----------------------------------------------- */ #shop.kasse_bestaetigung #table_artikel{ margin:0; } #shop.kasse_bestaetigung table{ margin: 0 0 10px 0; } #shop.kasse_bestaetigung table td, #shop.kasse_bestaetigung table th{ border: 1px solid #fff; width:auto; } #shop.kasse_bestaetigung .cart_count a{ float:right; display:block; width:14px; height:14px; margin:0 2px; } #shop.kasse_bestaetigung th{ background-color: #fbdcc1; height:20px; line-height:20px; padding:0 12px; font-weight:normal; text-align:left; } #shop.kasse_bestaetigung td{ background-color: #fff2e7; height:20px; line-height:20px; padding:0 12px; vertical-align:top; } #shop.kasse_bestaetigung #table_artikel td.euro{ text-align:right; padding: 0 5px 0 0; width:107px; } #shop.kasse_bestaetigung #table_artikel th#th_anzahl{ width:auto; } #shop.kasse_bestaetigung #table_artikel th#th_artikel{ width:359px; } #shop.kasse_bestaetigung #table_artikel th#th_einzelpreis{ width: 80px; } #shop.kasse_bestaetigung #table_artikel th#th_gesamtpreis{ width:123px; } #shop.kasse_bestaetigung #table_artikel td#td_summe{ padding: 0 5px 0 12px; } #shop.kasse_bestaetigung #table_artikel td#td_summe span.summe{ display:block; float:left; } #shop.kasse_bestaetigung #table_artikel td#td_summe span.euro{ display:block; float:right; } #shop.kasse_bestaetigung #table_artikel .td_white{ background-color:#fff; height:40px; vertical-align:top; } #shop.kasse_bestaetigung td.td_adresse{ width:100px; } #shop.kasse_bestaetigung legend{ color:#888888; font-weight:bold; padding-bottom:10px; } #shop.kasse_bestaetigung p.checkbox{ padding-left:10px; } #shop.kasse_bestaetigung p.checkbox input#agb, #shop.kasse_bestaetigung p.checkbox input#zustimmung, #shop.kasse_bestaetigung p.checkbox input#newsletter{ width: auto; height: auto; float: left !important; border: none; margin: 0; } #shop.kasse_bestaetigung #box_content p.checkbox label{ line-height:1.6em !important; margin:0 0 0 5px; position:relative; top:-3px; float:left; max-width: 500px; *top: 0px; } /* ----------------------------------------------- [88.0 breadcrumbs] ----------------------------------------------- */ html #shop ol#shoppingcart{ font-size:11px; } html #shop ol#shoppingcart li{ /*padding:0 11px;*/ } html #shop ol#shoppingcart li.active{ /*padding: 0 17px; padding-left: 18px;*/ /*padding-left: 14px;*/ /*padding-right: 14px;*/ } /* ----------------------------------------------- [88.1 gutschein] ----------------------------------------------- */ html form#shop_coupon .button{ cursor: pointer; } /* ----------------------------------------------- [88.2 preisrechner formular] ----------------------------------------------- */ html form#form_aufrunden #betrag_runden_value{ width: 62px; /* variablen betrag input button an aufrunden button anpassen */ margin: 0px; } #form_aufrunden p#p_btn_aufrunden{ text-align: right; /* aufrunden button rechts ausrichten */ } div#rechner a.submit#rechner_abbrechen{ position: relative; /* abbrechen button unten positionieren */ top: 256px; margin: 0px; width: 246px; /* rechten abstand verringern */ } form#form_aufrunden{ position: absolute; /* abbrechen button unten positionieren */ } html #shop.preisrechner div#preisliste{ overflow: auto; /* horizontale scrollbars entfernen */ } html #shop.preisrechner div#preisliste table.group{ /*width: 100%;*/ } html #shop.preisrechner div#pr_body, html #shop.preisrechner div#pr_head{ margin-right: 10px; /* rechten abstand verringern */ } html div#rechner{ width: 248px; } html #form_rechner input.input{ width: 242px; } html #form_rechner span{ width: 246px; } html #shop.preisrechner div#euro{ text-align: right; } html #form_rechner input { width: 248px; } html #form_rechner input#btn_betragaufrunden{ width: 158px; } html #form_rechner input#btn_loeschen{ width: 78px; } html form#form_aufrunden{ width: 248px; } form#form_aufrunden table{ vertical-align: middle; /* tabelle einbauen */ margin-top: 8px; margin-bottom: -1px; } form#form_aufrunden table td, form#form_aufrunden table th{ text-align: left; font-weight: normal; width: auto; padding: 0px; padding-left: 3px; padding-top: 2px; padding-bottom: 2px; border: 0px; border-bottom: 1px solid #fff; } form#form_aufrunden table th{ background-color: #FBDCC1; } form#form_aufrunden table td{ background-color: #FFF2E7; } form#form_aufrunden table td.rightcell{ text-align: right; } /* ----------------------------------------------- [88.3 warenkorb] ----------------------------------------------- */ #shop.warenkorb #shop_warenkorb table td.td_white{ padding-top: 7px; } #shop.warenkorb #shop_warenkorb table td.cart_delete{ text-align: center; } #shop.warenkorb #shop_warenkorb table p.checkbox{ padding-left: 10px; } #shop.warenkorb #shop_warenkorb{ padding-bottom: 10px; } #shop.warenkorb #box_content h2{ padding-top: 40px; padding-bottom: 30px; margin: 0px; background-image: url('/images/shop/shopping_bag.jpg'); background-repeat: no-repeat; background-position: right center; } /* ----------------------------------------------- [88.5 gutscheine] ----------------------------------------------- */ #shop.kasse_gutschein #ul_gutscheine{ padding: 0px; margin: 0px; list-style-type: none; } #shop.kasse_gutschein #ul_gutscheine li{ float: left; text-align: right; list-style-type: none; padding: 5px; padding-bottom: 15px; } #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg, #shop.kasse_gutschein #shop_stylecoupon input.form_btnimg_selected{ width: 182px; display: block; margin-bottom: 3px; } /* ----------------------------------------------- [88.6 bestellungsübersicht] ----------------------------------------------- */ td.textright{ text-align: right; } html #shop.kasse_bestaetigung #table_artikel table td.thinwhiteline{ background-color: #fff; line-height: 1px; font-size: 1px; height: 4px; } /* ----------------------------------------------- [88.6 bezahlung] ----------------------------------------------- */ p.thanks{ margin-top: 20px; } body#shop.kasse_bestellung p.thanks[class]{ *margin-top: 0px; /* IE7 */ } /* ----------------------------------------------- [backend] 0. allgemein 0.1 pager 0.2 tabellen 0.3 buttonrow 0.4 searchbox 1. login 2. bestelluebersicht 3. details 4. hacks ----------------------------------------------- */ /* ----------------------------------------------- [0. allgemein] id="backend" ----------------------------------------------- */ body#backend{ padding:0; margin:0; color: #666; } body#backend, body#backend table{ font-family: Arial,Helvetica,sans-serif; font-size:11px; line-height:16px; } #backend a img{ border:none; } #backend form{ margin:0pt; padding:0pt; } #backend fieldset{ border:none; margin:0; padding:0; } #backend input{ font-size:11px; font-family: verdana,arial,sans-serif; color: #666; } #backend label{ cursor:pointer; } #backend #row_head{ background: url(/images/admon/bg_head.gif) left center; } #backend #row_head a{ padding-top:2px; } #backend #row_head a#bk_logo{ background: url(/images/admon/logo.jpg) no-repeat top left; display:block; width:309px; height:86px; } #backend #pos_menu{ background:#666 none repeat scroll 0%; display:block; height:30px; line-height:30px; margin: 0 0 15px 0; } #backend #menu{ color:#fff; font-weight:normal; font-size:11px; font-family: Arial,Helvetica,sans-serif; float:left; padding:0 0 0 10px; } #backend #menu ul{ border: none; list-style-type:none; margin:0 15px 0 0; padding:0; float:left; } #backend #menu ul li{ border-left: 1px solid #fff; float:left; margin:0; } #backend #menu ul li#last_li{ border-right: 1px solid #fff; } #backend #menu li a:link, #backend #menu li a:visited{ background-color:#666; border:none; color:#fff; display:block; float:left; font-size: 11px; height:30px; text-decoration:none; padding:0 10px; } #backend #menu li a:hover, #backend #menu li a:focus, #backend #menu li a.selected{ background-color:#888; } #backend #pos_username{ color:#fff; float:right; } #backend #pos_username strong{ color: #fff; } #backend #btn_logout, #backend #btnFilter, #backend #btnNoFilter{ background-color:#666; border:1px solid #fff; color:#fff; font-size:11px; margin:6px 10px 0 10px; padding:2px 10px 2px 10px; text-decoration:none; width:36px; } #backend #btnFilter, #backend #btnNoFilter{ border:1px solid #666; background-color:#ddd; color:#666; float:left; width:200px; text-align:center; margin:10px 10px 0 10px; padding:1px 10px 1px 10px; } #backend #btnNoFilter{ margin-bottom:15px; } #backend #btn_logout:hover, #backend #btnFilter:hover, #backend #btnNoFilter:hover{ background-color:#ccc; } #backend .clearboth{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden; } #backend #pos_version{ color:#fff; float:right; margin:0 15px 0 0; } /* ----------------------------------------------- [0.1 pager] id="backend" class="pager" ----------------------------------------------- */ #backend .pager.top{ margin:10px 10px 0 5px; float:left; } #backend .pager.top[class]{ margin:10px 10px 0 10px; float:left; } #backend .pager.bottom{ margin:0 10px 10px 10px; } #backend .pager a.imglink span, #backend .pager span.imglink span{ display:none; } #backend .pager a, #backend .pager span{ border:1px solid #666 !important; display:block; font-size:11px; height:14px; line-height:14px; padding:2px 0pt !important; text-align:center; width:18px !important; float:left; margin:0 0 0 1px; text-decoration:none; } #backend .pager a{ background-color:#ddd !important; color:#666; } #backend .pager a:hover, #backend .pager a:focus, #backend .pager a:active{ background-color:#ccc !important; } #backend .pager a.pager_active{ background-color: #55AFD1 !important; border:1px solid #55AFD1 !important; color:#fff; } #backend .pager a.imglink.first{ background: url(/images/admon/pager_first.png) -2px center !important; } #backend .pager a.imglink.first:hover, #backend .pager a.imglink.first:focus, #backend .pager a.imglink.first:active{ background: url(/images/admon/pager_first.png) 42px center !important; } #backend .pager span.imglink.first{ background: url(/images/admon/pager_first.png) 20px center !important; } #backend .pager a.imglink.left{ background: url(/images/admon/pager_left.png) -2px center !important; } #backend .pager a.imglink.left:hover, #backend .pager a.imglink.left:focus, #backend .pager a.imglink.left:active{ background: url(/images/admon/pager_left.png) 42px center !important; } #backend .pager span.imglink.left{ background: url(/images/admon/pager_left.png) 20px center !important; } #backend .pager a.imglink.right{ background: url(/images/admon/pager_right.png) -2px center !important; } #backend .pager a.imglink.right:hover, #backend .pager a.imglink.right:focus, #backend .pager a.imglink.right:active{ background: url(/images/admon/pager_right.png) 42px center !important; } #backend .pager span.imglink.right{ background: url(/images/admon/pager_right.png) 20px center !important; } #backend .pager a.imglink.last{ background: url(/images/admon/pager_last.png) -2px center !important; } #backend .pager a.imglink.last:hover, #backend .pager a.imglink.last:focus, #backend .pager a.imglink.last:active{ background: url(/images/admon/pager_last.png) 42px center !important; } #backend .pager span.imglink.last{ background: url(/images/admon/pager_last.png) 20px center !important; } #backend .filterBox { float:left; width:500px; padding:12px 0 0 10px; } #backend .filterBox #button_go { width:40px; background:#ddd; color:#666; border:1px solid #666; height:auto; } /* ----------------------------------------------- [0.2 tabellen] id="backend" ----------------------------------------------- */ #backend table{ border-collapse:collapse; width:auto; margin:0 10px 15px 10px; } #backend tr{ background-color:#ddd; } #backend tr:hover{ background-color:#ccc; } #backend th{ text-align:left; background-color:#55AFD1; color: #fff; font-size:11px; font-weight:normal; line-height:16px; border:1px solid #fff; padding:3px 5px; } #backend td{ font-size:11px; line-height:16px; border:1px solid #fff; padding:3px 5px; width:auto; } #backend td.euro{ text-align:right; } #backend select{ width: auto; } /* ----------------------------------------------- [0.3 buttonrow] id="backend" class="buttonrow" ----------------------------------------------- */ .buttonrow{ margin:10px; } .buttonrow a.button{ background-color:#ddd; border:1px solid #666; color:#666 !important; display:block; font-size:11px !important; height:14px; padding:2px 8px; text-align:center; voice-family:inherit; float:left; text-decoration:none; } .buttonrow a.button:hover, .buttonrow a.button:active, .buttonrow a.button:focus{ background-color:#ccc; } /* ----------------------------------------------- [0.4 searchbox] id="searchbox" ----------------------------------------------- */ #searchbox{ width:250px; overflow:hidden; background-color:#ddd; border-left:1px solid #999; margin-top: -88px; float:right; height:88px; } #inner_searchbox{ padding:8px 15px 8px 8px; } #inner_searchbox label{ width:80px; display:block; float:left; } #inner_searchbox .input{ float:left; width: 146px; border:1px solid #666; font-size:11px; padding:1px 0pt; height: 13px; margin:0 0 5px 0; padding: 1px 2px; color:#000; font-family: Arial,Helvetica,sans-serif; } #inner_searchbox #search_field{ height: 16px; width: 152px; padding:0; line-height:16px; color: #000; } #inner_searchbox #btnSubmit{ background-color:#666; border:1px solid #fff; color:#fff; width:60px; padding: 1px 0 2px 0; float:left; display:block; height: 20px; font-family: Arial,Helvetica,sans-serif; } #inner_searchbox #btnSubmit:hover{ background-color: #999; cursor: pointer; } #inner_searchbox #btnSubmit[id]{ padding:0 0 3px 0; } #inner_searchbox #btnReset{ background-color:#666; border:1px solid #fff; color:#fff; display:block; text-decoration:none; text-align:center; float:left; line-height: 18px; margin: 0 0 0 6px; padding: 0 9px; height:18px; } #inner_searchbox #btnReset:hover{ background-color: #999; } #btnWrapper{ width:80px; height: 1px; float:left; } /* ----------------------------------------------- [1. login] id="backend" class="login" ----------------------------------------------- */ #backend.login #row_login{ background:#ccc; color:#666; font-size:11px; padding:5px 5px 5px 10px; border-bottom:1px solid #666; } #backend.login #row_login label{ display:block; line-height:20px; float:left; margin:0 3px 0 3px; } #backend.login #row_login input{ width: 100px; border:1px solid #666; float:left; margin:0 3px 0 3px; padding: 2px 2px 3px 2px; height:auto; } #backend.login #row_login input.button{ display:block; background:#666 none repeat scroll 0%; border:1px solid #fff; color:#fff; font-size:11px; width:auto; margin:0 3px 0 3px; padding:1px 10px 2px 10px; height:auto; } #backend.login #pos_menu{ margin:0; } /* ----------------------------------------------- [2. bestelluebersicht] id="backend" class="bestelluebersicht" ----------------------------------------------- */ #backend.bestelluebersicht .action_btns{ width: 128px; } #backend.bestelluebersicht a.btn, #backend.bestelluebersicht a.btn:visited, #backend.bestelluebersicht a.btn:link, #backend.details a.btn, #backend.details a.btn:visited, #backend.details a.btn:link, #backend.tracking a.btn, #backend.tracking a.btn:visited, #backend.tracking a.btn:link{ display:block; width:16px; height:16px; overflow:hidden; margin:0 2px; padding:0; border: none; text-decoration: none; line-height:16px; float:left; } #backend a.btn.sent{ background: url(/images/shop/btn_sent.gif) no-repeat; } #backend a.btn.cancel{ background: url(/images/shop/btn_cancel.gif) no-repeat; } #backend a.btn.done{ background: url(/images/shop/thumb_up.gif) no-repeat; } #backend a.btn.accept{ background: url(/images/shop/btn_accept.gif) no-repeat; } #backend a.btn.kasse{ background: url(/images/shop/btn_kasse.gif) no-repeat; } #backend a.btn.negative_note{ background: url(/images/shop/negative_note.gif) no-repeat; } #backend div.btn_leer{ width:16px; height:16px; float:left; margin: 0 2px; } #backend th.header{ cursor:pointer; } #backend th.header.headerSortDown{ background:url(/images/shop/sort_down.png) no-repeat right center #55AFD1; padding-right:18px; } #backend th.header.headerSortUp{ background:url(/images/shop/sort_up.png) no-repeat right center #55AFD1; padding-right:18px; } .btn.note{ background: url(/images/shop/note.gif) no-repeat; } .btn.no_note{ background: url(/images/shop/no_note.gif) no-repeat; } /* ----------------------------------------------- [3. details] id="backend" class="details" ----------------------------------------------- */ #backend.details table{ width:900px; } #backend.details a.btn.lock{ background: url(/images/shop/btn_lock.gif) no-repeat; } #backend.details a.btn.unlock{ background: url(/images/shop/btn_unlock.gif) no-repeat; } table#rechnungsanschrift .cell_left, table#rechnungsdaten .cell_left{ width: 150px; } /* ----------------------------------------------- [Popup] ----------------------------------------------- */ .popup_rel{ position: relative; display: none; } .popup_form{ position: absolute; background: url(/images/bg_popup.gif) #fff left 6px repeat-x; border: 1px solid #666; padding: 0 10px 10px; bottom: -5px; right: 30px; } .popup_form form{ display: block; overflow: hidden; width:321px; } .popup_form textarea{ width: 315px; height: 80px; margin: 0 0 10px; } .popup_form input{ margin: 0; padding: 0; width: 80px; background-color: #ccc; border: 1px solid #666; color: #666 !important; padding: 2px 8px; font-size: 11px; height: 20px; } .popup_form p{ background-color: #55AFD1; margin: 0 -10px 15px; padding: 0 10px; color: #fff; line-height: 20px; width: 321px; } .btn_pos{ float: right; width: 321px; text-align: right; } .popup_form input.margin_right{ margin: 0 10px 0 0; } #backend div.show_note{ position: relative; } #backend div.show_note p{ display: none; } #backend div.show_note:hover p{ display: block; position: absolute; background: #fff url(/images/bg_popup.gif) left 6px repeat-x; border: 1px solid #666; padding: 0 10px 10px; bottom: -5px; right: 30px; width: 200px; } #backend div.show_note p span{ background-color: #55AFD1; margin: 0 -10px 15px; padding: 0 10px; color: #fff; line-height: 20px; display: block; } body#backend.details a:visited img{ filter:Alpha(opacity=30, finishopacity=30, style=0); opacity: 0.3; } /* ----------------------------------------------- [4. tracking] ----------------------------------------------- */ #backend.tracking form.kategorie{ padding:0 10px 0; } #backend.tracking form.kategorie input, #backend.tracking form.kategorie select{ width: auto; padding: 0; margin: 0; height: auto; float: left; } #backend.tracking form.kategorie input{ border: none; } #backend.tracking form.kategorie p{ float: left; } #backend.tracking form.kategorie label{ width: 120px; padding: 0 5px 0 5px; display: block; float: left; position: relative; margin: 2px 0 0; } #backend.tracking form.kategorie[class] label{ margin:0; } #backend.tracking form.kategorie label.klein{ width: auto; padding: 0 5px 0 0; } #backend.tracking form.kategorie .float{ float: left; width: 150px; margin: 0 0 15px; } #backend.tracking form.kategorie #breit.float, #backend.tracking form.kategorie #breit_2.float{ width: 210px; } #backend.tracking .error{ padding: 0 10px; } #backend.tracking form.kategorie input.button{ border: 1px solid #666; display: block; float: left; font-size: 11px; margin: 0 0 0 1px; text-align: center; color: #666; background-color: #ddd; padding: 2px 5px; } #backend.tracking form.kategorie input.button:hover, #backend.tracking form.kategorie input.button:focus, #backend.tracking form.kategorie input.button:active{ background-color: #ccc; cursor: pointer; } #backend.tracking .noheadline{ margin: 21px 0 0; } #btn_betraege{ position: relative; top: -2px; } /* ----------------------------------------------- [4. hacks] ----------------------------------------------- */ #inner_searchbox #btnSubmit[id]{ *padding: 1px 0 2px 0; } #inner_searchbox #search_field[id]{ *height: auto; } #backend.tracking form.kategorie[class] label{ *margin:2px 0 0; } /* ----------------------------------------------- [auslastung] 0. allgemein ----------------------------------------------- */ /* ----------------------------------------------- [0. allgemein] id="auslastungen" ----------------------------------------------- */ #auslastungen #box_main{ height: auto !important; height: 850px; min-height: 850px; } #auslastungen #box_content{ width:595px; } #box_auslastungen .clearboth{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden; } #box_auslastungen{ background-color:#fdede0; width:100%; margin: 0 0 15px 0; padding: 10px 0px; } #box_auslastungen .label{ float:left; width:110px; line-height:30px; font-weight:bold; } #box_auslastungen .label span{ display:block; padding:0 15px; text-align:left; font-size:10px; } #box_auslastungen .row{ padding:0; } #box_auslastungen .row .bar{ background: url(/images/bg_auslastung.gif) no-repeat left center transparent; width: 400px; height:30px; overflow: hidden; float:left; } #box_auslastungen .row .bar .inner{ background: url(/images/top_auslastung.gif) left center no-repeat; height: 30px; border-right:1px solid #666; } #auslastungen #last_update{ text-align: center; } .prcnt{ float:left; line-height:28px; margin: 0 0 0 10px; width:25px; } .prcnt_l{ float:left; line-height:28px; margin: 0 10px 0 0; width:25px; } #box_auslastungen .no_data{ line-height: 30px; display: block; padding: 0 0 0 15px; color: #fff; font-weight: bold; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }