/* RESET */ * { margin:0; padding: 0; } option { padding-left: 0.4em; } * html body * { overflow:visible; } * html iframe, * html frame { overflow:auto; } * html frameset { overflow:hidden; } html { height: 100%; margin-bottom: 1px; } body {     font-size: 100.01%;     color: #000;     background: #fff;     text-align: left; } fieldset, img { border: 0 solid; } img { vertical-align: bottom; } ul, ol, dl { margin: 0 0 1em 1em } li { margin-left: 1.5em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } blockquote { margin: 0 0 1em 1.5em; } /* RESET END */ body { 	background: #bebebe url(../images/content_bg.gif) center top;		 	font:1em/1.5em Arial, Helvetica, sans-serif; } a, a:link, a:visited, a:active { 	color: #f37022; 	border-bottom: 1px solid #f37022; 	text-decoration: none; 	cursor: pointer; } a:hover { 	color: #e84f13; 	text-decoration: underline; 	border-bottom:none; } /*  * INPUT TAG STYLES  */ form { 	line-height: 1em; 	position: relative; } input[type=text], input[type=password] { 	border: 1px solid #BBBBBB; 	font: 12px/12px Arial, sans-serif; 	padding: 5px 5px; 	-moz-border-radius: 5px; 	-webkit-border-radius: 5px; } .inputRow { 	display: block; 	padding: 5px 5px 0 0; } .inputHint { 	display: block; 	color: #666666; 	font-size: 11px; 	line-height: 11px; } .wrapped { /* 3 WRAPPED DIV (HEAD,NAVI,CONTENT) */ 	margin: 0 auto; 	position: relative; 	width: 1000px; } #head_wrapper { 	background: #ffffff url(../images/head_bg.jpg) center top repeat-x; 	height: 100px; } #navi_wrapper { 	background: #000000 url(../images/navi_bg.gif) center top repeat-x; 	border-top: 1px solid #b0b0b0; 	height: 34px; } /* NAVIGATION */ #navi ul { 	list-style: none; 	margin: 0; /*	padding-left: 250px;*/ 	padding-left: 233px; /* Weiter links weil wenig Platz */ } #navi li { 	position: relative; 	border-left: 1px solid #7f7f7f; 	border-right: 1px solid #3e3e3e;	 	color: #ffffff; 	float: left; 	font-size: 13px; 	font-style: normal; 	margin: 0;	 	padding: 0; } #navi li a, #navi li a:link, #navi li a:active, #navi li a:visited { 	position: relative; 	top: 0; 	left: 0; 	color: #ffffff; 	display: block; 	float: left; 	line-height: 33px;	 	padding: 0 15px; 	text-decoration: none; 	border-bottom:none;	 	-webkit-transition: all 1s linear; 	z-index: 5; } #navi li span.pufferover { 	background: transparent url(../images/navi_bg_over.gif) top center repeat-x; } #navi li a:hover { /* STYLE HOVER MENU ITEM */ 	/* background: transparent url(../images/navi_bg_over.gif) top center repeat-x; */ } #navi li a.active, #navi li a:active { /* STYLE ACTIVE MENU ITEM */ 	background: transparent url(../images/navi_bg_active.gif) top center repeat-x; } #navi ul ul { 	background: transparent; 	padding: 0; 	position: absolute; 	z-index: 0; 	left: 0; 	top: 34px; 	width: auto; 	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); 	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); 	-webkit-border-bottom-left-radius: 8px; 	-webkit-border-bottom-right-radius: 8px;	 	-moz-border-radius-bottomleft: 8px; 	-moz-border-radius-bottomright: 8px; 	-moz-transition-property: opacity, z-index; 	-moz-transition-duration: 0.75s; 	-webkit-transition-property: opacity, z-index; 	-webkit-transition-duration: 0.75s; 	opacity: 0; } #navi ul li:hover ul { 	z-index: 1000; 	opacity: 1; } #navi ul ul li { 	background: #464646; 	background: rgba(70,70,70,0.9); 	border: none; 	border-top: 1px solid #6f6f6f; 	border-bottom: 1px solid #2f2f2f; 	width: 100%; 	height: auto; } #navi ul ul li:last-child, #navi ul ul li:last-child span.pufferover { 	-webkit-border-bottom-left-radius: 8px; 	-webkit-border-bottom-right-radius: 8px; 	-moz-border-radius-bottomleft: 8px; 	-moz-border-radius-bottomright: 8px;		 } #navi ul ul li a, #navi ul ul li a:link, #navi ul ul li a:active, #navi ul ul li a:visited { 	background: transparent; 	line-height: 2em; 	height: auto; } /* NAVIGATION END */ /* SIDE CATEGORIES */ #navi_side { 	float: left; 	overflow: hidden; 	width: 200px; } #navi_side ul, #navi_side .box { 	list-style: none; 	margin: 0 10px; 	padding: 0; 	-webkit-box-shadow: #000000 0px 0px 8px; 	-moz-box-shadow: #000000 0px 0px 8px; } #navi_side ul li { 	background: #fff url(../images/category_bg.jpg) left top repeat-y; 	border: 1px solid #ffffff; 	border-bottom: none; /*	height: 25px; */ 	margin: 0; 	padding: 0; 	width: 178px; } #navi_side ul ul { 	-webkit-box-shadow: none; 	-moz-box-shadow: none;	 	margin: 0; } #navi_side ul ul li { /* SUB CATEGORY LI ELEMENTS */ 	background: #ffffff; 	-moz-border-radius: 0; 	-webkit-border-radius: 0px;	 	margin: 0; /*	padding: 0 0 0 10px; */ 	width: auto; } #navi_side ul, #navi_side ul li { 	-moz-border-radius-bottomleft: 8px; 	-moz-border-radius-bottomright: 8px; 	-webkit-border-bottom-left-radius: 8px; 	-webkit-border-bottom-right-radius: 8px; } #navi_side ul.box { /* LINK BOX */ 	-moz-border-radius: 8px; 	-webkit-border-radius: 8px; } #navi_side ul.box .glasses { 	background: transparent url('../images/glasses_small.png') left top no-repeat; 	display:block; 	float: left; 	height: 9px; 	margin: 8px 5px 0 0; 	width: 9px; } #navi_side li.last { 	border-top: 1px solid #ccc; 	margin-bottom: 20px; } #navi_side ul li a { /* SIDE NAVI TEXT LINKS */ 	color: #010101; 	display: block; 	font-size: 11px; 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 	font-weight: normal; 	line-height: 25px; 	/*letter-spacing: -0.1em;*/	 	padding-left: 10px; 	text-decoration: none; 	border-bottom:none; } #navi_side ul li a:hover { 	border: 0; } #navi_side ul ul li a { 	color: #404040; 	font-weight: normal; } #navi_side ul ul li a:focus { 	outline: none; } #navi_side ul ul li a.active { 	font-weight: bold; } #navi_side ul ul li a span.navi_arrow { /* SUBCATEGORY ARROW THING */ 	display: block; 	float: left; 	height: 10px; 	margin: 7px 5px 3px 0;	 	width: 10px; } #navi_side ul ul li a:hover span.navi_arrow, #navi_side ul ul li a.active span.navi_arrow { 	background: transparent url('../images/sprite.png') -196px -166px no-repeat; } /* SIDE CATEGORIES END */ #navi_side .box { /* BOXES AT SIDEBAR */ 	background: transparent url(../images/sidebox_bg.gif) left top repeat; 	border-top: 1px solid #ffffff; 	-moz-border-radius: 8px; 	-webkit-border-radius: 8px; 	overflow: hidden;	 	margin-bottom: 20px; } #navi_side div#side_title { 	background: #f6f6f6 url(../images/program_bg.png) left bottom no-repeat; 	position: absolute; 	top: -25px; 	width: 180px; 	z-index: 50; 	-webkit-border-bottom-left-radius: 0px; 	-webkit-border-bottom-right-radius: 0px; 	-moz-border-radius-bottomleft: 0px; 	-moz-border-radius-bottomright: 0px; 	-moz-box-shadow: none; 	-webkit-box-shadow: none;	 } .box h2, #footer h2 { /* BOX HEADLINES */ 	font-size:14px; 	font-style: normal; 	font-weight: normal; 	padding: 0 10px; 	text-shadow: #fff 0px 1px 5px; } .box dl.tagcloud { 	list-style: none; 	margin: 0; 	padding: 0; } .box .tagcloud dd { 	float: left; 	font-size: 12px; 	margin: 0; 	padding: 2px 10px; } /* SIDE BOXES END */ #main_wrapper { /* 100% WIDTH COMPLETE BACKGROUND CONTENT AREA */ } #main { /* COMPLETE CONTENT WITH SIDEBAR */ 	clear: both; 	background: #f3f3f3; /* SIDEBAR BACKGROUND COLOR */ 	border-left: 1px solid #777777;	/*  LEFT SIDEBAR BORDER */ 	position: relative; 	width: 999px; } #content { 	margin-left: 200px;	 	width: 799px; /* 200px Sidebar - 1px Border + 800px Content - 2px border */	 } #content_inner { 	background: #ffffff; 	border-left: 1px solid #777777; 	border-right: 1px solid #777777; } #content_inner, #navi_side_inner { 	position: relative; } /* YAML CLEARFIX */ .clearfix:after {     content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; } .clearfix { display: block; } /* YAML CLEARFIX END */ /* BREADCRUMBS */ #breadcrumbs { /* BREADCRUMBS DIV */ 	background: transparent url('../images/breadcrumbs_bg.png') left top repeat-y; 	border-bottom: 1px solid #c8c8c8; 	font-size: 12px; 	height: 24px; 	margin: 0 0 2px 0; 	padding-left: 45px; /* actually 50px but visual reasons & padding applied */ } #breadcrumbs ul { 	list-style: none; 	margin: 0; } #breadcrumbs ul li, #breadcrumbs .breadcrumbs-text { /* >> seperators */ 	color: #333333; 	float: left; 	line-height: 25px;	 	margin: 0; 	padding: 0 2px; } #breadcrumbs .breadcrumbs-text { /* BREADCRUMB TEXT: YOU ARE HERE */ 	color: #808080; } #breadcrumbs ul li a {	/* UNACTIVE BREADCRUMBS */ 	display: block; 	padding: 0 2px; 	color: #333333; 	text-decoration: none; 	border-bottom: none; } #breadcrumbs ul li a:hover { 	border: none; 	text-decoration: none; } #breadcrumbs ul li.active { /* ACTIVE BREADCRUMBS */ 	background: #ffffff; 	border-top: 1px solid #c8c8c8; 	border-left: 1px solid #c8c8c8; 	border-right: 1px solid #c8c8c8; 	line-height: 20px; 	margin-top: 2px; 	padding:0 8px 4px 8px; 	-moz-border-radius-topleft: 4px; 	-moz-border-radius-topright: 4px; 	-webkit-border-top-left-radius: 4px; 	-webkit-border-top-right-radius: 4px; } #breadcrumbs ul li.active a { /* ACTIVE BREADCRUMBS TEXT COLOR */ 	color: #030303;	 } #breadcrumbs .back-link { 	float: right; 	padding: 0 45px 0 0; } /* BREADCRUMBS END */ /* CONTENT MAIN */ #content_main { 	padding: 0 20px 0 45px; } #content_main h1 { /* MAIN HEADLINES */ 	color: #101010; 	font-size: 16px; 	font-weight: normal; 	margin: 30px 0 15px 0; } #content_main p, li, #content_main .text_content, #content_main .root_brick { /* STANDARD PARAGRAPH */ 	color: #333333; 	font-size: 12px; 	line-height: 1.3em; 	padding-right: 50px; } li { 	padding: 0 0 20px 0; } li strong, li b { /* LISTEN HEADINGS */ 	/*line-height: 2em;*/ 	display: block; 	padding: 0 0 5px 0; } li strong + br, li b + br { /* DON'T DISPLAY BR AFTER B - BECAUSE OF WYSIWYG EDITOR */ 	display: none; } #content_main .buttons { /* SPAN WHERE PREVIOUS & NEXT BUTTON IN LIST VIEW */ 	background: transparent url(../images/buttons_separator.png) center top no-repeat; 	padding: 15px 5px 15px 0; } #content_main .list-head { /* AREA WHERE NEXT PREVIOUS BUTTON & PAGE SELECT IS LOCATED */ 	border-bottom: 1px dashed #AAAAAA; 	padding: 0 0 20px 0; 	position: relative; 	margin-right: 50px; } #content_main .list-pages { /* PAGES OF LISTVIEW */ 	left: 250px; 	position: absolute; 	top: 0px; } #content_main .list-pages span { /* NUMBERS IN PAGE SELECTION */ 	display: block; 	float: left; 	font-size: 11px; 	line-height: 20px; 	margin: 3px 3px 0 0; 	padding: 1px 8px; 	border: 1px solid #dddddd; } #content_main .list-pages span:hover { 	background-color: #fcd68c; 	cursor: pointer; } #content_main .list-pages span.active { 	background-color: #f9aa3c; } #content_main .list-sort { 	right:0px; 	position: absolute; 	top: 0px; 	font-size: 0.9em; } #content_main .scrollcontainer { /* AREA WHICH IS FIX AND WHERE THE SCROLL DIVS ARE LOCATED */ 	position: relative; 	overflow: hidden; 	/* clear: both; DOESN'T WORK BECAUSE OF CLEARING - MAKES STARTPOINT OF LIST VIEW UNDER SIDEBAR END */ } #content_main .scrollcontainer .troley { /*	position: absolute; IS ADDED BY JAVASCRIPT */ } #content_main .list-entry { /* ONE BOOK IN LIST VIEW */ 	background: #FFFFFF url(../images/content_separator.png) center bottom no-repeat; 	clear: both; 	overflow: hidden; 	padding: 10px 0 30px 0; } #content_main .list-entry h3, #content_main .list-entry h2 { /* AUTOR & TITLE IN LIST */ 	width: 70%; } #content_main .list-entry .searchresult { /* FULLTEXT SNIPPETS list.phtml */ 	color: #999999; 	font-size: 10px; } #content_main .list-entry .searchresult strong { 	background: #f9aa3c; 	display: inline; 	color: #FFFFFF; 	padding: 1px 2px; } #content_main .cover-container { /* DIV WIDTH BOOK COVERS */ 	float: left; 	margin: 0 10px 0 0; 	overflow: hidden; 	width: 100px; } #content_main .cover-container a { 	border-bottom:none; } #content_main .cover-container a:hover { 	border: none; } #content_main .text-container { /* DIV WIDTH DESCRIPTION TEXTS IN LIST VIEW */ 	font-size: 12px; 	margin-left: 110px; /* RELATED TO .cover-container WIDTH + MARGIN */ } #content_main .text-container h3, #content_main h2 { /* AUTOR FORMAT */ 	color: #f36e21; 	font-size: 12px; 	font-weight: normal; 	margin: 0; 	padding: 0; 	background: none; 	clear: none;	 	text-shadow: none; 	text-transform: none; } #content_main .text-container h2 { /* TITLE FORMAT */ 	color: #3e3e3e; 	font-size: 12px; 	font-weight: bold; 	margin: 0; 	padding: 0 0 10px 0; } #content_main .text-container .btn-wrap { /* DIV WRAP FOR BUTTON */ 	position: absolute; 	left: 570px; 	margin-top: 7px; } #content_main .text-container .detail { /* DIV DETAIL INFO BOOK VERSIONS */ 	clear: right; 	color: #818181; 	padding: 10px 0 0 0; } #content_main .text-container .detail span { /* SPAN DETAILS */ 	display: block; 	float: left; 	width: 200px; } #content_main .text-container .detail span.text-right { /* SPAN DETAILS RIGHT COLUMN */ 	text-align: right; 	width: 70px; } #content_main .text-container .detail span.text-left { /* SPAN DETAILS RIGHT COLUMN */ 	width: 100px; } #content_main .text-container .detail span em, #content_main .product .left-column td em { 	padding: 2px 7px 2px 0; 	margin: 0 2px 0 2px; } #content_main .text-container .detail span em.copy, #content_main .product .left-column td em.copy { 	background: transparent url(../images/sprite.png) -199px -226px no-repeat; } #content_main .text-container .detail span em.print, #content_main .product .left-column td em.print { 	background: transparent url(../images/sprite.png) -217px -226px no-repeat; } #content_main .text-container .detail span em.download, #content_main .product .left-column td em.download { 	background: transparent url(../images/sprite.png) -235px -226px no-repeat; } canvas.mirror { 	margin: 1px 0 0 0; 	width: 100%; 	height: 30px; } a.btn, input[type=submit] { /* STANDARD BUTTONS */ 	background: #000000 url(../images/btn_bg.png) left top repeat-x; 	border: 1px solid #FFFFFF; 	color: #FFFFFF; 	cursor: pointer; 	font-size: 11px; 	font-weight: normal; 	line-height: 26px; 	padding: 6px 20px; 	text-decoration: none; 	text-shadow: #000000 0px 1px 2px;	 	text-transform: uppercase; 	-moz-border-radius: 5px; 	-webkit-border-radius: 5px;	 	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 4px; 	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 4px;	 } input[type=submit] { 	margin: 10px 0 0 0; 	padding: 5px 20px; 	line-height: 16px; /* SAFARI NEEDS IT */ 	cursor: pointer; } .btn:hover, input[type=submit]:hover { 	background: #AF7419 url(../images/btn_bg.png) left -27px repeat-x;  } /*.btn-puffer { 	background: #AF7419 url(../images/btn_bg.png) left -27px repeat-x !important;	 }*/ .symbol { /* BTN SYMBOL */ 	padding: 0 20px 0 0; } .symbol.cart { 	background: transparent url(../images/sprite.png) -196px -136px no-repeat; } .symbol.user { 	background: transparent url(../images/sprite.png) -200px -54px no-repeat; } #warenkorb { /* QUICK SHOPPINGCART DIV ON EVERY PAGE */ 	background: transparent url(../images/sprite.png) -253px -47px no-repeat; 	color: #633f27; 	cursor: default; 	font-size: 12px; 	height: 36px; 	left: 750px; 	line-height: 38px; 	padding: 2px 0 0 20px; 	position: absolute; 	top: 62px; 	width: 230px; 	-moz-border-radius-topleft: 5px; 	-moz-border-radius-topright: 5px; 	-webkit-border-top-left-radius: 5px; 	-webkit-border-top-right-radius: 5px; } #warenkorb:hover { 	background-color: rgba(255,235,210,0.4); } /*#warenkorb:hover { 	background-color: #ffebd2; }*/ #warenkorb .cart { 	background: transparent url(../images/sprite.png) -197px -70px no-repeat; 	height: 25px; 	left: 200px; 	position: absolute; 	top: 7px; 	width: 30px; } #main .cartcontent { /* SLIDING QUICK SHOPPINGCART */ 	background: #ffebd2 url(../images/quickcart_bg.png) left bottom repeat-x; 	border-left: 1px solid #c5c8cd; 	border-right: 1px solid #c5c8cd; 	border-bottom: 1px solid #c5c8cd; 	color: #633f27; 	font-size: 12px; 	left: 750px; 	line-height: 1.2em; 	padding: 0 0 10px 0; 	position: absolute; 	top: 0px;	 	width: 248px; 	z-index: 100; 	-moz-border-radius-bottomleft: 5px; 	-moz-border-radius-bottomright: 5px; 	-webkit-border-bottom-left-radius: 5px; 	-webkit-border-bottom-right-radius: 5px;	 } #main .cartcontent .author { 	clear: both; 	padding: 10px 10px 0 10px; } #main .cartcontent .title { 	float: left; 	font-weight: bold;	 	height: 14px; 	margin: 0 0 20px 0;	 	overflow: hidden; 	padding: 0 0 0 10px; 	width: 180px; } #main .cartcontent .price { 	float: right; 	overflow: hidden; 	padding: 0 10px 0 0; 	text-align: right; 	width: 40px; } #main .cartcontent .sum { 	border-top: 1px solid #c5c8cd; 	clear: both; 	margin: 10px 0 0 0; 	padding: 10px 10px 10px 0; 	text-align: right; } #content_main .separator { 	background: transparent url(../images/content_separator.png) center top no-repeat; 	height: 20px; 	margin: 15px 0; 	width: 100%;	 } #content_main label { /* FORM LABELS */ 	color: #666666; 	font-size: 11px; 	line-height: 12px; 	padding: 5px 0 0 0; 	margin: 0; 	text-transform: uppercase; } ul.errors { /* FORM ERRORS */ 	list-style: none; 	padding: 0 0 5px 0; 	margin: 0; } ul.errors li { 	color: #ff6600; 	font-size: 10px; 	margin: 0; 	padding: 0; } #content_main .row { /* INPUT ELEMENT ROWS */ 	/* padding: 5px 0; */ 	position: relative; } #content_main fieldset { /*FORM FIELDSETS */ 	border: 1px solid #BBBBBB; 	background: #FFFFFF url(../images/fieldset_bg.png) top left repeat-x; 	margin: 10px 0; 	padding: 10px 20px; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; } #content_main fieldset legend { 	border: 1px solid #BBBBBB; 	background: #FFFFFF; 	color: #555555; 	font-size: 13px; 	padding: 4px 10px; 	margin: 0 0 0 -10px; 	text-transform: uppercase; 	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; 	-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px; } #content_main .formdesc { /* FORM HINTS DESCRIPTION */ 	background: #fbd197; 	padding: 10px; 	width: 300px; 	-webkit-border-radius: 5px; 	-moz-border-radius: 5px; 	-webkit-box-shadow: #FFFFFF 0px 0px 4px; 	z-index: 90; } #content_main .formdesc .arrow { 	background: transparent url(../images/sprite.png) -194px -244px no-repeat; 	position: absolute; 	left: -10px; 	top: 10px; 	width: 10px; 	height: 10px; } #content_main .product h1 { /* MAIN HEADLINE ON DETAILS PAGE */ 	background: transparent url(../images/content_separator.png) left bottom no-repeat; 	padding: 10px 0 25px 0; 	margin: -5px 0 0 0; } #content_main .product h2 { /* AUTHOR HEADLINE PRODUCT DETAILS VIEW */ 	margin: 30px 0 0 0; } #content_main .product .right-column { /* COVER IMAGE & BUTTONS */ 	float: right; 	margin: 40px 50px 0 0; 	width: 200px; } #content_main .product .left-column { /* PRODUCT INFO & PRICES & BUY BUTTONS */ 	position: relative; 	margin-right: 250px; } #content_main .product .product-links { 	font-size: 12px; 	left: 250px; 	text-align: right; 	float:right; 	width: 200px; } #content_main div.product { /* DIV CONTAINING PRODUCT DETAILS & COVER */ 	overflow: hidden; } #content_main .product table td { /* DETAILS TABLE */ 	color: #999999; 	font-size: 12px; 	line-height: 1.3em; 	padding: 0 20px 0 0; } #content_main .product table td strong { /* DETAILS TABLE PRICE */ 	color: #555555; 	font-size: 14px; } #content_main .product p.description { /* DESCRIPTION TEXT */ 	border-top: 1px dashed #999999; 	line-height: 1.5em; 	margin: 20px 20px 0 0; 	padding: 20px 0 0 0; } /*  * CHAPTERS  */ #content_main .product h3, h3 { /* CHAPTER HEADLINES & RECENSION HEADLINES */ 	background: transparent url(../images/content_separator.png) left top no-repeat; 	clear: both;	 	font-size: 12px; 	font-weight: normal; 	margin: 20px 0 20px 0; 	padding: 10px 0 0 0; 	text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; 	text-transform: uppercase; } #chapters { 	margin: 0 0 20px 0; } #chapters a.price { 	float: right; } #chapters input[type=checkbox] { 	display: block; 	float: left; 	margin: 0 20px 0 0; } #chapters p { 	background: transparent url(../images/line_separator.png) center bottom no-repeat; 	padding: 5px 20px 10px 0; 	margin: 0 0 10px 0; } #chapters span { 	display: block; 	color: #3e3e3e;	 	margin: 0 50px 0 35px; } /*  * REVIEWS  */ #review { /* REVIEW BOX WRAPPER */ 	margin: 0 0 60px 0; } .review { /* REVIEW BOX */ 	background: transparent url(../images/line_separator.png) center bottom no-repeat; 	font-size: 12px; 	margin: 0 0 20px 0; 	padding: 0 0 10px 0; } .review .stars { 	float: left; 	height: 20px; 	margin: 0 0 15px 0; 	width: 100px; } .review .title { 	font-weight: bold; 	line-height: 1em; 	padding: 0; 	margin: 0; } .review .datum { 	float: left; 	padding: 0 5px 0 0; } .review p { 	font-size: 11px !important; } /*  * SHOPPINGCART  */ div.shoppingcart { /* DIV WRAPPER FOR SHOPPINGCART TABLE */ 	margin: 0 50px 0 0; } .shoppingcart table { 	margin: 0 50px 0 0; 	width: 100%; } .shoppingcart table * { 	font-size: 12px; } .shoppingcart table th { 	border-bottom: 1px dashed #555555; 	padding: 0 10px; } .shoppingcart table td { 	padding: 10px; 	vertical-align: top; } .shoppingcart .art { 	display: block; 	padding: 3px 10px; 	position: relative; } .shoppingcart .chapter { 	cursor: pointer; } /*  * MY ACCOUNT TABS  */ ul.tabs { 	font-size: 12px; 	list-style: none; 	margin: 20px 0 0 0; 	padding: 0; 	position: relative; } ul.tabs li { 	background: #F3F3F3; 	border-left: 1px solid #c8c8c8; 	border-top: 1px solid #c8c8c8; 	border-right: 1px solid #c8c8c8; 	color: #777777; 	cursor: pointer; 	display: inline; 	margin: 0 2px 0 0; 	padding: 5px 10px 5px 10px; 	position: relative; 	z-index:100; 	-moz-border-radius-topleft: 5px; 	-moz-border-radius-topright: 5px;	 	-webkit-border-top-left-radius: 5px; 	-webkit-border-top-right-radius: 5px; } ul.tabs li strong { 	display: inline; } ul.tabs li.active { 	background: #FFFFFF; 	border-top: 3px solid #c8c8c8;	 	color: #333333; 	padding: 5px 10px 7px 10px; } div.tabs { 	color: #777777; 	font-size: 12px; 	margin: 0 0 60px 0;	 	min-height: 200px; 	position: relative;	 } div.tabs .tab { 	border: 1px solid #c8c8c8;	 	left: 0; 	padding: 10px; 	position: absolute; 	top: 0; 	width: 700px;	 	-moz-border-radius-bottomleft: 5px; 	-moz-border-radius-bottomright: 5px;	 	-moz-border-radius-topright: 5px;	 	-webkit-border-bottom-left-radius: 5px; 	-webkit-border-bottom-right-radius: 5px;	 	-webkit-border-top-right-radius: 5px;	 } #content_main div.tabs .tab p { 	color: #333333; } #content_main .tab .row { /* FORMULAR ROWS IN TABS */ 	padding: 5px 0 0 0; } #footer { 	background: #dfdfdf; 	border: 1px solid #777777; 	line-height: 16px; 	clear: both; 	font-size: 12px; 	overflow: hidden; 	width: 998px; } #footer-left { 	float: left; 	padding: 5px 5px 10px 25px; 	width: 169px; } #footer-center { 	border-right: 1px dashed #777777; 	border-left: 1px dashed #777777; 	margin: 0 197px 0 200px; 	padding: 5px 5px 10px 45px;	 	width: 549px; } #footer-right { 	float: right; 	padding: 5px 5px 10px 25px;	 	width: 167px; } #footer h2 { 	padding: 10px 0; } #footer p { 	color: #5b5b5b; 	line-height: 1.4em; } #footer label { 	font-size: 11px; 	line-height: inherit; 	margin: 0; 	display:block; 	text-transform: uppercase; } #footer input[type=text], textarea { 	line-height: inherit; 	font-size: inherit; 	margin: 0; 	padding: 2px 5px; 	margin:5px 0; 	width: 90%; } #footer ul  { 	float: left; 	list-style: none; 	margin: 0; 	padding: 0 15px 0 0; } #footer li { 	color: #5b5b5b; 	margin: 0; 	padding: 0; } #footer li:first-child { 	font-size: 14px; 	padding: 0 0 10px 0; } /*  * NEWSLETTERBOX  */ .not_reduced { /* NOT REDUCED PRICE */ 	font-weight: normal; 	text-decoration: line-through; } .reduced { /* REDUCED PRICE */ 	color: #F36E21; } .final { /* SHOPPINGCART PRICE */ 	font-style: normal; } .final-complete { /* SHOPPINGCART COMPLETE PRICE IN TFOOT */ 	font-weight: bold; } .highlight { /* E.G. :  HOVER CHAPTERS */ 	background-color: #faeae1; } td.vtop { /* VALIGN TOP */ 	vertical-align: top; } .headInfo { 	position:relative; 	top:0; 	left:0; 	width:100%; 	background:#dcfe8b; 	text-align:center; } .headInfo > p { 	padding:10px; } /*  * MODAL WINDOW STYLES  */ .modalWindow h1 { 	color: #101010; 	font-size: 16px; 	font-weight: normal; } .modalWindow p { 	font-size: 12px; } .modalWindow { 	border: 2px solid #f37022 !important; 	-webkit-box-shadow: rgb(0,0,0) 0px 5px 50px; 	-moz-box-shadow: rgb(0,0,0) 0px 5px 50px; } .modalWindow fieldset { 	display: block; 	width: 360px; 	padding: 10px 20px 20px 0; 	float:left; } .modalWindow #fieldset-benutzerinfos, .modalWindow #fieldset-kontaktdaten { 	float: left; } .modalWindow #fieldset-versandadresse { 	float: right; } .modalWindow input[type=text] { 	width: 360px; } .modalWindow label { 	font-size: 12px; } .modalWindow .formdesc { 	display: none; } label.required:after { /* REQUIRED INPUT FIELDS */ 	content: ' *' } .address_sticker { 	background: #ffffee url('../images/address_sticker_bg.png') left 24px; 	border: 2px solid #d9d5bf; 	color: #333333; 	cursor: default; 	float: left; 	line-height: 1.2em; 	margin: 10px 30px 30px 35px; 	padding: 10px; 	position: relative; 	width: 250px; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; } .address_sticker .btns { 	background: none; 	bottom: 0px; 	display: none; 	margin: -30px 0; 	padding: 20px 0 10px 0; 	position: absolute; 	left:0; } .address_sticker:hover .btns { 	display: block; } .address_sticker .default { 	position: absolute; 	right: 5px; 	top: 0; 	margin: -2px 0 0 0; 	text-transform: uppercase; 	color: #666; 	font-size: 10px; } /**  *   */ .old_orders { 	background: #ffffee url('../images/address_sticker_bg.png') left 24px; 	border: 2px solid #d9d5bf; 	color: #333333; 	cursor: default; 	float: left; 	line-height: 1.2em; 	margin: 10px 30px 30px 35px; 	padding: 10px; 	position: relative; 	width: 500px; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; } /**  * COPYRIGHT HINT  */ .copyright { 	font-size: 12px; 	padding: 0 10px; 	text-align: right; } .copyright a:link, .copyright a:visited, .copyright a:active { 	text-decoration: none; } #search { 	position: absolute; 	left: 320px; 	top: 70px; } #searchform div { 	display: inline; } #searchfield { 	border: 1px solid #000000; 	margin: 0 0 0 10px; 	width: 260px; } #search label { 	font-size: 12px; 	text-transform: uppercase; } /**  * FURTHER TITLES BAND  */ #furthertitles, .reviews { 	position: relative; } #furthertitles div { /* TITLES IN PROMOBAND */ 	width: 100px; 	float: left; 	font-size: 12px; 	padding: 5px 35px 5px 10px; 	/*margin: 0 4px;*/ 	text-align: center; } #furthertitles div img { 	-webkit-box-shadow: rgba(0,0,0,0.25) 0px -1px 5px; } #furthertitles div a { 	border-bottom:none; } #furthertitles div a:hover { 	border: none; } #furthertitles div span { 	text-align: left; 	display: block; } #furthertitles div span.name { 	font-weight: bold; } .further_pages, .review_pages { 	display: block; 	height: 5px; 	left: 0; 	top: -15px; 	position: relative; 	text-align: center; 	width: 100%; } .further_pages span, .review_pages span { 	line-height: 5px; 	font-size: 5px; 	height: 5px; 	padding: 0px 3px; 	margin: 0px 4px; 	background: transparent url(../images/sprite.png) -200px -262px no-repeat; } .further_pages span.active, .review_pages span.active { 	background: transparent url(../images/sprite.png) -210px -262px no-repeat; } .further_arrow, .review_arrow { 	cursor: pointer; } .further_arrow.left, .review_arrow.left { 	float: left; } .further_arrow.right, .review_arrow.right { 	float: right; } #verlagslogos { 	width: 610px; 	margin: 10px 20px; } #verlagslogos a:link, .verlagslogo a:link, .verlagslogo a, .verlagslogo a:visited, #verlagslogos a:visited, #verlagslogos a:active { 	border:none; 	outline: none; } .verlagslogo { 	display: block; 	float: left; 	height: 40px; 	padding: 0 20px 0 0; 	width: auto; } .rate { 	display: block; 	float: left; 	width: 58px; 	height: 15px; 	padding: 0 10px 0 0; } .rate1 { 	background: transparent url(../images/sprite.png) -198px -277px no-repeat; } .rate2 { 	background: transparent url(../images/sprite.png) -198px -292px no-repeat; } .rate3 { 	background: transparent url(../images/sprite.png) -198px -307px no-repeat; } .rate4 { 	background: transparent url(../images/sprite.png) -198px -322px no-repeat; } .rate5 { 	background: transparent url(../images/sprite.png) -198px -337px no-repeat; } span.warning { 	float: left !important; 	width: 16px !important; 	height: 14px !important; 	display: block !important; 	background: transparent url(../images/sprite.png) -252px -226px no-repeat !important; 	padding-right: 5px !important; }