/* Arnd Wiederhold */

* {font-size: 100%; font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;}

/* html,body {margin: 0; padding: 0; border: none; height: 100%; background: #FFF url('/fileadmin/moonba/gfx/sys/bg.png') repeat top left; background-attachment: fixed;} */
html,body {z-index: 98; margin: 0; padding: 0; border: none; height: 100%; }
/* background: #FFF url('/fileadmin/moonba/gfx/sys/FLYERFRONT1X.png') no-repeat top right; background-attachment: fixed;*/

#page {height: auto;}
#marginal {background: #FFF; height: 100%; width: 1000px; margin: 0 auto 0 30px;}
#propaganda {position: absolute; top: 10px; left: 1070px;}
#propaganda a img {border: none;}
#logo {padding: 0 10px 0 0; margin: 5px 0 0 0;}

sub {font-size: 9px;}

#head {background: #FFF; height: 100px; width: 1000px;}
#head img {border: none;}
#head a {border: none;}

#head #con1 {float: left; width: 300px;}
#head #con2 {float: left; width: 500px;}
#head #con3 {float: left; width: auto; margin: 10px 0 0 20px;}
#head #con2 h1 {text-shadow: 2px 2px 2px #c0c0c0; margin: 10px; color: #336699; text-align: center; text-transform: uppercase; font-size: 100%;}
#head #con2 h2 {margin: 10px; color: #336699; text-align: center; text-transform: uppercase; font-size: 90%;}
#head #con3 h3 {color: #336699; text-transform: uppercase; font-size: 70%;}

#left {background: #FFF; width: 200px; float: left; height: 100%;}
#right {background: #FFF; float: left; width: 750px;}
#ad {width: 200px; float: left;}
#ad p.werbung {color: #CFCFCF;}

#ctr {margin: 0 0 0 8px; width: 750px; float: left;} 

