@charset "utf-8";
@font-face {
    font-family: Whitney-Book;
    src: url('/fileadmin/madness/template/fonts/whitney-book.ttf');
    font-style: normal;
}
@font-face {
    font-family: Whitney-Book;
    src: url('/fileadmin/madness/template/fonts/whitney-bookitalic.ttf');
    font-style: italic;
}

.socials {
    position: absolute;
    left: 410px;
    bottom: 0px;
    background:#F5F5F5;
    width: 120px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.socials img {
    width: 25px;
    height: auto;
}

img {border:none}
a {text-decoration:none;}
* {margin: 0px; padding: 0px; }
.hidden_image { display: none; width: 0px; height: 0px;}
.clear {clear: both; }

body {background-color: #FFF; font-family:Whitney-Book, arial; line-height: 14px; font-size:11px; color: #2d2d2d;  font-family:Whitney-Book, Verdana, Geneva, sans-serif;}



#topmenu {
    width: 100%;
    height: 170px;
    position: fixed;
    top: 0px;
    z-index: 10000;
    background: #fff;
    border-bottom: 1px solid #aeaaa5;
}

#kollektion {width: 940px}
.kollektion_item { width: 220px; height: 275px; float: left; margin-right: 20px; position: relative; margin-bottom: 20px;}
.kollektion_item:nth-child(4n) {margin-right: 0px;}
.kollektion_item img {border: none; position:absolute; left: 0px; top: 0px;}
.kollektion_name { position:absolute; width: 220px; height: 80px; bottom: 0px; left: 0px; background-color:#000; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; display: block}


.kollektion_title {position: absolute; left: 20px; top: 205px; color: #c5c5c5; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; letter-spacing: 1px}
.kollektion_description {position: absolute; left: 20px; bottom: 20px; color: #c5c5c5; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif; font-size: 15px; letter-spacing: 1px; font-style: italic;}

#topmenu #topmenu_content {
    width: 940px;
    margin: 0 auto;
    position: relative;
    height: 170px;
}
#topmenu #topmenu_content #logo {
    position: absolute;
    left: 47px;
    top: 10px;
    cursor: pointer;
}
#topmenu #topmenu_content #menu {position:absolute; right: 0px; bottom: 0px;}
#topmenu #topmenu_content #menu ul{ list-style: none;}
#topmenu #topmenu_content #menu li { float:left; padding-right: 15px; padding-left: 15px; padding-bottom: 7px; border-right: solid 1px #aeaaa5;}
#topmenu #topmenu_content #menu li:last-child {border: none}
#topmenu #topmenu_content #menu li span { cursor: pointer; color: #aeaaa5; font-size: 16px;}
#topmenu #topmenu_content #menu li span:hover { color: #2e2e2e;}

#topmenu #topmenu_content #menu2 {
    position: absolute;
    right: 0px;
    top: 0px;
}
#topmenu #topmenu_content #menu2 ul{ list-style: none;}
#topmenu #topmenu_content #menu2 li { float:left; padding-right: 15px; padding-left: 5px;}
#topmenu #topmenu_content #menu2 li a { cursor: pointer; color: #aeaaa5; font-size: 13px; line-height: 22px;}
#topmenu #topmenu_content #menu2 li a:hover { color: #2e2e2e;}


#versprechen_submenu ul{ list-style: none;}
#versprechen_submenu li { float:left; padding-right: 15px; padding-left: 15px; padding-bottom: 3px; border-right: solid 1px #aeaaa5;}
#versprechen_submenu li:first-child {padding-left: 4px}
#versprechen_submenu li:last-child {border: none}
#versprechen_submenu li span { cursor: pointer; color: #aeaaa5; font-size: 14px;}
#versprechen_submenu li span:hover { color: #2e2e2e;}


#kollektion_submenu ul{ list-style: none;}
#kollektion_submenu li { float:left; padding-right: 15px; padding-left: 15px; padding-bottom: 3px; border-right: solid 1px #aeaaa5;}
#kollektion_submenu li:first-child {padding-left: 4px}
#kollektion_submenu li:last-child {border: none}
#kollektion_submenu li span { cursor: pointer; color: #aeaaa5; font-size: 14px;}
#kollektion_submenu li span:hover, #kollektion_submenu li span.kollektion_active { color: #2e2e2e;}



#content { width: 100%; position:absolute; top: 100%; left: 0px}


.versprechen_content {width: 940px; margin-left: calc(50% - 470px); margin-right: calc(50% - 470px); margin-top: 30px;}
.versprechen_content img {margin-left: 30px; margin-bottom: 20px;}
#qualitaet, #gots, #fair_wear, #produktion {display: none;} 
.versprechen_content h3 {background-image: url(../img/verprechen_icon.gif); background-repeat: no-repeat; padding-left: 50px; font-size: 24px; line-height: 48px; }

.news_item h3 {color: #FFF; background-image: url(../img/news_icon.gif); background-repeat: no-repeat; padding-left: 60px; font-size: 24px; line-height: 36px; }
.news_item { padding-left: calc(50% - 470px); padding-right: calc(50% - 470px); border-bottom: #FFF dotted 1px; padding-bottom: 30px; }
.news_item:last-child {border: none; margin-bottom: 0px;padding-bottom: 0px }
.news_item .read_more {cursor: pointer; background-color: #9ee46d; color: #2c2c2c; font-family:Whitney-Book,Georgia, "Times New Roman", Times, serif; padding: 5px 10px; font-style:italic; font-size: 15px;}


#footer { width: 100%; height: 150px; background-color: #000; margin-top: 30px;}

#footer #footercontent {width: 940px; margin: 0 auto; padding-top: 20px; color: #FFF; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif; font-size: 13px; letter-spacing: 1px; }
#footer #footercontent a { color: #c5c5c5; line-height: 18px; cursor:pointer }
#footer #footercontent a:hover { text-decoration: underline; }
#titelbild, #titelbild2 {height: calc(100% - (85px)); position:absolute; left: 0px; top: 85px; width: 100%; z-index: 1000;

 background: url(../img/slider/1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#titelbild #titel_text, #titelbild2 #titel_text  {position:absolute; left: calc(50% - 470px); bottom: 100px; font-size: 32px; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif; text-shadow: 2px 2px 1px #000; color: #fff; letter-spacing: 1px;}

table {
	font-size:12px; 
	border-spacing: 0px;
}
td { padding: 0px 10px 5px 0px; font-size: 13px; line-height: 17px; }


h1 {font-size: 26px; line-height: 30px; font-weight: 900; margin-bottom: 8px; text-decoration: none;  font-family:Whitney-Book, 'Titillium';}
h2, h2 a {font-size: 38px; line-height: 60px; font-weight:100; margin-bottom: 8px; text-decoration: none;  color: #000; text-decoration: none; font-style:italic; letter-spacing:2px; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif;}
h3 {font-size: 28px; line-height: 36px; font-weight: 100;  margin-bottom: 15px; text-decoration: none;  font-style:italic; letter-spacing:2px; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif;}
h4 {font-size: 18px; line-height: 24px; font-weight: 100;  margin-bottom: 15px; text-decoration: none;  font-style:italic; letter-spacing:2px; font-family:Whitney-Book, Georgia, "Times New Roman", Times, serif;}





p {color: #2d2d2d;  margin-bottom: 11px; font-size: 13px; line-height: 17px; text-align: justify;}
p a {color: #2d2d2d; text-decoration: none; font-weight: bold;}
p a:hover {text-decoration: underline;}
li {color: #2d2d2d;  font-size: 13px; line-height: 20px; text-align: justify;}
ul {margin-left: 25px}
.clear {clear:both;}


.downloadbereich {width: 940px; margin-left: calc(50% - 470px); margin-top: 30px;}
.downloadbereich img {margin-left: 15px;}

.premium-stores {background-color: #c0c0c0; padding-top: 30px; padding-bottom: 30px; position: relative;}

#versandhandel { position:absolute; left: calc(50% - 470px); top: 0px; padding-top: 100px; width: 303px; background-color: #c0c0c0; padding-left: 30px; padding-right: 40px; height: 380px;  filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;}

#versandhandel a { font-style:italic; color: #2d2d2d; font-size: 14px; line-height: 20px; font-weight: normal;}
#versandhandel a:hover { text-decoration: underline}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin: 0 0 0 0;}


.news_item h3 {color: #FFF; background-image: url(../img/news_icon.gif); background-repeat: no-repeat; padding-left: 60px; font-size: 24px; line-height: 36px; }
.news_item { padding-left: calc(50% - 470px); padding-right: calc(50% - 470px); border-bottom: #FFF dotted 1px; padding-bottom: 30px;  background-color: #c0c0c0;  padding-top: 30px; padding-bottom: 30px; position: relative;" }
.news_item:last-child {border: none; margin-bottom: 0px;padding-bottom: 0px; margin-bottom: 30px; }
.news_item .read_more {cursor: pointer; background-color: #9ee46d; color: #2c2c2c; font-family:Whitney-Book,Georgia, "Times New Roman", Times, serif; padding: 5px 10px; font-style:italic; font-size: 15px;}