@import url(thickbox.css);


/*====================================================================*/
/*========================== General ================================*/
/*====================================================================*/

* {
margin:0;
padding:0;
}

body {
background:url(images/bg_body.jpg) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
}

h1 {
color:#D38524;
font-size:22px;
font-weight:normal;
margin:10px 0 20px 0;
}

h2 {
color:#D38524;
font-size:16px;
margin:10px 0 5px 0;
border-bottom:#D38524 1px dashed;
padding-bottom:5px;
}

h3 {
color:#000;
font-size:14px;
margin:10px 0 5px 0;

}

ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}

a,
a:link {
color:#D38524;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

p {
clear:both;
margin-bottom:10px;
}

ol {
margin-left:20px;
margin-bottom:10px;
}

/*====================================================================*/
/*============================ Layout ================================*/
/*====================================================================*/

div#box_admin {
border:#333 1px dotted;
padding:5px;
float:left;
z-index:199;
width:150px;
background-color:#FFF;
position:absolute;
left:5px;
top:5px;
}


div#container {
position:relative;
margin:0 auto;
width:980px;
}


div#container_header {
position:relative;
width:980px;
height:117px;
}

div#logo {
background:url(images/logo.jpg) no-repeat;
position:absolute;
top:18px;
left:15px;
margin:0;
width:170px;
height:78px;
}

div#logo a {
display:block;
text-indent:-5000px;
height:78px;
}

div#lang {
position:absolute;
top:94px;
left:229px;
margin:0;
width:80px;
height:15px;
}


div#claim {
position:absolute;
top:42px;
left:250px;
margin:0;
width:400px;
height:41px;
text-indent:-5000px;
}

div#cow {
background:url(images/cow.jpg) no-repeat;
position:absolute;
top:7px;
left:700px;
margin:0;
width:175px;
height:102px;
overflow:hidden;
padding:0 15px 0 105px;
}

div#container_main {
clear:both;
position:relative;
width:980px;
}

div#menu {
float:left;
position:relative;
width:210px;
}

div#main {
float:left;
position:relative;
width:740px;
margin-left:20px;
}

#BreadCrumb {
margin-top:3px;
font-size:10px;
color:#666;
}

#BreadCrumb a,
#BreadCrumb a:link,
#BreadCrumb a:hover {
color:#666;
text-decoration:none;
}

div#footer {
background:url(images/bg_footer.jpg) repeat-x;
clear:both;
position:relative;
width:100%;
height:50px;
text-align:center;
color:#D38524;
font-size:11px;
padding-top:4px;
margin-top:20px;
}

div#footer h1{
color:#D38524;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
display:inline;
}

.copyright {
width:100%;
float:left;
clear:both;
position:relative;
color:#999;
text-align:center;
font-size:10px;
}

/*====================================================================*/
/*============================= Boxen ================================*/
/*====================================================================*/

div#boxCat {
width:208px;
float:left;
clear:both;
background:url(images/bg_box_cat_main.png) repeat-y;
}
div#boxCatBottom {
width:208px;
float:left;
clear:both;
background:url(images/bg_box_cat_bottom.jpg) no-repeat;
height:11px;
}

div#boxCat li {
margin-left:1px;
display:block;
float:left;
width:198px;
border-bottom:#D38524 1px dashed;
font-size:14px;
}

div#boxCat li:last-child {
border-bottom:none !important;
}

div#boxCat li a {
padding:5px 5px 5px 8px;
display:block;
color:#008C4E;
text-decoration:none;
}

div#boxCat li a:hover,
div#boxCat li a.active {
padding:5px 5px 5px 8px;
display:block;
color:#000;
text-decoration:none;
background-color:#E7E7E7
}

div#boxContentTop {
margin-top:15px;
width:208px;
float:left;
clear:both;
background:url(images/bg_box_content_top.png) no-repeat;
height:19px;
font-size:14px;
font-weight:bold;
padding:3px 0 0 8px;
color:#fff;
}

div#boxContent {
width:208px;
float:left;
clear:both;
background:url(images/bg_box_content_main.png) repeat-y;
padding-top:3px;
}

