/* * g*Sales * http://www.gsales.de * * Author: Gedankengut.de * Date: 2010-06 */ /***** ** Clearing und allgemeine Definitionen *****/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .clear { clear: both; } .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; } .blue { color: #004e6c; } .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; } .noList { list-style: none; padding: 0; margin: 0; } .noList li { padding: 3px 0; } .code { font-family: "Courier New", Monaco, Courier; white-space: nowrap; } /***** ** Container und Tags *****/ body { font-size: 75%; font-family: Arial, Helvetica; padding: 0; margin: 0; background: url(../img/bgBodySub.gif) repeat-x #fff; } img { border: 0; } :focus { outline: none; } p { margin: 0; padding: 0.5em 0; } a { color: #004e6c; text-decoration: underline; } a:hover { text-decoration: none; } fieldset { border: none; margin: 0; padding: 0; } input.submit { cursor: pointer; } form .error { border: 1px solid #9C0000 !important; } .msgError { font-weight: bold; font-style: italic; color: red; } .msgSuccess { font-weight: bold; font-style: italic; color: green; } #wrap { width: 1000px; margin: 0 auto; padding: 0; } #logo { position: absolute; width: 134px; height: 85px; margin: 15px 0 0 80px; z-index: 10; } #navigation { height: 56px; overflow: hidden; position: relative; } #navigation ul { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 11px; right: 150px; } #navigation ul li { margin: 0; padding: 0; display: inline; margin-left: 14px; } #navigation ul li a { text-decoration: none; font-size: 10px; color: #76ccee; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; text-shadow: #002c3d 1px 1px 0; padding: 5px 10px; } #navigation ul li a.glow { color: #f4fbab; } #navigation ul li a:hover { color: #fff; } #navigation ul li.rex-current a, #navigation ul li.rex-active a { color: #fff; text-shadow: #1c5064 1px 1px 0; } #header { height: 219px; overflow: hidden; background: url(../img/bgHeader.png) no-repeat; position: relative; } #header.sub h1 { color: #fff; font-size: 35px; font-weight: bold; margin: 30px 0 0 223px; padding: 0; text-shadow: #012837 1px 1px 3px; letter-spacing: 1px; } #header.sub { height: 74px; background: none; background: url(../img/bgHeaderSub.png) no-repeat; } #headerScreenDesc { position: absolute; left: 85px; top: 50px; width: 265px; height: 90px; overflow: hidden; } #headerScreenDesc h4, #headerScreenDesc p { margin: 0; padding: 0; text-align: right; text-shadow: #397d9e 1px 1px 3px; } #headerScreenDesc h4 { font-weight: bold; color: #fff; font-size: 19px; margin-bottom: 3px; } #headerScreenDesc p { color: #fff; font-size: 15px; line-height: 20px; } #headerScreenCtrl { position: absolute; left: 300px; top: 144px; width: 48px; } #headerScreenCtrl a { background: url(../img/btArrows.png) no-repeat; display: block; width: 21px; height: 18px; text-indent: -300em; overflow: hidden; } #headerScreenCtrl a.prevScreen { background-position: left center; float: left; } #headerScreenCtrl a.prevScreen.disabled { display: none; } #headerScreenCtrl a.nextScreen { background-position: right center; float: right; } #headerScreenCtrl a.nextScreen.disabled { display: none; } #headerScreens { position: absolute; left: 370px; bottom: 1px; width: 312px; height: 195px; background: url(../img/bgScreens.png) no-repeat; } #headerScreens .screenshots { position: relative; width: 297px; height: 144px; margin: 16px 10px 35px 5px; overflow: hidden; } #headerScreens .items { width: 20000em; position: absolute; } #headerScreens .items img { float:left; } #headerActions { position: absolute; margin: -23px 0 0 698px; z-index: 10; } #content { margin: 0 85px 75px 85px; font-size: 14px; line-height: 20px; color: #414141; } #content.sidebar { float: left; width: 495px; } #content.subnav { float: left; width: 590px; padding: 0 0 0 20px; margin: 0; font-size: 12px; line-height: 22px; color: #414141; } #content.subnavFull { width: 725px; } #content h2 { font-size: 20px; margin: 30px 0 5px 0; text-shadow: #fff 1px 1px 0; color: #343434; font-weight: normal; letter-spacing: 2px; } #content.subnav h2 { font-size: 22px; letter-spacing: 1px; line-height: 28px; text-shadow: #ddd 1px 1px 1px; } #content.subnav h3 { font-size: 16px; line-height: 21px; font-weight: normal; margin: 15px 0 0 0; padding: 0; text-shadow: #ddd 1px 1px 1px; } #content small { line-height: 10px !important; font-size: 10px; } #sidebar { width: 275px; float: left; margin-bottom: 35px; } #sidebar .widget { padding: 12px; background-color: #dbdbdb; line-height: 18px; color: #414141; margin-top: 15px; } #sidebar .widget.news p { padding: 0; } #sidebar .widget.news .tinymcewysiwyg { margin: 0 0 10px 0; padding: 0; } #sidebar .widget.news .tinymcewysiwyg h3 { display: none; } #sidebar .widget.highlight { background: url(../img/bgWidget.gif) repeat-x #fff7be; width: 225px; margin: 18px 0 0 26px; } #sidebar .widget h3 { font-weight: normal; font-size: 16px; color: #004e6c; margin: 4px 0 8px 0; padding: 0; } #sidebar .widget.highlight h3 { color: #000; margin: 10px 0 0 0; } #sidebar .widget form label { display: block; color: #004e6c; line-height: 18px; margin: 5px 0 3px 2px; } #sidebar .widget form .text { border: none; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 240px; color: #414141; font-size: 14px; padding: 7px 5px; } #sidebar .widget form .submit { font-weight: bold; color: #004e6c; background: none; border: none; text-transform: uppercase; font-size: 10px; padding: 0; margin: 8px 0 0 2px; letter-spacing: 1px; } #sidebar .widget form .text.error { padding: 6px 4px; } #subNavigationWrap { width: 1000px; background: url(../img/bgSubNav.gif) left top repeat-y; padding: 20px 0 0 0; margin-bottom: 30px; } #subNavigationWrapBottom { background: url(../img/bgSubNavBottom.gif) no-repeat bottom left; min-height: 170px; padding-bottom: 100px; } #subNavigation { width: 228px; padding-top: 50px; float: left; } #subNavigation ul { padding: 0; margin: 0; list-style: none; background: url(../img/bgSubNavRow.gif) no-repeat bottom right; } #subNavigation ul li { padding: 0 0 0 44px; margin: 0; background: url(../img/bgSubNavRow.gif) no-repeat top right; } #subNavigation ul li a { text-decoration: none; font-size: 14px; color: #555; letter-spacing: 1px; text-shadow: #fff 1px 1px 0; padding: 10px 0; display: block; } #subNavigation ul li a:hover { color: #1b1b1b; } #subNavigation li.rex-current a, #subNavigation li.rex-current a:hover { color: #004e6c; } #subNavigation li.rex-current ul li a { color: #555; } #subNavigation li.rex-current ul li a:hover { color: #1b1b1b; } #subNavigation ul ul { background: none; } #subNavigation ul ul li { background: none; padding-left: 15px; } #subNavigation ul ul li a { padding: 8px 0; font-size: 12px; } #breadcrumb ul { margin: 0; padding: 0; list-style: none; } #breadcrumb ul li { margin: 0 0 0 4px; padding: 0 0 0 13px; font-size: 10px; font-style: italic; display: inline; background: url(../img/icArrow.png) left center no-repeat; } #breadcrumb ul li:first-child { margin: 0; padding: 0; background: none; } #breadcrumb ul li a { font-size: 10px; color: #414141; font-style: normal; } #footer { clear: both; color: #414141; font-size: 10px; border-top: 1px solid #d0d0d0; margin-bottom: 20px; padding-top: 5px; position: relative; letter-spacing: 0.5px; height: 13px; } #footer a { color: #414141; font-size: 10px; text-decoration: none; letter-spacing: 0.5px; } #footer a:hover { text-decoration: underline; } #footer ul { margin: 0; padding: 0; list-style: none; } #footer ul li { margin: 0; padding: 0; display: inline; } #footerCopyright { position: absolute; bottom: 19px; left: 10px; } #footerCopyright span { margin-left: 40px; } #footerGgut { position: absolute; margin-top: -2px; } #footerSocial { position: absolute; left: 50px; } #footerNavigation { float: right; } #footerNavigation a { letter-spacing: 1px; margin-right: 14px; } /***** ** Features *****/ #content .featureSmall { width: 270px; padding: 0 25px 0 65px; margin-top: 30px; display: inline; display: inline-block; vertical-align: top; } #content .featureSmall img { position: absolute; margin-left: -65px; } #content .featureSmall h3 { font-weight: normal; font-size: 19px; margin: 0; padding: 0; } /***** ** News Overview *****/ .newsOverview h3 { margin: 0; } /***** ** TinyMCE *****/ .tinymcewysiwyg table { border-collapse: collapse; } .tinymcewysiwyg table tr td { padding: 3px 5px; border-top: 1px solid #d0d0d0; vertical-align: top; } .tinymcewysiwyg table tr:first-child td { border-top: none; } .tinymcewysiwyg table.wide tr td { padding: 20px; } /***** ** Download *****/ table.list { border-collapse: collapse; width: 100%; } table.list th { padding: 5px; font-size: 0.833em; } table.list td { border-top: 1px solid #efefef; padding: 5px; font-size: 0.833em; } .zipDownload { display: block; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; margin-top: 20px; color: #343434; text-decoration: none; border: 1px solid #efefef; } .zipDownload/*:hover*/ { background: url(../img/bgBodySub.gif) bottom left; border: 1px solid #fff; color: #fff; } .zipDownload span { display: inline; display: inline-block; margin-right: 30px; font-weight: bold; } .zipDownload img { position: absolute; margin: -7px 0 0 410px; } .tarDownload { margin-left: 20px; font-size: 11px; } .releaseNotes { margin-right: 20px; font-size: 11px; float: right; } .actionBox th { font-size: 11px; } .actionBox td.icon { width: 80px; } /***** ** Bestellablauf *****/ #orderSteps { margin-top: 1em; height: 60px; } #orderSteps ul { list-style: none; padding: 0; margin: 0; position: absolute; } #orderSteps ul li { float: left; padding: 0; margin: 0; } #orderSteps ul li span, #orderSteps ul li a { float: left; width: 175px; height: 25px; margin-right: 5px; background: #fff; padding: 20px 0 0 12px; } #orderSteps ul li a { background: #006180; font-weight: bold; color: #fff; text-decoration: none; } #orderCustomer { margin: 0 0 40px 12px; } #orderCustomer .labels { width: 160px; } #orderCustomer .inputs { width: 330px; } #orderCustomer th { padding: 5px 0; text-align: left; font-weight: normal; } #orderCustomer td .text { border: 1px solid #fff; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 320px; color: #000; font-size: 14px; padding: 6px 4px; margin: 2px 0; } #orderCustomer td #acc-user { width: 160px; float: left; } #orderCustomer td #acc-pass { width: 80px; float: left; margin-left: 8px; } #orderCustomerLogin { margin: 0 0 40px 12px; } #orderLicense { margin: 0 0 40px 12px; } #orderLicense #posCount { width: 75px; margin-right: 8px; border: 1px solid #cacaca; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; font-size: 14px; padding: 7px 5px; text-align: center; } #orderLicense #unitPrice{ border: none; background: none; font-size: 14px; color: #414141; width: 20px; } #orderData { margin: 0 0 25px 12px; } #orderData .labels { width: 135px; } #orderData .inputs { width: 330px; } #orderData th { padding: 5px 0; text-align: left; font-weight: normal; } #orderData td .text { border: 1px solid #fff; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 320px; color: #000; font-size: 14px; padding: 6px 4px; margin: 2px 0; } #orderData td select { border: 2px solid #fff; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 330px; color: #000; font-size: 14px; padding: 3px 5px; margin: 2px 0; } #orderData td #vorname.text { width: 151px; float: left; } #orderData td #name.text { width: 151px; float: left; margin-left: 8px; } #orderData td #plz.text { width: 100px; float: left; } #orderData td #ort.text { width: 202px; float: left; margin-left: 8px; } #affiliateData { margin: 0 0 40px 12px; } #affiliateData .labels { width: 135px; } #affiliateData .inputs { width: 330px; } #affiliateData th { padding: 5px 0; text-align: left; font-weight: normal; } #affiliateData td .text { border: 1px solid #fff; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 320px; color: #000; font-size: 14px; padding: 6px 4px; margin: 2px 0; } #affiliateData td #werbecode.text { width: 100px; } #orderPayment { margin: 0 0 10px 12px; } #orderPayment td { width: 37%; vertical-align: top; } #orderPayment td:first-child{ width: 26%; } #orderPayment td label { margin-left: 5px; } #orderPayment td p { padding: 0 0 0 25px; } #orderPayment td img { position: absolute; } #orderTotals { background-color: #fff; padding: 8px 12px; width: 547px; position: absolute; text-align: center; font-size: 12px; margin-top: 10px; } #orderTotals big { font-size: 25px; color: #006180; margin: 0 5px; font-weight: bold; } #orderHint { color: #9C0000; font-weight: bold; margin: 55px 0 0 120px; position: absolute; } #orderSubmitStep { margin-top: 100px; text-align: center; padding-left: 76px; } #orderSubmitStep input { font-size: 13px; font-weight: bold; color: #000; } #orderCheck { width: 100%; } #orderCheck tr td { border-top: 1px solid #fff; padding: 10px 20px; vertical-align: top; } #orderCheck tr:first-child td { border: none; } #orderWithdrawal { margin-left: 20px; } #orderConfirm { margin: 20px 0 0 20px; } /***** ** sonstige Formulare *****/ .cntForm .labels { width: 135px; } .cntForm .inputs { width: 300px; } .cntForm th { padding: 5px 0; text-align: left; font-weight: normal; } .cntForm td .text { border: 1px solid #ececec; background-color: #ececec; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 290px; color: #343434; font-size: 14px; padding: 6px 4px; margin: 2px 0; } .cntForm td select { border: 2px solid #ececec; background-color: #ececec; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 300px; color: #343434; font-size: 14px; padding: 3px 5px; margin: 2px 0; } .cntForm td #usr-data-vorname.text { width: 136px; float: left; } .cntForm td #usr-data-name.text { width: 136px; float: left; margin-left: 8px; } .cntForm td #usr-data-plz.text { width: 70px; float: left; } .cntForm td #usr-data-ort.text { width: 202px; float: left; margin-left: 8px; } /***** ** Lizenzübersicht *****/ table.licenses { width: 100%; border-collapse: collapse; } table.licenses th { padding: 5px; text-align: left; } table.licenses td { padding: 5px; border-top: 1px solid #efefef; } table.licenses td.paid { color: #008000; } table.licenses td.open { color: #9C0000; } table.licenses td.header { background-color: #f8f8f8; } /***** ** FAQ *****/ .faqBox { border: 1px solid #efefef; border-bottom-color: #ccc; margin-top: 15px; } .faqBox .question { display: block; padding: 3px 10px; background-color: #efefef; text-decoration: none; text-shadow:1px 1px 0 #FFFFFF; color: #343434; } .faqBox.highlight .question, .faqBox .question:hover { color: #004E6C; } .faqBox .answer { padding: 10px; display: none; }