/*** main containers ***/
html {
background-color:#FFF;
}

body {
width:100%;
float:left;
cursor:default;
overflow-x:hidden;
}

/*** main font style ***/
p, h1, h2, h3 {
color:#000;
}

a {
color:#ff6e2a;
text-decoration:none;
cursor:pointer;
}

a:hover,
a:focus,
a:active {
color:#ff6e2a;
}

/*** container ***/
.mainContainer, #headerContainer, #teaserContainer, #contentContainer, #footer {
position:relative;
top:0px;
left:0px;
width:975px;
height:auto;
float:left;
margin:0;
padding:0;
}

#teaserContainer {
margin:0 0 30px 0;
}

#logo {
width:175px;
height:170px;
float:left;
}

/*** Teaser Image ***/
#teaserImage {
width:655px;
border-top: black 1px solid;
border-bottom: black 2px solid;
float:left;
height:170px;
padding:10px 0 9px 0;
}

#teaserText {
float:right;
width:290px;
text-align:left;
height:189px;
border-top: black 1px solid;
border-bottom: black 2px solid;
}

h1 {
font-family: Arial, "Sans Serif";
color:black;
font-weight:normal;
padding:3px 0 0 0;
text-transform: uppercase;
line-height:1.12em;
font-size:23.5pt;
letter-spacing:0.1em;
}

/*** Content containers ***/
.columnContainer {
position:relative;
float:right;
width:770px;
padding:0;
margin:0;
}

.mainColumn {
float:left;
width:450px;
position:relative;
font-family: times, serif;
padding: 0 30px 0 0;
color:black;
}

.rightColumn {
float:right;
width:290px;
text-align:left;
position:relative;
font-family: times, serif;
padding:0;
}

/*** paragraphen ***/
/*** title text ***/
.titleTextContainer {
position:relative;
top:0;
padding:0;
float:left;
margin:0 0 30px 0;
}

.mainColumn h2,
.mainColumn span {
font-weight: normal;
color:#000;
padding:0;
margin:0;
font-size:15.2pt;
line-height:17pt;
display:inline;
width:auto;
letter-spacing:1px;
}

.mainColumn .leadContainer h2 em,
.mainColumn .leadContainer p em {
font-variant:small-caps;
font-style:normal;
letter-spacing:-1 !important;
}

h2.normalTitle {
width:100%;
text-transform:uppercase;
display:block;
font-size:12pt;
line-height:15pt;
letter-spacing:0.15em;
padding:0;
margin:0 0 4pt 0;
}

.rightColumn h2 {
font-weight: normal;
color:black;
line-height:16.8pt;
padding:0;
margin:0 0 3.8pt 0;
font-size:12.8pt;
width:100%;
float:left;
}

.rightColumn h2 em {
font-variant:small-caps;
font-style:normal;
}

.mainColumn p {
line-height:13.6pt;
padding:0;
font-size: 10pt;
letter-spacing:0.02em;
display:inline;
}

.mainColumn .titleTextContainer p {
line-height:13.6pt;
padding:0;
font-size: 10pt;
letter-spacing:0.02em;
display:block;
}

.mainColumn .titleTextContainer p em {
font-variant: small-caps;
font-style:normal;
}

.rightColumn p {
padding:0;
font-size: 10pt;
letter-spacing:0.02em;
line-height:13.6pt;
}

.rightColumn p em {
font-variant:small-caps;
font-style:normal;
}

.leadContainer p {
line-height:17pt;
padding:2px 0 0 0;
font-size: 10pt;
letter-spacing:1px;
}

span.textIndent {
margin:0;
padding:0;
text-indent: 30px;
}

.mainColumn p a,
.rightColumn p a {
color: #686868;
border-bottom:#686868 1px dotted; 
}

.mainColumn p a:hover,
.rightColumn p a:hover {
color: #ff6e2a;
border-bottom:#ff6e2a 1px dotted; 
}

/*** list ***/
.mainColumn ul,
.rightColumn ul {
width:100%;
margin:0 0 30px 0;
padding:0;
float:left;
line-height:13.6pt;
font-size: 10pt;
}

.rightColumn ol,
.mainColumn ol {
width:100%;
margin:0 0 30px 0;
padding:0;
float:left;
line-height:13.6pt;
font-size: 10pt;
}

.mainColumn ul li,
.rightColumn ul li {
padding: 0 0 6px 0;
list-style-position:outside;
list-style-type:disc;
margin:0 0 0 13px;
}

