/* MEDIADIDACT BUCHSHOP SCREEN STYLES (c) 2009 ipunkt.biz
   
   FARBEN      alt:                             neu:
   dunkelblau: #2E4F6E (fonts dark)				#000
   dunkegrau:  #849CAB (fonts light)			#9a9a9a
   mittelgrau: #B9C6D0 (linien)					#e1e1e1
   hellgrau:   #EAEEF1 (outlines, backgrounds)	#fff
   gelb/gruen: #bed62f (buttons, backgrounds)	#bed62f
   grau:               (body background)		#dedede
   dunkel/schwarz in gruenen Boxen				#18151c
   
   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{padding-top:26px;margin-left:13px;color:#bed62f;font-size:18px;font-weight:normal;line-height:20px;}
h2 {font-size:11px;font-weight:bold;}
h2 a {color:#bed62f;text-transform:uppercase;font-size:11px;}
tr.item td.text h2 a.small {font-size:11px;}
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;}
p {padding:0px;margin:0px;display:block;padding-bottom:10px;}
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:40px;}

/* 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;font-size:10px;}
#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 {width:120px;position:absolute;top:103px;}
#handel, #hotellerie-gastronomie {width:180px;position:absolute;top:103px;}
#content{width:500px;position:absolute;top:103px;}

#service{left:0px;}
#content{left:120px;}
#handel{left:620px;}
#hotellerie-gastronomie{left:800px;}

div.innercontent{margin:10px 0 10px 13px;width:477px;}
div.innerservice{width:460px;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:#bed62f;}

/* 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:#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;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:solid 1px #bed62f;}
a.button.yellow, button[type="button"].yellow, input[type="submit"].yellow, input[type="reset"].yellow, input[type="button"].yellow{background-color:#bed62f;}
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 #bed62f;}
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:#8a1f11;border-color:#FBC2C4;}
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;}

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

#header .logo{width:250px;}
#header .logo .inner{padding-top:38px;}
#header .logo a img{height:29px;}
#header .search{width:240px;height:80px;}
#header .cart{width:200px;height:80px;}
#header .login{width:240px;height:80px;}
.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:#BED62F none repeat scroll 0 0;border:2px solid #D8E4B8;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:#fff;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;}

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

.userActions{background-color:#fff;border:solid 4px #fff;height:16px;}

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

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

.bookListVert{width:100%;border:0px;margin-top:10px;margin-bottom:10px;}
.bookListVert .item td{vertical-align:top;}
.bookListVert .count{width:20px;font-weight:bold;}
.bookListVert .cover{width:107px;}
.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;}
.bookListVert .cover a {float:left;}
.bookListHori .cover a img{border:solid 1px #e1e1e1;}
.bookListHori .last{margin-right:0px;}


/* 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:#bed62f;font-weight:bold;}
.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:180px;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;}
#handel .mainmenu li, #hotellerie-gastronomie .mainmenu li{border-bottom:1px solid #e1e1e1;margin:0 8px;}
#hotellerie-gastronomie .mainmenu li:hover, #handel .mainmenu li:hover, #service .mainmenu li:hover{background-image: none;background-color:transparent;}

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

/* 9. Submenü 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 */
.bookPath{font-size:10px;color:#9a9a9a;margin-bottom:5px;}
.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;}
.bookDetailCover{width:152px;}
.bookDetailCover a img{border:solid 1px #e1e1e1;}
.bookDetailInfo{width:300px;}

.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:#bed62f;color:#000;}

.upper {text-transform:uppercase;}

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

/* 14. teaser der kategorien */
.teasertext {margin:0 13px;color:#000;font-weight:normal;font-size:1.0em;}

/* 15. lernsystem */
table.lernsystem .pfeil td, table.lernsystem .plus td, table.lernsystem .resultat td {margin: 0pt; padding: 0pt 0pt 0.2em; color: rgb(204, 204, 204); font-size: 6em; height: 1em; font-weight: bolder;}
table.lernsystem .resultat td {font-size:1.5em;font-weight:bolder;line-height:1.2em;}
table.lernsystem .items {background-color:#ccc;padding:4px 0 0 4px;}
table.lernsystem .items a {margin-right:4px;}

/* 16. link */
a.imglink, a.imglink2, a.filelink{-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 18px;}
a.imglink{background: transparent url(/gif/layout/btn-header.gif) no-repeat scroll left center;}
a.imglink2{background: transparent url(/gif/layout/btn-header-black.gif) no-repeat scroll left center;}

a.pdf{background: transparent url(/gif/pdf_16x16.png) no-repeat scroll left center;}

/* 17. bbf */
div.bbf.list {margin-top:1em;}
div.bbf.pdfs ul {list-style:none;margin:0;padding:0;}
div.bbf.pdfs ul li {margin-bottom:0.4em;}
div.bbf.images {clear:both;}
div.bbf.images div.thumbnail {float:left;margin-right:0.4em;margin-bottom:0.4em;}
div.bbf.images div.thumbnail div.box {background-color:#ffffff;background-position:center center;background-repeat:no-repeat;border:1px solid #dddddd;width:100px;height:100px;float:left;margin:0 0 3px;padding:2px;}

/* 18. download files */
ul#download-files {margin:0;padding:0;list-style:none;}

/* 19. Referenzen */
div.referenz-entry {width:32%;float:left;padding:0 4px 4px 0;margin:0 0 1em;}
div.referenz-entry div.thumbnail {padding-left:23px;}

/* 20. Priceswitch */
label#lb_is_b2b_price {color:#9A9A9A;font-weight:normal;}
input#is_b2b_price {margin: 4px 4px 0 0; padding: 0;}