/*
 *
 * umfrage
 *
 */

.poll .pollitem {
  margin: 20px 0;
}
.pollForm, .simplePollImages {
	float: left;
}
.poll-img {
	border: 10px solid #fff;
	margin: 0;
	cursor: pointer;
    border: 10px solid #efefef;
}
.poll-img.active {
	border: 10px solid #999;
	 -webkit-transition : border 300ms ease-in;
  	-moz-transition : border 300ms ease-in;
  	-o-transition : border 300ms ease-in;
  	transition : border 300ms ease-in;
}
.votecontent {
  display: none;
}
#simplePollVote {
  padding: 8px 50px;
  font-size: 16px;
  margin-left: calc(50% - 100px);
  width: 195px;
}
.simplePollWrap {
  font-size: 14px;
  line-height: 18px;
  width: auto;
}



/* hacks for css styled content */
html, body {overflow-x: hidden; }
#sub_header {padding: 0;}
div.csc-textpic-center .csc-textpic-center-outer, div.csc-textpic-center .csc-textpic-center-inner {width: 100%;}
.row {width: 100%;}
.karla img { width: auto;}

.productlist_footer .productlist_slide {display: none;}

#content .csc-default .csc-default {padding: 0;}

/************ header *************
********************************/

#header {
  /*background-color: #123456;*/
  position:relative;
  height: 180px;
  margin: 0 auto 20px auto;
}

#logo {
  position:absolute;
  top:-1px;
  left: -4px;
  width: 173px;
}

#nav1 {
  position: absolute;
  top:50px;
  right: 15px;
  height:20px;
}

#nav1 ul {
  position:relative;
  list-style: none;

}
#nav1 ul li {
  position:relative;
  float: left;
  margin: 0 0 0 15px;
}

#nav1 li a {
  font-size: 15px;
  color: #827864;
  text-decoration: none;
}
#nav1 li a:hover {
  color: #4f4531;
}

#nav2 {
  position: absolute;
  top:97px;
  right:215px;
  z-index: 1000;
}

#nav2 ul {
  list-style: none;
  z-index: 10;
}

#nav2 ul li a {
  line-height:31px;
  color: #fff;
  padding: 0 5px 0 5px;
  text-decoration: none;
  display:block;
}

#nav2 .droplink {
    display: none;
}

#nav2 ul li ul {
  visibility: hidden;
  z-index:10;
}
#nav2 ul li ul li a {
  line-height:18px;
  display:block;
  padding: 4px 10px;
}
#nav2 ul li:hover ul {
  visibility:visible;
  opacity: 1;
   -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}

#searchbox {
  position: absolute;
  top:97px;
  right: 15px;
  width:160px;
}
#searchbutton {
  position: absolute;
  margin: 4px 0 0 0;
}
#searchtext {
  position: absolute;
  margin: 4px 0 0 25px;
  height: 22px;
  padding: 0 0 0 8px;
  line-height: 22px;
  font-size: 13px;
  color: #999;
  width: 122px;
  background: #f8f3ec;
  border:none;
  border-top: 1px solid #e2d9cf;
}

#breadcrumb {
  position: absolute;
  top:140px;
  left:236px;
  width:620px;
  font-size:13px;
  color:#655F4F;
}
#breadcrumb a {
  color:#666050;
  text-decoration:none;
}
#breadcrumb a:hover {color: #948c75;}


#lang {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 13px;
  line-height: 30px;
  color: #C0B3A4;
}
#lang a {
  padding: 0;
  font-size: 13px;
  text-decoration:none;
  color: #C0B3A4;
}
#lang a:hover {
  color: #4f4531;
}
#lang a.active {
  color: #4f4531;
}
#lang_select, .lang_translator {
  float: left;
}
.lang_translator > span{
  padding: 0 5px !important;
  display: block;
}
.lang_translator:hover {
  cursor: pointer;
  background: #e4ddd3;
  color: #827864;
}
.lang_translator_text {
  z-index: 90;
  position: absolute;
  width: 200px;
  left: -12px;
  background: #e4ddd3;
  padding: 6px 10px 6px 10px;
  display: none;
}
.lang_translator_item {
  font-size: .9em;
  width: 100px;
  float: left;
}
#lang .lang_translator_item a {
  color: #827864;
  display: block;
  line-height: 1.6em;
  padding: 0 0 0 10px !important;
}
.lang_translator_item a:hover {
  background: #f0e9e0;
  text-decoration: none !important;
}

