
/**
 * Allgemeine Styles für die gesamte Seite
 * -------------------------------------------*/
body {
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.2em;
	margin:0 auto;
	padding:0;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
img, a, a img {
	border:0;
}

h3 {
	font-size:12px;
	line-height:1.2em;
	color:#67492C;
}


.sitemap_heading {
	text-align:left;
}
.sitemap_sub a,
.sitemap_heading a {
	text-decoration:none;
}
.sitemap_sub {
	padding-bottom:3px;
}
.sitemap_heading {
	padding-bottom:6px;
}


.page-wrapper {
	width:980px;
	padding:0 2px 2px 2px;
	border:1px solid #ccc;
	border-top:0;
	margin:0 auto;
}
.cart-wrapper {
	padding:0 10px 20px 10px;
}

.cart_divider {
	padding:10px 0;
}

/**
 * Kopfbereich
 * -------------------------------------------*/
.header {
	margin:0 auto;
	padding:0;
	position:relative;
	width:980px;
	height:125px;
	background:url(images/hg_top.jpg) top left no-repeat;
	color:#fff;
}


.header .language {
	float:left;
	margin:95px 0 0 30px;
	width:236px;
	display:inline; }
	#languages{
		height: 18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #333;
		width:100px;
		position: absolute;
		margin:0 0 0 10px;}

.header .nav {
	float:left;
	margin:95px 0 0 0;
	width:400px;
	display:inline;
}
.header .nav span {
	display:block;
	float:left;
}
.header .nav span.spacer {
	margin:0 8px;
}
.header .nav .active {
	display:block;
	height:25px;
	border-bottom:5px solid white;
	float:left;
}

.header .login {
	float:left;
	margin:95px 0 0 0;
	width:140px;
	display:inline;
}
.header .basket {
	float:left;
	margin:95px 0 0 0;
	width:160px;
	display:inline;
}


.header a {
	color:#fff;
	text-decoration:none;
}
.header a.active {
	color:#000;
	text-decoration:none;
}
.header a:hover {
	text-decoration:underline;
}



.middle-wrapper {
	width:980px;
	margin:0 auto;
	background:url(images/hg_ecke_rechts_unten.gif) bottom right no-repeat;
	display:block;
}


/**
 * Navigation und Infos links
 * -------------------------------------------*/
.links {
	float:left;
	width:234px;
	border-top:1px solid white;
	min-height:601px;
	background:url(images/hg_start-links-mitte.gif) top left repeat-y;
}
* html .links {
	height:601px;
}
.links .top {
	background:url(images/hg_start-links.gif) top left no-repeat;
	padding:31px 6px 0 15px;
	min-height:290px;
}
.links .sub {
	background:url(/pics/hintergrund-images/allgemein/hg_links_oben.jpg) top left no-repeat;
	padding:31px 6px 0 15px;
	min-height:290px;
}

* html .links .top {
	height:290px;
}






/**
 * Content Mitte
 * -------------------------------------------*/
.middle {
	float:left;
	width:487px;
	min-height:601px;
	border-top:1px solid white;
	padding-bottom:20px;
}
.border-left {
	border-left:1px solid white;
}
.middle .front {
	width:487px;
	height:417px;
}

.new-product {
	width:230px;
	height:180px;
	border:1px solid #ccc;
	float:left;
	margin:-15px 20px 0 0;
	overflow:hidden;
	position:relative;
}
*+html .new-product { margin: -2px 20px 0 0; }
* html .new-product { margin: -2px 20px 0 0; }



.last {
	margin:-15px 0 0 0;
}
*+html .last { margin:-2px 0 0 0; }
* html .last { margin:-2px 0 0 0; }

