@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700italic,700,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic);

.background-wt		{background: #fff;}
.background	{padding-top: 20px;}
.main	    {width: 1000px; margin: auto; }

a, a:link    {text-decoration: none; color: #000; outline: none; -webkit-transition: color 0.20s ease-in; transition: color 0.20s ease-in;}
a:active, a:hover, a:visited {text-decoration: none; color: #000; outline: none; -webkit-transition: color 0.20s ease-in; transition: color 0.20s ease-in;}

h1, h2, h3, h4, h5, h6, p, img, form, input, li, ul, ol, select, fieldset {margin: 0px; padding: 0px; border: 0px;}
ul, ol          {list-style-type: none;}
html, button, select, textarea {font-family: Arial; margin: 0px; vertical-align: baseline; vertical-align: middle; line-height: normal;}
img             {vertical-align: middle;  font-family: Arial;}

.main table  {border-collapse: collapse; border-spacing: 0px;}
td, th          {vertical-align: top; text-align: left; }
 
h1              {line-height: 35px; font-size: 25px; margin: 0px 0px 10px 0px; font-family: 'Merriweather'; font-weight: 300; }
h2              {line-height: 30px; font-size: 25px; margin-bottom: 10px; font-family: 'Merriweather'; font-weight: 300; text-transform: uppercase; }
h3              {line-height: 20px; font-size: 18px; margin-bottom: 10px; font-family: 'Merriweather'; font-weight: 400; text-transform: uppercase;}
h4              {line-height: 20px; font-size: 16px; margin-bottom: 10px; font-family: 'Merriweather'; text-transform: uppercase;}

hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #e5e5e5; }


.fa-star {color:yellow; text-shadow:0 0 0.1em #808080, 0 0 0.1em #808080, 0 0 0.1em #808080}

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

.margin_bottom_10 { margin-bottom: 10px}

.phone, .phone:visited {padding: 10px 10px 10px 0px; font-size: 16px; color: #999; float: left; font-family: 'Josefin Sans', sans-serif;}
.phone:active, .phone:hover{text-decoration: none; color: #000; outline: none;}

.visit_shop, .visit_shop:visited {padding: 10px 10px 10px 0px; font-size: 16px; color: #999; float: right; font-family: 'Josefin Sans', sans-serif;}
.visit_shop:active, .visit_shop:hover{text-decoration: none; color: #000; outline: none;}

.visit_shop2, .visit_shop2:visited {padding: 10px 10px 10px 0px; font-size: 16px; color: #999;float:left font-family: 'Josefin Sans', sans-serif;}
.visit_shop2:active, .visit_shop2:hover{text-decoration: none; color: #000; outline: none;}

.header_usp ul 		{margin: 0px 0px 20px 0px; list-style: none}
.header_usp ul li 	{padding: 0px 0px 0px 0px; margin-bottom: 5px; color: #666; line-height: 20px; list-style: none }



.newsletter, .newsletter:visited {padding: 10px 0px 10px 10px; font-size: 16px; color: #999; float: right; font-family: 'Josefin Sans', sans-serif;}
.newsletter:active, .newsletter:hover{text-decoration: none; color: #000; outline: none;}

.logo_kit 		{-webkit-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; text-align:right; float:left}
.logo_kit:hover 	{filter: alpha(opacity=70); -webkit-transition: border-color 0.20s ease-in; transition: border-color 0.20s ease-in; }


.logo  {line-height: 45px; font-size: 45px; margin: 20px 0px 20px 0px; font-family: 'Merriweather'; font-weight: 500; }
.logo_small  {line-height: 2px; font-size: 12px; color:#999; margin: 20px 0px 20px 0px; font-family: 'Josefin Sans'; font-weight: 200; }


.menu {
    display: block; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 20px 0px 0px 0px; background:#f0f0f0; 


}
.menu li a, .menu li a:link {padding: 10px 15px 10px 15px; color: #000; text-transform: uppercase; font-size: 16px; line-height: 20px; font-family: 'Josefin Sans', sans-serif; float: left; border-right: 1px solid #e5e5e5; margin: 5px 0px 5px 0px; height: 17px; overflow: hidden;}
.menu li a:active, .menu li a:hover{text-decoration: none; color: #FFA500; outline: none;}

.shadow{
-webkit-box-shadow: 0px 5px 2px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 2px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 2px -3px rgba(50, 50, 50, 0.75);
}

.shadow2{
-webkit-box-shadow: 0px 2px 4px -3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 4px -3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 4px -3px rgba(50, 50, 50, 0.75);
}


.search					{border: 1px solid #E0E0E0; margin-top:5px;  max-width: 290px; float: left; background: #fff;}
.search .input_left	 	{font-size: 16px; height: 33px; line-height: 33px; width: 250px; float: left; text-indent: 10px; font-family: 'Josefin Sans',sans-serif; }
.search .input_right 	{background: no-repeat 0px 0px; width: 34px; height: 33px; cursor: pointer; float: left;border: 0px; background:#e5e5e5}

/* ---------------------------------------------------------- */
/*  Boxen Content */
/* ---------------------------------------------------------- */

.tab		{
padding: 10px 20px 10px 20px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #f0f0f0;font-family: 'Merriweather', sans-serif;line-height: 20px; font-size: 16px;
}

.pat		{border: 1px solid #e5e5e5; margin-bottom: 20px; max-width: 188px; background: #fff;}
.pat h3		{background: #f0f0f0; padding: 10px 5px 10px 20px; margin: 0px; }
.pat_category	{padding: 10px 5px 10px 5px; font-family: 'Merriweather', sans-serif; font-size: 14px;}
.pat_main 	{border: 1px solid #E0E0E0; padding: 20px; margin-bottom: 20px; background: #fff; font-family: 'Josefin Sans', sans-serif; line-height: 22px; font-size: 16px;}
.pat_main td {font-family: 'Josefin Sans', sans-serif; line-height: 20px; font-size: 14px;}
.pat_main td td {font-family: 'Josefin Sans', sans-serif; line-height: 20px; font-size: 14px;}
.pat_main a, .pat_main a:visited, .pat_main a:link    {color: #FFA500;}
.pat_main a:active, .pat_main a:hover  {color: #000;}

.pat_main2 	{border: 1px solid #E0E0E0; padding: 20px; margin-bottom: 20px; background: #fff; font-family: 'Josefin Sans', sans-serif; line-height: 22px; font-size: 16px;}


.pat_content {font-family: 'Josefin Sans', sans-serif; line-height: 20px; font-size: 14px;}


.description            { padding: 0px 0px;}
.description  			{font-family: 'Josefin Sans', sans-serif; line-height: 20px; font-size: 14px; }
.description small		{color: #999;}



.description ul 		{margin: 0px 0px 20px 0px; }
.description ul li 	{padding: 0px 0px 0px 0px; margin-bottom: 5px; color: #666; line-height: 20px; }
.description ul li:before          {font-family: FontAwesome; content: "\f111"; font-size: 7px; float: left; margin: 1px 10px 0px 0px; color: #FFA500;}

.description ol 		{margin: 20px 0px 20px 0px; }
.description ol li 	{padding: 0px 0px 0px 0px; list-style-type: decimal; list-style-position: inside; margin-bottom: 5px; color: #666; }

.description table		{width: 100%;}
.description th 		{padding: 10px 5px 10px 5px; background: #e5e5e5; color: #000; line-height: 22px; font-size: 16px;} /*  Tabellen */
.description td 		{padding: 5px 0; border-bottom: 1px solid #E0E0E0; color: #000; line-height: 22px; font-size: 16px;}

/*.desc_left	{width: 375px; float: left;}
.desc_right	{width: 375px; float: right;}*/
/*.desc_left .shopdesc, .desc_right .shopdesc {min-height: 380px;}*/

.variations {margin-bottom: 20px;}

.about		{border: 1px solid #e5e5e5; margin-bottom: 20px; width: 390px; background: #fff; float: left;}
.support	{border: 1px solid #e5e5e5; margin-bottom: 20px; width: 390px; background: #fff; float: right;}

.about .content, .support .content {padding: 0 20px 20px 20px; line-height: 20px; font-size: 14px; min-height: 200px; font-family: 'Josefin Sans', sans-serif;}

.about .content  ul li:before {font-family: FontAwesome; content: "\f10c";  margin-right: 5px; color: #FFA500;}
.about .content  ul li {margin-bottom: 10px;}
.about .content  ul li span {font-family: 'Josefin Sans', sans-serif; font-size: 16px;}
.about .content  ul li div {padding-left: 20px;}

.about hr {border: 2px solid #FFA500}

.support .content {padding: 20px; line-height: 20px; font-size: 14px; min-height: 200px; font-family: 'Josefin Sans', sans-serif;}
.support .content .circle  {width: 50px; height: 50px; border-radius: 25px; text-align:center; line-height: 50px; background: #ccc; float: left; margin-right: 10px}
.support .content .circle .fa {color: #fff; line-height: 50px; font-size: 25px;}
.support .content .big {font-size: 22px; line-height: 22px;}
.support hr {border: 2px solid #FFA500;margin:0}

.brand-image	{border: solid 1px #e5e5e5;padding: 5px 5px 5px 5px;margin:10px 0px 0px 0px; border: solid 1px #e5e5e5; display: inline-block;}
.article		{font-size: 12px; color: #999; margin: 0px 0px 20px 20px; font-family: 'Josefin Sans', sans-serif;}

.thumbnail a 		{width: 70px;  border: solid 1px #e5e5e5; display: block; float: left; margin: 0px 0px 20px 20px; font-size: 10px;  -webkit-transition: border-color 0.20s ease-in; transition: border-color 0.20s ease-in; }
.thumbnail a:hover 	{border: solid 1px #FFA500; -webkit-transition: border-color 0.20s ease-in; transition: border-color 0.20s ease-in; }
.thumbnail img 		{width: 70px;  overflow: hidden; }

#image6 {display: none;}

/* ---------------------------------------------------------- */
/*  Formatierung für Beschreibungen */
/* ---------------------------------------------------------- */


.price-uvp			{font-family: 'Josefin Sans', sans-serif; line-height: 16px; font-size: 16px; margin-top: 20px;}
.price				{font-family: 'Josefin Sans', sans-serif; color: #FFA500; line-height: 30px; font-size: 30px; margin-top: 10px;}




/* ---------------------------------------------------------- */
/* Infoseiten  */
/* ---------------------------------------------------------- */

.custom-tbl  {border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.custom-tbl td {border-bottom: 1px solid #e5e5e5; padding: 10px;}
.custom-tbl th {font-family: 'Josefin Sans', sans-serif; font-weight: 700; font-size: 16px; line-height: 16px; text-transform: uppercase; background: #e5e5e5; padding: 10px;}


/* ---------------------------------------------------------- */
/*  Footer */
/* ---------------------------------------------------------- */


.footer			{padding: 20px 0px 20px 0px; background: #F0F0F0; font-family: 'Josefin Sans', sans-serif; line-height: 20px; font-size: 14px; }
.footer td		{font-family: 'Josefin Sans', sans-serif; line-height: 20px; font-size: 14px; color: #666; }

.footer a      	{color: #666}
.footer a:active, .footer a:hover {color: #000;}
.footer strong 	{font-family: 'Josefin Sans', sans-serif; font-weight: 700;}
.footer ul li 	{margin-bottom: 5px;}

.top a 			{float: right; width:33px; height: 33px; line-height: 33px; text-align: center; display: block; border: 1px solid #e5e5e5; margin-top: 20px; color: #999; background-color:#fff}
.top a:active, .top a:hover {color: #000;}
.top .fa 		{font-size: 25px; line-height: 33px;}