/* MEGA MENU */
.navbar-nav > li > .dropdown-menu {display: block; width: auto; opacity: 0; top: 100%; background-color: #857f78; border: 0 none; box-shadow: none; padding: 15px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.navbar-nav > li {padding: 0 15px;}
.navbar-nav > li > a {color: #4a4a4a; float: left; padding: 30px 15px; text-transform: uppercase;}
.nav > li:hover > a, .nav > li:hover > a {background-color: #857f78;}
.nav > li.active > a {border-bottom: 5px solid #cc1719;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: #cc1719;}

.dropdown-menu {background-color: transparent; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.dropdown-menu > li {padding: 0px; position: relative; display: block; float: left;}
.dropdown-menu > li > a {color: #fff; background-color: transparent !important; padding: 10px 20px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none;}

.navbar-nav .nav-2 { border: 0 none; border-top: 2px solid transparent; border-radius: 0; background-color: rgba(0,0,0, 0.9); display: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s  ease; -o-transition: all 0.2s  ease; transition: all 0.2s  ease; min-height: 90px;}
.navbar-nav .nav-2 a {font-weight: 400; color: #fff; padding: 5px 20px;}
.navbar-nav .level2  {display: none;}

.navbar-nav .nav-3 {list-style-type: none; margin: 0 0 10px 0; padding: 0 20px; float: left; }
.navbar-nav .nav-3 li {list-style-type: none;}
.navbar-nav .nav-3 a {color: #333; text-transform: none; padding: 2px 20px; font-weight:400; width: 100%; float: left;}

.navbar-nav .nav-3 a:focus, .navbar-nav .nav-3 a:hover {background-color: #e66400; color: #333333; text-decoration: none;}

.navbar-inverse .navbar-toggle {background-color: #cc1719; border-color: #cc1719; float: left;}

.nav-item:hover > .nav-2 {display: block; opacity:1;}

.dropdown .menu-arrow {display: block; left: 0px; top: 15px; float: left; font-size: 11px; position: absolute;}
.dropdown .menu-arrow a { color: #e66400;}
.dropdown .navi-header .menu-arrow {display: none;}

/* MEGAMENU */
.mega-dropdown { position: static !important;}
.mega-dropdown.open a:after { content: ""; border-bottom: 15px solid #f9be3c; border-right: 17px solid transparent;	border-left: 17px solid transparent; position: absolute; bottom: -25px;	left: calc(50% - 20px); z-index: 10;}
.mega-dropdown-menu > li > a {color: #fff; text-transform: uppercase;}
.mega-dropdown-menu > li > ul, .menu2 { padding: 0;	margin: 0; border-right: 0; position: relative; float: left; clear: both;}
.mega-dropdown-menu > li > ul > li { list-style: none;}
.mega-dropdown-menu > li > ul > li > a { display: block; padding: 3px 20px;	clear: both; font-weight: normal; line-height: 1.428571429;	color: #e9dccb !important; white-space: normal;}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none;	color: #444; background-color: #f5f5f5;}
.mega-dropdown-menu .dropdown-header { color: #428bca; font-size: 18px; font-weight: bold;}
.mega-dropdown-menu .col-sm-4 > li:first-of-type > a, .mega-dropdown-menu .col-sm-4 > li:first-of-type  {color: #4a4a4a; font-weight: 700;}

.mega-dropdown-menu .col-sm-4 li > a {text-transform: uppercase;}

.dropdown-menu > .menu-divider {float: left; height: 300px; width: 1px; display: block; min-width: 1px; background-color: #C0B3A4;}
.dropdown-menu .infobox, .dropdown-menu .orderbox {display: block;}

/*MENUPUNKT 1*/
.mega-dropdown-1:nth-of-type(1) .dropdown-menu {min-width: 850px; }
.navbar-nav li:nth-of-type(1) .menu1 li:nth-of-type(3) .menu2 { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px;}
.navbar-nav li:nth-of-type(1) .menu1 li:nth-of-type(7) .menu2 {margin-bottom: 25px;}

/*MENUPUNKT 2*/
.mega-dropdown-2:nth-of-type(2) .dropdown-menu {min-width: 680px; }
.mega-dropdown-2:nth-of-type(2) .menu1 li:nth-of-type(3), .mega-dropdown-2:nth-of-type(2) .menu1 li:nth-of-type(5), .mega-dropdown-2:nth-of-type(2) .menu1 li:nth-of-type(5) {min-width: 140px;}
.navbar-nav li:nth-of-type(2) .menu1 li:nth-of-type(1) {}
.navbar-nav li:nth-of-type(2) .menu1 li:nth-of-type(3) .menu2 { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px;}

/*MENUPUNKT 3*/
.mega-dropdown-3:nth-of-type(3) .dropdown-menu {min-width: 150px; }
.navbar-nav li:nth-of-type(3) .menu1 li {float: left; clear: both;}
.mega-dropdown-3 .menu1 {left: 200px;}

/*MENUPUNKT 4*/
.mega-dropdown-4:nth-of-type(4) .dropdown-menu {min-width: 850px;}
.navbar-nav li:nth-of-type(4) .menu1 li:nth-of-type(1) .menu2 {max-width: 370px; -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px;}

/*MENUPUNKT 5*/
.mega-dropdown-5:nth-of-type(5) .dropdown-menu {min-width: 150px; min-height: 260px; padding-bottom: 0;}
.navbar-nav li:nth-of-type(5) .menu1 li {float: left; width: calc(50% - 1px); }
/*.navbar-nav li:nth-of-type(5) .menu1 li:nth-of-type(2) {width: 1px;}*/
.navbar-nav li:nth-of-type(5) .menu1 li.menu-divider {position: absolute; left: 50%; height: 100px; top: 125px; width: 1px;}

/*INFOBOX*/
.infobox {width: 100%; float: left; width: calc(100% + 30px); background-color: #716a63; margin: -15px -15px 15px -15px; padding: 5px 0; display: none;}
.infobox * {color: #fff !important; font-family: 'Droid Serif', serif; font-style: italic; font-size: 13px;}
.infobox h2 {font-size: 14px; margin: 10px 0 5px 0; text-transform: uppercase;}

/*ORDERBOX*/
.orderbox {float: left; width: 100%; width: calc(100% + 30px); background-color: #716a63; margin: 0px -15px; padding: 5px 15px; display: none;}
.orderbox .boxclick-contact-text {float: left;}
.orderbox .glyphicon {color: #fff; padding: 5px 10px; font-size: 18px; line-height: 1;}

/*PSEUDOKLASSEN*/
.navbar-nav ul li a:hover, .navbar-nav ul li a:focus  { background: #85827b;}
.navbar-nav ul li ul li a:hover, .navbar-nav ul li ul li a:focus { background: #6c655d;}

/*CUSTOMER SELEKTOR*/
.customer-selector {position: absolute; right: 170px; top: 5px;}
.customer-selector ul {list-style-type: none;}
.customer-selector li {display: inline; }
.customer-selector li a {color: #C0B3A4; text-transform: uppercase; font-size: 13px;}
.customer-selector li a:hover {text-decoration: none; color: #4f4531;}
.customer-selector li.active a {color: #4f4531;}
.customer-selector li:last-of-type a:before {content: "|"; padding: 0 5px; }

/*********** content *****************
*************************************/
.trennerunten  {
  position:relative;
  clear:left;

  border-top: 1px solid #a6a197;
  height: 70px;
  margin: 10px 0;
  background: url(images/dotted_up.png) center center no-repeat;
}
.trennerunten a {
  text-decoration:none;
}

.trenneroben {
  position:relative;
  clear:left;
  border-bottom: 1px solid #a6a197;
  height: 30px;
  margin:  10px 0;
  background: url(images/dotted.png) center center no-repeat;
}

a.up {
  display: block;
  height: 100%;
}

a.up:hover {
  background: url(images/dotted_up.png) center center no-repeat;
}

/*NEWSFEED STARTSEITE*/
#newsfeed {
	max-height: 450px;
  position: relative;
  background-color: #eeeeee;
}

#c175 h1 {margin: 0 !important;}

#newsfeedheader {
  width: 100%;
  height: 42px;
  background-color: #a6a197;
  font-size: 20px;
  line-height: 42px;
  color: #fff;
}

#newsfeedheader p {
  display: block;
  padding: 0 0 0 15px;
  margin: 0 15px 0 0;
  height: 42px;
  background: url("images/rss.png") no-repeat;
  background-position: center right;

}

#newsfeedfooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 28px;
  background-color: #a6a197;
  font-size: 15px;
  line-height: 28px;
  color: #fff;
}

#newsfeedfooter a {
  display: block;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
  height: 28px;
  background: url("images/plus.png") no-repeat;
  background-position: center right;
  color: #fff;
  text-decoration: none;
}

#c7574, #c7457 {background-color: rgb(191,179,163); float: left; width: 100%;}
#content #c7457 p, #content #c7574 p {margin: 0;}
#c7457 p a, #c7574 p a {color: #fff; padding: 5px 30px; float: left; width: 100%;}

#content #c4275 #newsfeed {max-height: 435px;}
#content #c4275 {margin: 0 !important;}

#newsfeed .newsartikel:last-of-type {border-bottom: 0;}

.newsartikel {
  font-size: 13px;
  line-height: 16px;
  margin:  0 15px 0 15px;
  padding: 12px 0 12px 0;
  border-bottom: 1px solid white;
}

.newsdate {
  margin: 0 !important;
  padding: 0 0 0 5px;
}

#content .newshead {
  display: block;
  background: url("images/newsplus.png") no-repeat;
  background-position: top left;
  font-style: normal;
  margin: 0;
  padding: 0 0 0 15px;
}

.newstext {
  font-style: normal;
  margin: 0;
  padding: 0 0 0 15px;
}

.newspic {
  margin: 0 0 15px 0;
}



/************** subheader mit navi ******
****************************************/
#sub_header {
  position: relative;
  /*margin: 0 0 19px 0;*/
  height:400px;
}
#sub_header #sub_img1 {
  position:relative;
  float:left;
  background-color:#f9f9f9;
  width: 100%;
  height:400px;
  overflow:hidden;
  margin:0 0 30px 0;
  padding:0;
}
#sub_header #sub_img2 {
	display: none;
  position:relative;
  float:left;
  width:273px;
  height:400px;
  overflow:hidden;
  margin:0 19px 0 0;
  padding:0;
}
#sub_header #sub_img3 {
  position:absolute;
  top:0px;
  right:19px;
  width:273px;
  height:400px;
  vertical-align:bottom;
  z-index:1;
}
#sub_header #submenu {
	font-family: 'Droid Serif', serif;
  position:absolute;
  bottom:0;
  width:273px;
  border-bottom:1px solid #A6A297;
}
#sub_header #submenu h2 {
  color:#685B52;
  border-bottom:1px solid #A6A297;
  text-align:center;
  font-size:38px;
  line-height:38px;
  font-weight: 100;
  padding:0 0 .2em 0;
  margin:0;
  text-transform:uppercase;
}
#sub_header #submenu h2 a {
  color:#685B52;
  text-decoration:none;
}
#sub_header #submenu ul {
  list-style:none;
  padding:10px 0;
}
#sub_header #submenu ul li {
  position:relative;
  text-align:center;
  color:#685B52;
  padding:2px 0;
  font-size:15px;
  line-height:18px;
}
#sub_header #submenu ul li a {
	font-family: 'Magra','Arial',sans-serif;
	letter-spacing: 0.06em;
  padding: 4px 0;
  display: block;
  color:#685B52;
  text-decoration:none;
  text-transform:uppercase;
}
#sub_header #submenu ul li:hover {
  background-color:#F8F3ED
}

#submenu .ul-no-margin {margin:0 !important;}

/************** subheader2 mit navi für die serien ******
****************************************/

#sub_header2 #submenu {
	font-family: 'Magra','Arial',sans-serif;
  font-weight: 300;
  text-align:center;
}
#sub_header2 #submenu h2 {
	font-family: 'Droid Serif', serif;
  color:#685B52;
  border-bottom:1px solid #A6A297;
  text-align:center;
  font-size:38px;
  line-height:45px;
  font-weight: 100;
  padding:0 0 .2em 0;
  margin:0 auto;
  text-transform:uppercase;
  width:50%;
}
#sub_header2 #submenu h2 a {
  color:#685B52;
  text-decoration:none;
}
#sub_header2 #submenu h3 {
font-family: 'Droid Serif', serif;
  color:#685B52;
  border-bottom:1px solid #A6A297;
  text-align:center;
  font-size:15px;
  line-height:35px;
  font-weight: 100;
  padding:0;
  margin:0 auto;
  width:50%;
}

#sub_header2 #submenu ul {
	text-align:center;
	list-style:none;
	padding:10px 0;
	width: 50%;
	margin: 0 auto;
}
#sub_header2 #submenu ul li {
	position:relative;
	text-align:center;
	float: left;
	width: 33%;
	color:#685B52;
	padding:2px 0;
	font-size:15px;
	line-height:18px;
}
#sub_header2 #submenu ul li a {
  padding: 4px 0;
  display: block;
  color:#685B52;
  text-decoration:none;
  text-transform:uppercase;
}
#sub_header2 #submenu ul li:hover {
  background-color:#F8F3ED
}


/************** content ******************
****************************************/
#content {
  clear: both;
  position: relative;
  min-height: 300px;
  color:#685C4E;
  font-size: .9em;
  line-height: 1.4em;
  padding:0;
}
#content .csc-default {
  position:relative;
  margin: 0;
  padding:0;
  /*padding-bottom: 19px;*/
  padding-bottom: 29px;
  float: left;
	width: 100%;
}
/*
#content h1 {
	font-family: 'Droid Serif', serif;
  font-size: 55px;
  line-height: 1em;
  font-weight: 400;
  color: #a6a197;
  padding: .2em 0 .8em 0;
  margin: 0;
}
#content h2 {
	font-family: 'Droid Serif', serif;
  font-size: 2.5em;
  line-height: 1em;
  font-weight: 100 !important;
  border-bottom: 1px solid #928e81;
  padding: 0 0 .2em 0;
  margin: .5em 0;
  text-transform:uppercase;
}
#content h3 {
  font-family: 'Droid Serif', serif;
  font-size: 1.6em;
  font-weight: 300;
  border-bottom: 1px solid #928e81;
  padding: 0 0 .1em 0;
}
#content h4 {
  font-weight: normal;
  font-size: 1.3em;
  padding: 0 0 .1em 0;
  margin: .3em 0;
  text-transform:uppercase;
}

* NEUE ÜBERSCHRIFTEN */