div#boxContentBottom {
width:208px;
float:left;
clear:both;
background:url(images/bg_box_content_bottom.jpg) no-repeat;
height:11px;
}

div#boxContent li {
margin-left:1px;
display:block;
float:left;
width:198px;
font-size:12px;
}

div#boxContent li a {
padding:0 2px 2px 8px;
display:block;
color:#000;
text-decoration:none;
}

div#boxContent li a:hover,
div#boxContent li a.active {
padding:0 2px 2px 8px;
display:block;
text-decoration:underline;
}

div#boxLoginTop {
margin-top:15px;
width:208px;
float:left;
clear:both;
background:url(images/bg_box_login_top.png) no-repeat;
height:19px;
font-size:14px;
font-weight:bold;
padding:3px 0 0 8px;
color:#fff;
}

div#boxLogin {
width:208px;
float:left;
clear:both;
background:url(images/bg_box_login_main.png) repeat-y;
}

div#boxLoginBottom {
width:208px;
float:left;
clear:both;
background:url(images/bg_box_login_bottom.jpg) no-repeat;
height:11px;
}

.inputLogin {
border-color:#008C4E !important;
border-width:0 0 1px 1px !important;
border-style:solid !important;
width:182px !important;
margin:8px 0 0 8px !important;
padding:1px !important;
background:url(images/bg_input_login.jpg) bottom repeat-x !important;
}

div#boxSearch {
width:200px;
float:left;
clear:both;
}

.inputSearch {
border:#D38524 1px solid;
color:#D38524;
width:132px;
padding:1px;
height:17px;
}

/*====================================================================*/
/*=========================== Formulare ==============================*/
/*====================================================================*/

form {
	overflow: hidden;
}

/* ### Labels  ### */
#main label {
display:block;
float:left;
width:150px;
}

/* ### Rahmen um Eingabefelder ### */
#main fieldset {
	border: 1px solid #D38524;
	padding: 4px;
	margin-bottom: 1em;
	margin-top: 5px;
}

/* ### Beschriftung der fieldsets ### */
#main legend {
	background-color: #FFF;
	color: #D38524;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

	/* ### Texteingabefelder ### */
#main input[type=text], #main textarea, input[type=password], select {
	border:#D38524 1px solid;
	background:#FFF;
	padding:1px;
	margin-bottom:3px;
}

#main input[type=submit] {
	border:#D38524 1px solid;
	background:#FFF;
	height: 20px;
	padding:1px;
}

/* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */
#main input[type=hidden] {
	display: none;
}

/* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */
#main input[type=radio], #main input[type=checkbox] {
	color: #000;
	border: 0 none;
	width: 1em;
	height: 1em;
	margin: 0 15px 0 0;
	padding: 0;
}

/* Double-Opt */
#main #sign input[type="text"] {
	width: auto;
}

/*====================================================================*/
/*========================= Product-Listing ==========================*/
/*====================================================================*/

.list {
float:left;
border-bottom:#D38524 1px dashed;
padding-bottom:5px;
margin:10px 10px 0 0;
width:360px;
height: 120px;
overflow:hidden;
}

.listImage {
display:inline;
float:left;
width:105px;
margin-bottom:10px;
text-align:center
}

.listText {
display:inline;
float:right;
width:245px;
margin-left:5px;
}

.listText .listPrice {
display:block;
text-align:right;
}

.listText .listTax {
text-align:right;
font-size:10px;
color:#666;
}

.listTax a {
color:#666 !important;
}

.PriceNewSpecial2,
.listPrice {
display:block;
font-size:14px;
color:#D38524;
font-weight:bold;
text-align:right;
}

.priceInstead,
.priceOnly,
.pricefrom {
font-size:10px !important;
color:#000;
}

.productOldPrice {
font-size:12px;
text-decoration:line-through;
color:#990000;
}

.list .specialPrice{
width:100%;
position:relative;
float:left;
background-color:#990000;
color:#fff;
font-size:12px;
font-weight:bold;
padding:2px;
text-align:center;
margin:-10px 0 3px 0;
}

