@import url(boxes.css);

@import url(thickbox.css);



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

.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 }



.lAlign { text-align: left; }

.rAlign { text-align: right; }

.cAlign { text-align: center; }



body { color: #333; font-size: 12px; background-color: #d6e1c1; background-image: url('images/BG_Body.gif'); background-repeat: no-repeat; 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: #aab39a; 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 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 }

form, input, textarea, select { font-size: 12px }

form { margin: 0; padding: 0; }

p, table, td, th, caption, li { }

p small { font-size: 10px }

h1 { color: #79806e; font-size: 24px; font-weight: normal }

h2 { color: #79806e; font-size: 20px; font-weight: normal }

h3 { color: #79806e; font-size: 20px; font-weight: normal }

h4 { color: #79806e; font-size: 16px; font-weight: normal }

h5 { color: #79806e; font-size: 16px; font-weight: normal }

h6 { color: #79806e; 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>*/





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

#MainWrap { background-color: #fff; background-image: url('images/BG_MainHeader.gif'); background-repeat: no-repeat; background-position: 50% 10px; text-align: left; position: relative; width: 980px; float: none; clear: both; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px }



#MidCol,

#LeftCol,

#RightCol { margin-top: 220px; position: relative; overflow: hidden }



#LeftCol,

#RightCol { width: 190px }



#MidCol { position: relative; left: 210px; width: 560px; float: left }

#LeftCol { left: -550px; float: left }

#RightCol { right: 10px; float: right }

/*</agl.folder>*/



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

#ShopContent { margin-top: 40px; padding-bottom: 10px; position: relative; border-top: 2px solid #dee7cd }

#BreadCrumb  { margin: 0; padding-top: 0.3em; padding-bottom: 0; position: absolute; top: -40px; left: 0; height: 40px }

.ButtonSet { margin-top: 10px; border-top: 2px solid #dee7cd }

.ErrorMessage { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; border: solid 2px #c00 }

.Half { width: 275px; }

.CheckOutFunction { padding-right: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee }

.CheckOutFunction p {}

.CheckOutFunction .Half { width: 265px }

.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 { width: 570px }

.CatListing .Item { background-color: #f7f9f3; text-align: center; margin-right: 10px; width: 180px; float: left }

.CatListing .Image {}

/*</agl.folder>*/





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

.ProdListing1,

.ProdListing2,

.ProdListing3 { width: 570px }



.ProdListing1 .Item,

.ProdListing2 .Item,

.ProdListing3 .Item { background-color: #f7f9f3 }



.ProdListing1 .Image,

.ProdListing2 .Image,

.ProdListing3 .Image {}



.ProdListing1 .Item {}

.ProdListing2 .Item { width: 275px; float: left; margin-right: 10px; }

.ProdListing3 .Item { width: 180px; float: left; margin-right: 10px; }

/*</agl.folder>*/



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

/* K�mmt noch */

/*</agl.folder>*/



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

/* K�mmt noch */

/*</agl.folder>*/



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

#MainHeader { margin-right: 10px; margin-left: 10px; position: absolute; top: 10px; left: 0; width: 960px; }

#ShopLogo { color: #d6e1c1; font-size: 36px; line-height: 150px; background-color: #666; background-image: url('images/BG_MainHeader.gif'); background-repeat: no-repeat; background-position: 50% 0; margin: 0; height: 150px; overflow: hidden; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }

#ShopLogo a { color: #d6e1c1; }

#ShopFunctions { background-color: #d6e1c1; margin-top: 10px; padding-right: 10px; padding-left: 10px; height: 40px; float: none; clear: both }

#ShopFunctions p { color: #79806e; /*font-size: 16px;*/ line-height: 40px; margin: 0; padding: 0; height: 40px }

#ShopFunctions form * { vertical-align: middle; }

#ShopFunctions input { text-align: center }

/*</agl.folder>*/



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

#MainFooter { color: #aab39a; font-size: 9px; background-color: #f7f9f3; margin: 0 10px; padding-right: 10px; padding-left: 10px; float: none; clear: both }

#MainFooter p { line-height: 30px; padding: 0; height: 30px }

#MainFooter a { color: #79806e }

/*</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;

}



#popCart {

	position: absolute;

	top: 15%;

	left: 50%;

	width: 400px;

	margin-left: -200px;

	background: #fff;

	border: 5px solid #D6E1C1;

	color: #fff;

	z-index: 100000;

	display: none;

	padding: 10px 10px 25px 10px;;

}



.popup_header {

	font-family: Tahoma, Verdana, Arial, sans-serif;



	font-size: 1.0em;



	text-align: center;

	vertical-align:bottom;

	padding: 3px 10px;

	border: 1px solid #ccc;

	margin: 0px auto;

	width: 380px;
	
	background:#D6E1C1;

}



.popup_image {

	font-family: Tahoma, Verdana, Arial, sans-serif;



	font-size: 0.9em;



	text-align: center;



	color: #000;

	margin: 10px auto;



	padding: 5px;

}



#mycart {

	margin: 0px auto;

	height: 42px;

	width: 320px;

}



.cart_symbol {

	height: 42px;

	width: 48px;

	float: left;

	background-image: url('img/shopping_cart.gif');

	background-position:  left 50%;

	background-repeat: no-repeat

}

.cart_contents {

	font-family: Tahoma, Verdana, Arial, sans-serif;



	font-size: 0.9em;



	text-align: left;

	color: #000;

	height: 42px;

	float: right;

}



#pop_buttons_box {

	font-family: Tahoma, Verdana, Arial, sans-serif;



	font-size: 1.0em;



	text-align: center;

	width: 400px;

	height: 28px;

	vertical-align:bottom;

	margin: 10px auto 0 auto;

}



#pop_buttons_box a {

	color: #000;

	text-decoration: none;

}

#pop_buttons_box a:hover {

	color: #484848;

	text-decoration: none;

}



.close_button {

	float: left;

	width: 140px;

	border: 1px solid #000;
	
	background:#eaeaea;

}

.cart_button {

	float: right;

	width: 140px;

	border: 1px solid #000;

	background:#eaeaea;

}