#content h1 {
	font-family: 'Droid Serif', serif;
	font-size: 2.5em;
	line-height: 40px;
	font-weight: 100 !important;
	border-bottom: 1px solid #928e81;
	padding: 0 0 .2em 0;
	margin: .5em 0;
	text-transform:uppercase;
}
#content h2 {
  font-family: 'Droid Serif', serif;
  font-size: 2.0em;
  line-height: 30px;
  font-weight: 300;
  border-bottom: 1px solid #928e81;
  padding: 0 0 .1em 0;
}
#content h3 {
    border-bottom: 1px solid #928E81;
    font-family: 'Droid Serif',serif;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 30px;
    padding: 0 0 0.1em;
}
#content h3 .smaller {
	font-size: 18px;
}
#content h4 {
  font-weight: normal;
  font-size: 1.3em;
  line-height: 30px;
  padding: 0 0 .1em 0;
  margin: .3em 0;
  text-transform:uppercase;
}

#content p {
  margin: .3em 0 1em 0;
}
#content a {
  color: #003366;
  text-decoration: none;
}
#content a:hover {
  color: #336699;
}
#content ul {
	margin: 20px;
}


/************** textpage ***************
****************************************/

#contentwide h2 {
  display: inline-block;
  padding: 0 80px 0 0;
}


/************** boxen ******************
***************************************
*/

/**
*  Frams nur für die Abmessungen
*/
#content .frame_1 {
  position:relative;
  float:left;
  width:273px;
  overflow:hidden;
  margin:0 19px 19px 0;
  padding:0;
}

#content .frame_6 {
  position:relative;
  float:left;
  background-color:#fff;
  width:856px;
  overflow:hidden;
  margin:0 19px 19px 0;
  padding:0;
}

#content .frame_10 .csc-frame-indent {height: auto !important;}

#content .frame_11 {
  position:relative;
  float:left;
  background-color:#fff;
  width:565px;
  overflow:hidden;
  margin:0 19px 19px 0;
  padding:0;
}
#content .frame_12 {
  position:relative;
  float:left;
  background-color:#fff;
  width:856px;
  overflow:hidden;
  margin:0 19px 19px 0;
  padding:0;
}



#content .csc-frame-indent h2,
#content .csc-frame-invisible h2 {
  position:relative;
  padding:0 0 5px 0;
  margin:0 0 10px 0;
  font-size:24px;
  border-bottom:2px solid #C2BDB9;
  text-transform:uppercase;
}
#content .csc-frame-indent h3,
#content .csc-frame-invisible h3 {
  position:relative;
  padding:0 0 5px 0;
  margin:0 0 10px 0;
  font-size:18px;
  border-bottom:2px solid #C2BDB9;
  text-transform:uppercase;
}
#content .csc-frame-indent p,
#content .csc-frame-invisible p {
  font-size: 13.8px;
  line-height:16px;
  color:#675B4F;
}

#content .csc-frame-invisible img,
#content .box_1_1 img {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
#content .csc-frame-invisible .csc-textpic-text {
  position:absolute;
  bottom:0;
  background-color:#000;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  z-index:0;
  color:#fff;
  font-size:13px;
  padding:10px;
}
#content .csc-frame-invisible .csc-textpic-text p {
  color:#fff;
  font-size:13px;
  line-height:18px;
}

#content .csc-frame-invisible:hover .csc-textpic-text {
  z-index:5;
}




#content .box_3_1 {
  position:relative;
  float:left;
  width:856px;
  height:400px;
  overflow:hidden;
  background-color:#f9f9f9;
  margin:0 19px 19px 0;
  padding:0;
}

#content .csc-frame-indent,
#content .box_1_2 {
  position:relative;
  overflow:hidden;
  padding:0;
  color:#685C4E;
}
#content .csc-frame-indent img,
#content .box_1_2 img {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
#content .csc-frame-indent .csc-textpic-text {
  position:absolute;
  bottom:0;
  background-color:#000;

  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  z-index:0;
  color:#fff;
  font-size:13px;
  padding:10px;
}
#content .csc-frame-indent:hover .csc-textpic-text {
  z-index:5;
}


#content .csc-frame-indent3366,
#content .box_2_2 {
  position:relative;
  float:left;
  width:565px;
  height:360px;
  overflow:hidden;
  background-color:#f9f9f9;
  margin:0 19px 19px 0;
  padding:0;
}

#content .csc-frame-indent3366 img {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}

#content .csc-frame-indent3366 .csc-textpic-text {
  position:absolute;
  right:0;
  bottom:0;
  width:253px;
  height:auto;

  background-color:#000;

  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  z-index:0;
  color:#fff;
  font-size:13px;

  padding:10px;
}
#content .csc-frame-indent3366 .csc-textpic-text p {
  color:#fff;
  font-size:13px;
  line-height:18px;
}

#content .csc-frame-indent3366:hover .csc-textpic-text {
  z-index:5;
}

#content .csc-textpic-imagerow {
  margin-bottom: 10px;
}


#content .box_3_2 {
  position:relative;
  float:left;
  width:856px;
  height:360px;
  overflow:hidden;
  background-color:#f9f9f9;
  margin:0 19px 19px 0;
  padding:0;
}


/************** Raster anpassen ******************
****************************************/

div.fce_area0_right .fce_box_image, div.fce_area2_left .fce_box_image {
    max-height: 528px;
    overflow: hidden;
}
.fce_area2_clear {
  height: 0;
}
@media (max-width: 1200px) {
    div.fce_area0_right .fce_box_image, div.fce_area2_left .fce_box_image {
        max-height: 430px;
    }
}
@media (max-width: 990px) {
    div.fce_area0_right .fce_box_image, div.fce_area2_left .fce_box_image {
        max-height: 323px;
    }
    #content .csc-default {
        padding-bottom: 29px;
    }
}




/************** footer ******************
****************************************/


#footer {
  position: relative;
  height: auto;
  border-bottom: 8px solid #e2ded5;
  background-color: #fcf9f3;
  list-style: none;
  clear:both;
  overflow: hidden;
}

#footer > div {
padding: 15px 0 0 15px;
}

#footer ul {
  margin: 0;
  padding: 0;
}

#footer li.klein {
  width: 100px;
}


