@import url(boxes.css);
@import url(thickbox.css);

/*<agl.folder "Allgemein">*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.leftdist {margin-left: 20px;}

.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 }
.abstand_oben_unten { margin-top:10px; margin-bottom: 5px;}
.abstand_oben { margin-top:10px;}

.lAlign { text-align: left; }
.rAlign { text-align: right; }
.cAlign { text-align: center; }

body { 
		color: #333; 
		font-size: 14px; 
		background-color: #fff; 
		background-position: 50% 0; 
		text-align: center; margin: 0; 
		padding: 0 
}

body * { font-family: Arial, Helvetica, sans-serif }

img, a img { border: none; }
a { color: #333; text-decoration: underline }
a:hover { text-decoration: none }

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 }
form, input, textarea, select { font-size: 12px }
form { margin: 0; padding: 0; }
p small { font-size: 10px }
h1 { color: #333; font-size: 22px; font-weight: normal }
h2 { color: #333; font-size: 18px; font-weight: normal }
h3 { color: #333; font-size: 16px; font-weight: normal }
h4 { color: #333; font-size: 16px; font-weight: normal }
h5 { color: #333; font-size: 16px; font-weight: normal }
h6 { color: #333; font-size: 16px; font-weight: normal }

p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 { line-height: 124% }
/*</agl.folder>*/

#rahmen { 
		margin: 5px; 
		padding-left: 20px; 
		padding-top: 5px; 
		padding-right: 5px; 
		padding-bottom: 5px; 
		background-color:#fbe3b7; 
		border: 1px solid #fbcc75;
}

#rahmen-normal { 
		margin: 5px; 
		padding: 5px; 
		background-color:#fbe3b7; 
		border: 1px solid #fbcc75;
}

.Price { font-size: 20px;}

/*<agl.folder "MainCols & MainWrap">*/
#MainWrap { 
		background-color: #fff; 
		background-image: url("images/BG_MainHeaderk.gif"); 
		background-repeat: no-repeat; 
		background-position: 50% 10px; 
		text-align: left; 
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 0px; 
		padding: 0 0 0px; 
		position: relative; 
		width: 960px; 
		float: none; 
		clear: both; 
		overflow: hidden; 
}

#MidCol,
#LeftCol,
#RightCol { margin-top: 50px; position: absolute; overflow: hidden }

#LeftCol,
#RightCol { width: 190px }

#MidCol { position: relative; left: 6%; margin-right: auto; width: 89%; float: left }
#LeftCol { left: -750px; float: left }
#RightCol { right: 10px; float: right }
/*</agl.folder>*/

/*<agl.folder "MidCol">*/
#ShopContent { 
		margin-top: 39px; 
		padding-top: 10px;
		padding-bottom: 10px; 
		position: relative; 
		border-top: 2px solid #f49b00 
}

#BreadCrumb  { 
		margin: 0; 
		padding-top: 0.3em; 
		position: absolute; 
		width: 852px;
		top: -45px; 
		height: 40px 
    font-size: 14px;
}
* html #BreadCrumb { left: -300px; }

