/* ****************************************************************************

                                CSS DOCUMENT
				
		               (c) 2007 zechendorf e.solutions
		                  http://www.zechendorf.com

**************************************************************************** */




/* ****************************************************************************

                               MAIN ELEMENTS

**************************************************************************** */

html {	
}

body {
  height: 100%;
  margin: 0 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
  line-height: 1.3em;
  background: #cfcfc0;
}

a:link, a:visited {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  color: #cfcec0;
}

h1{
  margin: 0;
  padding: 0 0 7px 0;
  line-height: 28px;
  font-size: 28px;
  color: #cfcec0;
  font-weight: bold;
}


#shop_right p{
  font-size: 11px;
  line-height: 1.2em;
	margin: 0px;
	padding: 0 0 4px 0;
	
}

h2 {}

/* ****************************************************************************

                         DEFAULT CONTAINER ELEMENTS

**************************************************************************** */

.container{
  /* contains the site and the ornaments */
  width: 897px;
  margin: auto;
  background: url('../images/bg_container.gif');
  margin-top: 20px;
  /* overflow:hidden; */
}

.header{
  /* header element on top of the page */  
  background: url('../images/bg_header.gif');
  height: 107px;
}

.header_left{
  width: 1px;
  float:left;
}


.header_nav{
   width: 550px;
   float: left;
   margin-top: 55px;
   padding-left: 40px;
}


.header_right{
  float:right;
  width: 275px;
  padding-top: 21px;
}

.header_right img{
  border: 0px none;
}

.content{
  padding-top: 8px;
  padding-left: 40px;
}

.content h1{
/*  text-transform: uppercase;*/
letter-spacing:0.1em;
  font-size: 22px;
  font-weight: bold;
}

#home_content{
  width: 838px;
  /* background: url('../images/bg_content.png') bottom right no-repeat; */
  overflow: hidden;
}

.left_content{
  clear:both;
}

.left_content, .center_content, .right_content{
  float: left;
  width: 250px;
  padding-right: 40px;
}

.right_content{
  padding-right: 0px;
}

div.tx-ttproducts-pi1,
div.tx-ttproducts-pi1-single{
  margin: 0;
  padding: 0;
}

#shop_left h1,
#cat_left h1{
  text-transform: none;
  font-size: 28px;
  
}

#shop_left{
  float: left;
/* so vorher  width: 425px;*/
  width:452px;
  padding-right: 12px;
}

#shop_left p{
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 15px;
}

div.csc-textpic-imagewrap{
  padding-right: 15px;	
}

#shop_left img,
div.csc-textpic-border div.csc-textpic-imagewrap div.csc-textpic-imagerow dl dt img,
div.csc-textpic-border div.csc-textpic-imagewrap dl dt img,
div.csc-textpic-border div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
  float: left;
/*  border: 6px solid #cfcec0;*/
  margin-right: 12px;
}

div.csc-textpic{
 padding-top:0;
 margin-top:16px
}

#shop_right{
  float: left;
  background: #f4f3ef;
  width: 375px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.shop_right{
  float: left;
  background: #f4f3ef;
  width: 375px;
  overflow: hidden;
  padding: 0;
  margin: 0 40px 0 0;
}

.shop_right .text{
  height: 325px;
}

div.text h1{
  margin-bottom: 8px;
	text-align: left;
}

div.text p{
  padding: 0 0 12px 0;
  margin: 0;
	text-align: left;
}
div.text{
  padding: 10px 0 10px 10px;
  font-size: 11px;
  line-height: 1.2em;
	text-align: center;
}

div.text img{
  margin-left: 0px;
  margin-top: 0;
  padding: 0;
  border: 0;
}

.right_bottom{
  clear:both;
  height: 32px;
  width: 100%;
  background: #cfcec0;
  margin: 0;
  padding: 0;
}

.footer{
	clear: both;
  background: url('../images/bg_footer.gif') bottom left no-repeat;
  height: 45px;
}

img.spacer-gif{
  border: 0px none;
}

#anschrift_left, #anschrift_center, #anschrift_right{
  font-size: 11px;
}

input, select,
textarea{
  border: 1px solid grey;
  background: #cfcec0;
  font-size: 11px;
  padding: 2px;
}

select{
  font-weight: bold;
}

#anschrift_left h2, #anschrift_center h2, #anschrift_right h2{
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
}

#home_right{
  color: #1695c9;
  color: #cfcec0;
  font-weight: bold;
  height: 350px;
}

#home_right a:link,
#home_right a:visited,
#home_right a:active,
#home_right a:hover{
  text-decoration: underline;
  color: #3cacd9;
  font-size:14px;
}

/*
#home_right a:hover{
  text-decoration: none;
  color: #000;
}*/

p.bodytext{
  margin:0;
  padding:0;
  padding-bottom: 16px;
}


/* ****************************************************************************

                                  NAVIGATION

**************************************************************************** */

