/*

Bitte beachten:

Falls Hintergrundbilder verwendet werden sollen, 
müssen diese als Inline-Style im Template 'inc_header.tpl'
angegeben werden!
Die Smarty-Variable für das Bilder-Verzeichnis funktioniert in diesem
Stylesheet nicht, daher gibt es nur die Möglichkeit über einen Inline-Style.

Pfad: store/out/oxbaseshop/html/0/templates/inc_header.tpl
Bilder-Verzeichnis-Variable: [{$shop->imagedir}] (Slash anhängen nicht vergessen!)

*/

a {
	color: #000000;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

html {
	background: #FBFADC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #312815;
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
}

fieldset {
	margin: 12px 12px 0 12px;
	border: 1px solid #FBFADC;
}

fieldset legend {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 6px 0;
}

form {
	padding: 0;
	margin: 0;
}

input, textarea {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.img {
	border: none;
	vertical-align: bottom;
}

input.basket {
	margin: 4px 0 0 0;
}

input[type=submit] {
	background: #D3BE6D;
	color: #444011;
	font-size: 9px;
}

input[type=image] {
	border: none;
}

input.radio {
	background: none;
	border: none;
}

label {
	font-size: 11px;
}

h5, h6 {
	width: 222px;
	height: 47px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size: 11px;
}

	h5 span {
		padding: 15px 0 0 55px;
		display: block;
	}
	
	h6 span {
		padding: 15px 0 0 65px;
		display: block;
	}

div.clear {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}

br.clear {
	clear: left;
}

div.box {
	width: 222px;
	padding-bottom: 16px;
	margin-bottom: 10px;
}

div.errorbox {
	padding: 0 6px;
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
}

.small {
	font-size: 9px;
}

div.img {
	padding-bottom: 6px;
}

html > body div.img {
	padding-bottom: 8px;	
}
	
	div.box h4 {
		margin: 0 0 0 10px;
		font-size: 11px;
	}
	
		div.box h4 a {
			text-decoration: none;	
		}	
	
	div.box form {
		margin: 0 0 0 10px;
	}
	
	div.box form label {
		margin-bottom: 2px;
		width: 56px;
		float: left;
		height: 16px;
		padding-top: 2px;
	}
	
	html > body div.box form label {
		width: 60px;
	}
	
	div.box form label.checkbox {
		width: 100%;
	}
	
		div.box form label.img {
			padding-top: 4px;
		}
	
	div.box form input.text {
		width: 112px;
	}		
	
	div.box p {
		margin: 0 0 20px 10px;
		padding: 4px 0 0 0;
		font-size: 11px;
	}
		
		div.box p.last {
			margin: 0 0 0 10px;
		}
		
		div.box p.img {
			margin: 4px 6px 0 0;
			text-align: right;
		}

			div.box p.img a {
				margin: 0;
				display: inline;
			}

				div.box p.img a {
					background: none;
					padding: 0;
				}			
			
		div.box p.size10 {
			font-size: 10px;
		}
		
		div.box p strong.basket {
			color: #59001E;
		}
		
		div.box p span.sub a {
			margin: 0 0 6px 10px;
			color: #805E17;
		}
					
		div.box p a, a.arrow {
			color: #000000;
			text-decoration: none;
			display: block;
			margin: 0 0 6px 0;
			padding: 0 0 0 8px;
		}
		
		a.arrow {
			margin: 2px 0;
			display: block;
		}
					
div#center {
	width: 974px;
	margin: 0 auto 0 auto;
	text-align: left;
}

	div#header {
		width: 974px;
		height: 176px;
	}
	
	div#headerNav {
		width: 974px;
		height: 46px;
		background: #E9D689;
	}
		div#headerNav div#search {
			width: 222px;
			float: left;
			margin-right: 12px;
		}
		
			div#headerNav div#search form {
				padding: 5px 0 0 10px;
			}
				
				div#headerNav div#search form label {
					font-size: 10px;
				}
				
				div#headerNav div#search form input.search {
					width: 150px;
				}
				
		div#headerNav div#links {
			width: 480px;
			float: left;
			margin-right: 1px;
			padding-top: 13px;
		}	
		
			div#headerNav div#links a, div#headerNav div#shoplinks a {
				padding: 0 20px 0 8px;
				font-size: 11px;
				color: #463F12;
				text-decoration: none;
			}			
		
		div#headerNav div#links a.active, div#headerNav div#shoplinks a.active {
			color: #805E17;
			font-weight: bold;
		}
			
		div#headerNav div#shoplinks {
			width: 259px;
			float: left;
			padding-top: 13px;
		}
			
			div#headerNav div#shoplinks a {
				padding-right: 10px;
			}

				div#headerNav div#shoplinks a.last {
					padding-right: 0;
				}				
			
	div#left {
		width: 222px;
		margin-right: 12px;
		float: left;
		margin-top: 10px;
		padding: 0;
	}
		
	div#content {
		width: 506px;
		margin-right: 12px;
		float: left;
		margin-top: 41px;
		overflow: hidden;
	}

		div#content div.fullbox p {
			padding: 4px;
		}

		div#content div#steps {
			margin: 0 0 10px 0;
		}
		
			div#content div#steps div.step {
				width: 120px;
				float: left;
				margin: 0 6px 0 0;
				border: 1px solid #694F40;
				background: #EFE2AD;
				height: 90px;
			}
					
					div#content div#steps div.step a {
						text-decoration: none;
					}
					
					div#content div#steps div.step h2 {
						color: #805E17;
						padding: 2px 4px;
						margin: 0 0 6px 0;
						font-size: 12px;
					}
					
					div#content div#steps div.step p {
						padding: 2px 4px;
						margin: 0;
						font-size: 11px;
					}		
			
			div#content div#steps div.last {
				margin: 0;
			}
			
			div#content div#steps div.active {
				background: #E9D689;
				border: 1px solid #805E17;
			}
		
		div#content Table.basket {
			background: #EFE2AD;
			font-size: 11px;
			width: 100%;
			margin: 0 0 10px 0;
		}
												
				div#content table.basket tr.head {
					background: #E9D689;
				}

				div#content table.basket td.desc {
					text-align: right;
					padding: 0 30px 0 0;
					line-height: 20px;
				}
			
					div#content table.basket td div.line {
						width: 100%;
						height: 0px;
						border-bottom: 1px solid #805E17;
						font-size: 0px;
					}			
			
			
						
		div#content div#categoryPath {
			font-size: 10px;
			padding: 0 4px 10px 4px;
		}
		
			div#content div#categoryPath a {
				color: #4D401D;
			}
		
		div#content div#col1, div#content div#col2 {
			width: 250px;
			float: left;
			margin-top: 2px;
		}
		
		html > body div#content div#col1, html > body div#content div#col2 {
			margin-top: 6px;
		}

		html > body div#content div#col1[lang=de], html > body div#content div#col2[lang=de] {
			margin-top: 0;
		}
		
		div#content div#col1 {
			margin-right: 6px;
		}
				
		div#content div.smallbox {
			font-size: 11px;
			width: 122px;
			padding: 0;
			margin: 0;
			float: left;
		}
			
			div#content div.left {
				margin-right: 6px;
			}
			
			div#content div.smallbox p {
				margin: 0;
				padding: 6px;
				font-weight: bold;
				height: 26px;
				background: #EFE2AD;
			}
			
			div#content div.smallbox img {
				padding: 0;
				margin: 0;
			}
			
		div#content div.box, div#content div.bigbox, div#content div.fullbox {
			background: #EFE2AD;
			font-size: 11px;
			width: 250px;
			padding: 0;
			height: 140px;
			margin: 0;
		}
		div#content div.whitebox {
			font-size: 11px;
			width: 100%;
			padding: 0;
			height: auto;
			margin: 0;
		}
		
			div#content div.box p {
				padding: 8px 0 0 6px;
				margin: 0;
			}
			
				div#content div.box p img.left {
					float: left;
					margin-right: 6px;
				}
								
		div#content div.button {
			padding: 0;
			margin: 0 0 6px 0;
			height: 26px;
			text-align: right;
			background: #EFE2AD;
		}
		
			div#content div.button img {
				margin-right: 6px;
			}
		
		div#content div.flow a {
			text-decoration: none;
			padding: 0 0 0 7px;
		}
		
		div#content div.fullbox {
			width: 100%;
			height: auto;
		}
		
		div#content div.bottom {
			margin: 0 0 10px 0;
		}		
			
			div#content div.fullbox div.locator {
				margin: 0 8px;
				padding: 6px 0;
				border-bottom: 1px solid #FBFADC;
				font-size: 10px;
				text-align: right;
			}
			
			div#content div.fullbox div.downside {
				border-bottom: none;
				border-top: 1px solid #FBFADC;
			}			
				
				div#content div.fullbox div.locator a {
					text-decoration: none;
					padding: 0 0 0 8px;
				}

					div#content div.fullbox div.locator a.right {
						text-decoration: none;
						padding: 0 8px 0 0;
					}
				
					div#content div.fullbox div.locator a.fore {
						text-decoration: none;
						padding: 0 8px 0 0;
						margin: 0 0 0 10px;
					}
									
				div#content div.fullbox div.locator div.left {
					float: left;
					text-align: left;
					width: 250px;
				}
				
			div#content div.fullbox h1 {
				margin: 0;
				padding: 6px 8px 8px 8px;
				color: #332816;
				font-size: 16px;
				font-weight: bold;
			}

			div#content div.fullbox h2 {
				margin: 0;
				padding: 0 2px 2px 5px;
				color: #332816;
				font-size: 1.3em;
			}

				div#content div.fullbox h2.advisor {
					margin: 0;
					padding: 10px 2px 0 8px;
					color: #332816;
					font-size: 1.3em;
				}
		
			div#content div.fullbox p {
				margin: 0;
				padding: 0 8px 8px 8px;
			}			
				
				div#content div.fullbox p a {
					text-decoration: underline;
				}
				
				
			div#content div.fullbox div.order {
				margin: 0;
				padding: 8px;
				line-height: 1.5em;
			}
		
				div#content div.fullbox .grey {
					color: #8F8562;
					font-size: 9px;
					margin-top: 10px;
				}
				
				div#content div.fullbox table.base {
					font-size: 9px;
					margin-top: 10px;
				}				

					div#content div.fullbox table.base td.baseprice {
						color: #8F8562;
					}	
					
			div#content div.fullbox div.left {
				float: left;
				width: 200px;
				margin: 0 6px 0 0;
			}
				
				div#content div.fullbox div.left div.icons {
					margin: 0;
					padding: 0;
					text-align: right;
					width: 175px;
					margin: 6px 0 0 8px;
				}
					div#content div.fullbox div.left div.icons img {
						padding: 0;
						margin: 0;
					}
					
					div#content div.fullbox div.left div.icons img.nature {
						margin-top: 10px;
					}
					
				div#content div.fullbox div.left div.attributes {
					background: #DED19A;
					width: 175px;
					margin: 8px 0 0 8px;
					font-size: 10px;
				}
					
					div#content div.fullbox div.left div.attributes p {
						padding: 4px 0 4px 8px;
						margin: 0;
					}
					
					div#content div.fullbox div.left div.attributes ul {
						list-style-type: square;
						margin: 0;
						padding: 0 0 6px 26px;
					}					

						div#content div.fullbox div.left div.attributes ul li {
							line-height: 14px;
						}	
					
				div#content div.fullbox div.left img {
					margin: 8px;
				}
		
					div#content div.fullbox div.left a.stars {
						margin: 0 0 0 8px;
						display: block;
						width: auto;
					}		
						
					div#content div.fullbox div.left a.stars img.star {
						margin: 0;
					}

			div#content div.fullbox div.first {
				padding: 20px 0 0 0;
				margin: 0;
			}
			
			div#content div.fullbox div.line {
				margin: 0 0 10px 0;
			}
								
				div#content div.fullbox div.line div.col {
					width: 250px;
					float: left;
					margin: 0 6px 0 0;
				}
				
				div#content div.fullbox div.line div.right {
					margin: 0;
				}
				
				div#content div.fullbox div.right {
					width: 300px;
					float: left;
				}
			
				div#content div.fullbox div.right h1 {
					font-size: 18px;
					text-transform: uppercase;
					padding: 8px 0 0 0;
				}	
	
				div#content div.fullbox div.right h2 {
					font-size: 11px;
					padding: 8px 8px 0 0;
				}	
				
				div#content div.fullbox div.right p {
					padding: 8px 8px 0 0;
					line-height: 1.3em;
				}
				
				div#content div.fullbox div.right p.article {
					font-size: 9px;
				}
			
				div#content div.fullbox div.right div.variants {
					border: 1px solid #FBFADC;
					margin: 6px 8px 0 0;
				}
					div#content div.fullbox div.right div.variants form {
						margin: 10px 0 0 10px;
					}
					
					div#content div.fullbox div.right div.variants a {
						margin: 0 0 0 50px;
						padding: 0 0 0 8px;
						line-height: 2em;
						font-size: 10px;
						text-decoration: none;
					}	
		
		div#content div.item2basket {
			background: #DED19A;
			margin: 0 0 6px 0;
		}
		
			div#content div.item2basket p {
				font-size: 12px;
				font-weight: bold;
				margin: 0;
				padding: 10px;
			}
		
		div#content div.catdesc {
			margin: 0;
			padding: 6px;
		}
			
			div#content div.catdesc h6 {
				padding: 6px 8px;
				height: auto;
				text-transform: none;
				font-size: 14px;
			}			
			
			div#content div.catdesc p {
				padding:0 !important;
			}
								
		div#content div.bigbox {
			height: auto;
			margin: 4px 0 0 0;
		}
		
		html > body div#content div.bigbox {
			margin: 6px 0 0 0;
		}
		
			div#content div.bigbox h3 {
				margin: 0;
				color: #464032;
				font-size: 11px;
				padding: 8px;			
			}
			
			div#content div.fullbox h3 {
				margin: 0;
				color: #000000;
				font-size: 13px;
				font-weight: bold;				
			}
			
			div#content div.bigbox img.topic {
				margin: 0 0 0 15px;
			}	
			
			div#content div.bigbox p.topic {
				margin: 0;
				padding: 8px;
			}
			
			div#content div.new {
				padding: 0 0 10px 0;
			}
			
			div#content div.new img.new {
				margin: 20px 6px 0 8px;
				width: 63px;
				float: left;
			}
		
				div#content div.new div.right {
					float: left;
					width: 160px;
				}
					div#content div.new div.right h3 {
						padding: 4px 0 4px 0;
						margin: 0;
						font-size: 10px;
					}
					
						div#content div.new div.right h3 a {
							color: #332816;	
							text-decoration: none;					
						}
					
					div#content div.new div.right p {
						margin: 0;
						font-size: 10px;
						color: #332816;
						padding: 0;
					}
					
						div#content div.new div.right p.price {
							margin: 4px 0 8px 0;
						}
						
	div#right {
		width: 222px;
		float: left;
		margin-top: 41px;
	}
	
	div#footer {
		text-align: center;
		background: #E9D689;
		font-size: 9px;
		padding: 0px 0;
		color: #79735D;
		margin: 10px 0 0 0;
		line-height: 2em;
	}
	div#infos {
		text-align: left;
		background: #ECE8C3;
		font-size: 10px;
		padding: 4px 0;
		color: #464032;
		margin: 10px 0 0 0;
		line-height: 2em;
	}
	div#infos h3 {
				margin: 0;
				color: #464032;
				font-size: 11px;
				padding: 4px;			
			}

	div#infos div.text {
				margin: 0;
				color: #464032;
				font-size: 11px;
				padding: 0px 4px;			
			}
	
form.go, div.go {
	width: 100%;
	text-align: right;
	margin: 10px 0 10px 0;
}

	
	div#content table.reg {
		margin: 4px;
		font-size: 11px;
	}
	
div#chooseTea, div.teaAttr {
	display: none;
}	

input.basketBigButtonSend
{
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background: #D3BE6D;/**  */
	color: #444011;
}
input.basketBigButtonPrint
{
	border-left: 1px solid #000000;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background: #D3BE6D;/**  */
	color: #444011;
}

div#contextbox font11 {
font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #444011;
	}