/************************************************************************************************************* ALLES AUF NULL SETZEN, GLOBALE EINSTELLUNGEN *************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:inherit; vertical-align:baseline;} html {min-height: 100%; margin-bottom: 1px;} body{text-align:center;} ol, ul{list-style:none;} table{border-collapse:separate; border-spacing: 0; width:100%;} caption, th, td{text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q {quotes: "" "";} a{text-decoration:none;} a:hover{text-decoration:underline;} /************************************************************************************************************* BASISKLASSEN UND IDs *************************************************************************************************************/ .clear{width:100%; height:0; line-height:0; font-size:0; clear:both;} #firstModule{margin-top:0;} #firstModuleLeftColumn{margin-top:0;} #firstModuleRightColumn{margin-top:0;} #firstModuleCenterColumn{margin-top:0;} #firstModuleSmall{margin-top:0;} .hr{height:0; line-height:0; border-top:1px solid #ccc; clear:both;} .imgLeft{float:left; margin:0 10px 10px 0; display:inline;} .imgLeftGallery{float:left; margin:0 10px 10px 0; display:inline;} .imgLeft2{float:left; margin:0 0 10px 0; display:inline;} .imgRight{float:right; margin:0 0 10px 10px; display:inline;} .imgLeftnoBorder{float:left; margin:0 10px 10px 0; display:inline;} .imgLeft2noBorder{float:left; margin:0 0 10px 0; display:inline;} .imgRightnoBorder{float:right; margin:0 0 10px 10px; display:inline;} td{vertical-align:top;} img.impressum{display:block; margin:0 0 12px 0;} .noLeftMargin{margin-left:0;} .confirm{color:green; font-weight:bold;} .error{color:red; font-weight:bold;} .newsDate{font-weight:bold;} div.content div.newsWrapper h2{margin-top:0;} div.content div.newsWrapper{margin-top:20px;} #content div.newsWrapper h2{margin-top:0;} #content div.newsWrapper{margin-top:20px;} .shortNewsHeadline1{font-size:18px; line-height:22px;} .shortNewsHeadline2{font-size:15px; line-height:18px;} .shortHeadline1{font-size:18px; line-height:22px;} .shortHeadline2{font-size:15px; line-height:18px;} span.shortNewsDate{margin:0;} /* Ausgabe Gästebucheinträge */ div.guestbookEntryMeta{padding:10px 0 0 0;} div.guestbookEntryMeta p{position:relative;} div.guestbookEntryMeta p b{display:block; width:100px; font-weight:bold; float:left;} div.guestbookEntryContent{overflow:hidden; padding:0 0 20px 100px;} div.guestbookEntryContent h3{margin-top:0;} div.guestbookNavBottom{} div.guestbookNavBottom img{border:0; display:inline; position:relative; top:4px;} /* Impressum */ .content img.impressum{border:0; padding:0; background:none transparent;} #content img.impressum{border:0; padding:0; background:none transparent;} /* BMI-Rechner */ .formBMI td{padding:2px 0;} .resultBMI td{border-top:1px solid #e5e5e5; padding:4px;} .formBMI td.label, .resultBMI td.label{width:40%;} .formBMI td.input, .resultBMI td.result{} .formBMI td.input select{width:150px;} .formBMI td.input input{width:50px;} .formBMI td.submit{padding-top:20px;} .resultBMI span.label{} .contentColumns2{margin:20px 0 0 0;} /************************************************************************************************************* DOWNLOADBAUSTEINE *************************************************************************************************************/ div.content div.singleDownload{position:relative; padding:0 0 0 50px; margin:0 0 30px 0; min-height:45px;} div.content div.singleDownload p{} div.content div.singleDownload a{display:block;} div.content div.hrSingleDownload{margin:-10px 0 0 0; padding:0 0 20px 0; height:0; line-height:0; border-top:1px solid #ccc; clear:both;} #content div.singleDownload{position:relative; padding:0 0 0 50px; margin:0 0 30px 0; min-height:45px;} #content div.singleDownload p{} #content div.singleDownload a{display:block;} #content div.hrSingleDownload{margin:-10px 0 0 0; padding:0 0 20px 0; height:0; line-height:0; border-top:1px solid #ccc; clear:both;} .teaser .downloadLink{display:block; padding:0 0 0 25px; min-height:14px; background:url(../icons/download_file.png) no-repeat left center;} /*** Navigation für mehrere Seiten bei den Managerbausteinen (Downloads, Bildergalerie, News) ***/ div.pageList{margin-bottom:10px; text-align:left; clear:both;} div.pageList a{color:#333;} div.pageList img{border:0 !important; padding:0 !important; position:relative; top:3px;} div.pageList a img{border:0 !important; padding:0 !important;} /*** Sitemap ***/ div.content ul.siteMap{margin:10px 0; padding:0; position:relative; left:0; top:0;} div.content ul.siteMap li{list-style:none; padding:1px 0 2px 0; margin:0; position:relative; left:0; top:0;} div.content ul.siteMap a{} div.content ul.siteMap li.siteMapLevel2{margin:10px 0 0 0; min-height:1em; padding-top:10px; border-top:1px solid #ccc; position:relative; top:0; left:0;} div.content ul.siteMap li.siteMapLevel2 a{font-weight:bold;} div.content ul.siteMap li.siteMapLevel3{padding-left:40px;} div.content ul.siteMap li.siteMapLevel4{padding-left:60px;} div.content ul.siteMap li.siteMapLevel5{padding-left:80px;} div.content ul.siteMap li.siteMapLevel6{padding-left:100px;} div.content ul.siteMap li.siteMapLevel7{padding-left:120px;} div#content ul.siteMap{margin:10px 0; padding:0; position:relative; left:0; top:0;} div#content ul.siteMap li{list-style:none; padding:1px 0 2px 0; margin:0; position:relative; left:0; top:0;} div#content ul.siteMap a{} div#content ul.siteMap li.siteMapLevel2{margin:10px 0 0 0; min-height:1em; padding-top:10px; border-top:1px solid #ccc; position:relative; top:0; left:0;} div#content ul.siteMap li.siteMapLevel2 a{font-weight:bold;} div#content ul.siteMap li.siteMapLevel3{padding-left:40px;} div#content ul.siteMap li.siteMapLevel4{padding-left:60px;} div#content ul.siteMap li.siteMapLevel5{padding-left:80px;} div#content ul.siteMap li.siteMapLevel6{padding-left:100px;} div#content ul.siteMap li.siteMapLevel7{padding-left:120px;} /*** Multimedia-Popups ***/ #popup{text-align:center; padding:20px;} #popup div.content{position:relative; width:724px; margin:0 auto 0 auto; padding:14px 0 14px 14px; text-align:left; border:1px solid #ccc; background:#fff;} #popup div.leftColumn{float:left; width:402px; padding:0; position:relative; top:0; left:0;} #popup div.leftColumn div.player{width:400px;} #popup div.leftColumn div.player img{} #popup h1{margin:0 0 15px 0; font-size:30px; font-weight:bold;} #popup h2.top{} #popup div.leftColumn h2#comments{padding:0 35px 0 0;} #popup div.leftColumn p{margin:10px 0;} #popup div.leftColumn p#tags{margin:10px 0;} #popup div.leftColumn p.user{margin:20px 0 10px 0; font-weight:bold; font-size:14px; width:100%; padding:3px 0 3px 5px;} #popup div.leftColumn p.user span{padding:0 0 0 10px; font-size:10px;} #popup div.leftColumn p.comment{margin:5px 0; padding:0 0 0 5px;} #popup div.leftColumn div#AlbumNav{position:relative; text-align:left; margin:20px 0;} #popup div.leftColumn a#arrowLeft{padding-right:10px;} #popup div.leftColumn b#number{position:relative; top:-2px;} #popup div.leftColumn a#arrowRight{padding-left:10px;} #popup div.leftColumn a#magnify{position:absolute; top:0; right:0;} #popup div.leftColumn a#viewComments{display:block; clear:both; text-decoration:underline;} #popup div.leftColumn a#writeComment{display:block; margin:0 0 35px 0; text-decoration:underline;} #popup div.leftColumn div.pageList{position:relative; margin:0 0 25px 0;} #popup div.leftColumn div.pageList img{position:relative; top:3px;} #popup div.leftColumn div.hr{margin:15px 0; height:1px; line-height:0; border-top:1px solid #ccc;} #popup div.leftColumn div.captcha{margin:0 0 15px 0;} #popup div.leftColumn div.captcha span{display:block; float:left; width:120px;} #popup div.leftColumn div.captcha input{width:272px; padding:1px 3px; border:1px solid #ccc;} #popup div.leftColumn div.captcha textarea{width:272px; padding:1px 3px; border:1px solid #ccc;} #popup div.leftColumn div.captcha img{border:1px solid #ccc;} #popup div.rightColumn{float:left; width:292px; padding:0 0 0 15px; position:relative; top:0; left:0; margin:0;} #popup div.rightColumn ul.teaser{width:100%; position:relative; list-style:none; padding:0; margin:0; border-bottom:1px solid #ccc;} /* ie6 */ #popup div.rightColumn ul.teaser li{width:100%; position:relative; padding:5px 0; margin:0; border-top:1px solid #ccc; background:url(../layout/bg_teaserliste_popup.jpg) repeat-x left bottom #bcbcbc;} /* ie6 */ #popup div.rightColumn ul.teaser li h3{font-size:14px; margin:0 0 3px 5px; padding:0;} #popup div.rightColumn ul.teaser li p{font-size:10px; margin:0 0 0 5px; padding:0;} #popup div.rightColumn ul.teaser li a{text-decoration:none; font-weight:bold; font-size:10px;} #popup div.rightColumn ul.teaser li a:hover{} #popup div.rightColumn ul.teaser li img{float:right; display:block; margin:0 5px; display:inline;} #popup div.rightColumn ul.tracklist{width:100%; position:relative; list-style:none; padding:0; margin:0 0 15px 0; border-top:1px solid #ccc;} #popup div.rightColumn ul.tracklist li{position:relative; display:block; padding:0; margin:0; border-bottom:1px solid #ccc;} #popup div.rightColumn ul.tracklist li a{display:block; padding:1px 5px 2px 5px;} #popup div.rightColumn ul.tracklist li a:hover{text-decoration:none;} #popup div.rightColumn ul.tracklist li.bgColor1 a{} #popup div.rightColumn ul.tracklist li.bgColor1 a:hover{} #popup div.rightColumn ul.tracklist li.bgColor2 a{} #popup div.rightColumn ul.tracklist li.bgColor2 a:hover{} #popup div.rightColumn ul.tracklist li#curTrack a{} #popup div.rightColumn ul.tracklist li#curTrack a:hover{} #popup div.rightColumn ul.tracklist li.bgColor1 a{} #popup div.rightColumn ul.tracklist li.bgColor2 a{} #popup div.rightColumn ul.tracklist li span.trackNr{padding-right:5px;} /*** Bildergalerie Thumbnailübersicht ***/ div.galleryLevel1Image1{float:left; margin:0 9px 10px 0;} div.galleryLevel1Image2{float:left; margin:0 9px 10px 0;} div.galleryLevel1Image3{float:left; margin:0 0 10px 0;} div.galleryLevel2Image1{float:left; margin:0 9px 10px 0;} div.galleryLevel2Image2{float:left; margin:0 9px 10px 0;} div.galleryLevel2Image3{float:left; margin:0 0 10px 0;} /*** Terminbaustein ***/ table.dates{width:100%; border-collapse:collapse;} table.dates td{vertical-align:top; padding:5px;} table.dates td.date{width:15%;} table.dates td.time{width:15%;} table.dates td.description{width:70%;} table.dates td.description h3{margin-top:0; margin-bottom:0;} table.dates td.description p{margin:0;} /*** Kalenderbaustein ***/ div#calendar_wrapper{font-family:tahoma, sans-serif; width:450px;} div#calendar_wrapper table.nav{width:428px; position:relative; left:3px; text-align:center; margin:10px 0;} div#calendar_wrapper table.nav td.left{width:56px; text-align:center;} div#calendar_wrapper table.nav td.center{width:316px; text-align:center;} div#calendar_wrapper table.nav td.right{width:56px; text-align:center;} div#calendar_wrapper div.calendar_legend, div#calendar_wrapper div.calendar_after_current_day, div#calendar_wrapper div.calendar_empty_day, div#calendar_wrapper div.calendar_standard_day, div#calendar_wrapper div.calendar_current_day{width:56px; height:39px; float:left; margin:3px;} div#calendar_wrapper div.calendar_legend{display:block; border:solid 1px #cecece; width:54px; height:37px; line-height:37px; text-align:center; text-decoration:none; font-size:16px; color:#fff;} div#calendar_wrapper div.calendar_legend a, div#calendar_wrapper div.calendar_after_current_day a, div#calendar_wrapper div.calendar_empty_day a, div#calendar_wrapper div.calendar_standard_day a, div#calendar_wrapper div.calendar_current_day a{display:block; border:solid 1px #cecece; width:54px; height:37px; line-height:37px; text-align:center; text-decoration:none; font-size:16px;} div#calendar_wrapper div.calendar_standard_day a{color:#999;} div#calendar_wrapper div.calendar_standard_day a, div#calendar_wrapper div.calendar_after_current_day a{background:url(../layout/emergency_calendar/standard.gif) no-repeat center center;} div#calendar_wrapper div.calendar_legend, div#calendar_wrapper div.calendar_current_day a{background:url(../layout/emergency_calendar/legend.gif) no-repeat center center; color:#fff;} /*** FAQ Baustein ***/ div.FaqQuestion{padding:3px 0;font-weight:bold;} div.FaqQuestion a{cursor:pointer; text-decoration:none;font-weight:normal;} div.FaqQuestion a:hover{font-weight:bold;} div.FaqQuestion a.FaqQuestionActive{font-weight:bold;} div.FaqAnswerLine{border-bottom:1px solid #ccc;} div.FaqAnswer{border-bottom:1px solid #ccc;} /* Wetterbaustein */ div#wetterbaustein img{border:0;} div#wetterbaustein td{vertical-align:middle; text-align:center;} /* Fancybox Version: 1.2.1 (13/03/2009) */ html, body{height:100%;} div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30;} * html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');} div#fancy_wrap{text-align:left;} div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;} div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../layout/fancybox/fancy_progress.png) no-repeat;} div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30;} div#fancy_loading_icon{position:absolute;background:url(../layout/fancybox/fancy_loading.gif) no-repeat;z-index:35;width:16px;height:16px;} div#fancy_outer{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none;} div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF;} div#fancy_content{margin:0;z-index:100;position:absolute;} div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100;} img#fancy_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;} div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../layout/fancybox/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:181;display:none;} #fancy_frame{position:relative;width:100%;height:100%;display:none;} #fancy_ajax{width:100%;height:100%;overflow:auto;} a#fancy_left, a#fancy_right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;} a#fancy_left{left:0px;} a#fancy_right{right:0px;} span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block;} span#fancy_left_ico{left:-9999px;background:transparent url(../layout/fancybox/fancy_left.png) no-repeat;} span#fancy_right_ico{right:-9999px;background:transparent url(../layout/fancybox/fancy_right.png) no-repeat;} a#fancy_left:hover{visibility:visible;} a#fancy_right:hover{visibility:visible;} a#fancy_left:hover span{left:20px;} a#fancy_right:hover span{right:20px;} .fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;} div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0;} div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0;} div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(../layout/fancybox/fancy_shadow_n.png) repeat-x;} div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(../layout/fancybox/fancy_shadow_ne.png) no-repeat;} div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(../layout/fancybox/fancy_shadow_e.png) repeat-y;} div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(../layout/fancybox/fancy_shadow_se.png) no-repeat;} div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(../layout/fancybox/fancy_shadow_s.png) repeat-x;} div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(../layout/fancybox/fancy_shadow_sw.png) no-repeat;} div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(../layout/fancybox/fancy_shadow_w.png) repeat-y;} div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(../layout/fancybox/fancy_shadow_nw.png) no-repeat;} div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none;} div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px;} div#fancy_title table{margin:0 auto;} div#fancy_title table td{padding:0;vertical-align:middle;} td#fancy_title_left{height:32px;width:15px;background:transparent url(../layout/fancybox/fancy_title_left.png) repeat-x;} td#fancy_title_main{height:32px;background:transparent url(../layout/fancybox/fancy_title_main.png) repeat-x;} td#fancy_title_right{height:32px;width:15px;background:transparent url(../layout/fancybox/fancy_title_right.png) repeat-x;} /* Flowplayer */ a.player{display:none; width:auto; height:auto;} .overlay{padding:0; width:656px; height:526px; display:none; background:url(../../base/layout/black.png) no-repeat;} .overlay div.close{background:url(../../base/layout/fancy_closebox.png) no-repeat;position:absolute; top:5px; right:5px; width:35px; height:35px; cursor:pointer;} /* standard list design */ ul{padding-left:15px; list-style:disc; overflow:auto; zoom:1;} ol{padding-left:25px; list-style:decimal; overflow:auto; zoom:1;} /* reset navigation elements */ .navLevel1, .navLevel2, .navLevel3, .smallNav1, .smallNav2{margin:0; padding:0; list-style:none; position:relative; overflow:hidden;} .navLevel1 a, .navLevel2 a, .navLevel3 a, .smallNav1 a, .smallNav2 a{text-decoration:none;} .navLevel1 a:hover, .navLevel2 a:hover, .navLevel3 a:hover, .smallNav1 a:hover, .smallNav2 a:hover{text-decoration:none;} /*** form design ***/ .standardForm fieldset{overflow:hidden; margin-bottom:10px;} .standardForm .line{float:left; overflow:hidden; padding-bottom:10px; width:450px;} .standardForm .line label{display:block; width:100px; float:left;} .standardForm .line label.full{display:block; width:440px; float:left;} .standardForm .line label span{font-size:12px;} .standardForm .line p{display:block; width:440px; float:left;} .standardForm .line strong{font-weight:bold;} .standardForm .line div{display:block; width:350px; float:left;} .standardForm .line input{width:332px; display:block; padding:1px 2px;} .standardForm .line .checkboxWrapper{display:block; float:left; margin:0 0 0 100px; position:relative; display:inline;} .standardForm .line .checkboxWrapper input{width:auto; margin:0; padding:0; float:left; position:relative; left:0; top:2px;} .standardForm .line .checkboxWrapper label{width:auto; padding-left:5px;} .standardForm .line div.zip_code{width:75px;} .standardForm .line div.zip_code input{width:67px;} .standardForm .line div.location{width:260px; margin-left:5px;} .standardForm .line div.location input{width:252px;} .standardForm .line div.prefix{width:75px;} .standardForm .line div.prefix input{width:67px;} .standardForm .line div.number{width:260px; margin-left:5px;} .standardForm .line div.number input{width:252px;} /* width for full width input wrappers */ .standardForm .line div.full{width:450px;} .standardForm .line div.full input{width:434px;} /* textareas */ .standardForm .line div textarea{padding:1px 2px; width:332px; margin:0;} .standardForm .line div.full textarea{padding:1px 2px; width:434px; margin:0;} /* checkboxes */ .standardForm .line div input[type="checkbox"]{width:auto; float:left;} .standardForm .line div label{width:420px; float:left;} /* submit button */ .standardForm .line div.submit input{width:auto;} /* reservation module */ .standardForm .line div.reservationCheckbox{width:350px;} .standardForm .line div.reservationCheckbox input{width:auto; float:left; margin:0; padding:0; position:relative; top:2px;} .standardForm .line div.reservationCheckbox label{float:left; width:320px; padding-left:5px; font-size:13px; font-weight:bold;} .standardForm .line div.reservationPrice{width:90px; text-align:right; font-size:13px; font-weight:bold;} .standardForm .line div.reservationDescription{margin:.3em 0 .6em 0;} /* captcha */ .standardForm .line .captchaImage{display:block;} .standardForm .line .captchaInput{margin-top:5px;} .standardForm .line .captchaInput input{width:60px; float:left; margin:0 5px 5px 0;} /* google maps */ .googleMapRoutePlanner .zipCode, .googleMapRoutePlanner .location, .googleMapRoutePlanner .streetName, .googleMapRoutePlanner .streetNumber{float:left;} .googleMapRoutePlanner .zipCode label, .googleMapRoutePlanner .location label, .googleMapRoutePlanner .streetName label, .googleMapRoutePlanner .streetNumber label{font-size:.9em; display:block; text-indent:3px; font-style:italic;} .googleMapRoutePlanner .zipCode{width:50px; margin-left:5px;} .googleMapRoutePlanner .zipCode input{display:block; width:40px;} .googleMapRoutePlanner .location{width:170px;} .googleMapRoutePlanner .location input{display:block; width:145px;} .googleMapRoutePlanner .streetName{width:180px;} .googleMapRoutePlanner .streetName input{width:170px; display:block;} .googleMapRoutePlanner .streetNumber{width:30px;} .googleMapRoutePlanner .streetNumber input{width:26px; display:block;} .googleMapRoutePlanner .headline{margin:0 3px 0 5px; font-weight:bold;} .googleMapRoutePlanner fieldset{margin:10px 0; overflow:hidden;} /* error alerts */ ul.errors li{padding:0; color:red; font-weight:bold;} p.success{color:green; font-weight:bold;} /* set margin and padding for tooltip tables to 0 */ #overDiv table{padding:0; margin:0;} #overDiv table td{color:#000; font-family:arial, sans-serif; font-size:14px;} #overDiv table td h1{color:#fff; font-family:inherit; font-size:inherit; line-height:1.2;} /* google maps */ .googleMap{width:100%; height:450px;} #printView{color:#000; background:none #fff;} .shopLink{ padding: 2px 5px 3px 5px; float: right; margin-bottom: 5px; position: relative; top: 2px; cursor: pointer; } input.shopLink{ border:0; } .shopDelete{ display: block; width: 17px; height: 17px; line-height: 17px; font-size:12px; font-weight: bold; font-family: arial, sans-serif; text-align: center; text-decoration: none; } .shopDelete:hover{ text-decoration: none; } .shopColumn1{ list-style: none; width: 46%; float: left; margin:0; padding:0; } .shopColumn2{ list-style: none; width: 46%; float: right; margin:0; padding:0; } .shopColumn1 li, .shopColumn2 li{ overflow: hidden; margin-bottom: 1em; } .shopColumn1 li input, .shopColumn2 li input{ margin-bottom: 5px; } .shopColumn2 li a, .shopColumn2 li h3, .shopColumn1 li a, .shopColumn1 li h3{ margin:0px; } .shopColumn1 li h3, .shopColumn2 li h3{ margin: 5px 0; font-weight: normal; } .shopShortArticle{ padding-bottom: 5px; float: left; width: 100%; } .shopShortArticle .image_link{ display: block; float: left; } .shopShortArticle img{ margin:auto; padding:0; display: block; } .shopShortDescription{ float: right; } .shopShortArticle p.shopShortLink{ float: left; margin:0; padding:0; } .shop #orderOverview{ margin-top: 6px; } .shopShippingValue{ float: right; } .shopBankCode label{ float: left; margin: 0 0 0 2%; width: 28%; } .shopBankCode div{ width:68%; float: right } .shopBankCode input{ width: 99%; } .shopBankCode{ clear: both; } .shopShippingLabel{ float: left; } .shopStepActive{ padding-right: 10px; } .shopStepActive .shopNumber{ padding: 0px 5px; } .shopStep{ padding-right: 10px; } .shopStep .shopNumber{ padding: 0px 5px; } .shopPicture{ float: left; text-align: center; } .shopArticle table{ float: right; table-layout: fixed; } .shopArticle th{ width: 28%; padding: 3px 1% 4px 1%; } .shopArticle td{ width: 68%; padding: 3px 1% 4px 1%; } .shopArticle .last th, .shopArticle .last td{ border: 0; } .shopArticle{ overflow: hidden; float: left; width: 100%; margin-bottom:30px; } .shopForm input{ float: left; } .shopForm .line{ overflow: hidden; margin-bottom: 7px; width: 100%; clear: both; } .shopForm .shopColumn1 .line label, .shopForm .shopColumn2 .line label{ display: block; float: left; width: 29%; margin-right: 1%; } .shopForm .shopColumn1 .line div, .shopForm .shopColumn2 .line div{ display: block; float: left; width: 63%; overflow: hidden; } .shopForm .shopColumn1 .line input[type="text"], .shopForm .shopColumn2 .line input[type="text"], .shopForm .shopColumn1 .line input[type="password"], .shopForm .shopColumn2 .line input[type="password"]{ display: block; float: left; width: 96%; padding: 0 1%; margin: 0; overflow: hidden; } .shopForm .shopColumn1 .line div.street, .shopForm .shopColumn2 .line div.street{ width: 49%; margin-right: 1%; } .shopForm .shopColumn1 .line div.street_number, .shopForm .shopColumn2 .line div.street_number{ width:13%; } .shopForm .shopColumn1 .line div.zip_code, .shopForm .shopColumn2 .line div.zip_code{ width: 19%; margin-right: 1%; } .shopForm .shopColumn1 .line div.location, .shopForm .shopColumn2 .line div.location{ width: 43%; } .shopForm .shopColumn1 .line div.phone_prefix, .shopForm .shopColumn2 .line div.phone_prefix{ width: 19%; margin-right: 1%; } .shopForm .shopColumn1 .line div.phone_number, .shopForm .shopColumn2 .line div.phone_number{ width: 43%; } .shopForm .shopColumn1 .line div.date_day, .shopForm .shopColumn2 .line div.date_day{ width: 16%; margin-right: 1%; } .shopForm .shopColumn1 .line div.date_month, .shopForm .shopColumn2 .line div.date_month{ width: 16%; margin-right: 1%; } .shopForm .shopColumn1 .line div.date_year, .shopForm .shopColumn2 .line div.date_year{ width: 29%; } .shopForm input.shopLink{ width: auto; float: right; } .shopForm .birthdate input{ margin-right: 5px; } .shopForm .street .eightOfTen{ margin-right: 5px; } .shopForm .location .eightOfTen, .shopForm .phone .eightOfTen{ margin-left: 5px; } .shopForm select.twoOfTen{ width: 80px; } .shopForm select.tenOfTen{ width: 120px; } .shopPassword{ margin-left: 10px; } a.shopImageSmall img{ margin: 3px 3px 0 0; } .shopDeletePicture{ width: 42px; } .shopForm .shopCheckbox input, .shopForm .shopCheckbox label{ width: auto; } .shopForm .shopCheckbox{ } .shoppingCart td{ padding: 1px 0; vertical-align: middle; } .shoppingCart th{ font-weight: bold; padding-bottom: 5px; } .shoppingCart .shopSummary td{ background: none; border: none; } .shoppingCart .shopSum{ text-align: right; padding-right: 5px; height: auto; } .shoppingCart img{ margin-bottom: 1px; } .shopDetails{ border-collapse: collapse; } .articlePictures{ overflow:hidden; position:relative; float:left; } .articleBigPreviews{ float:left; position:relative; overflow:hidden; } .articleBigPreviews a{ display:block; width:100%; height:100%; position:relative; text-align:center; } .articleBigPreviews img{ display:block; margin:auto; border:0; } .articleSmallPreviews{ float:left; position:relative; margin:5px 0 0 0; } .articleSmallPreviews a{ display:block; float:left; position:relative; margin-right:0px; text-align:center; } .articleSmallPreviews img{ display:block; margin:auto; border:0; } .shopShippingLabel{ margin-bottom: .5em; } .shopShippingLabel input{ position: relative; top: 1px; } .shopStep{ padding-right: 10px; } .shopStep .shopNumber{ padding: 0px 5px; } .shopArticle table{ float: right; table-layout: fixed; } .shopArticle th{ width: 28%; padding: 3px 1% 4px 1%; } .shopArticle td{ width: 68%; padding: 3px 1% 4px 1%; } .shopArticle .last th, .shopArticle .last td{ border: 0; } .shopForm input{ float: left; } .shopForm .line{ overflow: hidden; margin-bottom: 7px; width: 100%; clear: both; } .shopForm .shopColumn1 .line label, .shopForm .shopColumn2 .line label{ display: block; float: left; width: 29%; margin-right: 1%; } .shopForm .shopColumn1 .line div, .shopForm .shopColumn2 .line div{ display: block; float: left; width: 63%; overflow: hidden; } .shopForm .shopColumn1 .line input[type="text"], .shopForm .shopColumn2 .line input[type="text"], .shopForm .shopColumn1 .line input[type="password"], .shopForm .shopColumn2 .line input[type="password"]{ display: block; float: left; width: 96%; padding: 0 1%; margin: 0; overflow: hidden; } .shopForm .shopColumn1 .line div.street, .shopForm .shopColumn2 .line div.street{ width: 49%; margin-right: 1%; } .shopForm .shopColumn1 .line div.street_number, .shopForm .shopColumn2 .line div.street_number{ width:13%; } .shopForm .shopColumn1 .line div.zip_code, .shopForm .shopColumn2 .line div.zip_code{ width: 19%; margin-right: 1%; } .shopForm .shopColumn1 .line div.location, .shopForm .shopColumn2 .line div.location{ width: 43%; } .shopForm .shopColumn1 .line div.phone_prefix, .shopForm .shopColumn2 .line div.phone_prefix{ width: 19%; margin-right: 1%; } .shopForm .shopColumn1 .line div.phone_number, .shopForm .shopColumn2 .line div.phone_number{ width: 43%; } .shopForm .shopColumn1 .line div.date_day, .shopForm .shopColumn2 .line div.date_day{ width: 16%; margin-right: 1%; } .shopForm .shopColumn1 .line div.date_month, .shopForm .shopColumn2 .line div.date_month{ width: 16%; margin-right: 1%; } .shopForm .shopColumn1 .line div.date_year, .shopForm .shopColumn2 .line div.date_year{ width: 29%; } .shopForm input.shopLink{ width: auto; float: right; } .shopForm .birthdate input{ margin-right: 5px; } .shopForm .street .eightOfTen{ margin-right: 5px; } .shopForm .location .eightOfTen, .shopForm .phone .eightOfTen{ margin-left: 5px; } .shopForm select.twoOfTen{ width: 80px; } .shopForm select.tenOfTen{ width: 120px; } .shopPassword{ margin-left: 10px; } a.shopImageSmall img{ margin: 3px 3px 0 0; } .shopDeletePicture{ width: 28px; } .shopForm .shopCheckbox input, .shopForm .shopCheckbox label{ width: auto; } .shopForm .shopCheckbox{ } .shoppingCart td{ padding: 1px 0; vertical-align: middle; } .shoppingCart th{ font-weight: bold; padding-bottom: 5px; } .shoppingCart .shopSummary td{ background: none; border: none; } .shoppingCart .shopSum{ text-align: right; padding-right: 5px; height: auto; } .shoppingCart img{ margin-bottom: 1px; } .shopDetails{ border-collapse: collapse; } .articlePictures{ overflow:hidden; position:relative; float:left; } .articleBigPreviews{ position:relative; overflow:hidden; } .articleBigPreviews a{ display:block; width:100%; height:100%; position:relative; text-align:center; } .articleBigPreviews img{ display:block; margin:auto; border:0; } .articleSmallPreviews{ position:relative; margin:5px 0 0 0; } .articleSmallPreviews a{ display:block; float:left; position:relative; margin-right:3px; text-align:center; } .articleSmallPreviews img{ display:block; margin:auto; border:0; } .shopShippingLabel{ margin-bottom: .5em; } .shopShippingLabel input{ position: relative; top: 1px; }