ul.nav_horiz,
ul.subnav_horiz{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  padding-top: 55px:
}


ul.nav_horiz li,
ul.subnav_horiz li{
  float: left;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
/*  padding-right: 25px;*/
padding-right:22px;
  
}

#subnav_horiz a:link,
#subnav_horiz a:active,
#subnav_horiz a:visited,
#subnav_horiz a:hover{
	font-size: 11px !important;
}



ul.nav_horiz li a:link,
ul.nav_horiz li a:visited,
ul.nav_horiz li a:active{
  text-decoration: none;
  color: #fff;
}


ul.subnav_horiz a:link,
ul.subnav_horiz a:visited,
ul.subnav_horiz a:active{
	color: #000;
}


ul.subnav_horiz li a:hover{
  text-decoration: underline;
}

ul.nav_horiz li.home a:link,
ul.nav_horiz li.home a:visited,
ul.nav_horiz li.home a:active{
  text-decoration: none;
  color: #777978;
}

ul.nav_horiz li a:hover,
ul.nav_horiz li.home a:hover,
ul.nav_horiz li.active a{
  color: #a9202d;
}

ul.subnav_horiz{
}

ul.subnav_horiz li{
  font-size: 11px;
  padding-right: 15px;
  margin-top: 5px;
}

ul.shop_buttons{
  margin: 0;
  padding: 0;
  height: 32px;
  list-style-type: none;
  padding-left: 10px;
}

ul.shop_buttons li{
  height: 32px;
  line-height: 32px;
  width: 100px;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
ul.shop_buttons li a{
  font-weight: bold;
  color: #abaa97;
  text-decoration: none;
  display: block;
  padding-left: 27px;
  background: url(../images/bg_shop_buttons.gif) top left no-repeat;
}

ul.shop_buttons li a:hover{
  background-position: 0px -31px;
  color: #a91525;
}

ul.quicknav{
  margin: 0;
  padding: 0;
  height: 45px;
  list-style-type: none;
  padding-left: 40px;
}

ul.quicknav li{
  float: left;
  widht: 100px;
  font-size: 11px;
}

ul.quicknav li.left a{
  width: 43px;
  height: 45px;
  background: url('../images/bg_nav_buttons.gif') 0px 0px no-repeat #abaa97;
  text-decoration: none;
  display: block;
}

ul.quicknav li a{
  text-decoration: none;
  color: #7f807d;
  line-height: 45px;
}

ul.quicknav li a:hover{
  color: #a91525;
}

ul.quicknav li.right a{
  width: 42px;
  height: 45px;
  background: url('../images/bg_nav_buttons.gif') -43px 0px no-repeat #abaa97;
  text-decoration: none;
  display: block;
  margin-right: 5px;
}

ul.quicknav li.left a:hover{
  background-position: 0px -75px;
}

ul.quicknav li.right a:hover{
  background-position: -43px -75px;
}

/* Robert Hartl Erweiterung */
h1#ketteh1{
margin-top:-27px;}

/* Landing-Page*/
#lp-teaser{
font-size:16px;
line-height:1.5em;}

#ld-produkte{
font-size:15px;
line-height:1.5em;}

.box{
margin-right:15px;
background:#cfcec0;
padding:5px 10px;
font-weight:normal;}

/*#lp-teaser dl.csc-textpic-image dt img{
  border: 6px solid #cfcec0;}*/

/* Christopher: Darstellung Adresse auf Landingpage... */
#ld-produkte{
  clear: both;
  padding-top: 40px;

}

div.categorynav{
	width: 540px;
	height: 365px;
	float: left;
	margin-right: 12px;
}

div.categorynav ul{
	height: 365px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.categorynav ul li{
	float: left;
	width: 178px;
	height: 365px;
	margin-right: 2px;
	background: none;
	overflow:hidden;
}

div.catart ul li img{
	border: none;
	padding: 2px;
}


div.categorynav ul li a:link,
div.categorynav ul li a:visited,
div.categorynav ul li a:active{
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	padding: 16px 0 0 5px;
	color: #e0ded0;
}

div.categorynav ul li a:hover{
	color: #cd0016;
}

div.categorynav ul li#schlafen a:link,
div.categorynav ul li#schlafen a:visited,
div.categorynav ul li#schlafen a:active{
	background: url('../images/bg_catnav_schlafen.jpg') -178px 38px no-repeat;
	display: block;
	height: 365px;
}

div.categorynav ul li#schlafen a:hover{
	background-position: 0px 38px;
	display: block;
	height: 370px;
}


div.categorynav ul li#wohlfuehlen a:link,
div.categorynav ul li#wohlfuehlen a:visited,
div.categorynav ul li#wohlfuehlen a:active{
	background: url('../images/bg_catnav_wohlfuehlen.jpg') -178px 38px no-repeat;
	display: block;
	height: 365px;
}