.mainColumn ol li,
.rightColumn ol li {
padding: 0 0 6px 0;
list-style-position:outside;
list-style-type:decimal;
margin:0 0 0 18px;
}
/*** special color ***/
.colorRight {
margin:0 0 30px 0;
float:left;
}

.colorRight h2 {
font-weight: normal;
/*color:#4f4f4f;*/
color:#000;
line-height:16.2pt;
padding:0;
margin:0 0 3.8pt 0;
font-size:12.8pt;
width:100%;
float:left;
}

.colorRight p,
.colorRight a,
.colorRight span {
/*color:#4f4f4f;*/
color:#000;
line-height:13.6pt;
padding:0;
font-size: 10pt;
letter-spacing:0.02em;
display:inline;
}

.colorRight p a,
.colorRight a {
color: #686868;
border-bottom:#686868 1px dotted;
}

.colorRight a:hover,
.colorRight p a:hover {
color: #ff6e2a;
border-bottom:#ff6e2a 1px dotted;
}

.colorRight ul li,
.colorRight ol li {
/*color:#4f4f4f;*/
color:#000;
line-height:13.6pt;
padding:0;
font-size: 10pt;
letter-spacing:0.02em;
}

.colorRight ul li {
margin: 0 0 0 13px;
padding: 0 0 6px 0;
}

.colorRight ol li {
margin:0 0 0 18px;
padding: 0 0 6px 0;
}

/*** image ***/
.imageContainer {
width:100%;
float:left;
}

.imageDescr {
position:relative;
left:-175px;
width:175px;
float:left;
margin:0 -175px 0 0;
border-top:1px solid #000;
padding:0 0 0 0;
}

.imageDescr p {
font-family: times, serif;
line-height:15px;
font-size: 8.9pt;
font-style:italic;
padding:2px 5px 0 0;
letter-spacing:0.03em;
display:block;
}

.imageDescr p strong,
.imageDescr p i {
font-variant: small-caps;
font-size: 100%;
font-weight:bold;
line-height:100%;
padding:0;
}

/*** news ***/
.newsDate {
font-style:italic;
}

/*** footer ***/
.footer {
position:relative;
left:0;
width:252px;
float:left;
clear:both;
margin:30px 0 0 0;
border-top:2px solid #000;
height:120px;
}

/*** helpers ***/
.posAbsolute {
position: absolute;
float:left;
width:100%;
z-index:100;
}

.textLine {
border-bottom: black 2px solid;
margin:0 0 30px 0;
height:20px;
width:30px;
clear:both;
}

.textSpace {
height:35px;
width:30px;
clear:both;
}

.noMargin {
margin:0;
}

/*** Product ***/
/* main wrapper */

.productContainert {
width:100%;
float:left;
position:relative;
top:-20px !important;
}

.columnProductContainer {
position:relative;
float:left;
width:975px;
padding:0;
}

.rowWrapper {
position:relative;
float:left;
width:975px;
padding:0 0 10px 0;
background:transparent url(../pics/bg-detail.gif) bottom left no-repeat;
}

.noBackground {
background-image:none;
padding:0 0 50px 0;
}

.lineBold {
background:transparent url(../pics/bg-detail2.gif) bottom left no-repeat;
margin:0 0 0px 0;
}

.borderTop {
border-top:1px solid #000;
}

/*** katalog ***/
.katalogInfo {
margin:40px 0 0 0;
border-top:1px solid #000;
padding:10px 0 0 0;
}

/*** serie ***/
.mainColumnDetail,
.mainColumnDetail.additional {
float:left;
width:655px;
}

.mainColumnDetail.additional img {
float:right;
padding:10px 0 0 20px;
}

.mainColumnDetail .additionalImage {
width:205px;
float:left;
}

.mainColumnDetail .additionalImage img {
padding:30px 0 20px 0;
float:left;
}

.additionalImage.overviewImage img {
float:left;
border-top:1px solid #000;
margin:0 0 0 20px;
padding:40px 0 20px 0;
}

.rightColumnDetail {
width:290px;
float:right;
}

.rightColumnDetail h2.titleTop {
font-size:40px;
width:100%;
border-bottom:1px solid #000;
padding:10px 0 0 0;
margin:-50px 0 0 0;
}

.rightColumnDetail h2.title {
font-size:40px;
width:100%;
border-bottom:1px solid #000;
padding:0;
margin:0;
}

.rightColumnDetail h2.title a {
float:right;
width:auto;
padding:4px 0 0 0;
}

.rightColumnDetail p.subtitle {
font-size:13pt;
padding:10px 0 10px 0;
letter-spacing: 0.02em;
width:100%;
text-transform:uppercase;
}