.new-product .image {
	position:absolute;
	left:10px;
	top:20px;
	width:100px;
	overflow:hidden;
}
.new-product .wrapper {
	position:absolute;
	top:10px;
	left:120px;
	width:102px;
	height:150px;
}
.new-product h3 {
	display:block;
}
.new-product h3 a {
	font-size:11px;
	color:#67492C;
	text-decoration:none;
	font-size:11px;
}
.new-product a.details {
	position:absolute;
	left:20px;
	bottom:20px;
}
.new-product a.buy-now {
	position:absolute;
	right:20px;
	bottom:20px;
}
.pom {
	border-color: #E79617;
}
.pom h3,
.pom h3 a {
	color: #333;
	padding: 17px 16px;
	font:11px/13px Verdana,Arial,Helvetica,sans-serif bold;
	text-transform:uppercase;
	background:url(images/pfeil-newsletter.gif) 95% no-repeat;
	margin: 0;
	display:block;
	clear:both;
	float: none;
	cursor:pointer;
	font-weight:bold;
}
.pom h3 a {
	text-decoration:none;
	background-image:none;
	display:inline;
	margin: 0;
	padding: 0;
}
.pom .price {
	color: #E79617;
	font:11px/13px Verdana,Arial,Helvetica,sans-serif bold;
	text-transform:uppercase;
	font-weight:bold;
}
.pom .wrapper {
	top:30px;
	left:120px;
	width:102px;
	height:150px;
}
.pom .wrapper p.title {
	padding-top: 13px;
}
.pom  .image {
	position:absolute;
	left:10px;
	top:40px;
	width:100px;
	overflow:hidden;
}

.pom .productOldPrice .only,
.pom .productOldPrice .you-save,
.pom .productOldPrice .discount {
	display: none;
}
.pom .price {
	position: relative;
	display:block;
	padding-top: 13px;
}

.pom .price span {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	width: 100px;
}
.pom .productOldPrice .new-price {
	top: 13px;
}
.pom .productOldPrice .old-price,
.pom .productOldPrice .instead {
	font:11/13px Verdana, Arial, Helvetica, sans-serif normal;
	color: #333;
	text-transform:lowercase;
	font-weight: normal;
	top: 30px;
}
.pom .productOldPrice .old-price {
	left: 35px;
}








.content-wrapper {
	padding-top:20px;
	min-height:400px;
	background:url(images/hg-middle-sub.gif) top left no-repeat;
}
.content-wrapper a {
	color:#333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.content-wrapper a:hover,
.content-wrapper a:focus {
	color:#67492C;
	text-decoration:none;
}
.category a {
	color:#67492C;
	text-decoration:none;
	font-weight:bold;
}
.category a:hover {
	color:#B3A496;
}
.content-wrapper a.header {
	background:none;
	color:#67492C;
	font-weight:bold;
	text-decoration:none;
}
.product-wrapper {
	border:1px solid #ccc;
	width:485px;
	overflow:hidden;
}
h1,h2 {
	font-size:14px;
	color:#000;
	padding:25px 0 8px 0;
	margin:0;
}
h2 {
	color:#67492C;
}
.middle input,
.middle select,
.middle textarea {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #ccc;
}
.bigfield textarea {
	width:400px;
}
.create_account {
	padding-left:10px;
	margin:10px 0;
	border:1px solid #ccc;
}
.create_account input,
.create_account select {
	margin:4px 0;
}
.middle input,
.middle textarea {
	padding:1px 3px;
}
.login_field {
	padding-bottom:8px;
}
.product-wrapper input {
	margin:0 8px;
}
.product-wrapper input.add_to_cart_btn {
	padding:0;
	border:0;
}
#price {
	font-size:13px;
	font-weight:bold;
}	



/**
 * Suchform im Content Bereich
 */
.artikel_error {
	border:0;
	padding:10px 0 20px 0;
}
.artikel_error div {
	float:left;
	display:inline;
}
.artikel_error label {
	padding-right:30px;
}
.artikel_error .suche_btn {
	padding-left:30px;
}


/**
 * Allgemeine Produktstyles
 * -------------------------------------------*/
