/* Page Body */
html {
    height: 100%;
    min-height: 100%;
}
body {
    background: url("../img/hintergrund_2010.gif") #f8d0c0 left top repeat;
    font-size: 12px;
    font-family: "trebuchet ms", arial, Verdana,Tahoma, sans-serif;
    color:  #000000;
    height: 100%;
    padding: 29px 0 0 0;
    margin: 0;
}


/* Overall  */
#overall {

    position: relative;
    background: url("../img/bg_content.gif") left top repeat;
    width: 1024px;
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0 auto;
}
body>#overall {
    height: auto;
    min-height: 100%;
}


/* Header */
#header {
    position: relative;
	/*height: 167px;*/
	height: 255px;
  	width: 1024px;
	background: url("../img/header.gif") top right no-repeat;
	padding: 0;
	border: 0;
    margin: 0;
}


/* Logo */
#logo {
    position: absolute;
    top: 30px;
    left: 50px;
    width: 320px;
    height: 95px;
    padding: 0;
    margin: 0;
}
#motiv_link {
	display: block;
	width: 145px;
	height: 145px;
	position: absolute;
	bottom: -20px;
	right: 10px;
}

/* Navigation Main */
#naviMain {
	position: absolute;
	top: 186px;
	left: 1px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#naviMain li {
	float: left;
	padding: 0 0 0 1px;
	margin: 0;
	border: 0;
}
#naviMain li a {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 13px;
	color: #515150;
	width: 340px;
	height: 57px;
	border: 0;
}
#naviMain li a span {
	display: none;
}
#naviMain li a#root1 {
	background: url("../img/button_header.gif") left top no-repeat;
}
#naviMain li a#root2 {
	background: url("../img/button_header.gif") left top no-repeat;
}
#naviMain li a#root3 {
	background: url("../img/button_header.gif") left top no-repeat;
}
#naviMain li a#root1:hover {
	background: url("../img/button_header.gif") left top no-repeat;
}
#naviMain li a#root2:hover {
	background: url("../img/button_header.gif") left top no-repeat;
}
#naviMain li a#root3:hover {
	background: url("../img/button_header.gif") left top no-repeat;
}


/* Suche */
#suche {
    position: absolute;
    top: 157px;
    left: 40px;
    height: 22px;
    padding: 0;
    margin: 0;
}
#suche form {
    padding: 0;
    margin: 0;
}
#suche input {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
}
#suche span {
    float: left;
    color: #fff;
    padding: 2px 0 0 0;
}


/*Navigation Top */
#navTop {
	list-style-type: none;
	position: absolute;
	top: 155px;
	right: 20px;
	height: 18px;
	padding: 4px 0 0 0;
	margin: 0;
}
#navTop li {
	float: left;
	padding: 0;
	margin: 0;
}
#navTop li a {
	display: block;
	padding: 0 4px;
	margin: 0;
	border-left: 1px solid #000;
	font-size: 11px;
	line-height: 13px;
	color: #000;
}
#navTop li a:hover {
	color: #000;
	text-decoration: underline;
}
#navTop li a.first {
	border: 0;
}


/* Top Content 
#topContent {
    position: relative;
    background: url("../img/menuleiste.gif") top left no-repeat;
    height: 30px;
    padding: 14px 0 0 0;
    margin: 0;
    font-size: 11px;
    line-height: 13px;
}

#topContent .tcBox1 {
    position: absolute;
    top: 0;
    left: 90px;
    width: 260px;
    height: 50px;
    padding: 45px 0 0 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
}

#topContent .tcBox2 {
    position: absolute;
    top: 0;
    left: 400px;
    width: 400px;
    height: 50px;
    padding: 45px 0 0 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
}

#topContent .tcBox3 {
    position: absolute;
    top: 0;
    left: 860px;
    width: 130px;
    height: 50px;
    padding: 45px 0 0 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
} 


/* Content */
#content {
  min-height: 650px;
	padding: 10px 19px;
	margin: 0;
	border: 0;
	background: none;
}
* html #content {
    height: 520px;
}

