@import url(http://www.eta-beta.de/HS/highslide/highslide.css);

/*@import url(http://www.eta-beta.de/module/jquery-ui-1.8rc1/css/black-tie/jquery-ui-1.8rc1.custom.css);*/

/*@import url(http://www.eta-beta.de/module/jquery-ui-1.8rc1/css/smoothness/jquery-ui-1.8rc1.custom.css);*/

@import url(http://www.eta-beta.de/module/jquery-ui-1.8rc1/css/mb/jquery-ui-1.8rc1.custom.css);
@import url(boxes.css);
@import url(flexigrid.css);
@import url(module.css);
/*<agl.folder "Allgemein">*/



div.copyright {
	display:none
}
.onepxwidth {
	width:1px;
	text-align:left
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



hr {
	display: none
}
hr.Break {
	display: block;
	visibility: hidden;
}
.Break {
	float: none;
	clear: both;
}
.Left {
	float: left
}
.Right {
	float: Right;
}
.Left50 {
	float: left;
	width:50%
}
.Right50 {
	float: Right;
	width:50%
}
.Left33 {
	float: left;
	width:33%
}
.Right33 {
	float: Right;
	width:33%
}
.Left66 {
	float: left;
	width:66%
}
.Right66 {
	float: Right;
	width:66%
}
.Left1 {
	float: left;
	width:1%
}
.Right1 {
	float: Right;
	width:1%
}
.lAlign {
	text-align: left;
}
.rAlign {
	text-align: right;
}
.cAlign {
	text-align: center;
}
body {
	background: #f2f2f2 url(http://www.eta-beta.de/wordpress/wp-content/themes/iBlogPro/images/back-gradient.jpg) repeat-x left top;
	color: #333;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0
}

.specials {
	background: #CCFA01 url(img/specials_bg.jpg) no-repeat top center fixed;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
}

body * {
	font-family: Tahoma, Geneva, sans-serif
}
.MaxHeight {
	width: auto;
	max-height:550px;
	overflow:auto;
}
img, a img {
	border: none; outline:none
}
a { color:#000; outline: none; cursor: pointer;	text-decoration: none }

li a {color:#000; outline: none; cursor: pointer;	text-decoration: none 
}
a:hover {
	text-decoration: underline
}
h1, h2, h3, h4, h5, h6 {
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin-left:-20px;
	padding-right:5px;
	vertical-align:middle
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
}
p, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.6em;
	padding-bottom: 0.3em
}
ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em
}
li {
	margin-top: 0;
	margin-bottom: 0
}
p, table, td, th, caption, li {
}
p small {
	font-size: 10px
}
h1 {
	color: #8A8A8A;
	font-size: 18px;
	font-weight: bold
}
h2 {
	color: #8A8A8A;
	font-size: 16px;
	font-weight: bold
}
h3 {
	color: #8A8A8A;
	font-size: 14px;
	font-weight: bold
}
h4 {
	color: #8A8A8A;
	font-size: 12px;
	font-weight: bold
}
h5 {
	color: #8A8A8A;
	font-size: 12px;
	font-weight: normal
}
h6 {
	color: #8A8A8A;
	font-size: 12px;
	font-weight: normal
}
p, ul, dd, dt, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 {
	line-height: 120%
}
/* ### Texteingabefelder ### */

.FormArea input, input[type=text], input[type=password], textarea, select {
	font-size: 11px;
	padding:1px 1px 1px 4px;
	background:#fff url(img/inbox_bg.jpg) left top repeat-x;
	color: #333;
	border: 1px #888 solid;
}
form {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.FormArea {
}
h4.FormArea {
	border-bottom:1px dotted #333;
	margin-bottom:10px;
	width:98%
}
.FormArea input, select {
	width:185px
}
.GenderRadio input {
	width:1.5em;
	border:none;
	background-image:none;
}
.Label {
	width:110px;
	padding-left:20px
}
.LabelR {
	width:110px;
	padding-left:60px
}
/* ### Formatierung "benötigte Felder"-Anzeige ### */

.inputRequirement {
	font-size: 10px;
	color:#FF6600;
}
.inputRequirementBlack {
	font-size: 10px;
	color:#000;
}
/*</agl.folder>*/





/*<agl.folder "MainCols & MainWrap">*/

/*#MainWrap { background-color: #fff; background-image: url("images/background.png"); background-repeat: repeat-y; text-align: left; margin: 0px auto 0; padding: 0 0 10px; position: relative; width: 964px; float: none; clear: both; overflow: hidden }*/

#MainWrap {
	background-color: #fff;
	text-align:left;
	margin: 0px auto 0;
	padding: 0 0 0 0;
	position:relative;
	width: 955px;
	float: none;
	clear: both;
	overflow: hidden
}
#footerNAV {
	width: 955px;
	padding-top:5px;
}
#MidCol {
	left:180px;
	width:775px;
	float:left;
	margin-top: 82px;
	position: relative;
	overflow: hidden;
}
#LeftCol {
	left: -775px;
	float: left;
	width: 170px;
	margin-top: 82px;
	position: relative;
	overflow: hidden
}
#RightCol {
}
/*</agl.folder>*/



