/* Basic styles */
html {
    overflow-y: scroll;
}

body {
	color: #000;
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}

h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0.4em 0 1em 0;
}

h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0.4em 0 0 0;
}

p {
	margin-bottom: 1.2em;
	line-height: 1.2em;
}

a {
	color: #000;
	text-decoration: none;
}

a.icon-1 {
    background-image:url(../images/arrow-1.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-2 {
    background-image:url(../images/arrow-2.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-3 {
    background-image:url(../images/arrow-3.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-4 {
    background-image:url(../images/arrow-4.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: underline;
}
a.icon-right {
    padding-left: 0;
    padding-right: 18px;
    background-position: right;
}
a.wishlist {
    color:#ff0000;
}

a:hover {
	text-decoration: underline;
}

input.text {
	border: 1px solid #000;
	margin: 0;
}

div.hr hr {
  display: none;
}

div.hr {
  height: 4px;
}

div.hr.attribute {
    margin-top:2em;
    /*margin-bottom:2em;*/
    border-bottom: 2em solid #fff;
}

/* Misc */

/* Clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* Header */

div#header {
	height: 100px;
	margin-top: 20px;
	position: relative;
}

img#header-logo {
	position: absolute;
	right: 0;
	top: 0;
}

ul.header-nav {
    width: 170px;
	float: left;
	font-size: 18px;
	line-height: 1.2em;
	margin-right: 15px;
}

ul.header-nav2 {
    width: 205px;
}

ul.header-nav a {
	color: #6f6f6f;
}

ul.header-nav a:hover {
    text-decoration: none;
}

div#header-nav-lang {
	position: absolute;
    z-index: 1000;
	right: 0;
	top: 80px;
}

div#header-nav-lang ul {
	background-color: transparent;
	border: 1px solid #fff;
	float: left;
	margin-right: 12px;
	padding: 2px 4px;
	width: 84px; /* 78px */
}

div#header-nav-lang li {
    margin: 0;
    padding: 0;
}

div#header-nav-lang ul.open {
	background-color: #fff;
	border: 1px solid #000;
}

div#header-nav-lang ul li a {
	display: block;
}

div#header-nav-lang a#header-nav-lang-arrow {
	position: absolute;
	right: 0;
	top: 7px;
}

/* Footer */

div#footer {
	color: #999;
	font-size: 11px;
	position: relative;
}

div#footer a {
	color: #999;
}

ul#footer-nav {
	left: 0;
	position: absolute;
	top: 100px;
}

body.home ul#footer-nav {
    top: 5px;
}

body.home div#footer-disclaimer {
    top: 5px;
}

ul#footer-nav li {
	float: left;
}

div#footer-disclaimer {
	position: absolute;
	right: 0;
	text-align: right;
	top: 100px;
}


/* Side bar */

div#side {
}

div.side-toolbox {
	background-color: #e2e2e2;
	margin: 1em 0;
	padding: 8px;
}

ul.side-nav {
    min-height:121px;
}

ul.side-nav li.back {
	margin-bottom: 1em;
}

ul.side-nav li.projects {
	margin-top: 1em;
}

div.side-attribute-52 {
    padding-top:40px;
}

form.side-search {
	margin-top: 1em;
}
form.side-search input.text {
    width:150px;
    border: 1px solid #666
}


/* Catalog: Overview */
ul.catalog-overview {
	font-size: 11px;
	margin-top: 8px;
}

ul.catalog-overview li {
	float: left;
	margin: 0 6px 1em 0;
}

ul.catalog-overview.wide li {
	margin-bottom: 1.5em;
}

ul.catalog-overview li a {
	text-decoration: none;
}


/* Catalog: Details */
div.catalog-details-header {
    height: 119px;
}

div.shadow-image-navigation {
    float:right;
	padding-top: 12px;
}

p.catalog-details-prodname {
	padding-top: 12px;
}

p.catalog-details-prodname strong {
	font-size: 20px;
	margin-right: 6px;
}

img.catalog-details-silhouettes {
	float: right;
	margin-bottom: 20px;
	margin-top: -6px;
}

h3.catalog-details-blocktitle {
	font-size: 12px;
	padding-bottom: 10px;
}

ul.catalog-details-gallery li {
	float: left;
	margin-right: 5px;
}

ul.catalog-details-gallery-switch {
	margin: 15px 0 8px 0;
}

ul.catalog-details-gallery-switch li {
	float: left;
	margin-right: 2em;
}

ul.catalog-details-gallery-switch li a {
	text-decoration: underline;
}

div.catalog-details-description p {
	font-size: 16px;
	line-height: 1.3em;
	width: 560px;
}

div.catalog-details-description ul.images {
    margin-bottom: 1.2em;
}

div.catalog-details-description ul.images li {
    display: inline;
    padding-right: 2em;
}

table.catalog-details-assortment {
	margin-bottom: 26px;
	width: 100%;
}

table.catalog-details-assortment caption {
	padding-bottom: 2px;
	text-align: left;
	text-transform: uppercase;
}