a.details {
	display:block;
	height:18px;
	line-height:18px;
	width:67px;
	background:#9FC9E1;
	padding-left:5px;
	color:#fff;
	text-decoration:none;
}
a.details:hover,
a.details:focus  {
	background:#6F8C9D;
	color:#fff;
}
a.buy-now {
	display:block;
	height:18px;
	line-height:18px;
	padding:0 27px 0 5px;
	background:url(images/to-cart-bg.gif) top right no-repeat #C31C2B;
	color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:60px;
}
a.buy-now:hover {
	background-color:#88141E;
	color:#fff;
}







/**
 * Submenü links
 * -------------------------------------------*/
.links .top h1 {
	padding:29px 21px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	line-height:1.2em;
	display:block;
}
#submenu ul,
#submenu li {
	list-style:none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	height:auto;
}
#submenu li {
	border-top:1px solid #e5e5e5;
}
#submenu a,
#submenu span {
	cursor:pointer;
	display:block;
	padding:4px 20px 4px 20px;
	width:165px;
	font-size:11px;
	color:#333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#submenu span {
	background:url(images/nav-rechts.gif) 95% no-repeat;
}
#submenu span.act2,
#submenu span.act{
	background:url(images/nav-runter.gif) 95% no-repeat;
}
#submenu span.act2,
#submenu span.act,
#submenu a.active,
#submenu a.active2 {
	font-weight:bold;
}
/*
#submenu span.act2 a,
#submenu span.act a,
#submenu span.act2 span,
#submenu span.act a {
	font-weight:normal;
}
*/

#submenu a:hover,
#submenu span:hover {
	color:#777;
}
#submenu li li a,
#submenu li li span {
	padding-left:30px;
	width:155px;
}
#submenu li li li a,
#submenu li li li span {
	padding-left:40px;
	width:145px;
}
#submenu li li li li a,
#submenu li li li li span {
	padding-left:50px;
	width:135px;
}
#submenu li span a {
	display:inline;
	padding:0;
}
#submenu ul.content {
	width:205px;
	margin-bottom:235px;
}
#submenu li span.toggle1 {
	background-color:#eee;
}



.info_message {
	border:1px solid #ccc;
	background-color:#e5e5e5;
	width:100%;
}
.navtrail {
	padding:85px 0 0 5px;
	width:483px;
	height:40px;
	border-bottom:1px solid #fff;
	background:url(../../pics/hintergrund-images/allgemein/hg_navtrail.jpg) top left no-repeat;
}
.navtrail table,
.navtrail table tr,
.navtrail table tr td {
	padding:0;
	margin:0;
	border:0;
	height:40px;
	vertical-align:middle;
	text-align:left;
}
.navtrail,
.navtrail a {
	font-size:11px;
	color:#666;
	line-height:1.2;
	text-decoration:none;
}
.navtrail a:hover {
	color:#999;
}






/**
 * Rechte Spalte
 * -------------------------------------------*/
.rechte-spalte {
	float:right;
	width:257px;
	
}
.rechte-spalte .suche {
	background:#d7d7d7;
	width:257px;
	padding:0 0 0 0;
}
.rechte-spalte .suche-salinen {
	background:url(images/logo-salinen-big.jpg) top left no-repeat #d7d7d7;
	height:125px;
}
.rechte-spalte .salinen-link {
	display:block;
	height:85px;
	padding:0;
	margin:0;
}
* html .rechte-spalte .suche-salinen {
	overflow:hidden;
}
.border-top {
	border-top:1px solid white;
}
.rechte-spalte .suche label {
	line-height:19px;
	padding-right:10px;
}
.rechte-spalte .suche #keywords {
	background:#ccc;
	border:1px solid #fff;
	padding:1px 3px;
	width:124px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.rechte-spalte .suche .submit {
	padding-left:10px;
}
.suche-wrapper {
	padding:11px 0 0 0;
}
.suche-wrapper form {
	padding:0;
	margin:0;
}
.rechte-spalte .start {
	height:38px;
	padding:20px 0 0 20px;
}
.rechte-spalte .textbox {
	display:block;
	width:160px;
	height:145px;
	margin:17px 0 0 7px;
	padding:35px 60px 0 20px;
	background:url(images/hg_text-rechts.jpg) 173px 12px no-repeat #F3F3F3;
	position:relative;
}
.rechte-spalte .textbox .link {
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:175px;
	text-decoration:none;
}
.rechte-spalte .margin-rechts {
	display:block;
	margin:7px 0 0 7px;
}
.rechte-spalte .newsletter {
	width:198px;
	height:68px;
	border:1px solid #ccc;
	background:url(images/hg_newsletter.gif) top center no-repeat;
	padding:15px 20px;
}
.rechte-spalte .newsletter a {
	text-decoration:none;
	color:#333;
	font-size:12px;
}
.rechte-spalte .newsletter .pfeil {
	padding-left:25px;
}
#newsletter-signup-it,
#newsletter-signup-en,
#newsletter-signup-de {
	background: url(img/newsletter-signup.gif) top left no-repeat;
	display:block;
	width: 201px;
	height:24px;
	overflow:hidden;
	text-indent: -99999px;
}
#newsletter-signup-en {
	background-image:url(img/newsletter-signup-en.gif);
}
#newsletter-signup-it {
	background-image:url(img/newsletter-signup-it.gif);
}






