/*<group=LAYOUT>*/
body {
	padding: 0; margin: 0;
	text-align: center;
	background: #a8a8a8 url(../images/bg/body.gif) left bottom repeat-x fixed;
}

div#wrapper {
	padding: 0; margin: 0 auto;
	background: #fff;
	width: 980px; height: 100%;
	text-align: left;
}
/*</group>*/

/*<group=GROUP HEADER>*/
div#header {
	position: relative;
	padding: 0; margin: 0;
	height: 125px;
}
a#logo {position: absolute; left: 215px; top: 45px;}
a#logo img {
	width: 93px; height: 61px;
}

div#banner {
	position: absolute;
	top: 10px; left: 300px;
	width: 485px; height: 90px;
	overflow: hidden;
}
div#banner img {float: left; margin: 10px 10px 0 0px;}
div#banner span {display: block; padding: 5px; margin: 10px 0 0; line-height: 1.3em}
/*</group>*/

/*<group=GROUP COLUMN_LEFT>*/
div#column_left {
	float: left;
	width: 300px;
	overflow: hidden;
}
#column_left .teaser{
margin: 10px 10px 0px 6px;
background:url(../images/filiale/bg-teaser-m.png) 0px 0px repeat-y;
}
#column_left .teaser span{
display:inline-block;
padding-bottom:30px;
background:url(../images/filiale/bg-teaser.png) 0px bottom no-repeat;
}
#column_left .teaser h1{
letter-spacing:0;
display: block;
background:url(../images/filiale/bg-teaser-t.png) 0px 0 no-repeat;
margin:0;
padding:0px 13px 0px 12px;
font-size: 18px;
color:#990101;
font-weight:normal;
}
#column_left .teaser p{
border-top:1px #990101 solid;
color:#6f6f6f;
margin: -2px 13px 0px 12px;
line-height:1.3em;
padding-top:8px;
}
#column_left .teaser p img{
margin-top:-7px;
margin-bottom:5px;
}


/*</group>*/

/*<group=GROUP COLUMN_RIGHT>*/
div#column_right {
	float: right;
	width: 180px;
	overflow: hidden;
}
/*</group>*/

/*<group=GROUP COLUMN_CENTER>*/
div#column_center {
	float: left;
	width: 500px;
}
* html div#column_center, * html div#column_left , * html div#column_right  {background: #fff;}

div#column_center p, div#column_center h2, div#column_center h3 {
	margin-left: 6px; margin-right: 6px;
}
div.content {
	padding: 0px 15px 0px; margin: 1.5em 0 1em;
	background: #bbb url(../images/bg/content_middle.gif) 0 0 repeat-y;
	color: #333;
}
div.content_head {
	background: url(../images/bg/content_head.gif) 0 0 no-repeat; padding: 10px; margin: 0 -15px 0;
}
div.content_end {
	background: url(../images/bg/content_end.gif) 0 100% no-repeat; padding: 0px 15px 15px; margin: 0 -15px 0; text-align: right;
}
div.hilfe {
	background: #efefef url(../images/bg/content_middle.gif) 0 0 repeat-y;
	color: #333;
}
div.content h1 {
	background: url(../images/bg/headline_test.gif) 0 0 no-repeat; padding: 5px 10px; margin: 20px -5px 10px; border-bottom: 2px solid #555; text-shadow: 0px 1px 2px black; color: #444;
}
div.hilfe h1 {
	background-image: url(../images/bg/headline.gif);}
div.content div.content_head h1 {margin: 0;}
/*</group>*/

/*<group=feld_button>*/
div.feld_button {padding: 3px 0px; margin: 1.5em 6px 0; text-align: right;}
form div.feld_button {margin: 1.5em 0px 0;}
/*</group>*/

/*<group=GROUP FOOTER>*/
div#footer_frame {
	text-align: center;
	background: transparent;
}
* html div#footer_frame {padding-right: 16px;}

div#page_end {
	clear: both;
	padding: 0; margin: 0 0 12px;
}

div#footer {
	padding: 5px 5px 10px; margin: 0 auto;
	width: 970px; height: 300px;
	background: #222; color: #fff;
	text-align: left;
}
* html div#footer {width: 980px; padding: 0;}

