@charset "UTF-8";

@import "jquery_ui.css";
@import "breadcrumb.css";

body{
    background-position: left top;
    background-repeat: repeat-x;
    background-color: transparent;
    font-size: 11px;
    font-family: Verdana, Helvetica, Trebuchet, Arial;
    padding: 0px;
    margin: 0 auto;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear {
    clear: both;
}

p, h1, h2, h3, h4, h5, h6, ul, form, fieldset{
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: none;
}

fieldset {
    margin-bottom: 25px;
}

h1, h2{
    color: #6f3030;
    font-weight: normal;
}

h1{
    font-size: 22px;
    margin: 10px 0;
    margin-left: -1px;
}
h2{
    font-size: 18px;
    margin: 10px 0;
}
h3,h4{
    font-size: 14px;
    margin: 10px 0;
}

h3{
    color: #3a3935;
}

h3 a{
    text-decoration: none;
}

h4{
    color: #9a968c;
}

hr {
    height: 0;
    border-color: #3A3935;
    border-style: dotted;
    border-width: 1px 0 0 0;
    
}

p{
    margin: 5px 0 5px 0;
}

ul {
    list-style-type:disc;
    margin-left: 15px;
}

ol {
    margin-left: 0;
    padding-left: 20px;
}

table th.align-left {
    text-align: left;
}

ul.listedLink {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    list-style-type: none;
}

ul.listedLink li {
    display: block;
    margin-left: 0px;
    padding-left: 0px;
}

ul.listedLink li a {
    background-color: transparent;
    background-position: left -296px;
    background-repeat: no-repeat;
    text-decoration: none;
    font-size: 10px;
    padding-left: 10px;
    font-weight: bold;
    color: #EF8D00;
}

ul.listedLink a.notepad,
ul.listedLink a.productRecommend,
ul.listedLink a.catalog,
ul.listedLink a.productFeedback{
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 22px;
}
ul.listedLink a.notepad{
    background-position: left top;
}
ul.listedLink a.productRecommend{
    background-position: left -15px;
}
ul.listedLink a.catalog{
    background-position: left -30px;
}
ul.listedLink a.productFeedback{
    background-position: left -45px;
}

ul.listedLink .sizeGuideLink {
    margin-top: -5px;
}

 a.clrY32Down {
    text-decoration: none;
    padding-left: 10px;
    background-position: 0 -495px;
    font-weight: bold;
 }


.clear{
    clear: both;
}

img.checkbox {
    border-style:solid;
    border-width:1px;
    vertical-align:top;
}

a img{
    border-width: 0;
}

a.menplus {
    color: #3D7B95;
    text-decoration: none;
}

a.happysize {
    color: #EF8D00;
    text-decoration: none;
}

a.productNameLink{
    font-weight: bold;
    text-decoration: none;
}

a.topLink, a.backLink, a.std{
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 5px 0 10px 0;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-size: 10px;
}
a.topLink{
    float: right;
    background-position: left -296px;
}
a.backLink{
    float: left;
    background-position: left -286px;
}

a.std{
    display: inline;
    background-position: 2px -295px;
}

a.info{
    background-color: transparent;
    background-position: 1px -145px;
    background-repeat: no-repeat;
    padding-left: 19px;
    padding-top: 3px;
    text-decoration: none;
    margin: 5px 10px 0 0;
    height: 20px;
    display: block;
    cursor: pointer;
}

a.close{
    background-color: transparent;
    background-position: right 2px;
    background-repeat: no-repeat;
    padding-right: 14px;
    font-weight: bold;
    text-decoration: none;
}

.contentForm {
    width: 470px;
    clear: left;
}

.contentFormNewsletter {
    clear: left;
}
.contentFormNewsletter legend{
    width: 100%;
	display: block;
}

input, textarea, select{
    border-style: solid;
    border-width: 1px;
    width: 240px;
    margin: 5px;
}
.mainContentTeaser1col input,
.mainContentTeaser2col input,
.mainContentTeaser3col input {
	width: 200px;
}

select{
    width: 246px;
}

input[type=text] {
    height: 13px;
    padding: 2px;
}

*+html input[type=text] {
    height: 15px;
    padding: 2px;
}

input[type=radio],
input[type=image] {
    width: auto;
    border: none;
}

textarea{
    height: 120px;
}

label, .label {
    width: 140px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    float: left;
    padding-top: 5px;
}
.label {
    padding-top: 3px;
}

label .small {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.textField {
    padding-top: 4px;
}

div.formErrorText{
    clear: both;
    margin-left: 150px;
    font-weight: bold;
    margin-bottom: 10px;
}

legend{
    font-weight: bold;
    padding: 5px 5px 3px 5px;
    margin-bottom: 10px;
    color: #3A3935;
}
.contentForm legend{
    width: 465px;
}

/* legend kann keine breite haben, span element auch nicht, daher display: block*/

legend span {
    width: 465px;
    display: block;
}

select.amount,
input.amount{
    width: 40px;
}

input.artNumber{
    width: 60px;
}

input.city{
    width: 171px;
    float: left;
}

select.color,
input.color{
    width: 70px;
}

input.day{
    width: 53px;
    margin-right: 5px;
    float: left;
}

#headSearch input.headSearch{
    border: none;
    width: 200px;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 6px;
    float: left;
    height: 13px;
	background: transparent;
}

.newsletterTeaser1col button,
#headSearch button {
    background-color: transparent;
    border: medium none;
    cursor:pointer;
    height: 27px;
    width: 90px;
}

