body { background: #ff0; font: 11px Arial, Verdana, sans-serif; position: relative; overflow-x: hidden; }

h1 { width: 920px; height: 200px; text-indent: -9999px; background: url(../images/header.gif) no-repeat; margin: 0 auto; }
h3 { display: none; }

strong { line-height: 1.4em; font-weight: bold; }

#navi { position: relative; top: -15px; left: 0; z-index: 1000; }

.mod_navigation { height: 75px; position: absolute; top: 15px; left: 50%; margin: 0 0 0 -1620px; z-index: 1000; }
.mod_navigation .inner { width: 920px; position: absolute; right: 0; }
#navi img { display: block; position: relative; z-index: 1000; left: 50%; margin: 0 0 0 460px; }
.mod_navigation ul.level_1 { width: 3000px; background: #000; float: left; position: relative; z-index: 2; }
.mod_navigation ul.level_1 li { height: 45px; color: #fff; float: left; margin: 0 30px 0 0; position: relative; z-index: 999; }
.mod_navigation ul.level_1 li.first { margin: 0 30px 0 2080px; }
.mod_navigation ul.level_1 li a, .mod_navigation ul li span.active { display: block; float: left; color: #fff; height: 45px; font: 20px "Gill Sans", "Arial Black", Arial, sans-serif; z-index: 3; text-decoration: none; font-weight: bold; line-height: 45px; }
.mod_navigation ul.level_1 li.active a, .mod_navigation ul.level_1 li.hover a, .mod_navigation ul.level_1 li.trail a { color: #ff0; }

.mod_navigation ul.level_1 li ul { background: none; display: none; position: absolute; top: 45px; left: -13px; }
.mod_navigation ul.level_1 li.hover ul.level_2, .mod_navigation ul.level_1 li a.hover ul.level_2 { display: block; }

.mod_navigation ul.level_1 li ul.level_2 { background: url(../images/navi-trans.png); font-size: 12px; padding: 15px 30px 15px 15px; z-index: 999; }
.mod_navigation ul.level_1 li ul.level_2 li { float: none; color: #ff0; font-weight: bold; height: auto; position: relative; z-index: 999; }
.mod_navigation ul.level_1 li ul.level_2 li.first { margin: 0; }
.mod_navigation ul.level_1 li ul.level_2 li a, .mod_navigation ul.level_1 li ul.level_2 li span.active { display: inline; float: none; text-indent: 0; height: auto; position: static; background: none; font: 12px Arial, Verdana, sans-serif; }

.mod_navigation ul.level_1 li ul.level_2 li ul.level_3 { list-style: disc; position: static; width: auto; display: block; margin: 0 0 0 35px; padding: 6px 0; }
.mod_navigation ul.level_1 li ul.level_2 li ul.level_3 li { color: #fff; }
.mod_navigation ul.level_1 li ul.level_2 li ul.level_3 li a { text-decoration: none; color: #fff; line-height: 1.4em; font-weight: normal; }
.mod_navigation ul.level_1 li ul.level_2 li ul.level_3 li a:hover { text-decoration: underline; }
.mod_navigation ul.level_1 li ul.level_2 li ul.level_3 li.active a { color: #ccc; }

#content { float: left; width: 920px; }
#sidebar { float: left; width: 289px; margin: 0 25px 0 0; }
#main #sidebar h2 { width: 260px; }

#content-2spaltig { float: left; width: 605px; }
#main #content-2spaltig .ce_text { width: 575px; overflow-x: hidden; }

#main { margin: -5px auto 25px; width: 920px; overflow: hidden; position: static; }
#main h3 { display: block; font-size: 14px; font-weight: bold; margin: 0 0 10px; }

#main .inner { overflow: hidden; background: url(../images/bg-2spaltig.gif) repeat-y; }

#main .ce_text { background: #fff; padding: 15px; position: relative; overflow: hidden; }
#main .ce_text.box { width: 260px; float: left; margin: 0 25px 25px 0; height: 245px; overflow: hidden; }
#main .ce_text.box.last { margin: 0; }
#main h2 { width: 890px; background: #000; color: #ffff00; font-size: 18px; font-weight: bold; height: 35px; padding: 0 15px; line-height: 35px; position: relative; left: -15px; top: -15px; }
#main #content-2spaltig .ce_text h2 { width: 575px; }
#main .ce_text.box h2 { width: 260px; }
#main .ce_text p { line-height: 1.4em; margin: 0 0 15px 0; }
#main .ce_text a { color: #000; font-weight: bold; font-size: 12px; }
#main .ce_text a:hover { text-decoration: none; }
#main .ce_text .preis-ab { font-size: 12px; }
#main .ce_text .preis { font-weight: bold; font-size: 30px;  color: #747474; }
#main .ce_text .cent { font-weight: bold; font-size: 16px; position: relative; top: -10px; color: #747474; }
#main .ce_text .euro { font-size: 30px;  color: #747474; }
#main .ce_text p.link { margin: 0; }
#main .ce_text img.lieferung24 { position: absolute; left: 15px; top: 156px; }

#main .ce_form { background: #fff; padding: 15px; position: relative; overflow: hidden; }
#main .ce_form form { width: 388px; }
#main .ce_form form input.text, #main .ce_form textarea { padding: 3px; border: 1px solid #000; width: 300px; margin: 0 0 10px; font: 12px Arial, Verdana, sans-serif; }
#main .ce_form form input.text.error, #main .ce_form textarea.error { border: 1px solid red; margin: 0 0 10px 80px; }
#main .ce_form form input.submit { background: #000; color: #fff; height: 30px; width: 80px; text-align: center; float: right; }
#main .ce_form form input.submit:hover { cursor: pointer; color: #ff0; }
#main .ce_form form textarea { height: 140px; }
#main .ce_form form label { display: block; width: 80px; float: left; line-height: 20px; }
#main .ce_form form p.error { line-height: 20px; }
#main #versand .ce_text table tr td { vertical-align: middle; text-align: center; padding: 10px 20px; border: 1px solid #ccc; }
#main #versand .ce_text table tr th { vertical-align: middle; text-align: center; padding: 10px 20px; border: 1px solid #ccc; color: #000; font-weight: bold; background: #000; color: #fff; border-top: 0 }
#main #versand .ce_text table tr.row_0 td.col_0, #main table#table_147 tr td.col_1 { font-weight: bold; }
#main #versand .ce_text table tr th.col_first { border-left: 1px solid #000; }
#main #versand .ce_text table tr th.col_last { border-right: 1px solid #000; }

#main #sub { margin: 26px 0 0; background: #fff; overflow: hidden; }
#main #sub h2 { padding: 0 15px; position: static;}
#main #sub .box { overflow-x: hidden; overflow-y: auto; height: auto; margin: 0; width: 292px; padding: 15px 0 15px 15px; }
#main #sub .box.last { width: 291px; }

#main table td { line-height: 1.4em; padding: 0 0 20px 0; }
#main table td span { line-height: 1.4em; }

.mod_article { position: relative; }
.ce_image.bild-rechts { position: absolute; right: 40px; bottom: 14px; }

body.story .ce_image { float: left; }

#footer { font-size: 12px; border-top: 1px solid #000; padding: 15px 0 40px; position: relative; width: 920px; margin: 0 auto; }
#footer #copy { position: absolute; top: 15px; left: 0; }
#footer .mod_customnav { position: absolute; top: 15px; right: 0; font-weight: bold; }
#footer .mod_customnav ul li { border-right: 1px solid #000; margin: 0 6px 0 0; padding: 0 6px 0 0; float: left; }
#footer .mod_customnav ul li.last { margin: 0; padding: 0; border: 0; }
#footer .mod_customnav ul li a { text-decoration: none; color: #000; }
#footer .mod_customnav ul li a:hover, #footer .mod_customnav ul li span.active { text-decoration: underline; }

#comic-overlay { width: 920px; height: 500px; position: relative; background: #fff; overflow: hidden; }
#comic-overlay a.schliessen { position: absolute; right: 10px; top: 10px; z-index: 1000; display: block; width: 92px; height: 15px; text-indent: -9999px; background: url(../images/schliessen.gif) top no-repeat; }
#comic-overlay a.schliessen:hover { background: url(../images/schliessen.gif) bottom no-repeat; }
#comic-overlay #comic { overflow: hidden; width: 11040px; }
#comic-overlay #comic div.page { width: 920px; height: 500px; display: none; float: left; }
#comic-overlay #comic div.page.active { display: block; }
#comic-overlay #comic div.page div { position: relative; width: 870px; height: 500px; overflow: hidden; margin: 0 auto; }
#comic-overlay #comic div.page div img { position: absolute; left: 50%; margin: 0 0 0 -150px; top: 25px; }
#comic-overlay #comic div.page div img.small { width: 175px; }
#comic-overlay #comic div.page div a.prev { position: absolute; top: 90px; left: 50px; }
#comic-overlay #comic div.page div a.next { position: absolute; top: 90px; right: 50px; }
#comic-overlay #comic div.page div a img { margin: 0; position: static; }
#comic-overlay #comic div.page div a.pager-prev { display: block; width: 36px; height: 40px; text-indent: -9999px; background: url(../tl_files/pfeil_2.gif) no-repeat; position: absolute; left: 80px; bottom: 25px; }
#comic-overlay #comic div.page div a.pager-next { display: block; width: 36px; height: 40px; text-indent: -9999px; background: url(../tl_files/pfeil_1.gif) no-repeat; position: absolute; right: 80px; bottom: 25px; }
#comic-overlay ul#comic-pager { position: absolute; bottom: 25px; height: 40px; overflow: hidden; width: 590px; left: 50%; margin: 0 0 0 -295px; padding: 25px 0 0; border-top: 1px solid #000; }
#comic-overlay ul#comic-pager li { float: left; margin: 0 10px 0 0; }
#comic-overlay ul#comic-pager li#seite12 { margin: 0; }
#comic-overlay ul#comic-pager li a { display: block; width: 40px; height: 40px; text-indent: -9999px; float: left; }
#comic-overlay ul#comic-pager li#seite1 a { background-image: url(../images/zahlen/eins.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite1.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite2 a { background-image: url(../images/zahlen/zwei.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite2.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite3 a { background-image: url(../images/zahlen/drei.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite3.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite4 a { background-image: url(../images/zahlen/vier.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite4.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite5 a { background-image: url(../images/zahlen/fuenf.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite5.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite6 a { background-image: url(../images/zahlen/sechs.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite6.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite7 a { background-image: url(../images/zahlen/sieben.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite7.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite8 a { background-image: url(../images/zahlen/acht.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite8.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite9 a { background-image: url(../images/zahlen/neun.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite9.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite10 a { background-image: url(../images/zahlen/zehn.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite10.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite11 a { background-image: url(../images/zahlen/elf.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite11.active a { background-position: bottom; }
#comic-overlay ul#comic-pager li#seite12 a { background-image: url(../images/zahlen/zwoelf.gif); background-position: top; }
#comic-overlay ul#comic-pager li#seite12.active a { background-position: bottom; }