.moreMotives {
	display: block;
	background: url("../img/button_weitere_motive.gif") left top no-repeat;
	width: 178px;
	height: 29px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding: 3px 0 0 25px;
	margin: 0 0 20px 0;
}
.moreMotives:hover {
	color: #000;
}
.more_motives {
	margin: -15px 0 0 0;
}
.article_content {
  min-height: 320px;
	padding: 0;
	margin: 0;
	float: left;
	width: 617px;
	position: relative;
}
.article_content.wide {
	width: 100%;
}
/* Artikel Liste */
.product.small,
.article_content .new_product .product,
.article_content .productlist .product {
	width: 181px;
	height: 170px;
	padding: 0 12px 35px 12px;
	background: url("../img/teaser_hintergrund_neu2.jpg") center top no-repeat;
	position: relative;
	float: left;
}
.product.small h2,
.article_content .new_product .product h2,
.article_content .productlist .product h2 {
	padding: 0 8px;
}
.product.small h2 a,
.article_content .new_product .product h2 a,
.article_content .productlist .product h2 a {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}
.product.small .price,
.article_content .new_product .product .price,
.article_content .productlist .product .price {
	position: absolute;
	right: 26px;
	bottom: 52px;
	font-weight: bold;
	font-size: 11px;
}
.product.small .price big span,
.article_content .new_product .product .price big span,
.article_content .productlist .product .price big span {
	font-size: 10px;
	margin: 0 -2px 0 0;
}
.product.small .tocart,
.article_content .new_product .product .tocart,
.article_content .product small  .product .variants,
.article_content .productlist .product .tocart,
.article_content .productlist .product .variants,
.article_content .productlist .product .amount {
	display: none;
}

/* Artikel Details */
.article_content#details .product.details #mainproduct {
	width: 250px;
	height: 268px;
	padding:0;
	background: url("../img/hintergrund_produktansicht2.jpg") left top no-repeat;
	position: relative;
	float: left;
}
.article_content#details .product.leinwand.details #mainproduct {
	width: 250px;
	height: 268px;
	padding:0;
	background: none;
	position: relative;
	float: left;
}
tt#test_product_artnum {
	display: none;
}
.article_content#details .product.details #mainproduct h1 {
	padding: 5px 12px 4px 12px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
}
.article_content#details .product.details #mainproduct h1.variant {
	line-height: 15px;
	padding: 2px 12px 4px 12px;
}
.article_content#details .product.details #mainproduct h1 span.title {
	display: block;
}
.article_content#details .product.details #mainproduct h1 span.variant {
	display: block;
	font-size: 12px;
}
.article_content .picture,
.article_content#details .product.details #mainproduct .picture {
	text-align:center;
}
.article_content#details .product.details #mainproduct .price {
	position: absolute;
	right: 15px;
	bottom: 44px;
	font-weight: bold;
	font-size: 14px;
}
.article_content#details .product.details #mainproduct .price span {
	font-size: 12px;
}
.article_content#details .product.details #mainproduct .desc {
	font-weight: bold;
	width: 120px;
	padding: 0 0 0 5px;
	font-size: 13px;
}
.article_content#details .product.details #mainproduct .dinfo {
	display: none;
}
.article_content#details .product.details .details_content {
	float: left;
	padding: 0 0 0 25px;
	width: 340px;
}
.article_content#details .product.details .details_content .variants {
	padding: 0 0 15px 0;
}
.article_content#details .product.details .details_content .variants label,
.article_content#details .product.details .details_content .amount label {
	display: block;
	font-size: 20px;
	float: none;
}
.article_content#details .product.details .details_content .variants select {
	border: 1px solid #f3a7d1;
	width: 180px;
}


.article_content .productlist.details .useroptboxbig {
	padding: 10px 0 8px 10px;
}
.article_content .productlist.details .useroptboxbig .product {
	padding: 0 10px 35px 10px;
}

.article_content#details .product.details .details_content .tocart {
	padding: 10px 0;
}
.article_content#details .product.details .details_content .tocart input {
	width: 200px;
	height: 33px;
	background: url("../img/warenkorb.gif") left top no-repeat;
	border: 0;
}

.small_products .product {
	width: 181px;
	height: 170px;
	padding: 0 12px 35px 12px;
	background: url("../img/teaser_hintergrund_neu2.jpg") center top no-repeat;
	position: relative;
	float: left;
}
.small_products .product h2 {
	padding: 0 8px;
}
.small_products .product h2 a {
	color: #000;
	font-size: 13px;
}
.small_products .product .price {
	position: absolute;
	right: 26px;
	bottom: 52px;
	font-weight: bold;
	font-size: 11px;
}
.small_products .product .desc {
	display: none;
	font-weight: bold;
	width: 120px;
	padding: 0 0 0 5px;
	font-size: 13px;
}
.small_products .product .price big span {
	font-size: 11px;
	margin: 0 -2px 0 0;
}
.small_products .product .tocart,
.small_products .product .variants {
	display: none;
}

/* Start Content */
#startcnt {
    padding: 0;
    margin: 0 0 20px 0;
}
#startcnt a {
	font-weight: bold;
	color: #FF0A7E;
}

/* Verkaufen */
#sell_cnt_right {
	padding: 10px 0 0 0;
	width: 220px;
	float: right;
}
#sell_bg {
	width: 600px;
	height: 180px;
	background: url("../../media/verkaufen.jpg") left top no-repeat;
}

