/* MATTHAES BUCHSHOP SCREEN STYLES (c) 2010 ipunkt.biz
   
   FARBEN      alt:                             rot:
   dunkelblau: #000 (fonts dark)				#000
   dunkegrau:  #9a9a9a (fonts light)			#9a9a9a
   mittelgrau: #e1e1e1 (linien)					#e1e1e1
   hellgrau:   #fff (outlines, backgrounds)		#fff
   gelb/grün:  #81a918 (buttons, backgrounds)	#d21e28
   grau:       #dedede (body background)		
   dunkel/schwarz in grünen Boxen
               #18151c							
   
   braun:                                       #CEC8B8
   
   STRUKTUR   
   1.  CSS Reset
   2.  Typographie
   3.  Layout
   4.  Formulare
   5.  Boxen
   6.  Buchlisten
   7.  Warenkorb
   8.  Hauptmenue
   9.  Submenue Service
   10. Sonstiges
   11. Popup
*/
/* 1. CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {/*line-height:1.5;*/}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
table.bottom td, table.bottom th {vertical-align:bottom;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* 2. Typographie */
body {color:#000;background-color:#dedede;font-size:11px;font-family: Arial, Helvetica, sans-serif;line-height:16px;}
h1, h2, h3, h4, h5, h6{font-weight:bolder;padding:0px;margin:0px;display:block;}
h1 {font-size:17px;}
#content h1 {color:#d21e28;font-size:18px;font-weight:normal;text-transform:uppercase;}
#content .corners h1{padding-top:30px;margin-left:25px;}
h2 {font-size:12px;font-weight:bold;}
h2 a {color:#d21e28;text-transform:uppercase;font-size:11px;}
tr.item td.text h2 a.small {font-size:13px;color:#5B4939;}   /*  13  */
/* Einstellung f. Ticket 1259    13*/
tr.item td.text h2, tr.item td.text h2 a {font-size:13px;}  
h3 {font-size:11px;font-weight:bold;background-color:#fff;border:solid 4px #fff;height:16px;}
/*h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}*/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/*  umschließt kurztext   */
p {padding:0px;margin:0px;display:block;padding-bottom:10px;font-size:12px;}
a:focus, a:hover {text-decoration:underline;}
a {color:#000;text-decoration:none;}
blockquote {margin:1.5em;color:#000;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #000;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#000;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 0 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
table.small {width:auto;}
th {text-align:center;font-weight:bold;background:#fff;}
/*th, td {padding:4px 10px 4px 5px;}*/
tr.even td {background:#F4F4F4;}
tfoot {font-style:italic;}
caption {background:#fff;}
.hide {display:none;}
.large{}
.thin{font-weight:normal;}
.center{text-align:center;}
.more{text-transform:lowercase;color:#9a9a9a;background:transparent url(/gif/layout/btn-header.gif) no-repeat scroll left center;padding-left:20px;}
.author{text-decoration:underline;}
div.item div.text{height:80px;}  

/* 3. Layout */
html{height:100%;overflow:auto;}
body {height:100%;margin:0px;padding:0px;background-color:#dedede;background:#dedede url(/gif/layout/bg-katNeutral.gif) repeat-y left;}
hr {color:#e1e1e1;background-color:#e1e1e1;height:1px;width:100%;border: 0px;clear:both;}

#container{width:990px;height:100%;overflow:visible;background-image: url(/gif/layout/ecken-katNeutral.jpg);background-position: left 103px;background-repeat: no-repeat;}
#header{width:985px;height:103px;background:#fff url(/gif/layout/bg-verlauf.gif) no-repeat left top;}
#footer{margin-top:10px;margin-right:10px;padding-top:10px;border-top:solid 1px #e1e1e1;clear:both;}
#footer, #footer a, #header a{color:#9a9a9a;}
#header a.wkArtikel{color:#000;}

div.seperator{clear:both;height:1px;font-size:1px;padding-top:5px;margin-bottom:5px;}

#service, #essen, #hotel, #backen{width:120px;position:absolute;top:103px;}
#content{width:500px;position:absolute;top:103px;}

#service{left:0px;}
#content{left:120px;}
#essen{left:620px;}
#hotel{left:740px;}
#backen{left:860px;}

div.innercontent{margin:0 0 10px 13px;width:477px;}
div.innerservice{width:380px;padding-left:33px;padding-bottom:10px;padding-top:10px;float:left;}
div.toplink{float:right;text-align:right;}
div.toplink a{text-transform:uppercase;font-size:10px;}
/*.clear {clear:both;}*/
.left{float:left;}
.right{float:right;}
.yellow{background-color:#d21e28;}

/* 4. Formulare */
form{display:inline;}
input, textarea, select{font-size:11px;font-family: Arial, Helvetica, sans-serif;}
a.button, button[type="button"], input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea, select, fieldset{border:solid 1px #e1e1e1;-moz-border-radius:3px;background-color:#fff;font-size:11px;padding-left:2px;padding-right:2px;color:#fff;}
button[type="button"], input[type="text"], input[type="password"], textarea, select, fieldset, select {color:#000;}
a.button, button[type="button"], input[type="submit"], input[type="reset"], input[type="button"]{text-transform:uppercase;font-size:10px;overflow: visible;padding: 0 2px 0 2px;width: auto;color:#000}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:solid 1px #d21e28;}
a.button {color:#d21e28;}
a.button.yellow, button[type="button"].yellow, input[type="submit"].yellow, input[type="reset"].yellow, input[type="button"].yellow{background-color:#d21e28;color:#fff;}
a.button {font-family:"MS Shell Dlg"; font-size:10px; cursor:pointer;}
a.button:hover {text-decoration:none;}
#password{width:190px;margin-bottom:4px;}
#user, #password{width:90px;margin-bottom:4px;}
.buttonForm{vertical-align:text-bottom;width:16px;height:16px;border:0px;}
.buttonLink{width:16px;height:16px;border:0px;}
.wkArtikel{padding-top:2px;font-size:10px;}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;color:#e1e1e1;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #e1e1e1;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #d21e28;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:10px;margin-bottom:10px;border:1px solid #000}
.error {background:#FBE3E4;color:#d21e28;border-color:#d21e28;}
span.error {border:0;padding:0;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;text-decoration:underline;}
.notice a {color:#514721;text-decoration:underline;}
.success a {color:#264409;text-decoration:underline;}
.btnRight{float:right;cursor:pointer;}
input#toBasket {background:url(/gif/layout/warenkorb.gif) no-repeat 3px center;padding-left:15px;margin:5px 0;color:#000;}

/* 5. Boxen */
div.inner{padding:10px;}

#header .logo{width:250px;}
#header .logo .inner{padding-left:27px;padding-top:26px;}
#header .logo a img{width:192px;height:40px;margin-left:5px;}
#header .search{width:240px;height:80px;}
#header .cart{width:200px;height:80px;}
#header .login{width:240px;height:80px;margin-right:55px;}
.search strong, .cart strong, .login strong{font-size:20px;text-transform:uppercase;font-weight:normal;color:#000;margin-bottom:4px;display:block;}
#header div.inner{padding-top:26px;padding-bottom:0px;}
#header form{display:block;}

.boxHotspot{height:300px;width:230px;overflow:hidden;background:#cec8b8;border:2px solid #cec8b8;margin-right:3px;}
.boxHotspot .inner{padding:5px;text-align:center;}
.bookHotspot{height:220px;width:220px;display:table-cell;vertical-align:bottom;padding-bottom:10px;}
.bookHotspot img{border:0px;margin:5px auto;}
.bookHotspot .batchLarge img{margin:0;}
.boxHotspot .inner .text,
.boxHotspot table td.text{text-align:left;margin:14px 0 0 10px;font-size:14px;font-weight:bold;color:#18151c;height:65px;}
.boxHotspot .inner .text h2 a,
.boxHotspot table td.text h2 a{color:#5b4939;font-size:14px;}
.boxHotspot .inner .text h2 a:hover,
.boxHotspot table td.text h2 a:hover{text-decoration:none;}
.boxHotspot table td.text{margin:0;padding:10px 5px 5px 10px;vertical-align:top;color:#ffffff;text-transform:uppercase;}

.boxBestseller{height:300px;width:230px;overflow:hidden;border:2px solid #CEC8B8;background-color:#CEC8B8;}
.boxBestseller .inner{margin:1px;padding:0px;background-color:#CEC8B8;height:298px;}
.bestsellerHeadline{text-align:center;height:46px;text-transform: uppercase;font-size:14px;color:#18151c;}
.bestsellerHeadline strong{display:block;padding-top:6px;padding-bottom:4px;color:#fff;}
.bestsellerHeadline a{color:#5B4939;font-weight:bold;}
.bestsellerContent{background-color:#CEC8B8;height:252px;overflow:auto;}
.bestsellerContent .inner{padding:10px;}

.userActions{background-color:#fff;border:solid 4px #fff;height:16px;}
.bookActions{background-color:#cec8b8;color:#9a9a9a;border:0 none;padding:2px 6px;margin-bottom:12px;}
.bookActions a.active{font-weight:bold;}

.userComments{font-size:10px;color:#000;margin-bottom:5px;}
.userComments a{color:#000;}

/* 6. Buchlisten */
.lastSeen{background-color:#fff;}
.lastSeen .inner{padding-left:5px;padding-right:5px;}

.bookListVert{width:100%;border:0px;margin-bottom:20px;}   /*   10   */
table.bookListVert {margin-bottom:0;}
.bookListVert .item td{vertical-align:top;}
.bookListVert .count{width:20px;font-weight:bold;}
.bookListVert .cover{width:107px;}
.bookListVert .cover a {float:left;}
.bookListVert .cover a img{border:solid 1px #e1e1e1;margin-right:10px;}

.bookListVert .top .count{padding-top:10px;}
.bookListVert .top .cover{width:182px;padding-top:10px;padding-bottom:10px;padding-right:5px;}
.bookListVert .top .cover a img{}
.bookListVert .top .text{padding-top:10px;padding-bottom:10px;vertical-align:bottom;}

.bookListVert .small .cover{width:57px;}
.bookListVert .small .cover a img{}

.bookListVert .medium .cover{width:87px;padding-bottom:10px;}
.bookListVert .medium .cover a img{}

.bookListHori{margin-top:10px;margin-bottom:10px;clear:both;}
.bookListHori .item{float:left; margin-top:26px;margin-right:10px;width:129px;padding-left:15px;border-left:1px solid #e1e1e1;}/*90px bei 4 Titeln*/
.bookListHori .item.first{border-left:0;padding-left:0;}
.bookListHori .sidebyside{width:63px;margin-top:0;border-left:0 none;}
.bookListHori .cover{width:75px;margin:0 auto;padding-bottom:10px;height:110px;}
.bookListHori .cover a img{border:solid 1px #e1e1e1;}
.bookListHori .last{margin-right:0px;}
tr.item{padding-bottom:15px;}  

/* 7. Warenkorb */
.timeline{width:100%;border:0px;background-color:#fff;height:35px;}
.timeline td{text-align:center;border-right:solid 1px #fff;width:25%;}
.timeline td.selected{background-color:#d21e28;font-weight:bold;}
.timeline td.selected, .timeline td.selected a{color:#fff;}
.warenkorb{width:100%;border:0px;}
.warenkorb th{padding:4px;border-bottom:solid 1px #e1e1e1;}
.warenkorb td{vertical-align:top;padding:4px;}
.warenkorb tr.article td{border-bottom:solid 1px #e1e1e1;}
.warenkorb th.cover{width:50px;}
.warenkorb td.cover{width:50px;}
.warenkorb td.cover img{border:solid 1px #e1e1e1;}
.warenkorb th.menge{width:40px;}
.warenkorb td.menge{width:40px;background-color:#fff;text-align:center;}
.warenkorb td.menge input{width:20px;text-align:center;}
.warenkorb th.preis{width:80px;}
.warenkorb td.preis{width:80px;background-color:#fff;text-align:right;border-left:solid 1px #fff;}
.warenkorb td.summe{background-color:#fff;text-align:right;}
.warenkorb td.wkActions{padding-top:10px;padding-left:0px;padding-right:0px;}
.warenkorb td.refresh{padding-top:10px;text-align:right;padding-right:0px;}
/*.warenkorb td.gesamt{border-bottom:3px double #e1e1e1;}*/
.adresse{width:100%;border:0px;}
.adresse td{vertical-align:middle;padding-bottom:4px;}
.adresse td.text{width:15%;text-align:right;}
.adresse td.feld{width:35%;padding-left:8px;padding-right:2px;}
.adresse input{width:150px;}
.adresse select.block{width:156px;}

/* 8. Hauptmenü */
.corners{height:60px;overflow:hidden;}
.katlink{padding-left:15px;padding-top:20px;text-transform: uppercase;display:block;font-size:12px;font-weight:bolder;}
.katimg{width:120px;height:110px;}
.mainmenu{list-style:none;margin:0px;padding:0px;}
.mainmenu li{height:30px;margin-top:2px;background-repeat: repeat-y;background-position: left;}
#service .mainmenu li{background-image: url(/gif/layout/bg-menuService.gif);border-bottom:1px solid #e1e1e1;margin:0 8px;}
#service .mainmenu li.rezept{height:68px;}
#service .mainmenu li.rezept a{font-size:14px;text-transform:uppercase;color:#d21e28;margin-bottom:4px;display:block;line-height: 18px;font-weight:bold;}
#service .mainmenu li.rezept a:hover{text-decoration:none;}
#essen .mainmenu li, #hotel .mainmenu li, #backen .mainmenu li{border-bottom:1px solid #e1e1e1;margin:0 8px;}
#backen .mainmenu li:hover, #hotel .mainmenu li:hover, #essen .mainmenu li:hover, #service .mainmenu li:hover{background-image: none;background-color:transparent;}

#service .mainmenu li.selected a,
#essen .mainmenu li.selected a,
#hotel .mainmenu li.selected a,
#backen .mainmenu li.selected a{color:#d21e28;}
.mainmenu li a{display:block;padding-left:0;padding-top:7px;padding-bottom:7px;font-size:11px;}
#essen .katimg{background-image: url(/gif/layout/essen-2.jpg);}
#hotel .katimg{background-image: url(/gif/layout/hotel-2.jpg);}
#backen .katimg{background-image: url(/gif/layout/backen-2.jpg);}

/* 9. Submenue Service */
.submenuePosition{float:right;width:85px;margin-right:5px;}
.submenuePosition.link1{margin-top:123px;}
.submenuePosition.link2{margin-top:183px;}
.submenuePosition.link3{margin-top:215px;}
.submenuePosition.link4{margin-top:247px;}
.submenuePosition.link5{margin-top:279px;}
.submenuePosition.link6{margin-top:311px;}
.submenuePosition.link7{margin-top:343px;}
.submenuePosition.link8{margin-top:375px;}
.submenu{list-style:none;margin:0px;padding:0px;}
.submenu li{height:20px;text-align:left;}
.submenu li a{color:#000;}
.submenu li a:hover, .submenu li a.selected{color:#000;text-decoration:underline;}

/* 10. Sonstiges */
.rezept img{border:0px;}
.bookPath{font-size:10px;color:#9a9a9a;margin-bottom:5px;line-height:1.1em}
.bookPath a{color:#9a9a9a;}
.pages{width:110px;}
.blaettern{width:240px;text-align:center;float:left;}
.blaettern a.selected,.blaettern span{font-weight:bold;}
.blaettern a img{width:8px;height:7px;border:0px;vertical-align:middle;padding-bottom:2px;}

div.innercontent.withouth1{margin-top:-40px;}
.bookDetail{}
.bookDetailCover{width:177px}
.bookDetailCover a img{border:solid 1px #e1e1e1;}
.bookDetailInfo{width:275px;}

.batchSmall{margin-top:-30px;margin-left:-15px;top:65px;width:30px;height:30px;float:left;position:relative;overflow:hidden;}
.batchSmall a img, .cover div.batchSmall a img{width:30px;height:30px;border:0;}
td.cover div.batchSmall {margin-right:15px;}

.batchLarge, .batchLarge3D{margin-top:-205px;margin-right:-20px;width:51px;height:51px;float:right;position:relative;overflow:hidden;}
.batchLarge a img, .batchLarge3D a img, .bookListVert .cover div.batchLarge a img, .bookHotspot div.batchLarge3D a img{width:51px;height:51px;border:0;}
.batchLarge{margin-right:5px;}
/*.batchLarge3D{margin-top:-40px;margin-right:30px;}*/
/* 11. Popup */
#popup{background:#fff;}
#popup .inner{padding:20px;}
#popup .flash{border:solid 1px #ccc;}
#popup .userActions a img{width:15px;height:11px;border:0px;vertical-align:middle;}

/* 12. Überall */
#versandkosten p {font-size:9px;line-height:11px;}
/* 13. ajax-autocomplete */
.ac_results {padding:0px;border:1px solid #fff;background-color:#fff;overflow:hidden;z-index:99999;}
.ac_results ul {width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;}
.ac_results li {margin:0;padding:2px 5px;cursor:default;display:block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font:menu;font-size:12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height:16px;overflow:hidden;
	border-bottom:1px solid #e1e1e1;
}
.ac_loading {/*background: white url('indicator.gif') right center no-repeat;*/}
.ac_odd {background-color:#fff;}
.ac_over {background-color:#d21e28;color:#000;}

.upper {text-transform:uppercase;}

img.cover-image {border:1px solid #dedede;}

div.bookDetailCover a.zoom {background: transparent url(/gif/zoom.png) no-repeat scroll left 0px;padding:1px 0 0 20px;height:16px;display:block;margin-top:7px;}
div.bookDetailCover img#imgBlaettern {margin-bottom:-18px;border:0;}
div#autorenliste {margin-bottom: 10px;}
div#autorenliste a:link {border-bottom:1px dotted #9a9a9a}

#content div.bookDetail h1 {font-weight:bold;font-size:14px;margin:5px 0;}
.dist{height:15px;}

div.schlagworte a {font-size:12px;color:#D21E28;font-weight:bold;}

ul.medaillen { list-style:none;margin: 1em 0 0}
ul.medaillen li{display: block;float: left;height: 120px;margin: 0 5px 0 0;width: 220px}
ul.medaillen li img{float:left}
ul.medaillen li span{display: block;float: left;padding: 5px;width: 90px}


ul.pdf_dl li, ul.pdf_dl li a {
	font-weight:normal !important;
}