/* * Novotec Medical GmbH * http://www.galileo-training.com * * Author: Gedankengut.de * Date: 2009-07 */ /***** ** Clearing und allgemeine Definitionen *****/ .clearfix:after, .main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .main { display: inline-block; } * html .clearfix, * html .main { height: 1%; } .clearfix, .main { display: block; } .clear { clear: both; } .skip { position: absolute; left: -1000em; width: 20em; } .hide { display: none; } .floatL { float: left; } .floatR { float: right; } .left { text-align: left; } .right { text-align: right !important; } .center { text-align: center !important; } .vCenter { vertical-align: middle !important; } .top { vertical-align: top; } .bottom { vertical-align: bottom; } .nowrap { white-space: nowrap; } .bold { font-weight: bold; } .italic { font-style: italic; } .noBorder { border: none !important; } .noBg { background: none !important; } .noBgImg { background-image: none !important; } .noMargin { margin: 0; } .noPadding { padding: 0; } .small { font-size: 0.833em; line-height: 0.833em; margin: 0; padding: 0; } .middle { font-size: 0.916em; line-height: 1.3em; } .admin { color: #910003 !important; } /***** ** Container und Elemente *****/ body { font-size: 75%; font-family: Arial, Helvetica; color: #58595b; background-color: #f5f0e7; padding: 20px 0; margin: 0; } img { border: 0; } :focus { outline: 0; } p { padding: 0; margin: 1.0em 0; } hr { color: #fff; background-color: #fff; border: 1px dotted #b9ab97; border-style: none none dotted; } sup { font-size: 0.833em; line-height: 0.833em; } a { color: #00aeef; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } #jsCheck { font-weight: bold; position: absolute; color: #b8292f; top: 25px; } #mainCnt { width: 850px; background: url('../img/bgMainTop.gif') top left no-repeat #fff; margin: 0 auto; padding: 15px 50px 0 50px; overflow: hidden; } #header { margin-bottom: 20px; } #content { margin-top: 60px; } #footer { background: url('../img/bgMainBottom.gif') bottom left no-repeat; width: 850px; margin: 10px 0 0 -50px; padding: 0 50px 25px 50px; } #footer ul { border-top: 1px dotted #58595b; margin: 20px 0 0 0; padding: 5px 0; display: inline; font-size: 0.916em; } #footer ul li { border-left: 1px solid #58595b; display: inline; list-style: none; margin-right: 5px; padding-left: 5px; } #footer ul li a { color: #58595b; font-weight: bold; } #col1 { width: 848px; } #col2 { width: 668px; float:left; } #col3 { width: 180px; float:right; } #col2 ul { list-style: square; padding-left: 1.1em; line-height: 1.5em; } #col1Content { width: 180px; float:left; } #col2Content { width: 448px; margin-left: 20px; float:left; line-height: 1.5em; } #col3Content { width: 180px; } #col1Content, #col2Content, #col3Content { overflow:hidden; } .ownLogo, .disLogo { width: 290px; float: left; font-size: 0.916em; } .disLogo { width: 200px; } .newsCnt { margin-bottom: 25px; } .newsCnt img { border: 1px solid #b5b4b1; float: left; width: 80px; height: 80px; margin: 0 17px 0 0; padding: 0; } .overviewImageText { margin: 0; padding: 0; margin-bottom: 10px; border-collapse: collapse; } .overviewImageText .cntImg { vertical-align: top; } .overviewImageText .cntImg img, img.lgtBoxImg { border: 1px solid #baab96; } .overviewImageText .cntText { vertical-align: top; } .overviewImageText .cntLink { float: right; } /***** ** Headlines *****/ @import url('headers.css'); /***** ** Navigation und Sprachauswahl *****/ #nav0 { margin: 0; padding: 0; float: right; display: inline; font-size: 0.916em; } #nav0 li { margin: 0; padding: 0 3px; display: inline; list-style: none; /* border-right: 1px solid #00aeef; */ } #nav0 a { font-weight: bold; } #nav0 .langSelect { padding: 3px 0 3px 22px; border: none; line-height: 19px; } #nav0 .langSelect a { background: url('../img/iconArrowBlueR.gif') right 4px no-repeat; padding-right: 10px; } #nav0 .langSelect a.active { background: url('../img/iconArrowBlueB.gif') right 4px no-repeat; } #langOverview { position: absolute; top: 56px; width: 288px; margin-left: 563px; z-index: 1000; display: none; font-size: 0.916em; } #langOverview .langTop { background: url('../img/bgLangTop.gif') top left no-repeat; font-weight: bold; padding: 8px; } #langOverview .langMiddle { background: #f0e9dd; border: 1px solid #b9ab97; border-bottom: 0; padding: 4px 8px; } #langOverview .langMiddle ul { list-style: none; margin: 0; padding: 0; } #langOverview .langMiddle ul li { margin: 0; padding: 0; border-bottom: 1px dotted #b9ab97; line-height: 26px; } #langOverview .langMiddle ul li a { color: #58595b; font-weight: normal; } #langOverview .langMiddle ul li a.active { font-weight: bold; } #langOverview .langMiddle ul ul li { display: inline; border: 0; margin-left: 5px; } #langOverview .langMiddle ul ul { display: inline; border-left: 1px solid #58595b; margin-left: 5px; } #langOverview .langMiddle .flag { padding-left: 25px; background-position: 3px 6px; background-repeat: no-repeat; } #langOverview .langBottom { background: url('../img/bgLangBottom.gif') 1px 0 no-repeat; height: 2px; line-height: 1px; font-size: 1px; } #nav1 { position: absolute; width: 856px; height: 38px; background: url('../img/bgNav1.gif') top left no-repeat; } #nav1 ul, #nav1 ul li { margin: 0; padding: 0; } #nav1 ul li { float: left; list-style: none; border-left: 1px solid #58585a; } #nav1 ul li.first { border: none; margin-left: 2px; } #nav1 ul li a { color: #fff; text-transform: uppercase; text-decoration: none !important; padding: 7px 15px; line-height: 2.5em; font-weight: bold; } #nav1 ul li a.active { background: url('../img/bgNavHover.gif') top left repeat-x; } #nav1 ul ul { position: absolute; margin: 0; padding: 0; border: 1px solid #b4a297; background: url('../img/bgSubNav.png'); display: none; } #nav1 ul ul li { margin: 0; padding: 0; list-style: none; float: none; text-align: left; border: none; } #nav1 ul ul li.first { margin: 0; } #nav1 ul ul li a { text-transform: none; white-space: nowrap; padding: 3px 9px; margin: 0; line-height: 1.5em; color: #58595b; display: block; font-weight: normal; } #nav1 ul ul li a.active { background: none; font-weight: bold; } #nav1 ul ul li a:hover { background: url('../img/bgSubNavHover.png') !important; } #breadcrumb { margin: 0; padding: 0 !important; font-size: 0.916em !important; } #breadcrumb li { margin: 0; padding: 0 2px; list-style: none; display: inline; } #breadcrumb li:first-child { padding-left: 0; } #breadcrumb li.last a { color: #58595b; } #sitemapNav a { color: #58595b; } #sitemapNav, #sitemapNav ul, #sitemapNav li { padding: 0 !important; margin: 0; line-height: 1.8em; } #sitemapNav li { list-style: none; font-weight: bold; border-top: 1px dotted #dbd0be; } #sitemapNav ul li.first { border: none; } #sitemapNav ul ul li.first { border-top: 1px dotted #dbd0be; } #sitemapNav ul li { font-weight: normal; } #sitemapNav ul { margin: -1.7em 0 0 100px; } #sitemapNav ul ul { margin: 0 0 0 1.8em; } .cntBox1 ul.nav { margin: 0; padding: 0; } .cntBox1 ul.nav li { margin: 0; padding: 0; display: block; list-style: none; border-top: 1px dotted #b9ab97; } .cntBox1 ul.nav li.first { border: none; } .cntBox1 ul.nav ul.nav li.first { border-top: 1px dotted #b9ab97; } .cntBox1 ul.nav a { line-height: 1.3em; display: block; padding: 5px 41px 5px 8px; margin: 0 1px 0 1px; background: url('../img/iconArrowBlueR.gif') 165px 10px no-repeat; } .cntBox1 ul.nav a.open { background: url('../img/iconArrowBlueB.gif') #e4dbcc 165px 10px no-repeat; } .cntBox1 ul.nav a.active, .cntBox1 ul.nav a:hover { background-color: #e4dbcc; } .cntBox1 ul.nav ul.nav a { padding-left: 20px; } .cntBox1 ul.nav ul.nav ul.nav a { padding-left: 30px; background-image: none; } .cntBox1 ul.nav ul.nav ul.nav li { border-top: none; } /***** ** Content-Boxen *****/ .cntBox1 { background: url('../img/bgCntBox1Bottom.gif') bottom left no-repeat; padding-bottom: 2px; margin-bottom: 20px; } .cntBox1 a { color: #58595b; text-decoration: none !important; } .cntBox1 .header1 a { font-weight: bold; display: block; padding: 6px 0 6px 9px; background: url('../img/iconArrowGrayR.gif') 165px 10px no-repeat; } .cntBox1 .header1 { background: url('../img/bgCntBox1Top1.gif') top left no-repeat; border-bottom: 1px solid #b9ab97; } .cntBox1 .header2 { background: url('../img/bgCntBox1Top2.gif') top left no-repeat; padding: 13px 0 0 9px; font-weight: bold; } .cntBox1 .header2 a { font-weight: bold; display: block; background: url('../img/iconArrowGrayR.gif') 154px 4px no-repeat; } .tagBox ul { font-size: 0.83em; margin: 10px; padding: 0; line-height: 1.8em; } .tagBox ul li { margin: 0; padding: 0 3px 0 0; float: left; list-style: none; } .tagBox ul a:hover { text-decoration: underline !important; } .cntBox1 .staticNav { margin: 10px; padding: 0; line-height: 1.5em; } .cntBox1 .staticNav li { margin: 0; padding: 5px 3px 5px 0; list-style: none; } .cntBox1 .staticNav a:hover { text-decoration: underline !important; } .cntBox1 .latest p { padding: 0 9px; font-size: 0.916em; line-height: 1.5em; } .cntBox1 .latest a { font-weight: bold; } .cntBox1 .latest a:hover { text-decoration: underline !important; } .cntBox2 { background: url('../img/bgCntBox2Bottom.gif') bottom left no-repeat; padding-bottom: 2px; margin-bottom: 20px; } .cntBox3 { background: url('../img/bgCntBox3Bottom.gif') bottom left no-repeat; padding-bottom: 2px; margin-bottom: 20px; } .cntBox3 .cnt { font-size: 0.916em; padding: 0 9px 6px 9px; } .cntBox2 a { color: #58595b; } .cntBox2 .header a, .cntBox3 .header a, .cntBox3 .header span { font-weight: bold; display: block; padding: 9px 0 6px 9px; background: url('../img/iconArrowGrayR.gif') 165px 10px no-repeat; text-decoration: none !important; } .cntBox3 .header span { background-image: none; } .cntBox2 .header, .cntBox3 .header { background: url('../img/bgCntBox2Top.gif') top left no-repeat; font-weight: bold; } .newsletterBox { background: url('../img/bgNewsletterBox.jpg') top left no-repeat; height: 86px; margin-bottom: 20px; padding: 9px; } .newsletterBox a { text-decoration: none !important; margin-left: 30px; } .newsletterBox .submit { margin-top: 50px; } .locationBox { padding-bottom: 5px; border-bottom: 1px dotted #dbd0be; margin-bottom: 15px; } .locationBox p { margin: 0.916em 0; } .shoppingCartCnt { font-size: 0.916em; line-height: 1.3em; border: 1px solid #b9ab97; border-style: none solid; padding: 5px; } .shoppingCartCnt p.clearfix { margin: 0.75em 0; } .shoppingCartTop, .shoppingCartBottom { font-size: 2px; line-height: 2px; height: 2px; } .shoppingCartTop { background: url(../img/bgCartBox.gif) top left no-repeat; margin-top: 10px; } .shoppingCartBottom { background: url(../img/bgCartBox.gif) bottom left no-repeat; margin-bottom: 20px; } .productOverviewTxt { width: 525px; float: right; } .new { color: #fff; background-color: #b8292f; font-size: 9px; padding: 0 1px; margin-left: 5px; } h1 .new { margin-left: 10px; } h1.shopCheckout { color: #999999; } h1.shopCheckout a { color: #58595b; } h1.shopCheckout a.active { color: #b8292f; } /***** ** Formulare *****/ form { margin: 0; padding: 0; } input, textarea, select, option { font-size: 1.0em; color: #58595b; font-family: Arial, Helvetica; } .submit { font-weight: bold; border: 1px solid #b9ab97; background: url('../img/bgSubmit.gif') bottom left repeat-x #fff; cursor: pointer; padding: 1px; } #mainSearch { position: absolute; width: 300px; margin: 60px 0 0 640px; } #mainSearch fieldset { margin: 0; padding: 0; border: 0; } #mainSearch .text { border: 1px solid #b9ab97; padding: 2px; } #routePlanner fieldset { margin: 0; padding: 0; border: 0; } #routePlanner label { float: left; width: 80px; } #routePlanner .submit { margin-left: 80px; clear: both; } .colSearch { margin: 0 0 10px 0; padding: 0; border: 0; } .colSearch legend { font-weight: bold; padding-bottom: 0.5em; } .colSearch label { display: block; margin: 1.0em 0 0.3em 0; } .colSearch .text { border: 1px solid #b9ab97; padding: 2px; } .colSearch .text, .colSearch select { width: 95%; } fieldset.standort { border: 0; padding: 3px 9px 9px 9px; } fieldset.standort label { line-height: 2.0em; } fieldset.standort .submit { margin-top: 8px; } .formCnt fieldset { border: none; margin: 0; padding: 0; } .formCnt legend { font-weight: bold; margin: 10px 0 0 0; background: url(../img/iconBullet.gif) left 2px no-repeat; padding-left: 20px; } .formCnt label { margin-left: 25px; width: 155px; float: left; } .formCnt .formRadioCnt { float: left; width: 250px; } .formCnt label.formRadio{ width: auto; float: none; margin-left: 5px; } .formCnt .formText, .formCnt .formTextarea, .formCnt .formSelect { border: 1px solid #b8ab98; line-height: 1.2em; margin: 2px 0; } .formCnt .formText, .formCnt .formTextarea { width: 250px; } .formCnt .submit { margin: 10px 0 0 180px; } .formRequired { color: #680002; } .formCnt .formError { font-weight: bold; color: #b8292f; } .formCnt .formHelperIcon{ position: absolute; margin-left: 440px; margin-top: -18px; width: 13px; } .formCnt .formHelper { position: absolute; margin-left: 440px; width: 288px; z-index: 1000; display: none; font-size: 0.916em; } .formCnt .formHelper .helperTop { background: url('../img/bgHelperTop.gif') top left no-repeat; font-weight: bold; padding: 8px 8px 0 8px; } .formCnt .formHelper .helperMiddle { background: #f0e9dd; border: 1px solid #b9ab97; border-bottom: 0; border-top: 0; padding: 4px 8px; } .formCnt .formHelper .helperMiddle p{ margin: 0; padding: 0; } .formCnt .formHelper .helperBottom { background: url('../img/bgLangBottom.gif') 1px 0 no-repeat; height: 2px; line-height: 1px; font-size: 1px; } .shopArticleOview fieldset { margin: 12px 0 0 0; padding: 0 0 12px 0; border: none; border-bottom: 1px dotted #b9ab97; font-size: 0.916em; line-height: 1.3em; } .shopArticleImg, .productOverviewImg { width: 102px; float: left; } .shopArticleImg img, .shopCartImg, .productImg, .productOverviewImg img, .productDetailsTbl .imgRow img { border: 1px solid #b6b5b1; } .shopCartImg { float: left; margin-right: 5px; } .shopArticleTxt { width: 330px; float: right; } .shopArticleOview .articleAmountCnt { width: 11em; float: right; text-align: right; } .articleAmount { border: 1px solid #b6b5b1; width: 1.5em; text-align: center; padding: 0; line-height: 1.0em; } .shopArticleOview .articleToCartB { background: url(../img/iconCart.gif) top right no-repeat; padding-right: 16px; color: #00aeef; } .shopArticleOview a.articleToCartB { cursor: pointer; } .articleToCartG { background: url(../img/iconCart.gif) right -18px no-repeat; width: 8em; } .checkoutOverview .bgRefresh { position: absolute; margin: -1.4em 0 0 420px; } .bgRefresh { font-size: 0.916em; } .checkoutOverview .txtCnt { width: 390px; margin-left: 20px; } .ml20 { margin-left: 20px; } .productDetailsImg { float: left; width: 202px; } .productDetailsTxt { float: right; width: 420px; } .productDetailsCert img { margin-right: 3px; margin-bottom: -0.75em; } .productBundleImg { float: left; width: 160px; margin-top: 14px; } .productBundleTxt { float: right; width: 430px; } .overviewSelect fieldset { border: none; margin: 0 20px 0 0; padding-left: 0; } .textSubmit { border: 0; color: #00aeef; cursor: pointer; font-size: 0.916em; } .bgRefresh { background:url(../img/iconRefresh.gif) top left no-repeat; padding-left: 17px; } .bgDelete { background:url(../img/iconDelete.gif) 3px top no-repeat; padding-left: 17px; } /***** ** Tabellen *****/ .overview1 { width: 100%; border-collapse: collapse; margin: 0; padding: 0; } .overview1noMargin { margin-top: -20px; } .overview1 th, .overview1 td { border-left: 1px solid #f4f0e7; border-right: 1px solid #f4f0e7; padding: 4px 10px; } .overview1 th { text-align: left; background-color: #f2eee5; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px dotted #dbd0be; } .overview1 td { text-align: left; border-bottom: 1px dotted #dbd0be; } .overview1 th.first { border-left-color: #f2eee5; } .overview1 th.last { border-right-color: #f2eee5; } table.shoppingCart th, table.shoppingCart td { vertical-align: top; text-align: left; } .productDetailsTbl { width: 100%; border-collapse: collapse; } .productDetailsTbl th { padding: 3px 10px; font-weight: bold; text-align: left; } .productDetailsTbl td { padding: 3px 10px; border-bottom: 1px dotted #dbd0bd; /*border-right: 1px solid #f5f0e7;*/ vertical-align: top; } .productDetailsTbl td.first { width: 180px; } .productDetailsTbl .altRow { background-color: #f8f6f1; } .productDetailsTbl .imgRow td { text-align: center; width: 140px; padding: 0 5px; } .productDetailsTbl .imgRow select { display: block; width: 140px; margin: 5px 0 10px 0; } /***** ** Tabellen *****/ .ui-widget { font-size: 12px !important; font-family: Arial, Helvetica !important; } .ui-widget-content { color: #58595b !important; } .tabs.ui-widget-content { background: none !important; } .ui-tabs { padding: 0 !important; border: none !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; margin: 28px 0; } .ui-tabs .ui-tabs-nav { padding: 0 !important; } .ui-tabs .ui-widget-header { background: none; border: none; border-bottom: 1px solid #DBD0BD; } .ui-tabs .ui-tabs-panel { border: 1px solid #DBD0BD !important; border-top: none !important; padding: 10px 15px 25px 15px !important; } .ui-tabs .ui-tabs-nav li { border: none; background: none; } .ui-tabs .ui-tabs-nav li a { font-size: 11px; font-weight: normal; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #DBD0BD; border-bottom: none; background: #fff; } .ui-tabs .ui-tabs-nav li.ui-state-hover a { color: #58595B !important; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #58595B !important; font-weight: bold; } .ui-tabs .ui-corner-top, .ui-tabs .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; } .ui-tabs .productDetailsImg { width: 180px; }