body                       { font-family: verdana,arial,sans-serif; width: 59em; margin: 0 auto; padding: 0 1em; font-size: small; background: #ddd; }
#wrapper                   { padding: 0; }
h1                         { margin: 0 0 2em 0; font-size: medium; font-weight: bold; }
h2                         { margin: 2em 0 1.5em 0; font-size: small; font-weight: bold; }

#admin                     { margin: 0; padding: 7px 10px 7px 10px; background: #ffffe1; border-bottom: 1px solid #c0c0c0; }
#admin p.left              { margin: 0; padding: 0; float: left;  }
#admin p.right             { margin: 0; padding: 0; text-align: right; }
#admin a                   { text-decoration: none; }
#admin a:hover span        { text-decoration: underline; }
#admin a img               { margin: 0 5px -3px 0; padding: 0; }

#topcontainer              { width: 100%; height: 113px; background:white url(/templates/img/banner-filler.png) top left repeat-x; padding: 10px 0 0 0; margin: 10px 0 0 0; border: solid #496898; border-width: 2px 2px 0 2px; }
#top                       { height: 113px; padding: 0; text-align: center; }
#top div.left              { display: none; margin: 0; padding: 0.7em 0 0 0; float: left; font-family: georgia, times new roman, times, serif; font-size: x-large; font-weight: bold; font-style: italic; color:#000080; }
#top div.right             { display: none; margin: 0; padding: 1.5em 0 0 0; text-align: right; font-size: medium; font-weight: normal; font-family: georgia, times new roman, times, serif; }
#top span.title            { font-family: georgia, times new roman, times, serif; font-size: x-large; font-weight: bold; font-style: italic; color: #cc0000; }
#top div.left a            { color: #000080; text-decoration: none; border: 0; }
#topcontainer img#banner   { position: relative; top: 0px; }
#topcontainer #lang        { float: right; border: 0; margin: -6px 4px 0 -74px; padding: 0; }
#topcontainer #lang2       { float: right; border: 0; margin: 8px 4px 0 -74px; padding: 0; }
#topcontainer #lang img,
#topcontainer #lang2 img   { border: 0; margin: 0; padding: 0; }

/*
#navcontainer              { height: 1.5em; margin-top: -1.5em; padding: 0 2em; }
#nav                       { padding: 0; }
#navlist                   { margin: 0; padding: 0 0 1.5em 0; }
#navlist ul                { list-style-type: none; margin: 0; padding: 0; }
#navlist li                { display: inline; }
#navlist a                 { width: 10em; padding: 2px 0; text-align:center; float: left; margin-right: 8px; }
#navlist a:link,
#navlist a:visited         { color:#000080; background: #e8eef6; border: 1px solid #bacbdf; font-weight:normal; text-decoration: none; background-image:url(/templates/img/bg_nav_link.gif); background-repeat: repeat-x; }
#navlist a:link#current,
#navlist a:visited#current { border-bottom: 1px solid #f7f7f7; font-weight:bold; color:#00c; background: #f7f7f7; }
#navlist a:hover,
#navlist a:hover#current   { color:#00c; background:#f7f7f7; }

#subnavcontainer           { margin-top: 0; border-bottom: 1px solid #bacbdf; background: #f7f7f7; background-image:url(/templates/img/bg_subnav.gif); background-repeat: repeat-x; }
#subnav                    { clear:both; height: 2em; padding: 0 2em; font-size: small; }
#subnav div.left           { margin: 0; padding: 7px 0 0 0; float: left; }
#subnav div.right          { margin: 0; padding: 7px 0 0 0; text-align: right; font-size: small; font-weight: normal; }
select.cat                 { font-family: verdana, arial, sans-serif; font-size: x-small; }
*/

#contentcontainer       { padding: 0; background: #fff; margin: 0; width: 100%; text-align: right; border: solid #496898; border-width: 0 2px 2px 2px; }
#content                { padding: 0; margin: 0; text-align: left; }
#main                   { margin: 0 0 0 30%; padding: 1em 1.5em 0.5em 0; background: white; }
#main h1                { color: black; margin: 0; padding: 0 0 0.2em 0; }
#main h2                { margin: 1.5em 0 1em 0; font-size: medium; font-weight: bold; }
#main p                 { font-size: small; line-height: 1.5em; }
#main ul                { font-size: small; line-height: 1.5em; list-style: outside url(/templates/img/bullet.png); margin-left: 1em; padding-left: 0; }

#main h2.teaser         { margin: 0; font-size: small; font-weight: bold; color: black; text-decoration: none; }
#main h2.teaser a       { margin: 0; font-size: small; font-weight: bold; color: black; text-decoration: none; }
#main p.teaser          { margin: 0; padding: 0; }

#main td                { padding-right: 1.5em; padding-bottom: 1.5em; }

#sidebarcontainer         { width: 100%; text-align: right; margin: 0; padding: 0; }
#main-sidebar             { margin: 0 0 0 30%; padding: 1em 1.5em 0 0; text-align: left; }
#main-sidebar h1          { color: black; margin: 0; padding: 0 0 0.2em 0; }
#main-sidebar h1.hl,
#main h1.hl               { border-bottom: 1px solid black; }
#main-sidebar h2          { margin: 1.5em 0 1em 0; font-size: medium; font-weight: bold; }
#main-sidebar p           { font-size: small; line-height: 1.5em; margin-top: 0; }
#main-sidebar ul          { font-size: small; line-height: 1.5em;}
#main-sidebar h2.teaser   { margin: 0; font-size: medium; font-weight: bold; color: black; text-decoration: none; }
#main-sidebar h2.teaser a { margin: 0; font-size: medium; font-weight: bold; color: black; text-decoration: none; }
#main-sidebar p.teaser    { margin: 0; padding: 0; }

#main h1.topic h1.topic, #content-sidebar h1.topic { margin: 0 0 2em 0; padding:  0; }
#main div.topic, #content-sidebar div.topic        { margin: 0 0 2em 0; }
#main div.topic h2, #content-sidebar div.topic h2  { margin: 0; padding: 0 0 1px 0; font-size: medium; }
#main div.topic p, #content-sidebar div.topic p    { margin: 0; padding: 0; }

#main div.news                 { margin: 0 0 1.7em 0; padding:0; }
#main div.news p.date          { margin: 0 0 3px 0; padding: 0; font-size: small; }
#main div.news h2              { margin: 0 0 3px 0; font-size: medium; font-weight: bold; color: black; }
#main div.news h2 a            { margin: 0 0 0 0; font-size: medium; font-weight: bold; color: black; text-decoration: none; }
#main div.news p               { margin: 0 0 0 0; padding: 0; }
#main div.news p.link          { margin: 3px 0 0 0; padding: 0; }
#main div.news a.comment-link  { font-size: small; color: #808080; }

h1.hl + img  { border-top: 0; }

#sidebar            { float: left; margin: 0 0 2em 0; padding: 0; color: black; font-size: small; }
#sidebar ul         { text-align: left; margin: 1.5em 0 0.5em 1.5em; padding: 0; font-size: medium; font-weight: bold; }
#sidebar li         { list-style: none; margin: 0; padding: 0; }
#sidebar li a       { color: #496898; margin: 0; padding: 0; font-size: medium; font-weight: bold; }
#sidebar li a:hover {  }
#sidebar li.sub     { list-style: outside url(img/bullet.png); margin-left: 2em; }
#sidebar li.sub a   { font-size: small; font-weight: bold; }

.sidebarbox       { width: 12em; text-align: left; margin: 2em 0 0 1.5em; padding: 1em 1em 0.5em 1em; color: black; background: #eee; border: 1px solid #496898; }
.sidebarbox h3    { margin: 0; padding: 0.5em 0 0 0.7em; font-size: small; }
.sidebarbox p     { margin: 0; padding: 0 0 0.7em 0; font-size: small; }
a:hover span.link { text-decoration: underline; }

table.teaser  {  }
td.scl        { width: 50%; padding-right: 0.7em; padding-bottom: 1.5em; vertical-align: top; line-height: 1.5em; }
td.scr        { width: 50%; padding-left: 0.7em; padding-bottom: 1.5em; vertical-align: top; line-height: 1.5em; }

#bottomcontainer      { clear: both; margin: 0; padding: 0 2em 0 2em; border: 0; }
#bottom               { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
#bottom p.left        { margin: 0; padding: 0.5em 0 0.5em 0; float: left; font-size: x-small; }
#bottom p.right       { margin: 0; padding: 0.5em 0 0.5em 0; text-align: right; font-size: x-small; font-weight: normal; }
#bottom p.right a     { color: #808080; }
#bottom p.left img    { margin: 0; padding: 0; border: 0; }

.small                { font-size: x-small; }
.smallx               { font-size: x-small; color: #808080; }
.sep                  { margin: 1.5em 0 0.7em 0; padding: 0; height: 1px; font-size: 1px; width: 15em; border-bottom: 1px dotted #c0c0c0; }

p.code                { margin:0 0 0 1.5em; padding:0 0 0 5px; font-family: courier-new, courier; font-size: small; color: #000099; border-left: 5px solid #c0c0c0; }
span.code             { font-family: courier-new, courier; font-size: small; color: #000099; }

table.normaltab       { width: 100%; border: 1px solid #bacbdf; }
table.normaltab th    { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: small; font-weight: bold; text-align:left; color: black; background:#d2ddea; background-image:url(img/bg_th.gif) bottom repeat-x; }
table.normaltab td.a  { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: small; font-weight: normal; color: black; background: #f5f5f5; }
table.normaltab td.b  { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: small; font-weight: normal; color: black; background: #f9f9f9; }

#comments             { font-size: medium; margin: 3em 0 1.5em 0; padding: 0 0 2px 0; border-bottom: 1px dotted #c0c0c0; }
.comments             { margin: 0 0 1.5em 0; }
p.author              { margin: 0 0 3px 0; padding: 0; font-style: italic; }
p.text                { margin: 0; padding: 0; }
.comment-preview-hl   { margin: 0; color: red; font-weight: bold; }
.comment-preview      { padding: 0.7em; border: 1px dotted red; }

.gb-entry             { margin: 0 0 2em 0; padding:0; }
.gb-author            { margin: 0; font-style: italic; }
.gb-text              { margin: 0; }
.gb-comment           { margin: 5px 0 0 0; padding: 0 0 0 20px; color:#444; background-image:url(img/gb_comment.gif) no-repeat 3px 3px; }
.gb-preview-hl        { margin: 0; color: red; font-weight: bold; }
.gb-preview           { padding: 0.7em; border: 1px dotted red; }
.gb-admin             { margin: 5px 0 0.7em 0; padding: 0; }
.gb-input-edit        { width: 4em; height: 1.5em; font-size: x-small; }
.gb-input-delete      { width: 4em; height: 1.5em; font-size: x-small; color: red; }

.caution              { font-weight:bold; color:red; }

img                   { border: 0; }
img.float-left        { float: left; margin: 0 0.7em 0.7em 0; border: 1px solid black; }
img.float-clear-left  { float: left; clear: left; margin: 0.5em 0.7em 0.7em 0; border: 1px solid black; }
img.float-right       { float: right; margin: 0 0 1em 1em; border: 1px solid black; z-index:10;}
img.float-clear-right { float: right; clear: right; margin: 0.5em 0 1em 1em; border: 1px solid black; z-index:10;}
img.teaser            { float: left; margin: 0.5em 0.5em 0.5em 0; border: 1px solid black; }
img.thumbnail         { border: 1px solid black; margin: 0.5em 0 0 0; }
img.float-left-sm     { float: left; margin: 3px 5px 3px 0; border: 1px solid black; }
img.borderless        { border: 0; }

a:link     { color: #0000cc; text-decoration: none; }
a:visited  { color: #0000cc; text-decoration: none; }
a:hover    { color: #0000cc; text-decoration: underline; }
a:active   { color: #bb0000; text-decoration: none; }

img.thumbnail:link     { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:visited  { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:hover    { color: #0000ff; border: 1px dashed #000000; }
img.thumbnail:active   { color: #0000ff; border: 1px dashed #0000cc; }

a.extern:link         { padding-left: small; color: #0000cc; text-decoration: none; font-weight: normal; background: url(img/link_extern.png) no-repeat top left;  }
a.extern:visited      { padding-left: small; color: #0000cc; text-decoration: none; font-weight: normal; background: url(img/link_extern.png) no-repeat top left; }
a.extern:hover        { padding-left: small; color: #0000ff; text-decoration: underline; font-weight: normal; background: url(img/link_extern.png) no-repeat bottom left; }
a.extern:active       { padding-left: small; color: #ff0000; text-decoration: none; font-weight: normal; background: url(img/link_extern.png) no-repeat top left; }

a.rss:link            { padding-left: medium; color: #0000cc; text-decoration: none; font-weight: normal; background: url(img/rss.png) no-repeat left; }
a.rss:visited         { padding-left: medium; color: #0000cc; text-decoration: none; font-weight: normal; background: url(img/rss.png) no-repeat left; }
a.rss:hover           { padding-left: medium; color: #0000ff; text-decoration: underline; font-weight: normal; background: url(img/rss.png) no-repeat left; }
a.rss:active          { padding-left: medium; color: #ff0000; text-decoration: none; font-weight: normal; background: url(img/rss.png) no-repeat left; }

a.comments:link       { padding-left: small; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/comments.png) left no-repeat; }
a.comments:visited    { padding-left: small; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/comments.png) left no-repeat; }
a.comments:hover      { padding-left: small; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url(img/comments.png) left no-repeat; }
a.comments:active     { padding-left: small; color: #ff0000; text-decoration: none; font-weight: normal; background-image:url(img/comments.png) left no-repeat; }

.fs     { border: 1px solid #496898; }
#copy   { width: 100%; text-align: right; font-size: x-small; margin: 0; padding: 0; }
#copy a { color: #808080; padding-right: 0.7em; }