div.categorynav ul li#wohlfuehlen a:hover{
	background-position: 0px 38px;
	display: block;
	height: 365px;
}


div.categorynav ul li#schmuck a:link,
div.categorynav ul li#schmuck a:visited,
div.categorynav ul li#schmuck a:active{
	background: url('../images/bg_catnav_schmuck.jpg') -178px 38px no-repeat;
	display: block;
	height: 365px;
}

div.categorynav ul li#schmuck a:hover{
	background-position: 0px 38px;
	display: block;
	height: 365px;
}

div.catart a:link,
div.catart a:visited,
div.catart a:active,
div.catart a:hover{
	color: #cfcec0;
	text-decoration: none;
}

div.catart ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
}



div.catart ul.catartlist li{
  width: 87px;
	height: 80px;
	float: left;
	padding: 0;
	margin: 0;
}

div.catart ul.catartlist li.newline{
  clear: left;
}

div.catart ul.catartlist li a:link,
div.catart ul.catartlist li a:visited,
div.catart ul.catartlist li a:active{
	background: url('../images/bg_catart.jpg') 0px 0px no-repeat;
	display: block;
	height: 80px;
}


div.catart ul.catartlist li a:hover{
	background-position: -87px 0px;
	display: block;
	height: 80px;
}


#cat_left h1{
  margin-bottom: 0;
	padding-bottom: 0;
}

#cat_left div{
	margin-top: 0px;
	padding-top: 0;
}

div#cat_left{
	float:left;
	width: 500px;
}

#center_aktuelles{
	width: 450px;
}

#right_aktuelles h1{
	padding-top: 24px;
	padding-bottom: 0;
	margin-bottom: 0;
}
#right_aktuelles div{
	margin-top: 0;
}

/* Robert: Aufteilung etwas besser, wobei in Vorlage Schrift Leserbriefe zu klein
#right_aktuelles.right_content{
  width:320px;
}
aber der IE */

#right_aktuelles h5#aktuell-news{
  font-weight:bold;
  color:#cfcfc0;
  font-size:14px;
  margin-top:0;
  padding-top:0;
}  
  
#right_aktuelles p{
	margin-top: 0;
}
/*
#right_aktuelles a:link,
#right_aktuelles a:link,#right_aktuelles a:visited{
	color: #0ca0dc;
	text-decoration: none;
}*/

#left_produktion,
#center_produktion{
	width: 200px;
  padding-right:32px;
}

/*
#left_produktion{
	margin-top: 16px;
}*/

#right_produktion{
	width: 375px;
	height: 354px;
	/* background: url('../images/bg_produktion.jpg') top left no-repeat #f4f3f0;*/
	margin-top: -32px;
}

#right_produktion p{
	padding: 8px;
	color: #b6b9a1;
	font-weight: bold;
}

#left_kontakt{
	width: 336px;
	height: 360px;
}

#center_kontakt a:link,
#center_kontakt a:visited,
#center_kontakt a:active,
#left_kontakt a:link,
#left_kontakt a:visited,
#left_kontakt a:active{
	color: #000;
	text-decoration: none;
}

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



div#cat_left{
	float:left;
	width: 200px;
	padding-top: 6px;
}

div#cat_center{
	float:left;
	width: 220px;
}

div#cat_center h1{
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1.2em;
}

div#cat_center .csc-header{
	padding-bottom: 0;
	margin-bottom: -12px;	
}

div#cat_center p.bodytext{
	padding-top: 0;
	margin-top: 0;
}

div#cat_right{
	margin-left: 40px;
}

div.catart,
div#cat_right{
	float: left;
	width: 261px;
	height: 365px;
}

#subnav_horiz a:link,
#subnav_horiz a:visited,
#subnav_horiz a:active{
	color: #000;
	text-decoration: none;
	font-style: italic;
}

#subnav_horiz a:hover{
	text-decoration: underline;
}

#shop_right ul.backbutton{
	padding: 6px 0 0 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
}
#shop_right ul.backbutton li{
	height: 23px;
}
#shop_right ul.backbutton li a:link,
#shop_right ul.backbutton li a:visited,
#shop_right ul.backbutton li a:active{
	color: #c2c0a4;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left: 34px;
	height: 23px;
	overflow: hidden;
	line-height: 23px;
	background: url('../images/bg_prod_backbutton.gif') 8px -23px no-repeat;
}


#shop_right ul.backbutton li a:hover{
	background-position: 8px 0;
	color: #cc071e;
}

#philosophie_left{
	margin-top: -46px;
}

h1#phil_h1{
	margin-left: 288px;
}

.imprint {
        margin-right:10px;
}


/*Landingpages*/
.vorschau a img{
width:198px;

margin:0 2px 2px 0;
border:2px solid #ABAA97;}

.vorschau a:hover img{
border-color:#cfcec0;}

#shop_right h1,
.shop_right h1{
  color: #000;
  padding: 0px;
	margin: 0;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
	clear: both;
}