#footermainnav a {
  font-size: 14px;
  line-height: 16px;
  color: #827864;
  text-decoration: none;
}
#footermainnav a:hover {
  color: #4f4531;
}

#footermainnav > li > a {
	font-family: 'Droid Serif', serif;
  text-transform: uppercase;
    background: url("images/footer_li_back.png") repeat-x scroll 0 -6px transparent;
    padding: 0 43px 0 0;
}

#footermainnav > li > a > span {
  background: #fcf9f3;
  padding: 0 5px 0 0;
}

.footernav > li > a {
  font-family:'Magra','Arial',sans-serif;
}

#footermainnav > li {
  float: left;
  list-style: none;
  width: auto;
}


ul.footernav {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 180px;
  height: 140px;
}

li#porzellanserien > ul {
  width: 540px;
}


ul.footernav > li {
  list-style: none;
  margin: 0;
  padding: 2px 0;
  float: left;
  /*height: 22px;*/
  width: 180px;
}

#extlnks {
  	position: absolute;
  	right: 10px;
  	top: 10px;
  	background: #d1cec9;
  	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 6px;
}


#extlnks a#warenkorb {
  display: block;
  width: 29px;
  height: 29px;
  margin: 0 0 7px 0;
  background: url("images/button_shop.png") no-repeat scroll 0 0 transparent;
}

#extlnks a#facebook {
  display: block;
  width: 29px;
  height: 29px;
  margin: 0 0 7px 0;
  background: url("images/button_facebook.png") no-repeat scroll 0 0 transparent;
}

#extlnks a#youtube {
  display: block;
  width: 29px;
  height: 29px;
  background: url("images/button_youtube.png") no-repeat scroll 0 0 transparent;
}

#copyright {
  position: relative;
  bottom: 0px;
  left: 0px;
  height: 100px;
  font-family:'Magra','Arial',sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #827864;
}

#copyright p {
  margin: 0;
  float: left;

}

#copyright a {
  float: right;
  margin: 0 20px 0 0;
  text-decoration: none;
  color: #827864;
}

.clearpix {
  clear: both;
  height: 8px; line-height: 8px; font-size: 8px;
}

/************** TYPO3 ******************
****************************************/

/**
*  indexed_search
*/
.tx-indexedsearch-whatis {
  margin: 10px 0 40px 0;
}
.tx-indexedsearch-browsebox {
  margin: 8px 0;
}
.tx-indexedsearch > .tx-indexedsearch-res > .tx-indexedsearch-res {
  border-top: 1px solid #b8b5ac;
  padding: 8px 0;
}
.tx-indexedsearch-res a {
  color: #00315f;
  text-decoration: none;
  font-weight: bold;
}

.tx-indexedsearch-info {
  display: none;
}

div.tx-indexedsearch-browsebox {
  border-top: 1px solid #fff;
  margin:10px 0;
  float: left;
}
#content div.tx-indexedsearch-browsebox > p {
  float: right;
  margin: 12px 0 0 0;
}


ul.browsebox {
  list-style-type: none;
  list-style-image: none !important;
}
ul.browsebox li {
  float: left;
  margin-right: 8px;
  font-size: 12px;
}
.tx-indexedsearch-browsebox ul.browsebox {
  margin: 0.8em 0 3em 0;
}
.tx-indexedsearch-browselist-currentPage a {
  color: #000 !important;
  padding: 2px 4px;
  background-color: #dfdfdf;
}
.tx-indexedsearch-res {
  padding: 25px 0 0 0;
}



/************** FCEs ******************
****************************************/


.fce_box1 {
  position: relative;
  overflow:hidden;
}
.fce_box_trigger{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 200px;
  display: block;
}
.fce_box_trigger > a {
  text-decoration: none;
  padding: 0 273px 400px 0;
}

.height1 {
  height: 360px;
}
.height1 > a{
  height: 360px;
}
.height2 {
  height: 400px;
}
.height2 > a{

}

.fce_box_overlay_image {
  display: none;
}

.fce_box_overlay_white_fix, .fce_box_overlay_white_fade, .fce_box_overlay_black_fix, .fce_box_overlay_black_fade  {
  position: absolute;
  padding: 0px;
  background: #fff;
  right: 0;
  bottom: 0;
  text-align: center;
}
.fce_box1 .fce_box_overlay_white_fix, .fce_box1 .fce_box_overlay_white_fade, .fce_box1 .fce_box_overlay_black_fix, .fce_box1 .fce_box_overlay_black_fade {width: 100%; padding: 20px 0;}

.fce_box2 .fce_box_overlay_white_fix, .fce_box2 .fce_box_overlay_white_fade, .fce_box2 .fce_box_overlay_black_fix, .fce_box2 .fce_box_overlay_black_fade  {width: 100%; padding: 20px 0;}

.fce_box3 .fce_box_overlay_white_fix, .fce_box3 .fce_box_overlay_white_fade, .fce_box3 .fce_box_overlay_black_fix, .fce_box3 .fce_box_overlay_black_fade {height: 100%; width: 253px; top: 0; padding: 20px 0;}

.fce_box_overlay_white_fix{
  background: #fff;
  color: #000;
  opacity: 0.8;
}
.fce_box_overlay_white_fade {
  background: #fff;
  color: #000;
  display:none;
}
.fce_box_overlay_black_fix {
  background: url("/typo3conf/ext/t3_slider/res/sliderTabs/styles/images/transparent_black_60.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.fce_box_overlay_black_fade {
  background: #000;
  color: #fff;
  display: none;
}

.fce_box_headline {
	font-family: 'Droid Serif', serif;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.03em;
  /*   padding-top: 10px;
  padding-bottom: 10px; */
}

.fce_box_text {padding: 0px 10px;}

#content .fce_area0 .csc-default, #content .fce_area1 .csc-default, #content .fce_area2 .csc-default, #content .fce_area3 .csc-default {margin-bottom: 0;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 0px;}

.fce_area0_clear, .fce_area1_clear {clear: both; display: none; }

#content .fce_area0_right .csc-default {margin-right: 0px;}
#content .fce_area1_right .csc-default {margin-right: 0;}
#content .fce_area2_right .csc-default {margin-right: 0;}

/* products */
.series_item {
  float: left;
  width: 33%;
  height: 300px;
}

.series_item_last {padding-right: 5px;}

.series_item_title {
  text-align: center;
	font-family: 'Droid Serif', serif;
  text-transform: uppercase;
  font-size: 15px;
  margin: 10px 0 0 0;
}
.series_item_title a {
  color: #685c50 !important;
}

.series_header {
  margin: -15px 0 0 710px;
  height: 40px;
}
.series_header_button1, .series_header_button2 {
  display: block;
  width:32px;
  height:27px;
  cursor:pointer;
  float: left;
  margin: 0 0 0 10px;
}
.series_header_text {
  float:left;
  margin: 0 0 0 10px;
  line-height: 25px;
}

.series_header_button1 {
  float: left;
  background: url("images/button1.png") no-repeat;
}
.series_header_button2 {
  background: url("images/button2.png") no-repeat;
}
.series_box2 {
  display: none;
}
.series_item2 {
  height: 565px;
}
.series_item2_image {
  position: absolute;
}
.series_item2_text > a {
  display: block;
  height: 540px;
  color: #fff !important;
  text-decoration: none !important;
}
.series_item2_text {
  position: absolute;
  width: 273px;
  height: 540px;
  margin: 0 0 0 583px;
  background: url("images/transparent_black_60.png");
}

.series_item2_title {
	font-family: 'Droid Serif', serif;
  font-size: 35px;
  line-height: 32px;
  text-align: center;
  margin: 150px 0 0 0;
}
.series_item2_description {
  font-family:'Magra','Arial',sans-serif;
  font-size: 15px;
  text-align: center;
  margin: 3px 10px 0 10px;
}
.series_item2_button {
  background: url("images/button3.png");
  margin: 25px 0 0 110px;
  height: 44px;
  width: 44px;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
  width: 100px;
  padding-top: 5px;
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 500;
  background: transparent url(images/tipTop.png) no-repeat top;
  color: #fff;
  font-size: .7em;
  text-align: center;
}


.tip p {
  margin-bottom: 5px;
}

.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 10px 5px 10px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 5px;}

.tTip {
  text-transform: uppercase;
  color: #7d9e06;
  cursor: pointer;
}
.tTip:hover {
  color: #585858;
}