/**
 * Untere Leiste
 * -------------------------------------------*/
.bottom {
	position:relative;
	margin:0 auto;
	width:980px;
	height:80px;
	background:#D1E0F6;
	clear:both;
	float:none;
}
.bottom .nav {
	position:absolute;
	left:15px;
	bottom:50px;
	width:155px;
	padding:0 25px;
	height:235px;
	background:url(images/hg-start-links-unten.gif) bottom left no-repeat #fff;
}
* html .bottom .nav {
	height:255px;
}
*+html .bottom .nav {
	height:255px;
}

.bottom .nav table,
.bottom .nav table tr,
.bottom .nav table tr td {
	width:155px;
	height:150px;
	padding:0;
	margin:0;
	border:0;
	text-align:left;
	vertical-align:middle;
}
.bottom .nav h2 {
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin:0;
	line-height:1.2em;
}
.bottom .nav table tr td h2 {
	padding-bottom:15px;
}
.bottom .nav table tr td a {
	color:#333;
	text-decoration:none;
	line-height:1.3em;
}
.bottom .nav table tr td a:hover {
	color:#666;
}
.bottom .nav .support {
	padding:25px 0 0 0;
}
.bottom .nav .support h2,
.bottom .nav .support p {
	padding:0;
	margin:0;
	line-height:1.4em;
}

.bottom .selektion {
	position:absolute;
	left:263px;
	bottom:17px;
	width:117px;
	height:49px;
}
.bottom .meta {
	float:right;
	margin:45px 30px 0 0;
}
.bottom .meta a {
	text-decoration:none;
	color:#333;
}
.bottom .meta a:hover {
	color:#666;
}








/**
 * Fusszeile
 * -------------------------------------------*/
.footer {
	clear:both;
	float:none;
	width:980px;
	height:80px;
	position:relative;
	margin:0 auto;
	color:#aaa;
}
.footer a {
	color:#aaa;
}
.footer .copyright {
	position:absolute;
	top:30px;
	left:20px;
	width:400px;
}
.footer .imprint {
	position:absolute;
	top:30px;
	right:20px;
	width:400px;
	text-align:right;
}







/**
 * Helper und Allgemein
 * -------------------------------------------*/
* html .shopping_cart {
	width:440px;
	overflow:hidden;
}



.cart-wrapper .info_message {
	width:auto;
	padding:6px 10px;
	color:#fff;
	border:2px solid #600;
	background:#c00;
	margin:10px 0 20px 0;
}








/**
 * Download Button
 * ----------------------------- */
.downloadbox {
	display:block;
	width: 225px;
	height: 65px;
	overflow:hidden;
	padding: 15px 0 0 15px;
	background:url(img/btn-download.png) top left no-repeat;
	color:#333;
	margin: 10px 0 10px 7px;
}
.downloadbox a {	
	color:#333;
	text-decoration: underline;
}
.downloadbox a:hover {	
	color:#666;
	text-decoration: none;
}


