body { color: #5f6175; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }

/* LAYOUT POSITIONING & BORDERS ONLY */
#page { width: 99%; min-width: 770px; max-width: 1024px; margin: 0; padding: 2px !important; display: block; }
#header { width: 770px; height: 120px; min-width: 770px; min-height: 120px; max-width: 1024px; max-height: 140px !important; margin-top: 2px; margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #606060; display: block; }
#sitetitle { position: relative; top: 4px; right: 4px; float: right; clear: right; display: block; }
#main { width: 770px; height: 100%; overflow: hidden; margin: 0; padding: 0; display: block; }
#footer { display: block; margin-top: 2px; width: 770px; height: 32px; border-top: 1px solid #5f6175; }
/*
#main { text-align: center; width: 770px; height: 100%; min-width: 770px; min-height: 480px; max-width: 1024px; max-height: 100%; margin-top: 1%; padding: 4px; border: solid 1px red; display: block; }
*/
#menuCont { width: 160px; height: 100%; float: left; clear: left; min-height: 500px; margin: 0; padding: 0; border-right-style: none; border-right-width: 1px; display: block; }
#menu { width: 160px; float: left; clear: left; margin: 0; padding: 0; display: block; }
#shopmenu { display: block; width: 160px; float: left; clear: left; margin: 0; padding: 0; }
#adcode { width: 100%; height: 60px; min-width: 500px; min-height: 32px; max-width: 900px; max-height: 120%; margin-top: 2px; margin-right: 2px; margin-left: 4px; display: block; }

#bodyCont { width: 600px; float: right; clear: right; margin: 0; padding: 0; border-left: 1px solid #a0a0a0; display: block; }
#bodyhead { background-image: url(/templates/template_j/i/body_head_bg.png); background-repeat: repeat; width: 100%; float: right; clear: both; margin: 0 0 4px; padding: 1px 1px 2px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #c8c8c8; display: block; }
#body { width: auto; margin: 0; }

#additional { vertical-align: top; width: 100%; float: right; clear: right; min-width: 500px; min-height: 20px; max-width: 900px; max-height: 80px; margin-top: 2px; margin-right: 2px; margin-left: 4px; }
#newsheadlines { background-image: url(/templates/template_j/i/messages_news_bg.png); background-repeat: repeat; vertical-align: top; width: 48%; height: auto; overflow: auto; float: right; min-width: 200px; min-height: 32px; max-width: 450px; max-height: 120px; margin: 2px 2px 2px 4px; padding: 2px; display: table-cell; }
#recentmessages { background-image: url(/templates/template_j/i/messages_news_bg.png); background-repeat: repeat; vertical-align: top; width: 48%; height: auto; overflow: auto; float: right; min-width: 200px; min-height: 32px; max-width: 450px; max-height: 120px; margin: 2px 2px 2px 4px; padding: 2px; display: table-cell; }
#mailinglist { vertical-align: middle; display: table-cell; margin-top: 2px; margin-right: 2px; margin-left: 4px; width: auto; height: 20px; float: right; clear: none; min-width: 120px; min-height: 20px; max-width: 100%; max-height: 60px; border: solid 1px #e0e0e0; }
#checkout { vertical-align: middle; display: table-cell; margin-top: 2px; margin-right: 2px; margin-left: 4px; width: auto; height: 20px; min-width: 120px; min-height: 20px; max-width: 100%; max-height: 60px; float: right; clear: none; border: solid 1px #e0e0e0; }
#visitorcounter { vertical-align: middle; display: table-cell; margin-top: 2px; margin-right: 2px; margin-left: 4px; width: auto; height: 20px; float: right; clear: none; min-width: 120px; min-height: 20px; max-width: 100%; max-height: 60px; border: solid 1px #e0e0e0; }
#datetime { vertical-align: middle; display: table-cell; margin-top: 2px; margin-right: 2px; margin-left: 4px; width: auto; height: 20px; float: right; clear: none; min-width: 120px; min-height: 20px; max-width: 100%; max-height: 30px; border: solid 1px #e0e0e0; }
/* END POSITIONING */

/* LAYOUT APPEARNACE ONLY */
.page {  }
.header {}
#checkout a:link { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; padding-right: 2px; padding-left: 2px; }
#checkout a:visited { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; padding-right: 2px; padding-left: 2px; }
#checkout a:hover { color: blue; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding-right: 2px; padding-left: 2px; }
#mailinglist form { margin: 0; padding: 0; }
#mailinglist input { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0; }
#mailinglist table { overflow: scroll; margin: 0; padding: 0; }
#newsheadlines table {  }
#newsheadlines th { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding: 1px 16px 1px 2%; border-bottom-style: ridge; border-bottom-width: 2px; }
#newsheadlines td { color: #2389b0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; padding-right: 2px; padding-left: 2px; list-style-type: decimal; }
#newsheadlines li {}
#newsheadlines a:link { color: #2389b0; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
#recentmessages table { height: 120px; }
#recentmessages th { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding: 1px 2% 1px 16px; border-bottom-style: ridge; border-bottom-width: 2px; }
#recentmessages td { color: #2389b0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: decimal; }
#recentmessages sup { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-left: 4px; list-style-type: decimal; }
#recentmessages a:link { color: #2389b0; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
.sitetitle { color: #00005c; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.main { margin: 0; padding: 0; }
.menu { margin: 2px 0 0 0; padding: 4px 0 8px; }
.menu table { text-align: center; width: 130px; margin: 15px 0 0; padding: 0; }
.menu th { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: silver; text-decoration: none; text-align: center; width: 130px; border-bottom: 1px solid #5f6175; }
.menu td { color: #5f6175; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: transparent; text-align: left; width: 130px; margin-top: 2px; margin-bottom: 2px; }
.menu a:link { color: #0000bf; background-color: #fff; text-decoration: none; width: 130px; height: auto; margin-top: 1px; margin-bottom: 1px; padding: 1px 1px 1px 2px; border: inset 2px white; display: block; }
.menu a:visited { color: #0000bf; background-color: white; text-decoration: none; width: 130px; height: auto; margin-top: 1px; margin-bottom: 1px; padding: 1px 1px 1px 2px; border: inset 2px white; display: block; }
.menu a:hover { color: black; background-color: #f7f7f7; text-decoration: none; width: 130px; height: auto; margin-top: 1px; margin-bottom: 1px; padding: 1px 1px 1px 2px; border: outset 2px white; display: block; }
.body { text-align: left; width: 90%; padding: 4px 8px 4px 4px; }
.footer { color: #5f6175; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; border-style: none; border-width: 1px; }
.copyright { color: #9a9a9a; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; }
.datetime { font-size: 10px; white-space: nowrap; }
.visitorcounter { font-size: 10px; white-space: nowrap; }
.mailinglist { font-size: 10px; white-space: nowrap; }
/* END POSITIONING */