.csc-textpic-image .tooltip {
	opacity: 100 !important;
	position: relative !important;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                         POPUP NEWS STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/
#newsbutton {
  position: fixed;
  top: 188px;
  right: 0px;
  z-index: 1000;
  background: url(../images/social_navi_bg2.png) no-repeat;
  width: 38px;
  height: 142px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  /*display: none;*/

}

.professional #newsbutton {
  background: url(../images/kontakt-slider-professional.jpg) no-repeat;
  width: 79px;
  height: 69px;
}

#newsbutton a {font-size: 0; outline-style: none; float: left;}
#newsbutton > div {font-size: 0; outline-style: none; cursor: pointer;}

#text01, #text02, #text03, #text04 {
  display: none;
}

#box-contact {width: 79px; height: 69px;}

#box01, #box02, #box03, #box04 {
  width: 35px;
  height: 35px;
  display: block;
}
.newsbuttonbox {
  position: absolute;
}



#newsbutton2 {
  position: fixed;
  top: 188px;
  right: 0px;
  z-index: 1000;
  background: #0b3161;
  height: 142px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  /*display: none;*/
  padding-top: 8px;
} 
#newsbutton2 a {
  font-size: 0;
  display: inline-block;
  width: 24px;
  opacity: 0.7;
  padding: 15px 20px;
}
#newsbutton2 a:hover {
  opacity: 1;
}
#newsbutton2 > div {

}
#newsbutton2 .b-facebook a {
  background: url('../images/Facebook.svg') no-repeat center;
  background-size: 18px;
}
#newsbutton2 .b-pinterest a {
  background: url('../images/Pinterest.svg') no-repeat center;
  background-size: 18px;
}
#newsbutton2 .b-instagram a {
  background: url('../images/Instagram.svg') no-repeat center;
  background-size: 18px;
}
#newsbutton2 .b-youtube a {
  background: url('../images/Youtube.svg') no-repeat center;
  background-size: 18px;
}


.infotext .sli1, .infotext .sli2  {
  position: absolute;
  margin: 0 0 0 38px;
  background: #efeeeb;
  width: 252px;
  min-height: 142px;
  padding: 10px 15px 15px 15px;
  font-size: .8em;
  font-size: 12px;
}
.infotext .sli2 a {
   font-size: 12px !important;
   text-decoration: none;
   color: #1f5a84;
   font-weight: bold;
}

.sli1 #newsfeed {height: auto;}
.sli1 h3 {margin: 10px 0 0 0 !important; padding: 0 !important;}
.sli1 #newsfeed .newsartikel {padding-left: 2px !important; margin-left: 2px; font-size: 15px !important;}
.sli1 #newsfeed .newsdate {margin-left: 0 !important; padding-left: 0 !important;}
.sli1 #newsfeed .newshead a {
    color: #003366;
    display: block;
    font-size: 15px !important;
    font-weight: normal;
    margin-bottom: 6px !important;
    padding-left: 0;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
}
.infotext .sli3 {padding: 6px 0 22px 0px; margin: 0 0 0 38px; background: #efeeeb;}
.infotext .clearfix img {display: none !important;}
.infotext .sli4 {padding: 23px 0 22px 17px; margin: 0 0 0 38px; background: #efeeeb;}



/*==[ HAENDLERSUCHE ]==*/

#hsearch {
  margin: 0 0;
}
#hsearch label {
  width: 100px;
  display: inline-block;
}
#hsearch input[type=text], #hsearch select {
  margin: 5px 0;
  padding: 2px 2px;
}
#hsearch input[type=submit] {
  margin: 4px 0 0 104px;
}

#hsresult {
  padding: 1em 0 0 0;
  margin: 1em 0 0 0;
  border-top: 1px solid #d6d3c9;
}
#results ul, #hsresult{
  list-style: none !important;
  margin: 0;
}
#hsresult li {
  margin: 0 0 0.8em 0;
  padding: 0 0 0 0;
  clear: both;
}
#hsresult li.headline {
  padding: 0 1em 0 0;
  font-weight: bold;
}
#hsresult li.headline h3 {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
}
#hsresult li ul {
  border-bottom: 1px solid #d6d3c9;
}
#hsresult li ul li {
  padding: 0;
  float: none;
}
#hsresult td.hstablecell1 {
  width: 120px;
}
#hsresult td.hstablecell2 {
  width: 180px;
}
.headline-distance {
	font-weight: normal;
}
.tx-tsstoresearch-pi1 {
	width: 876px;
}
.tx-tsstoresearch-pi1 input[type="submit"]{
	background: none repeat scroll 0 0 #A6A297 !important;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    min-width: 99px;
    text-align: center;
	cursor: pointer;
    overflow: visible;
    width: auto;
    border: 0 none !important;
    border-radius: 3px 3px 3px 3px !important;
    color: #FFFFFF !important;
    padding: 6px 12px !important;
    text-shadow: none !important;
    text-transform: none !important;
	text-decoration: none;
}
#results {
	margin-top: 10px;
	width: 400px;
	float: left;
}
#mapAll {
    float: left;
    margin: 27px 0 0 10px;
    position: relative;
	width: 730px;
}


/*-----------------------------------------------------------------------------------------------  */
/*                                         PRODUCTS                                              */
/*-----------------------------------------------------------------------------------------------  */


#content .tx-products-pi2 h4 {
  text-transform: none;
  font-family:'Magra','Arial',sans-serif;
  color: #fff;
  background: #d4ccc1;
  height: 42px;
  width: 100%;
  font-size: 16px;
  line-height: 42px;
  margin: 0 0 20px 0;
  padding-left: 20px;
}

#content .tx-products-pi2 .productitem {
  height: 340px;
  position: relative;
  float: left;
}

#content .tx-products-pi2 .productslider {
	clear: both;
}

#content .tx-products-pi2 .productitem .pi_image {
  margin: 8px 0 0 0px;
  position: absolute;
}
#content .tx-products-pi2 .productitem .pi_text {
	margin: 266px 0 0;
    position: absolute;
    text-align: center;
    width: 100%;
  /*  padding: 15px 0 25px;*/
}
#content .tx-products-pi2 .last {
  margin: 0;
}
#content .productlist_shopping {
  float: left;
  clear: both;
  margin: 20px 15px;
  background: #d4ccc1;
  height: 53px;
  color: #fff;
  width: 100%;
}
#content .productlist_footer2 {
  float: left;
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
}

.productlist_shopping_link {
    float: right;
}

#content .productlist_footer .productlist_shopping_link a, #content .productlist_shopping_link a {
  display: block;
  float: right;
  background: #4aaba7 url(images/icon_shoppingcart.png) 125px 2px no-repeat;
 /* position: absolute;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 38px; line-height: 38px;
  width: 170px;
  margin: 8px 0 0 20px;
  text-transform: uppercase;
  color: #fff;
  padding: 0 10px 0 10px;
  margin-right: 15px;
}
#content .productlist_footer .productlist_slide {
  position: absolute;
  height: 20px;
  margin: 18px 0 0 520px;
  font-weight: normal;
	/*color: #685C4E;*/
}


#content .productlist_slide2 {
	position: relative;
  height: 20px;
  margin: 18px 20px 0 0px;
  float: left;
  font-weight: normal;
	color: #fff;
}
#content .productlist_slide2 a {
	color: #fff;
	font-weight: bold;
}
.trigger {
  width: 300px;
  text-align: right;
  cursor: pointer;
}
.trigger span {

}
/***** FUNCTION NAVIGATION *****/
.newsbutton3 #box03 {display: none;}
.newsbutton3 #box03:hover {display: block; width: 200px; height: 100px;}


/*-----------------------------------------------------------------------------------------------*/
/*                                         LOGIN STYLES                                          */
/*-----------------------------------------------------------------------------------------------*/

.tx-felogin-pi1 {
  margin: 0 0 -30px 0;
}

.tx-felogin-pi1 fieldset {
  border: none !important;
  margin: 0!important;
  padding: 0 !important;
}
.tx-felogin-pi1 fieldset > div {
  clear: both;
}
.tx-felogin-pi1 label {
  float: left;
  width: 120px;
  margin: 5px 0;
}
.tx-felogin-pi1 input[type='text'], .tx-felogin-pi1 input[type='password'] {
  float: left;
  margin: 5px 0;
    padding: 2px 2px;
  width: 120px;
  border: 1px solid #abadb3 !important;
}
.tx-felogin-pi1 input[type='submit'] {
  float: left;
  margin: 5px 0 5px 120px;
}
.tx-felogin-pi1 fieldset > legend {
  visibility: hidden;
}

