/* $Id: inventronik.css,v 1.1 2005/01/30 15:07:29 mausi Exp $ */ body {background-color: #c8c8c6; background-repeat: repeat-x; color: #000000; font-size: 76%; /*font-family: Lucida, LuciduxSans, Helvetica, sans-serif;*/ font-family: Verdana,Arial,Helvetica,sans-serif; } h1 {font-size: 1.3em; font-weight: bold; clear: both; color: #900404; /*dark red*/ padding-top: 1em; text-align: center;} h2 {color: #900404; font-size: 1.7em; font-weight: bold; text-align: left; clear: left;} h3 {background-color: #96C3E5; color: #ffffff; font-size: 1.1em; font-weight: bold; padding-left: 1em;} h4 {font-size: 1.1em; font-weight: bold; color: #CC3333;} h5 {font-size: 1em; font-weight: bold; color: #CC3333;} h6 {font-size: 1em; font-weight: bold; color: #900404;} p {/*font-size: 15px;*/ margin: 0px 20px 10pt 30px; } p.imgleft img {float: left; margin-right: 1em; } p.imgright img {float: right; margin-left: 1em; } img {border: 0;} fieldset {border: 1px solid #92c61c; border-bottom: 0; border-right: 0; margin: 1em 0 2em 0;} legend {color: #92c61c; font-size: 1.2em; font-weight: bold; } /* --- HELPER STYLES --- */ .block {display: block;} .inline {display: inline;} .clear {width: 100%; clear: both; visibility: hidden;} .center {text-align: center;} .right {text-align: right;} .floatleft {float:left;} .clearleft {clear:left;} .floatright {float:right;} .nofloat {float:none;} .clearboth {clear:both;} .bold {font-weight: bold;} .width10 {width: 10%;} .width20 {width: 20%;} .width25 {width: 25%;} .width30 {width: 30%;} .tinytext {font-size: .9em;} .nomar {margin: 0;} .publickey {font-family: monospace; font-size: 14px;} /* --- LINK DEFS --- */ p a:link { color: #1279c4; text-decoration: underline; } p a:visited { color: #1279c4; text-decoration: underline; } p a:active { color: #FF0033; /*red*/ text-decoration: underline; } p a:hover { background-color: #1279c4; color: #ffffff; padding: 0 1em; text-decoration: underline;} h2 a:link {color: #900404; text-decoration: none;} h2 a:visited {color: #900404; text-decoration: none;} h2 a:active {color: #900404; text-decoration: none;} h2 a:hover {color: #900404; text-decoration: none;} /* --- BASE FORM STYLES --- */ form div {margin: .5em 0 1em 0;} label {float: left;} p.checkboxleft input {float:left; margin-right: 1em;} p.checkboxleft label {float: none;} div.required label {font-weight: bold;} /*div.required input {background-color: #ffffdd; border: 1px solid #c3c0d3; padding-top: .3em; padding-bottom: .2em;}*/ .button {text-align: center} .buttontext {padding: 0 1em;} /* --- BASE TABLE STYLES --- */ table {margin-left: 20px; width: 100%;} th {font-weight: bold; text-align: left;} td {vertical-align: top; padding-right: 1em; text-align: left;} td.center, td.right {padding-right: 0;} div#content td.price {text-align: right; padding-right:0;} div#content td.subtotal {border-top: thick double #cccccc; padding-top: 1.5em;} div#content td.total {font-weight: bold; padding-top: 1em; text-align: right;} /* --- PAGE PLACEMENT --- */ #containcontent {margin: 1em auto; width: 800px; background-color: #ffffff;} #banner {background-color: #ffffff; /*padding-bottom: 5px; */ text-align: right;} /* --- User Menu --- */ ul#user_menu {background-color: #c8c8c6; list-style-type: none; font-size: .9em; margin: 0; padding: .3em 1em; text-align: right; } ul#user_menu li {display: inline; padding-right: 1em;} /* --- HORIZONTAL MENU --- */ #horizontal_menu {background-color: #1279c4; /*#66ACB8*/ text-align: right; margin: 0; padding: 20px 0 15px 0;} #hnav {display: inline; margin: 0 20px 0 150px; text-align: right; } #hnav ul.level1 {display: inline; list-style-type: none; } #hnav li {display: inline; line-height: 140%;} #hnav .no1 a:Link {color: #ffffff; padding: 20px 3px 12px 3px; text-decoration: none;} #hnav .no1 a:Visited {color: #ffffff; padding: 20px 3px 12px 3px; text-decoration: none;} #hnav .no1 a:Hover {background-color: #96C3E5; border-bottom: 2px solid #900404; color: #000000; padding: 20px 3px 12px 3px; text-decoration: none;} #hnav .no1 a:Active {background-color: #A8D0D7; border-bottom: 2px solid #900404; color: #000000; padding: 20px 3px 12px 3px; text-decoration: none;} /* #hnav .cur1 a:Link {background-color: #92C4CD; color: #ffffff; border-bottom: 0px solid #900404; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .cur1 a:Visited {background-color: #92C4CD; color: #ffffff; border-bottom: 0px solid #900404; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .cur1 a:Hover {background-color: #A8D0D7; border-bottom: 2px solid #900404; color: #000000; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .cur1 a:Active {background-color: #A8D0D7; border-bottom: 2px solid #900404; color: #000000; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .act1 a:Link {color: #ffffff; font-size: 12px; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .act1 a:Visited {color: #ffffff; font-size: 12px; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .act1 a:Hover {background-color: #A8D0D7; border-bottom: 2px solid #900404; color: #000000; padding: 30px 3px 0 3px; text-decoration: none;} #hnav .act1 a:Active {background-color: #A8D0D7; border-bottom: 2px solid #900404; color: #000000; padding: 30px 3px 0 3px; text-decoration: none;} */ /* --- LANGUAGE SWITCHER --- */ #lang { width: 15%; display: inline; float: left; } #lang img { vertical-align: middle;} /* --- CONTENT --- */ #container {background-color: #ffffff; /*float: left;*/ margin: 0; /*padding: 10px;*/ /*width: 800px;*/} #content {clear: left; float: left; margin: 0 0 0 0; padding: 0; text-align: left; width: 570px; } #content h1, #container h1 { letter-spacing: 0.1em;} #content ul, #container ul {list-style-type: disc;} #content li, #container li {color: #000000; list-style-image: url(/images/li.gif); line-height: 160%; margin: 0 15px;} #content .contentpane, #container .contentpane {background-color: #ffffff; margin: 0 5%;} #content .title, #container .title {font-size: 7px; } #content .decophoto, #container .decophoto {border-top: #ffffff solid 2px; /*margin: -10px 0 0 -30px;*/ position: relative;} /* --- SIDEBAR --- */ #sidebar {border-left: 1px solid #c3c0d3; border-right: 1px solid #c3c0d3; float: right; margin: 20px 0 0 0; padding: 0 10px; position: relative; text-align: left; width: 175px;} #sidebar h1 {font-size: 14px; letter-spacing: 0.1em;} #sidebar h2 {font-size: 12px; margin: 0;} #sidebar p.bodytext {font-size: 12px; margin: 0 0 15px 0;} /* --- SINGLECOLCONTENT GENERAL DEFINITIONS --- */ /* #container {background-color: #ffffff; clear: left; float: left; margin: 0 ; padding: 0; text-align: left; width: 800px;} */ /* #container h2 {margin: 20px 0 0 0; padding: 0; margin-bottom: 1em; text-align: center;} */ #container h2 {margin: 20px 0 20px 20px; padding: 0;} #container h3 {border-bottom: 3px solid #33fe40; margin: 0; padding: 2px 0 4px 20px; text-align: left;} #container h4 {clear: both; margin: 20px 0 1em 25px;} #container p.tinytext {background-color: #A8D0D7; } #container ul {list-style-type: disc;} #container li {color: #000000; list-style-image: url(/images/li.gif); line-height: 160%;} #container .element a:Link {background-color: #92C4CD; color: #ffffff; padding: 2px 4px; text-decoration: none;} #container .element a:Visited {background-color: #92C4CD; color: #ffffff; padding: 2px 4px; text-decoration: none;} #container .element a:Hover {background-color: #A8D0D7; color: #000000; padding: 2px 4px; text-decoration: none;} #container .element a:Active {background-color: #A8D0D7; color: #000000; padding: 2px 4px; text-decoration: none;} #container .imgtext-table {margin: 10px 10px 10px 30px; } #container .csc-mailform input {border: 1px solid #A8D0D7;} #container .csc-mailform textarea {border: 1px solid #A8D0D7;} /* --- DIV ELEMENT 350 DEFINITIONS --- */ #container .element350 {border: 1px solid #A8D0D7; display: inline; float: left; margin: 10px 0 10px 20px; padding: 3px; width: 350px; } #container .element350 a:Link {color: #000000; font-size: 12px; padding: 2px 4px; text-decoration: underline;} #container .element350 a:Visited {color: #000000; font-size: 12px; padding: 2px 4px; text-decoration: underline;} #container .element350 a:Hover {color: #000000; font-size: 12px; padding: 2px 4px; text-decoration: underline;} #container .element350 a:Active {color: #000000; font-size: 12px; padding: 2px 4px; text-decoration: underline;} #container .element350 img {float: left; margin-right: 10px;} /* --- DIV ELEMENT 700 DEFINITIONS --- */ #container .element700 {border: 1px solid #c3c0d3; float: left; margin: 10px 20px; padding: 2px; width: 700px; } #container .element700 h2 {letter-spacing: 0.2em;} #container .element700 h3 {letter-spacing: 0.2em;} #container .element700 img {float: left; display: inline; margin: 0 0 4px 0;} #container .element700 p {font-size: 13px; margin: 0 3px 5px 3px; } #container .element700 ul {display: block; line-height: 160%; margin: 5px 10px 5px 30px; padding: 0;} #container .element700 li {margin: 0 30px;} #container .element700 a:Link {color: #000000; padding: 2px 4px; text-decoration: none;} #container .element700 a:Visited {color: #000000; padding: 2px 4px; text-decoration: none;} #container .element700 a:Hover {color: #ffffff; padding: 2px 4px; text-decoration: none;} #container .element700 a:Active {color: #000000; padding: 2px 4px; text-decoration: none;} /* --- DIV ELEMENT 375 DEFINITIONS --- */ #container .element375 {border: 1px solid #c3c0d3; display: inline; float: left; margin: 10px 5px; padding: 2px; width: 375px; } #container .element375 h2 {letter-spacing: 0.2em;} #container .element375 h3 {letter-spacing: 0.2em;} #container .element375 img {float: left; margin: 0 0 4px 0;} #container .element375 p {font-size: 13px; margin: 0 3px 5px 3px; } #container .element375 ul {font-size: 13px; line-height: 160%; margin: 5px 10px 5px 30px; padding: 0;} #container .weiterlesen {background-color: #A8D0D7; color: #000000; font-size: 11px; margin: 0; padding: 1px 5px; text-align: right;} #container .element375 a:Link {color: #000000; padding: 2px 4px; text-decoration: none;} #container .element375 a:Visited {color: #000000; padding: 2px 4px; text-decoration: none;} #container .element375 a:Hover {color: #ffffff; padding: 2px 4px; text-decoration: none;} #container .element375 a:Active {color: #000000; padding: 2px 4px; text-decoration: none;} /* --- DIV ELEMENT 375r DEFINITIONS --- */ #container .element375r {border: 1px solid #c3c0d3; display: inline; float: right; margin: 10px 5px; padding: 2px; width: 375px; } #container .element375r h2 {letter-spacing: 0.2em;} #container .element375r h3 {letter-spacing: 0.2em;} #container .element375r img {float: left; margin: 0 0 4px 0;} #container .element375r p {font-size: 13px; margin: 0 3px 5px 3px; } #container .element375r ul {font-size: 13px; line-height: 160%; margin: 5px 10px 5px 30px; padding: 0;} #container .element375r a:Link {color: #000000; padding: 2px 4px; text-decoration: none;} #container .element375r a:Visited {color: #000000; padding: 2px 4px; text-decoration: none;} #container .element375r a:Hover {color: #ffffff; padding: 2px 4px; text-decoration: none;} #container .element375r a:Active {color: #000000; padding: 2px 4px; text-decoration: none;} /* --- DIV ELEMENT 250 DEFINITIONS ---*/ #container .element250 {border: 1px solid #c3c0d3; display: inline; float: left; margin: 10px 5px; padding: 5px; width: 230px; } #container .element250 h3 {letter-spacing: 0.1em; padding: 2px 0 4px 0; text-align: center;} #container .element250 p {font-size: 12px; line-height: 140%; margin: 3px 0 0 0; padding: 0;} /* --- DOWNLOAD REPOSITORY DEFINITIONS --- */ #container .contentpane {margin: 0 30px; padding: 0;} #container .wrapper {margin: 0; padding: 0;} /* --- KONTAKTFORMULAR DEFINITIONS --- */ #content fieldset {border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top: 1px solid #c3c0d3; color: #1b4764; /*float: right;*/ margin: 20px 20px 0 35px; width: 460px;} #content fieldset.reset {float: none; margin-left: 20px; width: 90%;} #sidebar fieldset {border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top: 1px solid #c3c0d3; color: #1b4764; float: right; margin: 0; padding: 0; width: 160px;} /*#sidebar legend {text-align: right;}*/ #sidebar fieldset p {margin: .5em 0;} fieldset#contactus {border-left: 0; float:right; margin-right: 20px;} #contactus div {clear: both; font-size: 10px; margin: 0 10px 7px 0; text-align: right; } #contactus label {color: #000000; font-size: 12px; margin: 0;} #contactus input {border: 1px solid #bd3622; display: inline; font-size: 10px; margin: 0; padding: 1px 3px; text-align: left;} #contactus textarea {border: 1px solid #bd3622; float: right; font-size: 10px; margin: 0 0 10px 10px; padding: 1px 3px; text-align: left;} /* --- CATALOG PAGE --- */ div.product {margin-bottom: 2em; clear: left; margin-left: 20px;} div.product img, p.product_image img {float: left; margin-right: 1em; margin-bottom: 2em; border: 1px solid #acacac; padding: 3px;} #container div.product h2 {border-bottom: 1px dashed #7f0200; color: #7f0200; font-size: 1.2em; font-weight: bold; display:inline; margin-left:0;} div.product span.price {float: right; font-weight: bold; text-align: center; width: 100px;} div.product span.price img {display:block; float: right; border: 0;} div.product span.price form input {font-size:.8em;} div#sidebar div#cart div.button form div input {font-size:.8em;} div#sidebar div#cart table { margin-left: 0;} div#sidebar div#cart td {font-size: .9em;} div#sidebar div#cart td.price {text-align: right;} div#sidebar div#cart td.total-cell {border-top: thick double #cccccc; font-weight: bold; padding-top: 1em; text-align: right;} div#sidebar div#cart div.button form.button_to {margin-right: .3em;} div.button form {float:left; display: inline; margin-top: 1em; width: 48%;} /* --- ADMIN SECTION ---*/ div#content li.total {border-top: thick double #cccccc; font-weight: bold; padding-top: 1em;} li.product span.price {float: right; font-weight: bold; width: 100px;} /* ====================================================== */ /* --- ERRORS AND MESSAGES --- */ /* ====================================================== */ div#error {background-color: #fdf6c9; background-image: url(/images/background-error.png); background-repeat: no-repeat; background-position: 7px center; font-weight: bold; padding: 8px 3px 8px 45px; } #error h2 {background-color: transparent; color: #a40000; font-size: 1.2em; padding-left: 40px;} div#notice {background-color: #fdf6c9; background-image: url(/images/background-notice.png); background-repeat: no-repeat; background-position: 18px center; font-weight: bold; padding: 8px 3px 8px 45px; } #notice h2 {background-color: transparent; color: #3da400; font-size: 1.2em; padding-left: 40px;} div#errorExplanation {background-color: #fdf6c9; font-weight: bold; margin: 1em 0 2em 0; } div#errorExplanation h2 { background-color: #faeb8d; background-image: url(/images/background-error.png); background-repeat: no-repeat; background-position: 4px center; border-bottom: 1px solid #f7dd39; color: #252525; font-size: 1.2em; padding: 8px 3px 8px 35px; } div#errorExplanation p {padding: 0 10px;} /* --- FOOTER --- */ #footer {background-color: #1279c4; clear: both; color: #ffffff; margin-top: 2em; padding: 4px 20px 4px 0; text-align: right; } #footer p {font-size: 10px; line-height: 160%;} #footer a:Link {color: #ffffff;} #footer a:Visited {color: #ffffff;} #footer a:Hover {color: #ffffff;} #footer a:Active {color: #ffffff;}