table.catalog-details-assortment th {
	border-bottom: 1px solid #000;
	border-top: 2px solid #000;
	font-weight: normal;
	padding: 4px 1em 15px 0;
	text-align: left;
}

table.catalog-details-assortment td {
	border-bottom: 1px solid #000;
	padding: 2px 1em 2px 0;
}

table.catalog-details-assortment th.last,
table.catalog-details-assortment td.last {
    padding-right:2px;
}

p.catalog-details-crosslink {
	margin-top: 15px;
}

div.catalog-details-attribute-7 li {
    float:left;
    padding-right:20px;
}

div.catalog-details-attribute-3 {
    width: 675px;
    height: 243px;
    overflow: hidden;
}

div.catalog-details-attribute-3 div.container {
    width: 675px;
}

div.catalog-details-attribute-3 li {
    float: left;
    padding-left: 5px;
}

div.catalog-details-attribute-3 li.i0 {
    padding-left: 0;
}

/* Images-Attribut */
div.catalog-details-attribute-8 li {
    float: left;
    padding-left: 20px;
}

div.catalog-details-attribute-8 li.i0 {
    padding-left: 0;
}

div.catalog-details-attribute-8 li span {
    display: block;
    color: #888;
    padding-top: 5px;
    text-align: center;
}


/* Formats depending on current product group */

ul.header-nav li.workplace a,
ul.header-nav li.collection a,
ul.header-nav li.system a {
	color: #000;
}

/* "Collection" active */
body.group-office ul.side-nav li.back a,
body.group-office ul.side-nav li.active a,
body.group-office ul.header-nav li.collection a,
ul.header-nav li.collection a:hover {
    color: #336699;
}

body.group-office div.hr {
	background-color: #336699;
}

/* "workplace" active */
body.group-home ul.side-nav li.back a,
body.group-home ul.side-nav li.active a,
body.group-home ul.header-nav li.workplace a,
ul.header-nav li.workplace a:hover {
	color: #a17b4a;
}

body.group-home div.hr {
	background-color: #a17b4a;
}

/* "System" active */
body.group-system ul.side-nav li.back a,
body.group-system ul.side-nav li.active a,
body.group-system ul.header-nav li.system a,
ul.header-nav li.system a:hover {
	color: #8c910a;
}

body.group-system div.hr {
	background-color: #8c910a;
}

/* "All" active */
body.group-all ul.side-nav li.back a,
body.group-all ul.side-nav li.active a,
body.group-all ul.header-nav li.all a,
ul.header-nav li.all a:hover {
    color: #d86733;
}

ul.header-nav li.all a:hover {
    color: #d86733 !important;
}

body.group-all div.hr {
	background-color: #d86733;
}

/* "Service" active */
body.service ul.side-nav li.back a,
body.service ul.side-nav li.active a {
	color: #9966ff;
}

body.service div.hr {
	background-color: #9966ff;
}

/* "Default" active */
body.default ul.side-nav li.back a,
body.default ul.side-nav li.active a,
body.default ul.header-nav li.all a {
	color: #808183;
}

body.default div.hr {
	background-color: #808183;
}


body.dealer-finder li.dealer-finder a,
li.dealer-finder a:hover {
    color:#d86733;
}

body.dealer-finder div.hr {
	background-color: #d86733;
}

/* "Login" active */
body.login li.login a {
	color: #008DD9;
}

body.login div.hr {
	background-color: #008DD9;
}

body.contact ul.header-nav li.contact a,
body.wishlist ul.header-nav li.wishlist a {
    color: black;
}

ul.header-nav li.contact a:hover,
ul.header-nav li.wishlist a:hover {
    color:black;
}


img.tt:hover {
    cursor:pointer;
}

div.tooltip {
    display:none;
    /*background:transparent url(/tools/img/tooltip/black_arrow.png);*/
    background: transparent url(../images/tooltip-background.png) no-repeat center bottom;
    /*background-color:#e2e2e2;*/
    font-size:12px;
    /*height:50px;*/
    max-width: 280px;
    min-width:120px;
    padding: 10px 16px 23px 16px;
    color:#000;
}

span.glossary {
	border-bottom: 1px dotted #000;
	cursor: help;
}

#filters h2 {
    margin-top: 0.4em;
    margin-bottom: 1em;
}

#filters .filter {
    float: left;
    width: 182px; 
    height: 100px;
}

#filters .filter.submit {
    width: 129px; /* 675px - 3*182px */
}

#filters .breadcrumb {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    color: #D86733;
    margin-top: 0.3em;
    margin-bottom: 0.7em;
}

#filters select {
    width: 162px;
}

.filter-breadcrumb {
    font-weight:bold;
    color: #D86733;
    margin: 0.5em 0;
}

div.downloads div.item {
    border-bottom:1px solid black;
    padding-bottom:1em;
    margin-bottom:0.5em;
}

div.downloads div.image {
    float: left;
}

form#downloads {
    margin-bottom: 3em;
}

form#downloads label {
    font-weight: bold;
    display: block;
}

