@charset "utf-8";

a					{ text-decoration: underline; font-weight: bold; color: black; }
a:visited			{ color: #333; }
a:hover				{ text-decoration: none; color: #f37122; }

h1,h2,h3,#jsddm	{ font-family: 'TitilliumText14L400wt', Arial, sans-serif; }

body,td,th 			{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
body 				{ background-color: #000000; margin: 0; font-size: 80%; background-image:url(../img/bg.jpg); background-position: top center; background-repeat: no-repeat; letter-spacing: 0.2px; }

#page				{ width: 960px; margin:auto; background-color: white; margin-top: 10px; }
.logo				{ position: absolute; z-index:50; margin:10px;}
#slideshow			{ height: 300px; overflow: hidden; margin-bottom: 4px; }
#smallHeader		{ height: 92px; overflow: hidden;  margin-bottom: 4px;}
#sidebar			{ text-align: center; float:right; /*margin-right: -40px;*/width: 40px; }
#warenkorb			{  z-index: 50; height: 60px; color: black; text-align:center; line-height: 18px; }
.langIcon			{ margin-top: 6px; display: block; }


.ierror,.ierror input,.ierror textarea { border-bottom: 2px solid #f37122; }
.terror				{ color: #f37122; }

.title				{ font-size: 40px; color:#999999; font-weight: bold; line-height: 40px; }

#footer 			{ background-color:#666; color:black;}
#footer a			{ text-decoration: none; color:white;  }
#footer a:hover		{ color: #f37122; }

/* SMALLBOX */
.smallbox			{ margin: 0 10px 0 0; width: 290px; }
.smallbox p			{ text-align: justify; }

/* THIRDBOX */
.thirdbox			{ margin: 15px 11px 15px 11px; width: 290px; }
.thirdbox p			{ text-align: justify; }

/* BOX */
.box				{ margin: 10px 20px 10px 10px; width: 610px; }
.box p				{ text-align: justify; }

/* CONTENT */
#content			{ margin: 0 10px 0 10px; }

/* FORMULARE */
input { font-weight: bold; }
input, textarea, select { padding: 3px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC; border-bottom: 2px solid #999999; }
select { width: 158px; }
.ibreit {width: 380px;}
.imittel { width: 250px;}
.iklein {width: 200px;}
.ischmal { width: 40px; }
.hint { background-color: #f37122; color: white; font-weight: bold; padding: 5px; }

/* BLOG */
.news				{ border-bottom: 5px solid #f37122; background-color: #eeeeee; padding-bottom: 10px; }
.news h1			{ font-size: 18px; padding: 8px 15px 6px 15px; border-bottom: 2px solid #f37122; background-color: #eeeeee; margin:-6px 0 0 0; }
.news p				{ text-align: justify; line-height: 18px; color:#333333; margin: 10px 3px 10px 3px; padding: 10px 20px 10px 20px;}
.shorttitle			{ text-transform:uppercase;  padding: 3px; border-top: 2px solid #f37122; padding-left: 15px;}

/* PRODUKTÜBERSICHT */
.uebersicht				{ margin: 0; padding: 0; list-style:none; width:979px;}
.uebersicht li			{ display:block; float:left; padding:0 0 6px 0; margin:0 24px 38px 34px; background-color: #cccccc; color:#666; }
.uebersicht li:hover	{ cursor:pointer; }

.shopinfo			{ border-bottom: 1px solid #cccccc; }

.pages a,.activepage	{font-size: 100%; border: 1px solid grey; padding:5px; margin: 3px; text-decoration: none; }
.activepage				{ color: white; background-color: black; }

/* ICONS */
.iconTitle			{ float: right; margin: -15px 20px 0 20px; }
.groesse			{ font-weight: bold;}
.block				{ background-color: black; color: white; padding: 3px;}
a .block { color: white; }
.block:hover {color: white; }


/* ERROR */
.error {display: block; color: #f37122; background-color:#eeeeee; border: 1px solid grey; padding: 3px; margin: 5px 0 5px 0; font-weight: bold;}

/* PRODUKTANSICHT */
.produkt p			{ text-align: justify; color:#333333; padding: 0 8px 0 8px; }
.leftp				{ padding-left: 8px; }
.rightp				{ padding-right: 8px; }
.preis				{ font-size: 18px; line-height: 24px; display: block; float:right; font-weight: bold; }
.thumbs				{ margin: 0; padding: 0; list-style:none; width: 366px; }
.thumbs li			{ height: 55px; padding: 0; float:left; border: 1px dashed #cccccc; margin: 1px; }
.activeThumbsLi		{ margin:0px; border: 2px solid #f37122;}

.shoplink 			{ width:100px; background-color:#f37122; padding: 5px 15px 5px 15px; color: white; text-decoration: none; text-align: center; font-size: 17px; font-family:Georgia, "Times New Roman", Times, serif;  }

.bloglink			{ width:100px; background-color:#f37122; padding: 5px 10px 5px 10px; color: white; text-decoration: none; text-align: center; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; }

.shoplink:visited,.bloglink:visited	{ color: white; }
.shoplink:hover,.bloglink:hover		{ text-decoration: underline; color: white; }

/* PRODUKT SCROLL BAR */
.stepcarousel			{ position: relative; overflow: scroll; width: 839px; height: 97px; margin:auto; }
.stepcarousel .belt		{ position: absolute; left: 0; top: 0; }
.stepcarousel .panel	{ float: left; overflow: hidden; margin: 4px; width: 89px; }
.panel img				{ border: 2px solid #666;  -moz-border-radius: 2px;  -webkit-border-radius: 2px; }

/* DROPDOWN */
#jsddm					{ margin: 0; padding: 0; height: 29px; float:left; }
#jsddm li				{ float: left; margin-left: 1px; list-style: none; width: 119px; }
#jsddm li:first-child	{ margin:0; width: 120px;}
#jsddm li a				{ display: block; white-space: nowrap; color:white; text-align: center; text-decoration: none; background-color:black;
						padding: 3px 10px 3px 10px; line-height: 22px; height: 22px; /*border-top: 5px solid white; */font-weight: bold;}
#jsddm li a:hover		{ color: #f37122; /*border-top: 5px solid white; */}
#jsddm li ul			{ margin: 0; padding: 0; display:none;}
#jsddm li ul li			{float: left; margin:0; display: inline; z-index: 50;}
#jsddm li ul li a		{ border-top: 1px solid white; width:99px; background-color:#333; }
#jsddm li ul li a:hover	{ border-top: 1px solid white; }

.dropdown	{ position: relative; }