.rightColumnDetail p {
font-family: times, serif;
padding:0;
font-size: 10pt;
letter-spacing:0.02em;
line-height:13.6pt;
margin:0 0 6.8pt 0;
}

.rightColumnDetail p strong {
font-family: Arial, "Sans Serif";
font-size: 9pt;
}

.rightColumnDetail p em {
font-variant:small-caps;
font-style:normal;
}

.rightColumnDetail .document {
width:100%;
float:right;
padding:20px 0 0 0;
}

.rightColumnDetail .document span.link {
width:265px;
float:right;
}

.rightColumnDetail .document span.link a {
color:#686868;
border-bottom:1px dotted #000;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 13.6pt;
display:inline;
font-family: times, serif;
}

.rightColumnDetail .document span.link a:hover {
color:#ff6e2a;
}

.rightColumnDetail .document span.link a em {
font-variant:small-caps;
font-style:normal;
font-size:8pt;
}

.rightColumnDetail .document span.link a span {
font-size:8pt;
}

.additionalText {
padding:10px 0 0 0;
float:left;
width:100%;
}

.additionalText p {
font-family: Arial, "Sans Serif";
font-size:9pt;
line-height:14px;
}

/*** overview ***/
.overviewLogo {
width:100%;
float:left;
padding:10px 0 10px 0;
}

.additionalInfo {
width:450px;
float:right;
padding:0 0 10px 0;
}

.additionalInfo h2.title {
font-size:13pt;
padding:10px 0 10px 0;
letter-spacing: 0.02em;
width:100%;
text-transform:uppercase;
margin:0;
}

.additionalInfo h2.title a {
color:#000;
}

.additionalInfo h2.title img {
position:relative;
top:-3px;
padding:0 0 0 10px;
}

.additionalInfo p {
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 13.6pt;
font-family: times, serif;
}

.additionalInfo span {
width:100%;
float:left;
}

.additionalInfo p em {
font-variant:small-caps;
font-style:normal;
font-size:9pt;
}

a.moreLink {
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 13.6pt;
font-family: times, serif;
color:#686868;
margin:0;
border-bottom:1px dotted #686868;
}

a.moreLink:hover {
color:#ff6e2a;
border-bottom:1px dotted #ff6e2a;
}


/*** katalog ***/
.additionalImage.overviewTitle {
position:relative;
left:20px;
width:160px;
padding:0;
border-top:1px solid #000;
}

.additionalImage.overviewTitle h2.title {
font-size:30px;
padding:5px 0 10px 0;
letter-spacing: 0.02em;
width:160px;
text-transform:uppercase;
margin:0;
}

.additionalInfo.borderTop img {
padding:10px 0 10px 0;
clear:both;
}

.additionalInfo.borderTop a.icon {
padding:10px 0 0 10px;
}

.additionalInfo.borderTop p {
padding:0 0 10px 0;
}

img.main3dImage {
padding:30px 0 0 0;
}

/*** breadcrumb ***/
.breadcrumb {
position:relative;
float:left;
width:450px;
padding:11px 0 11px 205px;
margin:0 0 -1px 0;
z-index:100;
}

.breadcrumb a {
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 13.6pt;
font-family: times, serif;
color:#686868;
margin:0 5px 0 5px;
border-bottom:1px dotted #686868;
}

.breadcrumb a:hover {
color:#ff6e2a;
border-bottom:1px dotted #ff6e2a;
}

.breadcrumb a.active {
color:#ff6e2a;
border:none;
}

.breadcrumb.bg-breadcrumb {
background:transparent url(../pics/bg-breadcrump.gif) bottom right no-repeat;
}

/***
.productContainert .rightColumn img.overviewLogo {
padding:5px 0 15px 0;
clear:both;
}

.productContainert .rightColumn span.overviewDescription {
padding:0 0 30px 0;
float:left;
width:100%;
}

.productContainert .rightColumn .overviewDocument {
float:left;
width:100%;
}

.productContainert .rightColumn .overviewDocument span.link {
width:265px;
float:right;
}

.productContainert .rightColumn .overviewDocument span.link a {
color:#686868;
border-bottom:1px dotted #000;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 13.6pt;
display:inline;
}

.productContainert .rightColumn .overviewDocument span.link a:hover {
color:#ff6e2a;
}

.productContainert .rightColumn .overviewDocument span.link a em {
font-variant:small-caps;
font-style:normal;
font-size:8pt;
}
**/
/*** end of css ***/