/*====================================================================*/
/*=========================== Porduct-Info ===========================*/
/*====================================================================*/

div#infoImg {
position:relative;
display:block;
float:left;
width:225px;
}

div#infoText {
display:inline;
float:left;
display:block;
width:500px;
margin-left:10px;
}

div#infoText .specialPrice{
width:100%;
position:relative;
float:left;
background-color:#990000;
color:#fff;
font-size:12px;
font-weight:bold;
padding:2px;
text-align:center;
margin-bottom:5px;
}



div#infoText ul,
div#main ul{
margin-bottom:10px;
}

div#infoText ul li,
div#main ul li{
background:url(images/li.gif) no-repeat 5px 4px;
padding-left:20px;
}

.tableListingI {
background-color:#fff;
}

.tableListingII{
background-color:#E7C150;
}

.tableListingI td,
.tableListingII td  {
padding:4px;
}

.taxInfo,
.taxInfo a {
font-weight:normal !important;
color:#666 !important;
font-size:10px;
}

/*====================================================================*/
/*======================= Checkout-Prozess ===========================*/
/*====================================================================*/

	.checkoutConfirmation table {
		width: 100%;
		margin-bottom: 10px;
		border: 1px solid #3C3C3C;
		border-spacing: 0;
		padding: 5px;
		background-color: #F1F1F1;
	}

	.checkoutConfirmation table th, .checkoutConfirmation table td {
		padding: 0 3px;
		background-color: #F1F1F1;
		border: none;
	}

	.checkoutConfirmation table td {
		text-align: right;
	}

	.checkoutConfirmation table th.shipping_time, .checkoutConfirmation table th.option {
		font-size: 0.9em;
		font-style: italic;
		padding-left: 15px;
	}

	.checkoutConfirmation table th.total_title {
		text-align: right;
	}

	#checkout_progress {
		text-align: center;
	}

	.step {
		height: 50px;
		background-color: #fff;
		border-bottom:#D38524 1px dashed;
	}

	.ahead {
		background-color: #EFCCA0 !important;
	}

	#checkout_progress div.last {
		margin: 0;
	}

	.done {
		background-color: #DFECE1;
	}

	.current {
		border-top:#DFECE1 1px solid;
		background-color: #fff;
	}

	/* Warenkorb total */
	.orderDetailsTable td, .orderDetailsTable tfoot td, .orderDetailsTable thead th{
		margin: 0;
		border: 0;
		padding: 5px 10px;
		color: #333;
		font-size:12px;

	}

	.orderDetailsTable thead th {
		color: #000;
	}

	.orderDetailsTable tfoot td {
	border-top:1px #D38524 solid;
	}

	.orderDetailsTable td.subTotal {
		text-align: right;
	}

	/* Hintergrundfarbe Warenkorb Zeilen */
	tbody tr.prodRow1   {
		background: #FFF;
	}

	tbody tr.prodRow2   {
		background-color: #EFEFEF;
	}

	.productAttributes tbody tr.attribute {
		background: transparent;
	}

	.orderDetailsTable tbody td.singlePrice, tbody td.totalPrice {
		vertical-align: top;
		text-align:right;
	}

	.orderDetailsTable tbody td.delete {
		padding: 0;
		vertical-align: middle;
		text-align:center;
	}

	.orderDetailsTable tbody td.delete input {
		margin-left: 35px;
	}

	#col3_content .quantity input[type="text"] {
		width: 35px;
		margin: 0;
		padding: 0;
	}
.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}

.headerError {
color:#990000;
font-weight:bold;
padding:10px 0 10px 0;
}

/*====================================================================*/
/*============================ Alt ================================*/
/*====================================================================*/

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

img, a img { border: none; }
form { margin: 0; padding: 0; }
p small { font-size: 10px }



/*<agl.folder "MidCol">*/
#ShopContent { margin-top: 40px; padding-bottom: 10px; position: relative; border-top: 2px solid #dee7cd }
.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; }
.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>*/


#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; padding: 0 10px; height: 150px; overflow: hidden }
#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;
}