/* Left */
.tree .root {
	display: none;
}
ul.tree li a.act, ul.tree li a.exp {
	color: #ff46a3;
  font-weight: bold;
}
ul.tree li a.exp {
	color: #000;
  font-weight: bold;
}

ul.tree li ul li ul li {
	background: url("../img/navArrow.gif") left 8px no-repeat;
	padding: 3px 0 3px 10px;
}
div.kategorien, div.infos {
	background: url("../img/menu_hintergrund_bg.jpg") left top repeat-y;
	width: 150px;
	margin: 0 0 25px 0;
	position: relative;
}
div.category_bg {
	background: url("../img/menu_hintergrund.jpg") left bottom no-repeat;
	height: 100%;
	width: 134px;
	padding: 10px 8px 20px 8px;
}
div.kategorien h2, div.infos h2 {
	padding: 0 0 15px 0;
	margin: 0;
	color: #000;
	font-size: 16px;
}
ul.tree, ul.tree ul, ul.info {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.tree li, ul.tree ul li, ul.info li {
	padding: 3px 5px;
}

ul.tree ul li a {
	color: #000;
	font-family: arial;
	font-weight: bold;
}

ul.tree li ul li ul li a {
	color: #000;
	font-family: arial;
  font-weight: normal;
}

ul.info li a {
	color: #000;
	font-family: arial;
}

/* Right */
/* Warenkorb */
#right .box {
	width: 134px;
	padding: 10px 8px 20px 8px;
	margin: 0 0 25px 0;
	background: url("../img/menu_hintergrund.jpg") #fff left bottom no-repeat;
}

#right .box h2 a {
	padding: 0 0 15px 0;
	margin: 0;
	color: #000;
	font-size: 16px;
}
#right .box.minibasket table tr td {
	padding: 5px 0;
}
#right .box.minibasket table {
	margin: 0 0 5px 0;
}
#right .box.minibasket .tocart .btn {
	background: url("../img/warenkorb_ohne_schrift.gif") left top no-repeat;
	padding: 0 0 3px 0;
	width: 124px;
	height: 21px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
}
.tocart input:hover {
	cursor: pointer;
}
.newsletter_btn input.btn {
	background: url("../img/abonnieren_ohne_shrift.gif") left top no-repeat;
	padding: 0 0 3px 0;
	width: 76px;
	height: 20px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
}
#right .box .newsletter_btn input.btn:hover {
	cursor: pointer;
}
#right .box_white {
	background: #fff;
	padding: 5px;
}

/* Footer */
#footclear {
    height: 100px;
    padding: 0;
    margin: 0;
}
#footer {
    width: 1024px;
    height: 142px;
	background: url("../img/footer.gif") left top no-repeat;
	padding: 105px 0 0 105px;
}


/* Navigation Bottom */
.navigationBottom {
	padding: 0px 20px 0px 20px;
	float: left;
	height: 110px;
}
.navigationBottom h2 {
	padding: 0 10px 0 0;
	font-size: 16px;
}
.navBottom {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navBottom li a {
	color: #ffffff;	
}

#logosBottom {
	float: left;
	padding: 0 25px 0 20px;
	height: 120px;
}

#navLogos {
  float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:center;
}

#navBookmarks {
    position: relative;
    top: 0px;
    left: 250px;
    width: 320px;
    height: 95px;
    padding: 0;
    margin: 0;
}


#sofortueberweisung {
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
}

/* Bottom Spacer */
#bottom_spacer {
	width: 100%;
	height: 30px;
}


/* Custom */
.clear {
    clear: both;
}

.fl_left {
    float: left;
    padding: 10px 10px 10px 10px;
    margin:  10px 10px 10px 10px;
}


.fl_left_more_motives {
    float: right;
    margin:  0px 15px 0px 0px;
}

.fl_right {
    float: right;
}
.hidden {
	display: none;
}


/* Default */
h1 {
    font-size: 180%;
    color: #ffffff;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h2 {
    font-size: 160%;
    color: #ffffff;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h3 {
    font-size: 140%;
    color: #ffffff;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h4 {
    font-size: 120%;
    color: #ffffff;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h5 {
    font-size: 100%;
    color: #ffffff;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h6 {
    font-size: 100%;
    color: #ffffff;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

p {
    margin: 0;
    padding: 0 0 1.5em 0;
    line-height: 16px;
}

a {
    color: #404c50;
    text-decoration: none;
}
a:hover {
    color: #404c50;
    /*display:inline-block;
    width:100px;
    color:#000000;
    background:#f8x7dc;*/ 
    text-decoration: underline;
}