/* DIRTY - FIND ANOTHER SOLUTION */
#c644, #c647 {
	width: 46%;
}

/**** FE-LOGIN ****/

.tx-felogin-pi1 .button_submit {
color: #fff !important;
padding: 6px 12px 6px 12px !important;
border: 0 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
text-transform: none !important;
text-shadow: none !important;
display: block;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 100%;
min-width: 99px;
padding: 3px 12px;
text-align: center;
text-decoration: none;
border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
border-right: 1px solid #B4B4B4;
border-style: solid;
border-width: 1px;
}
.tx-felogin-pi1 input {
border: 1px #333 solid;
background-color: #fff;
float: left;
margin-right: -3px;
border: 1px solid #E6E6E6;
border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
-moz-border-radius: 3px 3px 3px 3px;
padding: 2px 0px;
x-moz-box-shadow: 0 1px 2px rgba(172, 188, 209, 0.35);
display: block;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #232526;
line-height: 15px;
-webkit-appearance: textfield;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
}

#loggedin {overflow: hidden; margin-bottom: 20px;}
#loggedin label {margin: 0;}
#loggedin .type-button {margin-top: 10px;}
.group-1 {border: none !important;}

.tx-datamintsfeuser-pi1 input, .tx-datamintsfeuser-pi1 select, .tx-datamintsfeuser-pi1 textarea {
border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4 !important;
border: 1px solid;
padding: 5px;
}
.tx-datamintsfeuser-pi1 .name-submit input {
background: #a6a297 !important;
border-color: #B4B4B4;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
color: #fff;
font-weight: bold;
padding: 6px;
margin: 0 !important;
}
.tx-datamintsfeuser-pi1 .item {

}
.tx-datamintsfeuser-pi1 label {margin-bottom: 10px;}

.tx-felogin-pi1 input[type='text'], .tx-felogin-pi1 input[type='password'] {
border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4 !important;
border: 1px solid;
padding: 5px;
}
.forgotpass_wrap {margin: 10px 0 0 0; overflow: hidden;}
#tx_felogin_pi1-forgot-email {margin-left: 20px;}
.forgotbutton {margin-left: 140px !important;}


/**** TT-NEWS ****/
.news-list-container {padding-bottom: 20px; width: 100%;}
.news-list-item {margin: 20px 0px 13px 0px; background-color: #eee; padding: 5px 20px 10px 10px;}

.news-list-category {width: 150px; min-height: 100px; float: left; background: url('images/background-news-category.png') no-repeat 0 5px transparent;}
.news-list-category-text {color: #fff; text-transform: uppercase; float: left; padding: 13px 0 0 25px; font-weight: 600; font-size: 0.8em;}
.news-list-content {margin-left: 150px; padding-left: 20px;}
.news-list-date {font-family: 'Droid Serif',serif;}
#content .news-list-item h3 {font-family: 'Magra','Arial',sans-serif; color: #685B52; margin: 0 0 5px 0; padding: 0 0 0.2em; text-align: center; text-transform: uppercase; text-align: left; border-bottom: 1px solid #fff;  line-height: 26px;}
#content .news-list-item h2 a {color: #685B52;}

.news-list-container .clearer {margin: -5px 0px 0px 0px; border-top: 1px solid #c2bdba; border-bottom: 1px solid #a49d97; border-left: 0; border-right:0; clear: both;}
.news-single-item hr.cl-right { border-bottom: 1px solid #928E81; margin: 0.5em 0; padding: 0 0 0.2em; border-left: 0; border-right:0; border-top:0; margin-bottom: 15px;}
.news-list-morelink {}


.news-single-item {padding-bottom: 20px; width: 100%;}
.news-single-item-header {background-color: #eee; width: 100%; min-height: 110px; float: left; margin-bottom: 20px; position: relative;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1beb9), color-stop(100%,#959188)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c1beb9 0%, #959188 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c1beb9 0%, #959188 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c1beb9 0%, #959188 100%); /* IE10+ */
		background: linear-gradient(to bottom, #c1beb9 0%, #959188 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1beb9', endColorstr='#959188',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(to bottom, #c1beb9 0%, #959188 100%);
		background: -moz-linear-gradient(top, #c1beb9 0%, #959188 100%);
}
.news-single-item-header img {padding: 10px;}
.news-single-item-header-icon {
		width: 40px;
		min-height:100%;
		position: relative;
		float: left;
}
.news-single-item-header-content {margin-left: 40px; padding: 10px; background-color: #eee;}
#content .news-single-item-header-content h3 {font-family: 'Magra','Arial',sans-serif; color: #685B52; margin: 0 0 5px 0; padding: 0 0 0.2em; text-align: center; text-transform: uppercase; text-align: left; border-bottom: 1px solid #fff;  line-height: 26px;}
.news-single-category {width: 150px; min-height: 40px; background: url('images/background-news-category.png') no-repeat 0 5px transparent;}
.news-single-category-text {color: #fff; text-transform: uppercase; float: left; padding: 13px 0 0 25px; font-weight: 600; font-size: 0.8em;}

.news-single-item-subheader {margin: 0 0 20px 0; font-weight: 600;}
#content .news-single-item h1 {padding: 0.3em 0 0.2em;}
.news-single-backlink {margin-top: 20px;}
#content .newshead {font-family: 'Magra','Arial',sans-serif; font-size: 15px;}
.newsartikel p {font-family: 'Magra','Arial',sans-serif;}
.newshead a {padding: 0px; line-height: 18px; text-transform: none;}
#content .newstext, #content .newsdate {padding-left: 15px; margin:0;}

.news-list-text {

}

/**** PRODUKT DETAIL ****/

#produktdetail_wrap {
	margin: 20px 0 0 0;
}

#produktdetail_wrap h5 span{
	font-size: 12px;
	padding-top: 6px;
	display: inline-block;
}


.produkt_img {float: left;}
.produkt_detail_right {float: left;}
.produkt_des {
	background: #eeeeee;
	padding: 15px;
	font-family: 'Magra', sans-serif !important;
	font-size: 12.8px;
	max-width: 620px;
}

.produkt_detail_right h5, .produkt_detail_right table.table {
  margin-left: 15px;
}


#content .produkt_des h1 {
	color: #695D4F;
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 2px solid #BEB7AF;
	margin: 0 0 10px;
	padding: 0 0 10px;
	line-height: 30px;
	padding: 0 0 14px 0;
}
#content .produkt_des h1 span {
	text-transform: none;
	font-family: "Magra",sans-serif !important;
	font-size: 13px;
	font-weight: bold;
}

#content .produkt_des.b2b h1 {
	border-bottom: 0;
	margin: 0;
 	padding: 4px 0 0 0;
 	line-height: 24px;
}


.addthis_toolbox {margin: 20px 0 20px 0;}

#content .produkt_step0 a {
  background: url(images/produkt_detail_arrow.gif) left center no-repeat;
  width: 19px;
  height: 17px;
  display: block;
  position: absolute;
  left: 5px;
  top: 0px;
  font-size: 0 !important;
}
#produktdetail_wrap table {
	font-size: .9em;
}
#produktdetail_wrap table td:first-child {
	font-weight: bold;
	width: 60%;
}

#produktdetail_wrap .produkt_img {padding-left: 0;}