form#downloads div.row {
    margin-bottom: 1em;
}

/**
 *
 */
div#map-list p.address {
    padding: 10px 0;
    border-bottom: 3px solid black;
}

div#map-list table {
    width:100%;
}

div#map-list td {
    padding-top: 3px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    vertical-align: top;
}

div#map-list td.col1,
div#map-list td.col2,
div#map-list td.col3 {
    padding-right: 10px;
}

div#map-list td.col4 {
}

div#map-list td img {
    padding-left: 8px;
    padding-bottom: 6px;
    float:right;
}

/**
 * Flash Messages
 */
div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.errorSummary ul {
    list-style-type: disc;
}

div.form {
    margin-bottom: 1.2em !important;
}

div.form div.checkBoxList label {
    display: inline;
}

div.contact div.form input[type=text] {
    border: 1px solid #999;
    width:290px;
    padding: 2px;
}
div.contact div.form input[type=text].error {
    border-color:#cc0000;
}

div.contact div.form textarea {
    border: 1px solid #999;
    width:310px;
    padding: 2px;
}

div.interesting-products {
    float:left;
    width:50%;
}

div.interesting-products li {
    float: left;
    padding-right: 1em;
    padding-bottom: 2em;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

div.interesting-products li img {
    margin-bottom: 1em;
}

div.interesting-products img.noimage {
    background-color: #eee;
}

div.search-results a.url {
    color: #888;
}

table.wishlist td {
    border-top: 1px solid #000;
    vertical-align:top;
    padding: 10px 0;
}

table.wishlist td.col2 {
    font-size: 18px;
}

p.wishlist-links {
    margin: 1em 0;
    line-height: 2em;
}

div.side-login {
    border-top: 4px solid #008DD9;
    border-bottom: 4px solid #008DD9;
    margin: 1em 0;
    background-color:#eee;
    padding:8px
}

span.fileinfo {
    text-transform: uppercase;
}

div.news-index h1 {
    margin-bottom: 0.4em;
}

div.news-index div.hr {
  background-color:#808183;
  width: 168px;
  margin-bottom: 5px;
}

div.news-index div.text {
    width: 330px;
    float: left;
}

div.news-index div.image {
    width: 330px;
    margin-left: 345px;
}

div.news-index div.item {
    margin-bottom: 1.5em;
}

div.news-index div.item a {
}

div.news-longtext p {
    font-size:16px;
    line-height:1.3em;
    margin-bottom: 1.3em;
}

div.news-detail h1 {
    margin-bottom: 0.4em;
}

div.news-detail div.hr {
  background-color:#808183;
  width: 168px;
  margin-bottom: 5px;
}

div.news-detail div.category {
    font-weight: bold;
}

div.news-detail div.links {
    margin-bottom: 1.3em;
}

div.news-detail div.images {
    margin-bottom: 1.3em;
}

table.list-default {
    width: 100%;
    border-collapse:collapse;
}
table.list-default tr td {
    border-top: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 2em;
}

div.form div.checkboxes label {
    display:inline;
    font-weight:normal;
    padding-right:1em;
}

div.zexpand h1+div {
    display:none;
}

div.zexpand h3+div {
    display:none;
}

div.zexpand a.collapsed {
    background-image:url(../images/collapsed.gif);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:14px;
}

div.zexpand a.expanded {
    background-image:url(../images/expanded.gif);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:14px;
}

/* Homepage */
div.stage {
    height:440px;
    background:#ccc;
    margin-bottom:10px;
}
div.stage a:hover {
    text-decoration: none;
}
div.stage div.box {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 250px;
    height: 150px;
    color: white;
    padding: 5px 10px;
}
div.stage div.box:hover {
    cursor: pointer;
}
div.stage a {
    color: white;
}
div.stage a.close {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
}

body.home div.side-toolbox {
    margin-top: 0;
    float:left;
    margin-right:15px;
    width:154px;
    height:131px;
    background:#ccc;
    position:relative;
}

body.home div.side-toolbox form {
    position:absolute;
    bottom:8px;
}

div.teaser {
    position: relative;
    cursor: pointer;
}
div.teaser a:hover {
    text-decoration: none;
}
div.teaser h2 {
    font-size: 17px;
    font-weight: bold;
}
div.teaser p {
    font-size: 17px;
}
div.teaser div.text {
    padding: 1px 10px 10px 10px;
}
div.teaser img {
    float:right;
    padding-left: 4px;
}
div.teaser1 {
    width:338px;
    height:147px;
    float: left;
    background:#000;
    color: #fff;
}
div.teaser1 a {
    color: #fff;
}
div.teaser2 {
    width:337px;
    height:147px;
    float: left;
    background:#eee;
    color: #000;
}

/* Uebersteuert pager.css */
ul.yiiPager a:link, ul.yiiPager a:visited {
    border-color:#aaa;
    color:#666;
}

ul.yiiPager .selected a {
    background:#aaa;
    color:#FFFFFF;
}

ul.yiiPager .hidden a {
    border-color:#dedede;
    color:#aaa;
}