input.housenumber{
    width: 53px;
    margin-right: 5px;
    float: left;
}

input.month{
    width: 53px;
    margin-right: 5px;
    float: left;
}

.newsletterTeaser1col input.newsletter {
    width: 165px;
    font-size: 10px;
    margin-left: 7px;
    margin-top: 5px;
    float: left;
    border: 0;
}

input.newsletter{
    width: 160px;
    font-size: 10px;
    margin-left: 8px;
    margin-top: 9px;
    float: left;
}

select.size,
input.size{
    width: 40px;
}

input.street{
    width: 171px;
    margin-right: 5px;
    float: left;
}

input.year{
    width: 51px;
    margin-right: 5px;
    float: left;
}

input.zip{
    width: 53px;
    margin-right: 5px;
    float: left;
}

input.areacode{
    width: 53px;
    margin-right: 5px;
    float: left;
}

input.phone{
    width: 171px;
    float: left;
}

/*
form {
    width: 475px;
}
*/

form br {
    clear: both;
}

form.productSelector input, form.productSelector textarea, form.productSelector select{
    border-style: solid;
    border-width: 1px;
    width: 140px;
    margin-bottom: 5px;
    margin-left: 0;
	/* bugfix: chrome+opera break layout when opening options-dropdown */
	display: block;
	float: left;
}

form.productSelector .artnoCont{
    border-style: solid;
    border-width: 1px;
    width: 140px;
    padding-bottom: 10px;
}

form.productSelector input[type=image]{
    width: auto;
    border-width: 0;
}

form.productSelector label{
    width: 80px;
    text-align: left;
    margin-right: 10px;
    font-weight: normal;
    float: left;
    padding-top: 5px;
}
form.productSelector label.textLabel{
    padding-bottom: 10px;
    padding-top: 0;
}

form.productSelector fieldset{
    padding-left: 0;
    margin-left: 0;
}

form.productSelector legend{
    font-weight: bold;
    font-size: 15px;
    padding-left: 0;
    margin-left: 0;
}

form.productSelector h2{
    font-weight: bold;
}

/*form.productSelector */.smallTxt{
    font-size: 10px;
}

.noBorder{
    border: none;
}

.formButton {
    float: right;
    margin: 10px 0;
}

.send_button {
    float: right;
    margin: 20px 0 10px 0;
}

.footnote {
    font-size: 10px;
    color: #88857e;
}

/* Typo3 Teaser adjustments */

.inner div.csc-textpic-center div.csc-textpic-imagewrap,
.inner div.csc-textpic  div.csc-textpic-imagewrap,
.inner div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: -15px !important;
}

.inner .mainContentTeaser1col div.csc-textpic-text {
    clear: both;
}

.inner div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

.inner  h2,
.inner  h1 {
    border-bottom:1px dotted #8B9E88;
    color: #3A3935;
    font-size:18px;
    margin:0 17px 8px 0;
    padding:7px 0 8px 0;
}

.inner .bgShadePurple h2,
.inner .bgShadePurple h1 {
    color: #644787;
}
.inner .bgShadeGreen h2,
.inner .bgShadeGreen h1 {
    color: #506E0C;
}
.inner .bgShadeBlue h2,
.inner .bgShadeBlue h1 {
    color: #123D72;
}

.csc-textpic-image img {
    float: left;
}


.mainContentTeaser1col .csc-textpic div {
    margin-right: 0 !important;
}

/* content Sitemap (Magazinuebersichtsseiten) */
.contentSitemapItem {
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #8B9E88;
    overflow: hidden;
}
.contentSitemapItem img {
    float: left;
    margin-right: 10px;
}

.contentSitemapItem a {
    font-weight: bold;
    text-decoration: none;
}


.csc-linkToTop {
    text-align: right;
}
.csc-linkToTop a {
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    background-position: left -396px;
    padding-left:10px;
}



/*
* Popups
*/
h3.popup {
  color: #6F3030;

  margin-bottom: 10px;

  font-size: 15px;
}

h3.productName {
  font-size: 11px;
}

div.smallProduct img {
  float: left;
  margin-right: 10px;
}

div.headlineBar {
  padding: 3px;

  margin-top: 5px;
  margin-bottom: 5px;

  font-weight: bold;
}

div.smallProduct {
    height: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.alignRight {
  text-align: right;
}

/* Accordion */
.accordion h3.csc-firstHeader a, .accordion h3.csc-firstHeader a:active {
    padding: 10px 0 5px 0;
	outline: 0;
}

.accordion h3.csc-firstHeader a.current {
    background-position: right -22px;
}

div.ui-accordion-content {
    margin-bottom: 20px;
}

/* Tables */
table.contenttable table,
table.contenttable td {
    border: 1px solid black;
}

/* span's carry an   as content now, but to avoid them moving content 
or breaking layout, we just hide those "content markers" */
span.hiddenContentMarker {
	display: none;
}


div.dmc_mb3_newsletter_01 {
	width: 695px;
}

div.dmc_mb3_newsletter_01 .buttonBarTop {
	padding-bottom: 20px;
}