/*<agl.folder "MidCol">*/



div.ContentScroll {
	margin:15px 0 10px 0;
	padding:5px;
	overflow: auto;
	max-height:630px;
}
#ShopContent {
	margin:0px 0 0 0;
	padding:5px 0 10px 0;
	border-top: 1px dotted #ccc
}
#BreadCrumb {
	text-align:left;
	margin:5px 0 0 0px;
	padding:0;
	line-height:20px;
}
#BreadCrumb a {
	color:#F60
}
.ButtonSet {
	margin:10px 0 10px 0;
	border-top: 2px solid #eee
}
.ErrorMessage {
	font-size:12px;
	margin:10px;
	padding: 10px 5px 10px 60px;
	border: dotted 1px #c00;
	background: #FDB url(icons/alert.png) left no-repeat;
}
.SuccessMessage {
	font-size:12px;
	margin:10px;
	padding: 10px 5px 10px 60px;
	border: dotted 1px #5BD75F;
	background: #BBE6B9 url(icons/ok.png) left no-repeat;
}
.Half {
	width: 370px;
}
.CheckOutFunction {
	padding-right: 10px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee
}
.CheckOutFunction p {
}
.CheckOutFunction .Half {
	width: 370px
}
.OrderItem {
	padding-right: 10px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee
}
#ProgressBar {
	float: none;
	clear: both;
}
#ProgressBar span {
	background-color: #ddd;
	float: left;
	text-align: center;
	width: 25%
}
#ProgressBar span.Current {
	color: #004d85;
}
/*</agl.folder>*/



/*<agl.folder "CatInfo">*/

.CatInfo {
	background-color:#fff;
	padding: 10px
}
.CatInfo .Image {
	background-color: #d6e1c1;
	width: 200px;
	float: left
}
.CatInfo .Text {
	background-color: #aab39a;
	width: 100%;
	float: left;
	color:#F00
}
/*</agl.folder>*/



/*<agl.folder "CatListing">*/

.CatHeader {
	width: 190px;
	float:left;
	margin-top:200px;
	margin-left:-170px
}
.CatListing {
	width: 775px;
	float:left;
	max-height:530px;
	overflow:auto;
}
.CatListing2 {
	width: 775px;
	float:left;
}
.CatListing h3 {
	color:#666;
	border-bottom:#999 1px solid
}
.CatListing2 h3 {
	color:#666;
	border-bottom:#999 1px solid
}
.CatListing .Item {
	width: 120px;
	height:105px;
	float:left;
	text-align:center
}
.CatListing2 .Item {
	width: 170px;
	height:160px;
	float:left;
	text-align:center
}
.CatListing .Image {
}
/*</agl.folder>*/



/*<agl.folder "ProdListing">*/

.ProdListing1, .ProdListing2, .ProdListing3, .ProdListing4 {
	width: 775px
}
.ProdListing1 .Item, .ProdListing2 .Item, .ProdListing3 .Item, .ProdListing4 .Item {
	background-repeat : no-repeat;
}
.ProdListing1 .Image, .ProdListing2 .Image, .ProdListing3 .Image, .ProdListing4 .Image {
}
.ProdListing1 .Item {
}
.ProdListing2 .Item {
	width: 375px;
	float: left;
	margin-right: 10px;
}
.ProdListing3 .Item {
	width: 225px;
	float: left;
	margin:10px 5px 0px 15px;
	padding:0 5px 0 5px;
	background-image: url(images/bg_item.png);
	height:160px;
}
.ProdListing4 .Item {
	width: 192px;
	float: left;
	margin-right: 10px;
}
span.small {
	font-size:10px
}
/*</agl.folder>*/



/*<agl.folder "LeftCol">*/

/* K�mmt noch */

/*</agl.folder>*/



/*<agl.folder "RightCol">*/

/* K�mmt noch */

/*</agl.folder>*/



/*<agl.folder "MainHeader">*/

.header {
/*width: 964px;

	height: 17px;

	background-image: url(images/header.png);

	background-repeat : no-repeat;

	 margin-left: auto;   margin-right: auto;

	margin-top: 20px;*/

}
.footer {
/*width: 964px;

	height: 17px;

	background-image: url(images/footer.png);

	background-repeat : no-repeat;

	margin-left: auto;   margin-right: auto;*/

}
#MainHeader {
	float:left;
	margin-right:0;
	margin-left:0;
	position: absolute;
	top: 1px;
	left:0;
	width: 950px;
}
#ShopLogo {
	float:right;
	width:136px;
	margin:0px;
	position: absolute;
	top:5px;
	right:0px;
	z-index:5;
}
#ShopLogo a {
	color: #FFF;
	border:none
}
#headl {
	float:left;
	line-height: 140px;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding: 0;
	height: 140px;
}
#headm {
	float:left;
	line-height: 140px;
	background-repeat:repeat-x;
	margin-top: 10px;
	width:550px;
	height: 140px;
	border-bottom:1px solid #eee
}
#headr {
	float:left;
	line-height: 140px;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding: 0;
	height: 140px;
}
#ShopFunctions {
	height: 38px;
	width:800px;
	margin: 5px 0px 0px 0px;
	padding:0;
	float: none;
	clear: both;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
}
#ShopFunctions p {
	color: #79806e;
	font-size: 12px;
	padding: 0;
}
#ShopFunctions form * {
	vertical-align: middle;
}
#ShopFunctions form * a {
	color: #333;
}
#ShopFunctions a {
	color: #333;
	padding:7px;
}
#ShopFunctions a:hover {
	color: #fff;
	padding:7px;
}
#ShopFunctions input {
	text-align: center
}
#ShopFunctions img {
	vertical-align:middle;
	padding:0px
}
img.wa-info {
	float:left;
	vertical-align:middle;
	margin-top:-10px;
	text-decoration:none;
	border:0
}
/*</agl.folder>*/



