/*
 * Für den Newsletter wurde das CSS in das Template skl_newsletter_css kopiert.
 * Änderungen sollten daher dort auch nachgezogen werden.
 */
/* headlines */
h1 {
    font-size: 1.5em;
    padding: 0px 0px 14px 0px;
    position: relative;
}
h1.indent {
    padding: 0px 0px 14px 22px;
}
h1 a:hover {
    color: #60696E; /* dark-grey */
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    position: relative;
}
h2 a,
h2 a:hover {
    font-weight: bold;
    color: #60696E; /* dark-grey */
}
h3 {
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    position: relative;
}
h4 {
    padding: 0px 0px 0px 0px;
    position: relative;
    text-transform: uppercase;
}

/* paragraphs */
p {
    padding: 0px 0px 10px 0px;
    position: relative;
}
p.news-item {
    margin-bottom: 9px;
}
p.prj-previous-next {
    padding: 10px 0px 10px 22px;
}
p.center-previous-next {
    padding: 10px 0px 10px 22px;
    text-align: center;
}
p.label {
    padding: 0px 0px 0px 0px;
    font-size: 0.8em;
}
p.field {
    padding: 0px 0px 10px 0px;
}
p.field-with-submit,
.contentbox.catalog p.field-with-submit {
    padding: 0px 14px 10px 0px;
    float: left;
}
.map {
    padding: 0px 0px 2px 0px;
}
.contentbox-2col p {
    padding: 0px;
}
.contentbox-3col p {
    padding: 0px;
}

/* bold and italic */
b, b i, i b {
    font-weight: bold;
}
i, b em, i b {
    font-style: italic;
}

/* links */
a {
    color: #60696E; /* dark-grey */
    text-decoration: none;
    position: relative;
}
a:hover, a.link:hover {
    color: #006198; /* sikla blue */
    text-decoration: none;
}
a.link {
    color: #60696E; /* dark-grey */
    text-decoration: none;
    background: url(/fast/546/icon-link.gif) no-repeat 0px 4px;
    padding-left: 7px;
}
* html a.link {
    padding-left: 14px;
}
a.prj-next {
    padding: 1px 26px 5px 0px;
}
a.prj-previous {
    padding: 1px 196px 5px 26px;
}
a.center-next {
    padding: 1px 26px 5px 0px;
}
a.center-previous {
    padding: 1px 100px 5px 26px;
}

/* lists */
ul {
    margin: 0px 0px 10px 35px;
    list-style-type: square;
}
* html ul {
    margin: 0px 0px 10px 37px;
}
* + html ul {
    margin: 0px 0px 10px 37px;
}
ol {
    margin: 0px 0px 10px 41px;
}
* html ol {
    margin: 0px 0px 10px 45px;
}
* + html ol {
    margin: 0px 0px 10px 45px;
}
li {
    margin: 0px 0px 0px 0px;
}
li ul {
    margin: 3px 0px 0px 14px;
}
* html li ul {
    margin: 3px 0px 0px 16px;
}
* + html li ul {
    margin: 3px 0px 0px 16px;
}
li ol {
    margin: 3px 0px 0px 20px;
}
* html li ol {
    margin: 3px 0px 0px 24px;
}
* + html li ol {
    margin: 3px 0px 0px 24px;
}
ul.linklist {
    margin: 0px 0px 10px 17px;
    list-style-image: url(/fast/546/icon-link.gif);
}
ul.linklist li {
    margin: 0px 0px 4px 0px;
}
ul.sitemap {
    margin: 0px 0px 4px 17px;
    list-style-image: url(/fast/546/icon-link.gif);
}
ul.sitemap li {
    margin: 0px 0px 4px 0px;
}
ul.error {
    color: red;
}

/* tables */
table {
    margin: 0px 0px 10px 0px;
    border-collapse: collapse;
	width: 100%;
}
th {
    border-right: 1px solid #60696E; /* dark-grey */
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
}
td {
    border-right: 1px solid #60696E; /* dark-grey */
    padding: 5px 10px 5px 10px;
	vertical-align: top;
}
th.left,
td.left {
	text-align: left !important;
	float: none !important;
	width: auto !important;
}
th.right,
td.right {
	text-align: right;
}
th.center,
td.center {
	text-align: center;
}
tr.alt td {
	background-color: #EEF5FA; /* light-blue */
}
td.einheit {
        text-align: left;
        padding: 5px 10px 5px 3px;
}
td.vor-einheit {
        text-align: right;
        padding: 5px 0px 5px 10px;
        border: none;
}
td.v-middle {
    vertical-align: middle;
    text-align: center;
}
.floatleft {
    margin: 0px 10px 5px 0px;
    float: left;
}
.floatright {
    margin: 0px 0px 5px 10px;
    float: right;
}

table.borderless, table.unsichtbar {
  border: none;
  border-collapse: collapse;
	width: auto;
}
table.borderless {
  margin: 0px 0px 10px 0px;
}
table.borderless th, table.unsichtbar th {
  border: none;
	text-align: left;
}
table.borderless th {
	vertical-align: middle;
}
table.borderless td, table.unsichtbar td {
  border: none;
	text-align: left;
}
table.unsichtbar td {
  padding: 0px 10px 17px 0px;
}
table.borderless td {
	vertical-align: middle;
}
table.mitHintergrund td {
  background: url(/fast/546/background-contentbox-small.gif) repeat-x;
}
td.ohneHintergrund {
  background: none !important;
}
tr.marked td {
	background-color: #FFC20E; /* sikla yellow */
}
.tableleft {
	float: left;
	width: 369px;
	margin-right: 18px;
}
.tableright {
	float: left;
	width: 369px;
}

/* catalog overview */
.tableleft .borderless p,
.tableright .borderless p {
    padding: 0px 14px 0px 0px;
}
.tableleft .borderless h2,
.tableright .borderless h2 {
    padding: 0px 14px 0px 0px;
}

/* labelform */
.labelform .left {
	width: 150px;
	text-align: right;
	padding-right: 5px;
	z-index: 2;
}
.labelform .left2 {
	width: 150px;
	text-align: left;
	padding-right: 5px;
	z-index: 2;
	float: left;
}
.labelform textarea {
    width: 423px;
    color: #60696E;
}
.attention {
	background-color: #FFC20E; /* sikla yellow */
	padding: 14px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}
.frontendadmin {
	background-color: #FFB1B1; /* hellrot */
}