div#footer a {color: #fff;}

div#copyright {width: 300px; padding: 2px 10px 10px;}
div#navi_footer {padding: 0; margin: 0;}
div#agb {padding: 0; margin: 0;}
div#page_up {float: right; padding: 0; margin: 0;}
div#page_up a {padding: 0 5px 0}

div#impressum {}
/*</group>*/


/*<group=FONT-DEFINITIONS>*/
body, div, p, th, td, li, dd {font-size: 12px; font-family: 'lucida grande', arial, verdana, sans-serif}

body {font-size: 12px; line-height: 1.5; color: #333;}

h1 {font-size: 160%; margin: 1.2em auto 1em; letter-spacing: 0.1em;}
h2 {font: bold 120%/1.4em 'lucida grande', arial, verdana, sans-serif; margin: 0;}
h3 {font: bold 120%/1.4em 'lucida grande', arial, verdana, sans-serif; margin: .3em 0 1.5em;}
.product_box h3 {margin: 0; line-height: 1.2em;}
h4 {font: bold 90% 'lucida grande', arial, verdana, sans-serif; margin: 0;}
label {font-size: 90%;display: block;}
/*</group>*/

/*<group=p absatz>*/
p {margin: 0.5em 0 1em; padding: 0;}
p .ohne {margin: 0 0 0 0;}
div#column_center p {margin-left: 6px; margin-right: 6px;}

.rot {color: #CC0000;}
/*</group>*/

/*<group=LINKS>*/
a {text-decoration: none; color: #900; font-weight: bold;}
a:link {text-decoration: none; color: #900;}
a:visited {text-decoration: none; color: #900;}
a:hover {text-decoration: none; color: #900; text-decoration: underline;}
a:active {text-decoration: none; color: #900;}
a img {border: none;}

p a {color: #fff; font-weight: bold;}

a.button {
	padding: 2px 10px 3px; border: 1px solid #444; margin: 0;
	background: #900; color: #fff !important;
}
a.button:hover {background: #b00; color: #fff;}
/*</group>*/

/*<group=FORMS>*/
form {padding: 0; margin: 0;}
form.hidden {display: none;}

form {margin: 0;}
div#column_center form {padding: 1em 15px 1em; margin: 1em 6px 2em; background: #7f7f7f; border: 2px groove #ddd;}
div#column_center form p {margin: 0.5em 0 1em; color: #fff;}
div#column_center form .redbutton{background-color:#990000; color:#fff; font-size:0.9em; font-weight:bold; border: #444 solid 1px;}

fieldset {padding: 0; margin: 0 0 1em; border: 0;}


div#column_center label {float: left; width: 27%; text-align: right; padding-right: 5px; color: #fff;}
div#column_center label.left {float: left; width: 100%; text-align: left; margin-top: .5em}

input {margin: 0 0 0.5em; width: 70%; border-width: 0 0 1px 0; background-color: #efefef;}

input.checkbox {width: auto; padding: 0; margin: 0;}
input.email-adresse {width: 70%; border-width: 0 0 1px 0; background-color: #efefef;}
input.betreff {width: 100%; border-width: 0 0 1px 0; background-color: #efefef;}
textarea.kontaktfeld {margin: 0; width: 100%; height: 200px; border-width: 0 0 1px 0; overflow: auto; background-color: #efefef;}


select.country_id {display: none;}
/*</group>*/

/*<group=NAVIGATION>*/

/*<group=navi_meta>*/
#navigation_meta {
	position: absolute;
	left: 300px; bottom: 5px;
	padding: 0; margin: 0;
	list-style: none;
}

#navigation_meta li {padding: 0; margin: 0 5px 0 0; display: inline;}
#navigation_meta li a {
	font-size: 10px;
	padding: 1px 2px 1px 0; margin-bottom: 1px;
	color: #888;
}
#navigation_meta li.hi a,
#navigation_meta li a:hover {
	color: #333;
}
/*</group>*/

/*<group=navi_main>*/
ul#navigation {
	height: 28px;
	padding: 0; margin: 0;
	list-style: none; background: #800 url(../images/navigation/bg_red.gif) 0 0 repeat-x;
	border-bottom: 1px solid #ddd;
}
ul#navigation.black {
	list-style: none; background: #800 url(../images/navigation/bg_red.gif) 0 0 repeat-x;
}

ul#navigation li {float: left; padding: 0;}
ul#navigation li.hi {padding-bottom: 0px;}

li#search {width: 300px; height: 28px; background: url(../images/navigation/detailsearch.gif) 0 0 no-repeat;}
li#search a {width: 300px; height: 28px; background: url(../images/navigation/detailsearch.gif) 0 0 no-repeat;}
li#search.hi a, li#search a:hover {background: url(../images/navigation/detailsearch_hi.gif) 0 0 no-repeat;}
li#search a img {width: 120px; height: 28px;}

li#books {width: 88px; height: 28px; background: url(../images/navigation/buecher.gif) 0 0 no-repeat; margin-left: 0px; border-right: 1px solid #333; border-left: 1px solid #333;}
li#books a {width: 88px; height: 28px; background: url(../images/navigation/buecher.gif) 0 0 no-repeat;}
li#books.hi a, li#books a:hover {background: url(../images/navigation/buecher_hi.gif) 0 0 no-repeat;}

li#cds {width: 63px; height: 28px; background: url(../images/navigation/cds.gif) 0 0 no-repeat; border-right: 1px solid #333;}
li#cds a {width: 63px; height: 28px; background: url(../images/navigation/cds.gif) 0 0 no-repeat;}
li#cds.hi a, li#cds a:hover {background: url(../images/navigation/cds_hi.gif) 0 0 no-repeat;}

li#audiobooks {width: 121px; height: 28px; background: url(../images/navigation/hoerbuecher.gif) 0 0 no-repeat; border-right: 1px solid #333;}
li#audiobooks a {width: 121px; height: 28px; background: url(../images/navigation/hoerbuecher.gif) 0 0 no-repeat;}
li#audiobooks.hi a, li#audiobooks a:hover {background: url(../images/navigation/hoerbuecher_hi.gif) 0 0 no-repeat;}

li#video {width: 135px; height: 28px; background: url(../images/navigation/dvdsvideo.gif) 0 0 no-repeat; border-right: 1px solid #333;}
li#video a {width: 135px; height: 28px; background: url(../images/navigation/dvdsvideo.gif) 0 0 no-repeat;}
li#video.hi a, li#video a:hover {background: url(../images/navigation/dvdsvideo_hi.gif) 0 0 no-repeat;}

li#basket {width: 180px; height: 28px; background: url(../images/navigation/basket.gif) 0 0 no-repeat;}
li#basket a {width: 180px; height: 28px; background: url(../images/navigation/basket.gif) 0 0 no-repeat;}
li#basket.hi a, li#basket a:hover {background: url(../images/navigation/basket_hi.gif) 0 0 no-repeat;}
li#basket a img {width: 120px; height: 28px;}

ul#navigation li a {
	padding: 0; margin: 0; display: block;
}
/*</group>*/

/*<group=navi_footer>*/
/*</group>*/

/*<group=WARENKORB>*/
div.preis_box {padding: 10px; margin: 22px 10px 20px; background: #555; color: #fff;}
div#basket_box {padding: 10px; margin: 22px 10px 20px; color: #333; border: 1px solid #ddd;}
div.feld_preistabelle {font-size: 120%; font-weight: bold; padding: 5px 0px 5px 10px;}
/*</group>*/

div#ad_box {
	padding: 0; margin: 22px 10px 20px;
	color: #333;
}
div.reiseszene {
	padding: 10px 5px; margin: 0 0 20px;
	border: 1px solid #ddd;
}
div.amazonbanner {
	border: 0; text-align: center;
}

/*<group=GENERAL>*/
div.left {float: left; margin-right: 2em;}
div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
.nowrap {white-space: nowrap;}
/*</group>*/

/*<group=SEARCH>*/
/*<group=suchfeld>*/
a.search {float: right; display: block; width: 42px; height: 42px; background: url(../images/bt/search.gif) 0 0 no-repeat;}
a.search img {width: 42px; height: 42px; background: url(../images/bt/search.gif) 0 0 no-repeat;}

.search_box {padding: 0; margin: 22px 10px 20px; background: url(../images/search_box/bg.gif) repeat-y;}

.search_head {padding: 0.6em 10px 0.4em; margin: 0; background: url(../images/search_box/head.gif) top no-repeat;}

.search_body {padding: 3px 10px; margin: 0; background: url(../images/search_box/bg.gif) repeat-y;}
.search_body label {margin: 0 0 0.2em 0; font-size: 11px;}
.search_body input {padding: 3px; width: 208px; margin: 0 0 0.7em 0;}
.search_body select {width: 258px; margin-bottom: 0.5em;}

div.search_bottom {padding: 1px 10px 10px; margin: 0; background: url(../images/search_box/bottom.gif) bottom no-repeat; text-align: right;}
div.search_bottom a.detailsuche {padding: 0 20px 0 18px; margin: 0; font-size: 90%; background: url(../images/bt/detailsuche.gif) left top no-repeat; color: #555;}
div.search_bottom a:link, div.search_bottom a:hover {color: #333;}
/*</group>*/

/*</group>*/

/*<group=HELP_BOX>*/
div.help_box {
	padding: 0px; margin: 20px 10px;
	background: #900 url(../images/genre_box/bg.gif) 0 0 repeat-y;
}
div.help_head {
	padding: 0.6em 10px 0.4em; margin: 0;
	border-bottom: 1px solid #999; background: #900 url(../images/genre_box/head.gif) 0 0 no-repeat; color: #fff;
}
div.help_body {
	padding: 5px 0px; margin: 0; border-right: 1px solid #aaa;
	background: #fff url(../images/genre_box/bg_bright.gif) 0 0 repeat-y;
}
div.help_body ul, div.help_body li {
	padding: 0px 0px; margin: 0; list-style: none;
}
div.help_body a {display: block; padding: 3px 10px; margin: 0; text-decoration: none;
/* text-transform: uppercase; letter-spacing: .1em; font-weight: bold; */
}
div.help_body a:hover {
	background: #900 url(../images/genre_box/bg.gif) 0 0 repeat-y; color: #fff;
}
div.help_bottom {
	padding: 0px 10px; margin: 0;
	border-top: 1px solid #999; background: #900 url(../images/genre_box/bottom.gif) left bottom no-repeat; text-align: right;
}
div.help_bottom a {
	padding: 0 20px 0 0; margin: 0; font-size: 90%;
	color: #fff;
}
/*</group>*/
	
/*<group=GENRE_BOX>*/
div.genre_box {
	padding: 0px; margin: 0px 10px 2em;
	background: url(../images/genre_box/bg.gif) 0 0 repeat-y;
}
* html div.genre_box {height: 1px;}
div.genre_head {
	padding: 0.6em 10px 0.4em; margin: 0;
	border-bottom: 2px solid #777; background: url(../images/genre_box/head.gif) 0 0 no-repeat; color: #fff;
}
div.genre_head h3 {padding: 0; margin: 0;}
div.genre_body {
	padding: 5px 0px; margin: 0; border-right: 1px solid #aaa;
	max-height: 200px; overflow: auto; overflow-x: hidden; background: url(../images/genre_box/bg_bright.gif) 0 0 repeat-y;
}
* html div.genre_body {height: 150px;}
div.genre_body ul, div.genre_body li {
	padding: 0px 0px; margin: 0;
}
div.genre_body li {display: block; padding: 0px; margin: 0;}
div.genre_body a {display: block; padding: 3px 10px; margin: 0; text-decoration: none;}
div.genre_body a:hover {
	background: url(../images/genre_box/bg.gif) 0 0 repeat-y; color: #fff;
}
div.genre_bottom {
	padding: 5px 10px 5px; margin: 0 0 0 0;
	background: url(../images/genre_box/bottom.gif) left bottom no-repeat; text-align: right; border-top: 2px solid #777;
}
div.genre_bottom a {padding: 0 20px 0 18px; margin: 0; margin-bottom: 0; line-height: 1; font-size: 90%; background: url(../images/bt/kategorien.gif) left top no-repeat; color: #fff;}
div.genre_bottom a:link, div.genre_bottom a:hover {color: #fff;}
/*</group>*/

/*<group=SNIPPETS>*/
/*</group>*/

/*<group=PRODUCT_BOX>*/
div.product_box {
	padding: 0; margin: 10px 5px 1.5em 5px;
	background: #fafafa; color: #444;
}

div.product_head {
	padding: 0.5em 15px; margin: 0;
	background: #fff url(../images/product_box/head.gif) 0 0 no-repeat;
	border-bottom: 2px solid #ccc;
	min-height: 35px;
}

div.preis {font-size: 120%; font-weight: bold; float: right; padding: 5px 0px 5px 10px;}
div.number {float: left; padding: 5px 0 10px;}
div.title {font-weight: bold;}

div.icon {float: left; width: 30px; height: 30px; margin-bottom: 5px;}
div.icon img {margin: 5px 10px 0px 0px; width: 20px; height: 20px;}

div.icon img.BOOK, div.icon img.Buch {background: url(../images/icon/buecher.gif) 0 0 no-repeat;}
div.icon img.CD {background: url(../images/icon/cd.gif) 0 0 no-repeat;}
div.icon img.LP {background: url(../images/icon/lp.gif) 0 0 no-repeat;}
div.icon img.AUDIOBOOK {background: url(../images/icon/hoerbuecher.gif) 0 0 no-repeat;}
div.icon img.DVDVHS {background: url(../images/icon/dvdvideo.gif) 0 0 no-repeat;}

div.icon span {}

a.detail {padding: 0 0 0 0px; margin: 0.5em 5px; font-size: 90%; line-height: 1; float: left;}
a.detail:link {color: #fff; font-weight: bold; text-decoration: none;}
a.detail:hover {color: #fff; text-decoration: none;}

div.product_detail {
	padding: 0px; margin: 0 0 3px; line-height: 1.3em; font-weight: normal; letter-spacing: 0;
}
div.product_button {
	padding: 5px 15px 15px; margin: 0;
	background: #D69999 url(../images/product_box/bottom.gif) left bottom no-repeat;
	text-align: right; color: #fff;
}
div.product_button a.bestellen {
	padding: 0 0 5px 23px; margin: 5px 0; background: url(../images/bt/bestellen.gif) 0 0 no-repeat;
	font-size: 90%; font-weight: bold;
	line-height: 1.9em;
}
div.product_button a.bestellen:hover {
	 color: #900;
}
div.product_button a:hover {
	text-decoration: underline;
}

div.product_box {
background-color:#fff;
}

div.product_box table {
	padding: 0; margin: 3px 0; border-spacing: 0; table-layout: fixed; width: 455px;
}
div.product_box table td {
	padding: 1px 5px;
	font-size: 11px; line-height: 1.3em; font-weight: normal;
	vertical-align: top;
}
div.product_box table td.label {
	padding-right: 0;
	text-align: right; text-transform: none !important;
}

div.product_box table col.label {width: 130px;}
div.product_box table col.description {text-transform: uppercase !important;}
/*</group>*/


/*<group=pageindex>*/
div.pageindex {text-align: right; color: #900; font-weight: bold;}
div.pageindex a, div.pageindex a:visited {color: #fff;}
/*</group>*/

/*<group=bezahlung>*/
div#payment_2, div#payment_3, div#payment_4, div#payment_5 {display: none}
/*</group>*/

/*<group=preistabelle>*/
table.preistabelle {
	padding: 0; margin: 0 0 2em;
	width: 470px;
}
table.preistabelle caption {
	font-weight: bold;
	border-bottom: 1px solid #777;
}
table.preistabelle th {
	text-align: left;
	vertical-align: bottom;
}
table.preistabelle td {
	padding: 0; margin: 0;
	background: #fff;
}
table.preistabelle td.right {text-align: right;}
/*</group>*/

.error {
color: red;
}