/*<agl.folder "MainFooter">*/

#MainFooter {
	color: #333;
	font-size: 10px;
	margin: 10px 0 0 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	float: none;
	clear: both
}
#MainFooter p {
	background-color: #ddd;
	line-height: 30px;
	padding: 0;
	padding-left: 10px;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666666;
}
#MainFooter a {
	color: #333
}
/*</agl.folder>*/



.errorBox {
	background-color: #FFA646;
	z-index: 10000;
	width: 100%;
	text-align: left;
}
/* Spamschutz im Kontaktformular */

.contact2 {
	border: 0px none;
	background: #FFF;
}
/* debug-Ausgaben */

pre {
	text-align: left;
	background-color: #fff;
	font-family: courier;
}
.abroll input {
	padding:0 0 0 5px
}
.abroll th {
	font-size:12px;
	text-decoration:underline
}
.carousel_container {
	text-align:right
}
.ampel-note td {
	padding:5px
}
h2.MainHeading {
	text-align:left
}
h3.MainHeading {
	text-align:left;
	padding:0px;
	margin:0px;
	/*background-image: url(images/headerBG.png);*/

	background-repeat : no-repeat;
	width:100%;
	height:30px
}
h3.MainHeading span {
	line-height:30px;
	padding-left:20px;
	color:#FFF;
}
.SubHeading {
	text-align:left
}
.SubHeading span {
	white-space:pre
}
.cat_desc {
	visibility:visible
}
/* ### Formatierung PREIS ### */

SPAN.price {
	color:#000;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	line-height:20px
}

/* ### Formatierung Sonderpreis ### */
SPAN.SpecialPrice {
	color: #000;
	font-weight:bold;
	padding:3px 0 3px 0;
	font-size:1.0em;
	font-style: italic;
	white-space:nowrap;
}

/* ### Formatierung alter Preis bei Sonderpreis### */
SPAN.SpecialOldPrice {
	color: #F00;
	font-size:0.90em;
	text-decoration: line-through;
	font-style:normal;
	/*background:transparent url(img/OldPrice.gif) right no-repeat;*/

	white-space:nowrap;
}
/* ### Formatierung alter Preis ### */
SPAN.productOldPrice {
	font-size:0.90em;
	color: #FF8000;
	font-weight:normal;
	font-style:normal;
	text-decoration: line-through;
	white-space:nowrap;
}
/* ### Formatierung neuer Preis ### */
SPAN.productNewPrice {
	color: #000;
	font-weight:normal;
	font-style:normal;
	white-space:nowrap;
}
SPAN.productInstead {
}
.offer {
	color: #000;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	margin:0;
	line-height:40px;
	width:40px;
	background:transparent url(icons/offer.png) no-repeat top left;
	float:left; margin:3px 3px 0 0; padding:0; text-align:center}
SPAN.IhrEk {
	color: #000;
	font-weight:normal;
	font-size:0.90em;
	/*background:transparent url(img/OldPrice.gif) right no-repeat;*/

	white-space:nowrap;
}
SPAN.priceOnly {
}
SPAN.YouSaveDiscount {
}
SPAN.YouSave {
	color: #008000;
	font-weight:normal;
	font-size:0.85em;
	white-space:nowrap;
}
SPAN.YouSaveFloat {
	color:#333;
	font-weight:bold;
	font-size:0.85em;
	float:right;
	position:relative;
	top:-5em;
	right:0;
	margin-top:-10px
}
SPAN.greetUser {
	font-weight:bold
}
SPAN.greetUserLink a {
	font-size:1em;
	color:#F60
}

.pagenavi { font-size:1em; width:auto; text-align:center}
.currentpage{ font-size:1.2em; font-weight:bold; text-decoration:underline; color:#F60}

/*<agl.folder "CatNavi">*/
#content { position: relative; top: 0px; width:100%; border-top: 1px solid #CCCCCC; }
#content,
#content ul,
#content li { margin: 0; padding: 0; line-height:2em  ; list-style:none}
#content li { display: inline}
#content { }
#content a { display: block; margin: 0; padding: 0.3em 0; border-bottom: 1px solid #CCCCCC; }
#content a:hover { background-color: #CCCCCC; }