/**** FORMHANDLER ****/
#contact-form .yform .type-text input {width: 300px;}
.yform .type-text input, .yform .type-text textarea, .yform .type-select select {padding:5px; margin-bottom: 10px;}
.yform .type-button input[type="reset"], .yform .type-button input[type="submit"] {background: #a6a297 !important;}
.yform label {color: #685C4E !important;}
.type-check {margin-bottom: 10px !important;}
.checkgender div {float: left !important;}
#gender-commercial {margin: 0 0 0 10px !important;}
.infotext {margin-bottom: 10px;}

#c283 h2 {display: none;}

/* CONTENTTABLE TABELLEN */

.contenttable {margin-bottom: 20px; min-width: 565px; text-align: left;}
.contenttable thead tr {background-color: #DDDDDD;}
.contenttable tbody td {width: 125px;}

.contenttable.messe {
  width: 100%;
}
.contenttable.messe td:first-of-type {
  width: 35%;
}
.tipsy { padding: 5px; font-size: 11px; line-height: 16px; position: absolute; z-index: 100000; margin-top: -90px; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #098736; color: white; max-width: 230px; text-align: center; border-radius: 10px; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left;}
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/******** B2B **********/

.controls{
  padding: 2%;
  background: #333;
  color: #eee;
}

.mix-container{
  text-align: justify;
  font-size: 0.1px;
  -webkit-backface-visibility: hidden;
}

.mix-container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.mix-container .mix,
.mix-container .gap{
  display: inline-block;
}

.mix-container .mix{
  display: none;
}

.mix-container .col-md-4 {
	overflow: hidden;
}

.mix-container .series_item {width: 100%; height: auto; margin: 15px 0; max-height: 240px;}

.mix-container .mix:after{
  /*content: attr(data-myorder);*/
}

.mix-container .mix:before{
  content: '';
  display: inline-block;
}


.series_item_image {
    max-height: 225px;
    overflow: hidden;
}

.background-grey {
  background-color: #eeeeee;
  float: left;
  padding: 5px 10px !important;
  width: 100%;
}

#c4275 {margin: 0 19px 0 0 !important;}

/*SWIPER SLIDE*/

.swiper-container-wrapper {padding: 5px; border: 1px solid #685C4E;}
.swiper-container {width: 100%; }
.swiper-slide {background-color: #f8f3ec; float: left;}
.swiper-slide a {height: 100%; display: block;}
.swiper-slide .row {margin: 0;padding: 0;}

.swiper-container .col-md-8, .swiper-container .col-md-4 {padding: 0; height: 100%; float: left;}
.swiper-container .col-md-8 {background-color: #fff;}
.swiper-container .col-md-4 {padding: 100px 20px;}

#content .swiper-container .col-md-4 h3 {border-bottom: 0; margin-bottom: 30px;font-family: 'Droid Serif', serif; font-style: italic; font-weight: 700; font-size: 20px; line-height: 24px; color: #685c4e;}
#content .swiper-container .col-md-4 p { font-family: 'Droid Serif', serif; font-style: italic; font-size: 15px; line-height: 20px; color: #685c4e;}

.swiper-pagination {width: 100%; position: relative;}

.swiper-pagination-bullet {width: 15px; height: 15px; opacity: 1; background-color: #c0b3a4; margin: 8px 4px;}
.swiper-pagination-bullet-active {background: #007AFF none repeat scroll 0% 0%; background-color: #685c4e;}

/*.swiper-button-next {
   background-image: url("/typo3conf/ext/t3_slider/res/sliderTabs/styles/images/rightPanelArrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    opacity: 0.6;
    position: absolute;
    right: 8px;
    top: auto;
    bottom: 8px;
    width: 40px;
}
.swiper-button-prev {
    background-image: url("/typo3conf/ext/t3_slider/res/sliderTabs/styles/images/leftPanelArrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    left: 8px;
    top: auto;
    bottom: 8px;
    opacity: 0.6;
    position: absolute;
    width: 40px;
}

.swiper-button-next:hover,.swiper-button-prev:hover{opacity: 1;}*/

/*COLLAPSIBLE */
#content .panel-group .panel {border-radius: 0; border: 0;}
#content .panel-default > .panel-heading {padding: 5px 10px; background-color: #c0b3a4; border-radius: 0;}
#content .panel-title {margin: 0;}
#content .panel-title > a, #content .panel-title > small, #content .panel-title > .small, #content .panel-title > small > a {color: #fff; font-size: 18px; width: 100%;}
#content .panel-title > a:hover {color: #685c4e;}

.panel-group .panel + .panel {margin-top: 1px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {padding:0; background-color: #f8f3ec; position:relative;}
.panel-body .tab_image {padding: 0;}
.panel-body .tab_text {font-size: 15px; color: #685c4e; line-height: 21px; bottom: 0; position: absolute; right: 0; padding: 40px;}

/*YOUTUBE-VIDEO*/
.youtube {  position: relative;  width: 100%;  padding-bottom: 57%;}
.youtube iframe {  position: absolute;  top: 0;  left: 0;  width: 100% !important;  height: 100% !important;}

/* POWERMAIL */
.tx-powermail fieldset  {border: 0; max-width: 600px;}
.tx-powermail .form-horizontal label {font-size: 14px; font-weight: 400; padding-top: 12px;}
.tx-powermail .form-control {background-color: #fff; border-color: #333; color: #333; min-height: 50px; padding: 12px;}
.tx-powermail h3 {display: none;}
.tx-powermail .container-fluid {padding: 0;}
.tx-powermail legend {display: none;}
.tx-powermail .btn {background-color: #003366;  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0;}
.powermail_fieldwrap {margin-bottom: 10px;display: flex;}
.powermail_fieldwrap {width:100%;}

.tx-powermail .form-control {  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0;}
.tx-powermail .form-control:focus {background-color: #fff; border-color: #c0c0c0; color: #000000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.tx-powermail ::-webkit-input-placeholder { color: #efefef;}
.tx-powermail ::-moz-placeholder {color: #efefef;}
.tx-powermail :-ms-input-placeholder {color: #efefef;}
.tx-powermail :-moz-placeholder {color: #efefef;}

#powermail_field_datenschutz_1 {margin: 0;}
#powermail_field_datenschutz_1 .control-label {visibility: hidden;}
#powermail_field_datenschutzlink {font-size: 12px;}
#powermail_field_datenschutzlink.col-sm-10 {margin-left: 16.6666667%;}

.powermail_fieldwrap_type_submit {margin-top: 15px; margin-left: 16.6666667%;}


/*-----------------------------------------------------------------------------------------------*/
/*                                         RFID                                        */
/*-----------------------------------------------------------------------------------------------*/

#c9212 img {
  padding-top: 60px;
}
#c9212 img {
  width: auto;
}

#c9216 li {
  padding: 6px;
  line-height: 20px;
}



/*RESPONSIVE*/
@media (max-width: 1500px) {
	/*ALLGEMEIN*/

	/*HEADER*/

	/*CONTENT */

	/*PRODUKTE */
}
@media (max-width: 1366px) {
	/*ALLGEMEIN*/

	/*HEADER*/

	/*CONTENT */

	/*PRODUKTE */

}
@media (max-width: 1300px) {
	/*ALLGEMEIN*/

	/*HEADER*/

	/*CONTENT */

	/*PRODUKTE */
}
@media (max-width: 1200px) {
	/*ALLGEMEIN*/

	/*HEADER*/
  .navbar-nav > li { padding: 0 5px; }

	/*CONTENT */
	.swiper-container .col-md-4 {padding: 50px 20px;}
	#content .tx-products-pi2 .productitem {}
	#content .tx-products-pi2 .productitem .pi_text {margin: 0; bottom: 10px;}
    #mapAll {width: 530px;}

	/*PRODUKTE */
    #content .tx-products-pi2 .productitem {
        height: 290px;
    }
    #content .tx-products-pi2 .productitem .pi_text {
        font-size: 12px;
        line-height: 1.3em;
        padding: 10px 0 10px 0;
    }
    .mix-container .series_item {min-height: 220px;}
}

@media (max-width: 1020px) {
	/*ALLGEMEIN*/

	/*HEADER*/

	/*CONTENT */
    #mapAll {
      width: 310px;
    }


	/*PRODUKTE */

}
@media (max-width: 990px) {
	/*ALLGEMEIN*/
	body {word-wrap: break-word;}

	/*HEADER*/
	#nav1 { width: 400px; }
	#nav1 ul li {float: right;}
	#nav2 {width: 400px; right: 100px;}
	#nav2 ul li a {padding:0px 10px 0px 0px;}
	#searchbox {right: 15px; left: auto; }
	#sub_header .col-md-4 {width: 100%;}
	#sub_header .col-md-8 {display: none;}
	#sub_header #sub_img3 {margin: 0px auto; position: relative; top: 0px; right: auto;}
	#sub_header #submenu h2, #sub_header2 #submenu h2 {font-size: 26px;}
	#sub_header #submenu {bottom: 50px;}
	#sub_header2  #submenu {margin-top: 30px;}

    #header {height: 128px;}
    #logo {left: 0; width: 128px;}
    #lang { top: 65px; right: 25px; }
    #sub_header .col-md-4 {width: 100%;}
    #sub_header .col-md-8 {display: none; }
    #sub_header #sub_img3 {margin: 0 auto; position: relative; top: 0px; right: auto;}
    #sub_header #submenu {bottom: 30px;}
    #sub_header2  #submenu {margin-top: 30px;}
    #sub_header2 #submenu h3, #sub_header2 #submenu h2 {width:100%;}
    #sub_header2 #submenu ul {width: 100%;}
    #sub_header2 #submenu ul li {width: 50%;}

    #breadcrumb {display: none;}
    .navbar-toggle {border: 2px solid rgb(192, 179, 164); position: absolute; right: 30px; top: 20px; border-radius: 0; display: block; margin: 0;}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-toggle .glyphicon {color: rgb(192, 179, 164); font-size: 20px;}
    .navcontainer-wrapper .in {display: block !important;}

    .navcontainer-wrapper {float: left; background-color: #756D64; position: relative; width: 100%; top: 110px; z-index: 400;}

    #nav1  {right: 0; padding: 15px; position: absolute; top: 250px; width: 100%; height: auto; z-index: 4; float: left; background-color: #C0B3A4; border-top: 2px solid #fff;}
    #nav1 ul li {display: inline-block; width: 50%; margin: 0px; float: left;}
    #nav1 ul li a {color: #fff; padding: 10px 0; line-height: 23px;}

    .navbar-nav {width: 100%; padding: 15px 0; margin: 0;}
    #nav2 {overflow: hidden; border-top: 0; width: 100%; right: 0; left: 0; position: relative; top: 0; float: left; min-height: 250px !important; padding-right: 0; padding-left: 0px; background-color: #756D64;}
    #nav2 ul li {float: left; width: 100%; display: block;}
    #nav2 ul li a { padding: 0 5px !important; width: calc(100% - 50px); float: left;}
    #nav2 ul .active-background {background-color:#8fa9b8;}
    #nav2 .active a {color: #544a40;}
    #nav2 .active ul li a {border-left: 0; margin-left: 0; padding-left: 0; color: #fff;}

    #nav2 ul li ul { position: relative; top: 0px; left: 0; padding-top: 15px; padding-left: 10px; padding-right: 5px; z-index: 750; display: none; background-color: #8fa9b8; width: calc(100% + 10px); min-width: 0; margin: 0 -5px; }
    #nav2 ul li ul li {border: 0;}
    #nav2 ul li ul li a {padding: 5px 0px 5px 5px !important; background-color:#8fa9b8;}
    #nav2 ul li:hover ul {display:none;}
    #nav2 a:hover {background-color: transparent !important;}

    #nav2 .droplink {width: 30px; display: inline-block; color: #fff; height: 30px; background: #544a40 none repeat scroll 0% 0%; position: relative; float: right; cursor: pointer; padding: 7px; margin: 2px 0px 2px 0;}

    .menu1, .menu2 {position: relative; top: 0; left: 0;}
    .mega-dropdown-menu > li .menu2 {padding-bottom: 15px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; width: calc(100% + 5px) !important;}

    .dropdown-menu > .menu-divider {display: none !important;}

    #newsbutton2 {z-index: 399;}

    /*CONTENT */
	#mySliderTabsContainer2 {height: 421px;}
	#mySliderTabsContainer2 .ui-slider-tabs {height: 100%;}
	#mySliderTabsContainer2 .ui-slider-tabs-content-container {height: 100% !important;}
	#mySliderTabsContainer2 .ui-slider-tabs-leftPanelArrow, #mySliderTabsContainer2 .ui-slider-tabs-rightPanelArrow {top: auto !important; bottom: 8px;}

	.news-single-item .col-md-4 {width: 33%; float: left;}
	.news-single-item .col-md-8 {width: 66%; float: left;}

	.swiper-container .col-md-4 {padding: 10px;}
	#content .swiper-container .col-md-4 h3 {font-size: 18px;}
	#content .swiper-container .col-md-4 p {font-size: 13px;}

    #mapAll { width: 90%; }

	/*FOOTER */
	#footermainnav li {display: none;}
	#footermainnav #porzellanserien, #footermainnav #porzellanserien li {display: block;}

	/*PRODUKTE */
	#content .tx-products-pi2 .productitem {height: 240px;}
	.series_item {height: 200px;}


}

@media (max-width: 768px)  {
	/*ALLGEMEIN*/
	#content {padding-right: 15px; padding-left: 15px;}

	#content h1 {font-size: 28px; line-height: 34px;}
	#content h2 {font-size: 26px; line-height: 32px;}
	#content h3 {font-size: 24px; line-height: 30px;}
	#content h4 {font-size: 22px; line-height: 28px;}
	#sub_header #submenu h2, #sub_header2 #submenu h2 {font-size: 26px;}

	/*HEADER*/
  .navbar-toggle {right: 20px;}
  #lang {right: 15px;}
  #searchbox {right: 5px;}

	/*CONTENT */
	.row {width: auto;}
	#content .csc-default {padding: 0;}
	#content .fce_area0 .csc-default, #content .fce_area1 .csc-default, #content .fce_area2 .csc-default, #content .fce_area3 .csc-default {margin-bottom: 30px;}
	#content .csc-textpic-imagewrap {float: none;}
	#content .csc-textpic-text {margin: 0;}
	
	#newsbutton {display: none;}
	
	.swiper-container .col-md-4 {padding: 10px 20px; }
	
	/*PRODUKTE */
	.series_item {width: 50%;height: 280px;}
	
	#content .tx-products-pi2 .productitem {width: 50%; height: auto;}
	#content .tx-products-pi2 .productitem .pi_image { margin: 8px auto 0px; width: 250px; position: relative;}
	#content .tx-products-pi2 .productitem .pi_text {text-align: center; width: 100%; margin-top: 20px; position: relative;}
	
	
	#mySliderTabs1 .headline, #mySliderTabs1 .col-md-4 {display: none; }
	#mySliderTabsContainer1 .ui-slider-tabs-content-container {height: 100% !important;} 
	#mySliderTabsContainer1 {margin: 0; height: 412px !important; overflow: hidden; padding: 15px;}
	#mySliderTabsContainer1 .ui-slider-tabs { padding: 0 15px; height: 100% !important;}
	
	#mySliderTabsContainer2 {height: 412px;}
	#mySliderTabsContainer2 .ui-slider-tabs {height: 100%;}
	#mySliderTabsContainer2 .ui-slider-tabs-content-container {height: 100% !important; padding: 0; position: relative; }
	#mySliderTabsContainer2 .ui-slider-tabs-leftPanelArrow, #mySliderTabsContainer2 .ui-slider-tabs-rightPanelArrow {top: auto !important; bottom: 8px;}

	.col-sm-2.filter, .filter.col-sm-2 {width: 33%; float: left; min-height: 180px;}
	.col-md-2.filter, .filter.col-sm-2 {width: 33%; float: left; min-height: 180px;}

	.panel-body .tab_text {position: relative; margin-top: 40px;}
	
	.tooltip {width: 34px; height: 34px;}
}

@media (max-width: 600px) {
	/*ALLGEMEIN*/

	/*HEADER*/
	
	/*CONTENT */
	.news-single-item .col-md-4 {width: 100%; float: left;} 
	.news-single-item .col-md-8 {width: 100%; float: left;}

	#footer {display: none;}		
	
	/*PRODUKTE */
	.series_item {width: 50%;height: 220px;}
	.productitem {width: 100%; height: 320px;}
}

@media (max-width: 500px) {
	/*ALLGEMEIN*/

	/*HEADER*/
	.customer-selector {display: none;}

	/*CONTENT */

	/*PRODUKTE */
	.series_item {width: 100%; height: 320px;}
	#content .tx-products-pi2 .productitem {width: 100%;}
}

@media (max-width: 400px) {
	/*ALLGEMEIN*/
	#content h1 {font-size: 24px; line-height: 30px;}
	#content h2 {font-size: 22px; line-height: 28px;}
	#content h3 {font-size: 20px; line-height: 26px;}
	#content h4 {font-size: 18px; line-height: 24px;}
	#sub_header #submenu h2, #sub_header2 #submenu h2 {font-size: 22px;}
	
	/*HEADER*/
	
	/*CONTENT */
	#mySliderTabsContainer2 {height: 215px;}
	.series_item {width: 100%; height: 300px;}

	/*PRODUKTE */
}
@media (max-width: 320px) {
	/*ALLGEMEIN*/

	/*HEADER*/
	
	/*CONTENT */
	#mySliderTabsContainer2 {height: 170px;}
	
	/*PRODUKTE */
}
@media (min-width: 1930px) {
	/*ALLGEMEIN*/

	/*HEADER*/
	
	/*CONTENT */
	
	/*PRODUKTE */
}