.schnellsuche { margin-bottom: 5px; padding-left: 3px; background-color: #fdf2de; border: 1px solid #deb162; -moz-border-radius:5px; -khtml-border-radius:20px; } 
.ButtonSet { margin-top: 10px; border-top: 2px solid #f49b00 }
.ErrorMessage { 
		margin-top: 10px; 
		margin-bottom: 10px; 
		padding-right: 10px; 
		padding-left: 10px; 
		border: solid 2px #c00 
}

.Half { width: 375px; }
.Block { width: 375px; }
.CheckOutFunction { padding-right: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee }
.CheckOutFunction .Half { width: 800px }
.CheckOutFunction .Block { width: 800px }
.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: #c13; }

/*</agl.folder>*/


/*<agl.folder "CatInfo">*/
.CatInfo { background-color: #f7f9f3; padding: 10px }
.CatInfo .Image { background-color: #d6e1c1; width: 200px; height: 200px; float: left }
.CatInfo .Text { background-color: #aab39a; width: 330px; float: right }
/*</agl.folder>*/

/*<agl.folder "CatListing">*/
.CatListing {}
.CatListing .Image{ position: top right; }
.CatListing .Item { float: left; background-color: #fff; margin-top: 10px; margin-right: 5px; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px; width: 277px; height: 330px; }
/*</agl.folder>*/

#prodlistfeld { background-color: #fdf1dd; margin-top: 10px; margin-right: 5px; width: 800px; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px;}
#vorschaubild { width: 200px; margin-right: 5px; padding: 5px; float: left; }
#vorschaubild img { border: 1px solid #6d6d6d; -moz-border-radius:5px; -khtml-border-radius:20px;}
#information { text-align: right; width:200px; float: right;}
#information p { padding: 5px;}
#information span { padding: 5px;}
.text-unten { background-color: #fde7c2; margin-right: 2px; margin-top: 2px; width: 800px; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px; float: none; clear:both; }
.text-unten p { padding: 5px;}


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

.Item { float: left; background-color: #fff; margin-top: 10px; margin-right: 5px; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px; width: 277px; height: 330px; }
.titel { text-align: center; background-color: #fddfab; border-bottom: 1px solid #f8c873;}
.preis { text-align: center; background-color: #fddfab; border-top: 1px solid #f8c873;} 
/*</agl.folder>*/

/*<agl.folder "MainHeader">*/
#Header-flex { top: 0px; height: 149px; background-image: url("img/headerflex.jpg"); background-repeat: repeat; border-bottom: 5px solid #f45600;} 
#flex-abschluss { border-bottom: 1px solid #666; top: 0px; height: 149px;}
#MainHeader { background-color: #f49b00; position: absolute; margin-left: auto; margin-right: auto; margin-top: 0px; width: 960px;}
#ShopLogo { color: #333; font-size: 36px; line-height: 150px; background-color: #f49b00; background-image: url("img/header.jpg"); background-repeat: no-repeat; background-position: 50% 0; margin: 0; padding: 0 0px; height: 149px; }
#ShopLogo a { color: #d6e1c1; }
#ShopFunctions { background-image: url("img/shopfunction.gif"); background-repeat: no-repeat; background-position: bottom left; background-color: #f45600; margin-top: 0px; padding-right: 50px; padding-left: 50px; height: 45px; }
#ShopFunctions p { color: #333; /*font-size: 16px;*/ line-height: 45px; margin: 0; padding: 0; height: 45px }
#ShopFunctions HTML * { vertical-align: middle; }
#ShopFunctions a { text-decoration: none; display: inline; background-color: #f49866; border: 1px solid #de4e00; -moz-border-radius:5px; -khtml-border-radius:20px; margin: 0 1px; padding: 0.9em 1.0em;}
#ShopFunctions a:hover { text-decoration: none; background-color: #f4ae88; padding: 0.8em 1.0em; height: 45px; }
#ShopFunctions input { text-align: center }
.navtrail { margin: top left; font-size: 11px; float: left; }
.menue-left { margin: top left; float: left; }
.menue-right { margin: top right; float: right; }
/*</agl.folder>*/

/*Startseite*/
#oma-vorstellung { width: 99%; margin-bottom: 10px; background-color: #fdf2de; border: 1px solid #deb162; -moz-border-radius:5px; -khtml-border-radius:20px; }
#oma-vorstellung p { padding-left: 145px; padding-right: 3px; }
#oma-vorstellung h4 { padding-left: 145px; padding-right: 3px; }
#oma-vorstellung img { border-right: 1px solid #deb162; }

.omabild { position: top left; height: 150px; width: 131px; float: left; }
.omatext { position: top right; padding-left: 3px; text-align: left; float: right; }

/*Oma Interview*/
#Interview {    position: relative; margin-left: 2%; margin-right: 2%;  }
#oma-interview { margin-top: 20px; width: 96%; background-color: #fdf2de; border: 1px solid #deb162; -moz-border-radius:5px; -khtml-border-radius:20px; }
#oma-interview p { padding-left: 145px; padding-right: 3px; }
#oma-interview h4 { padding-left: 145px; padding-right: 3px; }
#oma-interview img { border-right: 1px solid #deb162; }
#oma-interview-text { margin-top: 0px; width: 90%; margin-left: 2%; padding: 5px; background-color:#fdf6ea; border-left: 1px solid #f9e3bd; border-right: 1px solid #f9e3bd; border-bottom: 1px solid #f9e3bd;}

/*<agl.folder "MainFooter">*/
#MainFooter { border-top: 5px solid #f45600; color: #333; font-size: 9px; background-color: #f49b00; margin-top: 40px; padding-top: 10px; float: none; clear: both }
#MainFooter p { line-height: 30px; padding: 0; height: 30px }
#MainFooter a { color: #333 }
#Footer-Spalten { margin-left: auto; margin-right: auto; padding: 0 0 0px; position: relative; width: 600px; float: none; clear: both; overflow: hidden;}
#Footer-Spalten-links { color: #333; text-align: left; line-height: 30px; font-size: 12px; float: left;}
#Footer-Spalten-mitte { color: #333; text-align: left; line-height: 30px; font-size: 12px; float: left;}
#Footer-Spalten-rechts { color: #333; text-align: left; line-height: 30px; height: 100px; font-size: 12px; float: left; }
#Footer-unten { text-align: center; margin-top: 10px; float: none; clear: both;}
.copyright { font-size: 9px; background-color: #f49b00;}
/*</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;
}
#Produktinfo-links { margin-right: 5px; width: 520px; float: left}
#Produktinfo-rechts { text-align: right; margin-right: 5px; width: 290px; float: right;}
#Produkt-unten {padding-top: 10px; float:none; clear: both;}
#Produkt-Optionen { padding-top: 10px;}
.produktbild { margin-top: 15px;}
.optionswerte {display: inline; margin: 5px; padding: 5px; line-height: 1.5em;}
#InfoBox, #InfoBox-pflege { text-align: left; font-size: 11px; line-height: 2.0em; background-color: #fdeac9; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px; margin-top: 10px; padding: 5px; }
#InfoBox-pflege img { text-align: left; width: 50px; height: 50px; margin-right: 3px; border:1px solid #000; background-color: #fff; }
#InfoBox-pflege a {text-decoration:none;}
#InfoBox-pflege a .box {display:none;}
#InfoBox-pflege a:hover .box {left:566px; margin-top: 5px; width: 264px; position:absolute; display: block; border: 1px solid #000; padding:3px; background-color:#fff; }
#InfoBox-Preis { font-size: 11px; background-color: #fdeac9; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px; margin-top: 50px; padding: 3px; }
#InfoBox-kaufen { background-color: #f4c9b2; border: 1px solid #f4925d; -moz-border-radius:5px; -khtml-border-radius:20px; valign: middle; margin-top: 1px; padding: 3px; height: 40px;}

#option-title { font-size: 18px; margin-top: 15px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dashed #333;}
#option-attribute { margin-left: 0px; padding-top: 3px; padding-bottom: 20px;}
#option-werte { list-style-type: none; padding-right: 5px; }
#option-preis { font-weight: bold;}
.attribute-text { margin-top: -21px; padding-left: 20px;}
.optionbild { background-color: #fff; margin-top: 10px; width: 100px; height: 100px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #f8c873; -moz-border-radius:5px; -khtml-border-radius:20px; }
.optionbild img {width: 100px; height: 100px;}
.einzeloptionswert { width: 130px; float: none;}
.float-rechts {float:right;}
.floart-links {float:left;}
.attribute_cart { line-height: 1.5em;}


#main_content_left { width: 35%; margin-top: 20px; float: left;}
#main_content_right { width: 60%; float: right; }
#main_content_unten { float: none; clear: both;}
.main-text p { padding:5px; text-align: justify; }
.main-text h2 { padding-left: 5px; padding-right: 5px; }
.main-text li { padding-left:30px;}

#mainbild-oben { background-color: #fdeac9; } 
#mainbild-oben img { border:1px solid #f8dcaa; -moz-border-radius:5px; -khtml-border-radius:20px;}
#mainbild-oben p { text-align: center; line-height: 35px; font-weight: bold; }
#mainbild-unten { background-color: #fdeac9; }
#mainbild-unten img { border:1px solid #f8dcaa; -moz-border-radius:5px; -khtml-border-radius:20px;}
#mainbild-unten p { text-align: center; line-height: 35px; font-weight: bold; }
.runde-box { border:1px solid #f8c873; height: 280px; padding: 5px; left:200px; top:0px; -moz-border-radius:5px; -khtml-border-radius:20px; }
.runde-box-oma { border:1px solid #f8c873; height: 250px; padding: 5px; left:200px; top:0px; -moz-border-radius:5px; -khtml-border-radius:20px; }

#prod-kette { margin-top: 5px; margin-bottom: 10px;}
#bestellen { width: 24%; height: 40px; padding-top: 20px; padding-left: 50px; background-image:url("img/1.jpg"); background-repeat: no-repeat; background-position: left; float: left}
#stricken { width: 24%; height: 40px; padding-top: 20px; padding-left: 50px; background-image:url("img/2.jpg"); background-repeat: no-repeat; background-position: left; float: left}
#versenden { width: 22%; height: 40px; padding-top: 20px; padding-left: 50px; background-image:url("img/3.jpg"); background-repeat: no-repeat; background-position: left; float: left}