#avatar { padding: 0px; max-width: 300px; height: auto; border: 2px solid #999; border-radius: 10px; }
#clockdiv .smalltext{ padding-top: 5px; font-size: 0.4em; }
#clockdiv div span{ padding: 10px; border-radius: 3px; background: #00816A; display: inline-block; }
#clockdiv { font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 2em; margin-bottom: 0em; }
#content { padding-left: 0px; }
#Footer { margin-top: 1em; border-top: 3px solid #999; clear: Both; text-align: left; padding-top: 3px; padding-bottom: 3px; margin-left: auto; margin-right: auto; font-size: smaller; font-style: normal; }
#fullwidth { margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom: 0px; }
#logo { margin-left:auto; margin-right: auto; text-align: center; width: 100%; max-width: 750px; max-height: 200px; height: auto; border-radius: 10px; }
#main { background-color: #fff; max-width: 970px; min-width: 300px; margin-left: auto; margin-right: auto; padding: 8px; text-align: left; border: 2px solid #333; border-radius: 5px; }
#serve { clear: both; background-color: #ccc; text-align: center; font-style: italic; margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; }
.rounded { border-radius: 10px; }
.badge { width: 180px; max-width: 180px; min-width: 50px; }
.breadcrum { font-size: smaller; margin-bottom: 5px; }
.breadcrumemphasis { color: #000; font-weight: bold;  text-decoration: none; }
.breadcrumemphasis:hover { text-decoration: underline; }
.buttonfake { border: 1px solid #999; background: #ddd; background: -webkit-linear-gradient(#eee, #ddd); background: -o-linear-gradient(#eee, #ddd); background: -moz-linear-gradient(#eee, #ddd); background: linear-gradient(#eee, #ddd); text-decoration: none; font-family: arial, tahoma, helvetica, sans-serif; color: #000; display: inline-block; padding: 2px 8px; border-radius:2px; font-size: smaller;}
.buttonfake:visited, .buttonfake:link { color: #000; }
.catalogitem { display: inline-block; padding: 10px; border-radius: 10px; margin: 4px 2px 4px 2px; background-color: #ccc;  }
.catalogitem a { text-decoration: none; color: #000; }
.catalogitem a:visited { color: #000; }
.catalogitem a:link { color: #000; }
.catitem { border-radius: 10px; max-width: 100%; height: auto; }
.Center { text-align: center; margin-left: auto; margin-right: auto; }
.checkbox { list-style-image: url('gfx/check.png'); }
.Clear { clear: both; }
.dd { padding: 0px; margin: 0px; margin-left: 3em; display: block; }
.dt { float: left; width: 3em; padding: 0px;  margin: 0px; display: block; }
.ebooklist ul li { clear: both; padding-top: 10px; margin-top: 10px; }
.ebooklist { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto;}
.emphasis { font-weight: bold; font-style: italic; }
.extract { border-top: 2px solid #999; border-bottom: 2px solid #999; background-color: #eee; margin: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align: left; font-style: italic; }
.FloatRight { float: right; margin-left: 10px; margin-right: 0px; }
.Grey { background-color: #ccc; border: 2px solid #000; padding: 6px; }
.hidelink { color: #3399cc; text-decoration: none; }
.hidelink:hover { text-decoration: underline; }
.hidelinkmassive { color: #3399cc; text-decoration: none; font-size: xx-large; vertical-align: middle; padding: 0; }
.hidelinkmassive:hover { text-decoration: underline; }
.imgsub { background-image:url(/gfx/update.png); border: none; width: 20px; height: 20px;}
.imgbin { background-image:url(/gfx/bin.png); border: none; width: 20px; height: 20px; }
.Indent p { text-align: Left; }
.indent { margin-top: 15px; margin-left: 15px; text-align: Left; }
.Indent50 { margin-left: 50px }
.inlinenoborder { display: inline; border: none; }
.invisible th, td { border: none; }
.invisible { border-collapse: collapse; width: 100%; max-width: 100%; border: none; }
.issue { border: 0px solid; }
.Issue { margin-left: 0px; margin-right: 0px; }
.IssueMenu { text-align: center; padding-top: 10px; padding-bottom: 6px; margin-left: auto; margin-right: auto; }
.itemcontainer { margin: 10px auto; text-align: center; padding: 0; }
.item { display: inline-block; padding: 10px; border-radius: 10px; margin: 4px 2px; background-color: #ccc; }
.item a { text-decoration:none; color: #000; }
.item:hover { background-color: #c99; }
.left { float: left; font-size: smaller; width: 48%; text-align: left; }
.lefttext { text-align:left; }
.menu a { display: block; text-decoration: none; color: #000; padding: 3px; margin-bottom: 5px; margin-right: 5px; background-color: #fff; font-weight: normal; border: 1px solid #333; border-radius: 5px; text-align: center; }
.menu a:hover { background-color: #369; color: #fff; }
.menu li { display: inline-block; list-style: none; width: 3em; height: 100%; vertical-align: middle; }
.menu { text-decoration: none; list-style: none; display: inline; text-align: center; padding: 0px; }
.menusizeable a { display: block; text-decoration: none; color: #000; padding: 3px; margin-bottom: 5px; margin-right: 5px; background-color: #fff; font-weight: normal; border: 1px solid #333; border-radius: 5px; text-align: center; }
.menusizeable a:hover { background-color: #369; color: #fff; }
.menusizeable li { display: inline-block; list-style: none; height: 100%; vertical-align: middle; }
.menusizeable { text-decoration: none; list-style: none; display: inline; text-align: center; padding: 0px; }
.middle { float: left; font-size: smaller; width: 42%; text-align: center; }
.ordercontainer { margin: 10px auto 10px auto; text-align: center; padding: 0; }
.prevnext li a { display: block; text-decoration: none; color: #000; padding: 3px; margin-bottom: 5px; margin-right: 5px; background-color: #fff; font-weight: normal; border: 1px solid #333; border-radius: 5px; text-align: center; }
.prevnext li a:hover { background-color: #369; color: #fff; }
.prevnext li { display: inline-block; list-style: none; width:49%; height: 100%; vertical-align: middle; }
.prevnext { text-decoration: none; list-style: none; display: inline; text-align: center; padding: 0px; }
.productleft { float: left; width: 320px }
.productmiddle { padding-left: 350px; }
.productdescription { margin-top: 1em; margin-bottom: 1em; }
.red { color: red; font-style: bold; }
.Right { float: right }
.right { float: right; font-size: smaller; text-align: right; width: 48%; }
.right { float: right; margin-right: 10px; }
.rightsmall { float: right; }
.shop { text-align: left; margin-left: 0px; margin-right: auto; }
.scroll-horizontal { overflow-x: scroll; overflow-y: hidden; width:100%; margin: 0 auto;}
.scroll-horizontal-no-wrap { white-space:nowrap; margin: 0 auto; text-align: center; }
.scroll-horizontal-element { display: inline-flex; white-space: normal; width: 160px; text-align: center; vertical-align: middle; }
.small { font-size: smaller; }
.summarybox260 { width: 260px; height: 265px; position: relative; }
.summaryimage260 { max-width: 260px; max-height: 260px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.summarycaption { overflow-x: hidden; overflow-y: hidden; height: 1.2em; width: 260px; text-align: center; }
.smallsummarylink { padding: 5px; font-size: smaller; }
.summarybox260 { width: 260px; height: 265px; position: relative; }
.summarycaption { overflow-x: hidden; overflow-y: hidden; height: 1.2em; width: 260px; text-align: center; }
.summaryimage260 { max-width: 260px; max-height: 260px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.summarypicturecontainer { padding: 5px; width: 150px; }
.summarypicture { border-radius: 10px;  }
.summaryitem { clear: both; border: none; float: none;  min-height: 150px; padding: 0; margin: 0; margin-top: 1em;}
.summaryitemtitle { font-weight: bold; font-size: medium; }
.summarygrey { font-size: smaller; color: silver; }
.summaryprice { font-weight: bold; }
.summaryleft { float: left; width: 150px }
.summarymiddle { margin-left: 180px }

.Small { font-size: smaller; }
.SmallRight { font-size: smaller; margin-right: 0px; float: right; vertical-align: bottom; text-align: right; }
.subimg { background-image:url(/gfx/update.png); border: none; width: 20px; height: 20px;}
.binimg { background-image:url(/gfx/bin.png); border: none; width: 20px; height: 20px; }
.ta { clear: both; }
.textout { color: #2C6DB0; background-color: #eee; background: linear-gradient(#ccc,#eee); border: 2px solid #999; border-radius: 8px; text-align: center; margin-right: auto; float: right; font-size: 1.2em; font-style: italic; margin: 0px; width: 45%; padding-right: 10px; padding-left: 10px;  padding-bottom: 5px; padding-top: 5px; margin-bottom: 10px; margin-left: 10px; }
.textright { text-align: right; }
.title { font-size: larger; font-weight: bold; padding-bottom: 5px; }
.topmenu ul li a { color: #000; background-color: #fff; padding-left: 5px; padding-right: 5px; }
.topmenu ul li a { margin-left: 5px; margin-right: 5px; padding-top: 0.1em; padding-bottom: 0.1em; display: inline-block; text-decoration: none; font-weight: bold; white-space: nowrap; }
.topmenu ul li a:hover { color: #fff; background-color: #369; }
.topmenu ul li { display: inline; padding-top: 0.5em; padding-bottom: 0.5em; }
.topmenu ul { padding: 0px; margin: 0px; list-style-type: none; }
.topmenu { clear: both; text-align: center; border-top: 5px solid #999; border-bottom: 4px solid #999; text-align: center; padding-top: 2px; padding-bottom: 2px; margin-left: auto; margin-right: auto; }
.tq { clear: both; padding-top: 20px; }
.Truth { border-bottom: 3px solid #999; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; font-style: italic; margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 5px; }
a.button { width: 60px; text-decoration: none; color: #000; padding: 5px; margin-top: -10px; margin-bottom: 5px; margin-right: 5px; background-color: #eee; font-weight: bold; border: 1px solid #333; border-radius: 5px; text-align: center; float: right; }
a.button:hover { background-color: #369; color: #fff; }
a:link { color: blue; }
a:visited { color: purple; }
a.normal { text-decoration: underline; }
a.normal:link { color: blue; }
a.normal:visited { color: purple; }
address { margin-top: 0.5em; font-style: normal; }
blockquote p em { font-weight: bold; }
blockquote p { text-align: left; }
blockquote { border: 2px solid #999; border-radius: 5px; border-top: 2px solid #999; border-bottom: 2px solid #999; background-color: #ccc; background: linear-gradient(#eee,#ccc); margin: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align: left; font-style: italic; margin-bottom: 1em; }
body { text-align: left; padding: 0px; margin: 0px; font-family: Georgia, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; background-color:#333; background-image: url('/gfx/cosmos.jpg'); background-position: center; background-attachment: fixed; }
del { color: red; font-style: italic; }
div.clockdiv { padding: 5px; border-radius: 3px; background: #00BF96; display: inline-block; }
fieldset { border: 1px solid #000; border-radius: 5px; background-color: #fff; }
fieldset.randomsearch { margin-top: 30px; margin-left: Auto; margin-right: Auto; display: inline; border: 0; }
fieldset.search { padding: 0px; margin: 0px; border: 0; padding-top: 5px; display: inline; }
h1 { text-align: left; font-size: 1.3em; }
h2 { text-align: left; font-size: 1.2em; }
h3 { text-align: left; font-size: 1.1em; }
h4 { text-align: left; font-size: 1.1em; font-weight: bold; font-style: italic; text-align: center; margin: 0px; padding: 0px; }
h5 { font-size: 1.0em; margin: 0px; padding: 0px; margin-bottom: 5px; text-align: center; }
hr { border: 0; height: 3px; border-bottom: 3px solid #999; clear: Left;  }
hr.Small { width: 50%; margin-left: auto; margin-right: auto; }
img { max-width: 100%; height: auto; border: none;}
p { text-align: left; margin-bottom: 1.0em; }
p.right { text-align: right; }
q { font-style: italic; }
span.under { text-decoration: underline; }
table { border-collapse: collapse; width: 100%; max-width: 700%; }
table, th, td { border: 1px solid black; }
th { text-align: center; margin-left: auto; margin-right: auto; }
ul.left { text-align: left; }
ul.nodots { list-style-type: none; padding: 0;}

@media only screen and (max-width: 767px)
{
#avatar { max-width: 300px; width:100%; border: 2px solid #999; border-radius: 5px; }
#content { padding: 0px; margin-left: 0px; margin-right: 0px; float: none; }
#Footer { border-top: 2px solid #999; padding-top: 3px; }
#fullwidth { margin: 0px; padding: 0px; }
#main { min-width: 250px; margin-left: 0px; margin-right: 0px; padding: 2px; text-align: left; border: none; border-radius: 0px; }
.buttonmenu li a { color: #000; background-color: #fff; border: 1px solid #333; text-decoration: none; padding: 3px; margin-bottom: 3px; margin-right: auto; margin-left: auto; font-weight: normal; display: block; border-radius: 5px; text-align: center; }
.buttonmenu li a:hover { background-color: #369; color: #fff; }
.buttonmenu li { list-style: none; }
.buttonmenu ul { margin: 0px; padding: 0px; list-style: none; }
.buttonmenu { margin: 0px; padding: 0px; list-style: none; }
.catitem { border-radius: 10px; width: 100%; height: auto; }
.extract { border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #eee; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; padding: 5px; text-align: left; font-style: italic; }
.Issue { margin-left: auto; margin-right: auto; overflow: hidden; }
.left { float: left; font-size: smaller; width: 48%; text-align: left; }
.middle { float: left; font-size: smaller; text-align: center; width: 50%; }
.productitem { margin: 0 auto; text-align: center; }
.productleft { font-size: smaller; margin: 0 auto; text-align: center; float: none; padding-top: 1em;}
.productmiddle { padding-left: 0; margin-top: 1em; } 
.summarymiddle {margin-left: 0; }
.summarypicturecontainer { padding: 5px; width: 150px; }
.summarypicture { border-radius: 10px;  }
.summaryitem { clear: both; border: none; float: none;  min-height: 150px; padding: 0; margin: 0; margin-top: 1em;}
.summarygrey { font-size: smaller; color: silver; }
.summaryprice { font-weight: bold; }
.right { float: right; font-size: smaller; width: 48%; text-align: right; }
.textout { float: none; text-align: left; font-size: 1.2em; font-style: italic; margin: 0px; width: 90%; padding: 0px; padding-left: 10px; padding-right:10px; margin-left: auto; margin-right: auto; text-align: center; }
.Truth { margin-top: 0px; padding-top: 0px; margin-bottom: 5px; padding-bottom: 2px; }
blockquote { border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #eee; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; padding: 5px; text-align: left; font-style: italic;}
body { background-image: none; }
fieldset.randomsearch { margin-top: 20px; margin-left: Auto; margin-right: Auto; display: inline; border: 0; }
fieldset.search { padding: 0px; margin: 0px; display: inline; border: 0; }
h5 { font-size: 1.0em; margin: 0px; padding: 0px; margin-bottom: 5px; text-align: center; }
ul.prevnext li { list-style: none; min-width:100%; margin-bottom: 0.5em; }
}

@media only print
{
#content { margin-right: 0px; }
.extract { background-color: #fff; border: 0px solid #eee; border-left: 2px solid black; padding-left: 10px; margin-left: 0px; text-align: Left; }
.indent { padding-left: 10px; padding-bottom: 10px; }
.IssueMenu { display: none; }
.right { text-align: right; }
.SmallRight { float: right; text-align: right; font-size: 75%; }
.textout { float: right; font-size: larger; width: 45%; margin-left: 5%; font-style: italic; font-weight: bold; border-top: 2px solid black; border-bottom: 2px solid black; padding-top: 4px; padding-bottom: 4px; margin-bottom: 4px; text-align: left; }
a:link, a:visited { font-weight: bold; text-decoration: underline; color: #06c; }
blockquote { background-color: #fff; border: 0px solid #fff; border-left: 2px solid black; padding-left: 10px; margin-left: 0px; text-align: Left; }
}

@media only tv
{
#Footer { border-top: 2px solid #999; padding-top: 3px; }
#serve { text-align: center; font-style: italic; font-size: 75%; background-color: #ccc; padding: 3px; margin-bottom: 5px; }
.FloatRight { float: right; margin-left: 10px;}
.Grey { background-color: #999 }
.indent { margin-top: 15px; margin-left: 15px }
.Indent50 { margin-left: 50px }
.issue { border: 0px solid; border-color: #666666; }
.IssueMenu { text-align: center; padding-top: 10px; padding-bottom: 6px; margin-left: auto; margin-right: auto; width: 100%; }
.left { float: left; font-size: 75%; width: 48%; text-align: left; }
.middle { float: left; font-size: 75%; text-align: center; width: 50%; }
.right { float: right; font-size: 75%; width: 48%; text-align: right; }
.textout { color: #2C6DB0; font-size: 1.2em; font-style: italic; padding: 0px; margin: 0px; text-align: left; width: 50%; float: right; margin-left: 20px; margin-bottom: 15px; }
.Truth { margin-top: 0px; padding-top: 0px; font-weight: normal; font-style:italic; margin-bottom: 5px; border-bottom: 2px solid #999; padding-bottom: 2px;  }
blockquote p { text-align: Justify; }
blockquote { margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; border-left: 4px solid #999; background-color: #eeeeee; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; text-align: Justify; font-style: italic; }
body { background-color:#999; width: 100%; color: black; margin-left:auto; margin-right:auto; font-family: Georgia, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; font-size: 1.5em; margin-top: 0px; padding: 0px; text-align: left; border: none; }
fieldset.search { padding: 0px; margin: 0px; display: inline; border: 0; }
h1 { font-size: 120%; text-align: center; }
h2 { font-size: 110%; text-align: center; }
h3 { font-size: 110%; text-align: left; }
}