a.ani {display: block; width: 80px; height: 45px; background: url(http://www.biolio.de/fileadmin/gfx/sys/off.gif);}
a.ani:hover {background: url('http://www.biolio.de/fileadmin/gfx/sys/off.gif');}

.clear {clear: both; margin: 0; padding: 0;}

#mainnav {text-transform: uppercase; height: auto;}
#mainnav .ul_nav_main {margin: 0; padding: 0;}
#mainnav li {font-weight: bold; list-style-type: none; margin: 0; padding: 0; display: block; margin: 0; padding: 10px; border-bottom: 1px solid #FFF;}
#mainnav li:hover {background: url('/fileadmin/moonba/gfx/sys/edge.png') no-repeat center left #ff6347;}

#mainnav .m20 {background: #FF566B;}
#mainnav .m20 a {text-shadow: 2px 2px 2px #696969;  color: #FFCC00; font-size: 130%; text-decoration: none; font-weight: bolder;}
#mainnav .m20 a:hover {color: #FFCC00; font-size: 130%; text-decoration: none; font-weight: bolder;}
#mainnav .m20 .aktiv {color: #FFCC00;}

#mainnav .m21 {background: #B0B96A;}
#mainnav .m21 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m21 a:hover {color: #FFCC00; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m21 .aktiv {color: #FFCC00;}

#mainnav .m22 {background: #993333;}
#mainnav .m22 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m22 a:hover {color: #FFCC00; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m22 .aktiv {color: #FFCC00;}

#mainnav .m23 {background: #2D5394;}
#mainnav .m23 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m23 a:hover {color: #FFCC00; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m23 .aktiv {color: #FFCC00;}

#mainnav .m24 {background: #CA333C;}
#mainnav .m24 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m24 a:hover {color: #FFCC00; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m24 .aktiv {color: #FFCC00;}

#mainnav .m39 {background: #2D5394;}
#mainnav .m39 a {color: #FFF; font-size: 90%; text-decoration: none; font-weight: bolder;}
#mainnav .m39 a:hover {color: #FFCC00; font-size: 90%; text-decoration: none; font-weight: bolder;}
#mainnav .m39 .aktiv {color: #FFCC00;}

#mainnav .m54 {background: #993333;}
#mainnav .m54 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m54 a:hover {color: #FFCC66; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m54 .aktiv {color: #FFCC66;}

#mainnav .m85 {background: #FFB400;}
#mainnav .m85 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m85 a:hover {color: #2D5394; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m85 .aktiv {color: #2D5394;}

#mainnav .m88 {background: #FFB400;}
#mainnav .m88 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m88 a:hover {color: #B7850B; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m88 .aktiv {color: #B7850B;}

#mainnav .m86 {background: #FFB400;}
#mainnav .m86 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m86 a:hover {color: #2D5394; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m86 .aktiv {color: #2D5394;}

#mainnav .m77 {background: #FF566B;}
#mainnav .m77 a {color: #FFF; font-size: 110%; text-decoration: none; font-weight: bolder;}
#mainnav .m77 a:hover {color: #BA003D; font-size: 110%; text-decoration: none; font-weight: bolder;}
#mainnav .m77 .aktiv {color: #BA003D;}

#mainnav .m79 {background: #2D5394;}
#mainnav .m79 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m79 a:hover {color: #C8CDBD; font-size: 100%; text-decoration: none; font-weight: bolder;}
#mainnav .m79 .aktiv {color: #C8CDBD;}

/*SUBNAVI*/
#mainnav .ul_nav_main .ul_nav_sub {font-size: 90%; margin: 0; padding: 0; display: block;}
.ul_nav_sub li {list-style-type: none; margin: 0; padding: 2px 0 2px 20px; display: block; border-bottom: 1px solid #CFCFCF;}

.ul_nav_sub .m43 {background: #7A97C3;}
.ul_nav_sub .m43 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m43 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m43 .aktiv {color: #637594;}

.ul_nav_sub .m44 {background: #7A97C3;}
.ul_nav_sub .m44 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m44 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m44 .aktiv {color: #637594;}

.ul_nav_sub .m45 {background: #7A97C3;}
.ul_nav_sub .m45 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m45 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m45 .aktiv {color: #637594;}

.ul_nav_sub .m46 {background: #7A97C3;}
.ul_nav_sub .m46 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m46 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m46 .aktiv {color: #637594;}

.ul_nav_sub .m47 {background: #7A97C3;}
.ul_nav_sub .m47 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m47 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m47 .aktiv {color: #637594;}

.ul_nav_sub .m48 {background: #7A97C3;}
.ul_nav_sub .m48 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m48 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m48 .aktiv {color: #637594;}

.ul_nav_sub .m49 {background: #7A97C3;}
.ul_nav_sub .m49 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m49 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m49 .aktiv {color: #637594;}

.ul_nav_sub .m50 {background: #7A97C3;}
.ul_nav_sub .m50 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m50 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m50 .aktiv {color: #637594;}

.ul_nav_sub .m51 {background: #7A97C3;}
.ul_nav_sub .m51 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m51 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m51 .aktiv {color: #637594;}

.ul_nav_sub .m56 {background: #7A97C3;}
.ul_nav_sub .m56 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m56 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m56 .aktiv {color: #637594;}

.ul_nav_sub .m57 {background: #7A97C3;}
.ul_nav_sub .m57 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m57 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m57 .aktiv {color: #637594;}

.ul_nav_sub .m58 {background: #7A97C3;}
.ul_nav_sub .m58 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m58 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m58 .aktiv {color: #637594;}

.ul_nav_sub .m61 {background: #7A97C3;}
.ul_nav_sub .m61 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m61 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m61 .aktiv {color: #637594;}

.ul_nav_sub .m62 {background: #7A97C3;}
.ul_nav_sub .m62 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m62 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m62 .aktiv {color: #637594;}

.ul_nav_sub .m63 {background: #7A97C3;}
.ul_nav_sub .m63 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m63 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m63 .aktiv {color: #637594;}

.ul_nav_sub .m64 {background: #7A97C3;}
.ul_nav_sub .m64 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m64 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m64 .aktiv {color: #637594;}

.ul_nav_sub .m65 {background: #7A97C3;}
.ul_nav_sub .m65 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m65 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m65 .aktiv {color: #637594;}

.ul_nav_sub .m67 {background: #7A97C3;}
.ul_nav_sub .m67 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m67 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m67 .aktiv {color: #637594;}

.ul_nav_sub .m68 {background: #7A97C3;}
.ul_nav_sub .m68 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m68 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m68 .aktiv {color: #637594;}

.ul_nav_sub .m69 {background: #7A97C3;}
.ul_nav_sub .m69 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m69 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m69 .aktiv {color: #637594;}

.ul_nav_sub .m77 {background: #7A97C3;}
.ul_nav_sub .m77 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m77 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m77 .aktiv {color: #637594;}

.ul_nav_sub .m79 {background: #7A97C3;}
.ul_nav_sub .m79 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m79 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m79 .aktiv {color: #637594;}

.ul_nav_sub .m80 {background: #7A97C3;}
.ul_nav_sub .m80 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m80 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m80 .aktiv {color: #637594;}

.ul_nav_sub .m81 {background: #7A97C3;}
.ul_nav_sub .m81 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m81 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m81 .aktiv {color: #637594;}

.ul_nav_sub .m82 {background: #7A97C3;}
.ul_nav_sub .m82 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m82 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m82 .aktiv {color: #637594;}

.ul_nav_sub .m83 {background: #7A97C3;}
.ul_nav_sub .m83 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m83 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m83 .aktiv {color: #637594;}

.ul_nav_sub .m84 {background: #7A97C3;}
.ul_nav_sub .m84 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m84 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m84 .aktiv {color: #637594;}

.ul_nav_sub .m87 {background: #7A97C3;}
.ul_nav_sub .m87 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m87 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m87 .aktiv {color: #637594;}

.ul_nav_sub .m86 {background: #FFCD56;}
.ul_nav_sub .m86 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m86 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m86 .aktiv {color: #B7850B;}

.ul_nav_sub .m99 {border-bottom: 1px solid #CFCFCF;}
.ul_nav_sub .m99 a {color: #FFF; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m99 a:hover {color: #C2D631; font-size: 100%; text-decoration: none; font-weight: bolder;}
.ul_nav_sub .m99 .aktiv {color: #B7850B;}

.csc-textpic-caption {font-size: 80%; color: #666;}

#from {background: #FFF; margin: 0; color: #CFCFCF; font-size: 80%;}
#from p {padding: 5px;}
#from p a {text-decoration: none; color: #CFCFCF;}
#from img {padding: 5px;}

#path {width: auto; padding: 5px 0 0 5px; margin: 0 10px 0 0; font-size: 80%; color: #666;}
#path a {font-size: 100%; color: #75C58B; text-decoration: none; font-style: italic;}

#content {margin: 15px 30px 20px 17px;}
#content h1 {text-shadow: 2px 2px 2px #c0c0c0; font-size: 130%; padding: 0; margin: 10px 0 0 0; color: #336699;}
#content h2 {font-size: 115%; padding: 0; margin: 5px 0; color: #ff8c00; font-weight: normal;}
#content h2 a {text-decoration: none;}
#content h3 {font-size: 90%; color: #336699;}
#content p {font-size: 90%; text-align: justify;}
#content span {text-align: justify;}
#content a {font-size: 100%; color: #666666; padding: 2px 0 2px 0;}
#content a:hover {font-size: 100%; color: #000000; padding: 2px 0 2px 0;}
#content ul {font-size: 90%; text-align: justify;}
#content li {text-align: justify;}
#content select {font-size: 80%;}

#footer {margin: 15px 30px 20px 15px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;}
#footer p {padding: 0 0 0 20px; font-size: 80%; white-space: nowrap;}
#footer a {color: #666; font-size: 80%; text-decoration: none;}

#powered {text-align: center; margin: 0 0 5px 0;}
#powered p {font-size: 80%; margin: 0 20px 0 0;}
#powered p a {font-size: 100%;}

#tagcloud {text-align: center; margin: 0 0 15px 0;}
#tagcloud h1 {text-shadow: none; color: #CFCFCF; display: inline-block; padding: 0 10px;}
#tagcloud h1 a {color: #CFCFCF; font-size: 100%;}
#tagcloud h1 a:hover {color: #666;}

.forms .tr_res1 {background: #ECECEC;}
.forms .tr_res1 p {margin: 0; padding: 4px 0 4px 0;}

.forms .tr_res2 {background: #FFF;}
.forms .tr_res2 p {margin: 0; padding: 4px 0 4px 0;}

.forms td {width: 25%;}
.forms input {border: solid 1px #D1D1D1; padding: 1px; margin: 0 0 0 2px; width: 90%;}
.forms .radio {border: solid 0px #D1D1D1; padding: 1px; margin: 0 0 0 10px; width: 20px;}
.forms textarea {border: solid 1px #D1D1D1; font-size: 120%; padding: 1px;}
.forms select option {border-bottom: solid 1px #D1D1D1;}
.forms input.submit {background-color: #F5F5F5; color:#0066B5; padding: 2px 20px 2px 20px; font-size: 80%;}

/*SHOP*/
.basket_items {border: 1px solid #CFCFCF; width: 100%;}

/* .listitem {background: #FAFAFA; border: 2px solid #336699; margin: 10px; padding: 10px;} */
.listitem {box-shadow: 5px 5px 10px #c0c0c0; -webkit-box-shadow: 5px 5px 10px #c0c0c0; -moz-box-shadow: 5px 5px 10px #c0c0c0; background: #FFF; border: 1px solid #CFCFCF; margin: 10px; padding: 10px;}
.listitem td {vertical-align: top; border-top: 1px solid #CFCFCF;}
.listitem:hover {background: #FFE597;}
.listitem span {font-size: 80%;}
.listitem img {border: 1px solid #CFCFCF; padding: 3px;}
.basket_items .tr_listitem {border-bottom: 1px solid #FFF;}

.basket_items th,.basket_items td {vertical-align: top; font-size: 12px; padding: 4px;}

.tt_products_minibasket {box-shadow: 5px 5px 10px #c0c0c0; -webkit-box-shadow: 5px 5px 10px #c0c0c0; -moz-box-shadow: 5px 5px 10px #c0c0c0; background: #FAFAFA; border: 1px solid #CFCFCF; margin: 2px; padding: 10px;}
.tt_products_minibasket h1 {margin: 0; padding: 0;}
.tt_products_minibasket p {margin: 0; padding: 0;}

.tt_products_item_single_display {box-shadow: 5px 5px 10px #c0c0c0; -webkit-box-shadow: 5px 5px 10px #c0c0c0; -moz-box-shadow: 5px 5px 10px #c0c0c0; background: #FFF; border: 1px solid #CFCFCF; margin: 20px 2px 2px 2px; padding: 10px;}
.tt_products_item_single_display img {border: 1px solid #CFCFCF; padding: 3px; margin: 0 5px;}
.tt_products_item_single_display form div br {display: none;}

.tt_products_basket_info p {margin: 2px; padding: 2px;}

fieldset {margin: 10px 0; background: #FFF; border-top: 1px solid #336699; border-bottom: 1px solid #336699;}
legend {font-size: 100%; font-weight: bold; margin: 0 10px; padding: 0 10px;}

dl {font-size: 100%;}
ul {font-size: 100%;}

.billing_address {}
.leftbar {width: 30%; clear: both; float: left; display: inline; padding: 4px; margin: 5px 0; text-align: right;}
.rightbar {width: 65%; float: right; display: inline; padding: 4px; margin: 5px 0;}
/*.billing_address input {width: 200px;}*/

/*GÄSTEBUCH*/
.tx-guestbook-field label {width: 100px; margin: 5px;}
.tx-guestbook-field input {width: 200px; margin: 5px; padding: 2px; border: 1px solid #969696;}
.tx-guestbook-field textarea {width: 200px; margin: 5px; padding: 2px; border: 1px solid #969696;}

.csc-textpic-imagewrap dt img {border-radius: 1.6em; border: 1px solid #CFCFCF; padding: 3px;}
.csc-textpic-image {padding: 0 7px;}

.form_control input {border: solid 1px rgb(207, 207, 207); background: #FFF; padding: 2px; margin: 0 2px; width: auto;}

#news_latest {border: 1px solid #CFCFCF; width: 100%; background: #FFF url('/fileadmin/moonba/gfx/sys/newsbg.jpg') no-repeat top right;}

#externlink {border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; padding: 0 0 10px 10px;}
#externlink p {}
#externlink h1 {display: inline; font-size: 10px; font-weight: normal;}
#externlink h1 a {color: #CFCFCF;}
#externlink h1 a:hover {color: #CFCFCF;}