body                  { font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: 13px; background-color: #fff; margin: 0px; padding: 0px; border: 0px; }
h1                    { margin: 0px 0px 25px 0px; font-size: 20px; font-weight: bold; }
h2                    { margin: 30px 0px 20px 0px; font-size: 20px; font-weight: bold; }
img                   { border: 0px; }
p.text                { font-size: 13px; line-height: 19px; }

#admin                { margin:20px; padding:0px; border:1px solid #c0c0c0; background:#fbfbfb; }
#admin h1             { position:relative; top:-10px; left:10px; margin:0px; padding:0px; font-family:georgia, times new roman, times, serif; font-size:13px; font-style:italic; font-weight:bold; color:#000; background:#fff; display:inline; }
#admin-menu-1         { padding:0px 10px 0px 10px; }
#admin-menu-1 p.left  { margin: 0px; padding: 0px; float: left;  }
#admin-menu-1 p.right { margin: 0px; padding: 0px; text-align: right; }
#admin-menu-2         { padding:7px 10px 10px 10px; }
#admin-menu-2 p       { margin: 0px; padding: 0px; }

/*
#top                  { margin: 0px 0px 20px 0px; height:60px; color:#000000; background: #d2ddea; border-bottom: 1px solid #336600; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; background-image:url(img/bg_top.gif); background-repeat: repeat-x; }
#top p.left           { margin: 0px; padding: 14px 0px 0px 20px; float: left;  }
#top p.right          { margin: 0px; padding: 20px 20px 0px 0px; text-align: right; font-size: 18px; font-weight: normal; font-family: georgia, times new roman, times, serif; }
#top span.title       { font-family: georgia, times new roman, times, serif; font-size: 26px; font-weight: bold; font-style: italic; color: #336600; }
#top p.left a         { color: #336600; text-decoration: none; border: 0px; }
*/

#top-c                     { height: 90px; background: #FFCC33; background-image:url(img/bg_top_blau.jpg); background-repeat: repeat-x; padding:0px; }
#top                       { padding:0px 30px 0px 30px; height: 90px; background:tranparent; background-image:url(img/schule_logo.gif); background-repeat:no-repeat; background-position:right; }
#top div.left              { margin: 0px; padding: 16px 0px 0px 0px; float: left; font-size: 12px; font-weight: bold; font-style: italic; color:#000000; }
#top div.right             { margin: 0px; padding: 7px 0px 0px 0px; text-align: right; font-size:11px; line-height:17px; }
#top div.right ul          { list-style-type: none; }
#top span.title            { font-size: 28px; font-weight: bold; font-style: italic; color: #cc0000; }
#top span.subtitle			{font-size: 12px; font-weight: bold; font-style: italic; color: #000000;}
#top div.left a            { color: #336600; text-decoration: none; border: 0px; }

#navtop                    { margin-top:-20px; margin-bottom:20px; padding:0px; border-bottom: 1px solid #339900; }
#navlist                   { margin: 0px; padding: 0px 20px 19px 20px; }
#navlist ul                { list-style-type: none; margin: 0px; padding: 0px; }
#navlist li                { display:block; }
#navlist a                 { width:90px; text-align:center; }
#navlist a:link,
#navlist a:visited         { color:#336600; background: #e8eef6; border: 1px solid #339900; float: left; font-weight: normal; line-height: 14px; margin-right: 4px; padding: 2px 10px 2px 10px; text-decoration: none; background-image:url(img/bg_nav_link.gif); background-repeat: repeat-x; }
#navlist a:link#current,
#navlist a:visited#current { font-weight:bold; color:#993300; background:#FDD348; }
#navlist a:hover,
#navlist a:hover#current   { color:#993300; background:#FDD348; }

#nav                  { position: relative; left: 10px; top: 10px; float: left; margin-bottom: 20px; width:155px; color:#000; background: #fbfbfb; font-size: 13px; padding: 0px 0px 6px 0px; border: 1px solid #336600; }
#nav h3               { margin: 0px 0px 7px 0px; padding: 3px 10px 3px 10px; display: block; font-size: 13px; color: #000000; background: #bbcbdf; border-bottom: 1px solid #336600; text-decoration: none; font-weight: bold; background-image:url(img/bg_nav.gif); background-repeat: repeat-x; }
#nav ul.top           { margin: 0px; padding: 0px; }
#nav ul.sub           { margin: 6px 0px 0px 0px; padding: 6px 0px 0px 0px; border-top: 1px solid #339900; }
#nav li               { list-style: none; margin: 0px; }
#nav li a             { padding: 3px 0px 3px 7px; display: block; border: 0px; }
#nav li a:link        { text-decoration: none; }
#nav li a:visited     { text-decoration: none; }
#nav li a:hover       { text-decoration: none; background: #FDD348; }
#nav li a:active      { text-decoration: none; }
#nav li a.active      { color: #993300; background: #FDD348; }

#subnav               { margin: 10px 30px 25px 185px; padding: 0px 0px 5px 0px; border-bottom: 1px dotted #c0c0c0; max-width: 700px; }
#subnav p.left        { margin: 10px; padding: 0px 0px 0px 12px; float: left; font-size: 13px; color: black; font-weight: bold; background-image:url(img/location.gif); background-repeat:no-repeat; background-position: left; }
#subnav p.right       { margin: 10px; padding: 0px 0px 0px 0px; text-align: right; font-size: 13px; }

#content              { margin: 0px 30px 0px 185px; color: #000; background-color: #fff; line-height: 19px; max-width: 700px; }
#content p            { margin: 0px 0px 25px 0px; padding:0px; padding: 0px; }
#content h1           { margin: 0px 0px 25px 0px; padding:0px; }
#content h2           { margin: 30px 0px 20px 0px; font-size: 20px; font-weight:bold; }
#content h2.teaser    { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#content h2.teaser a  { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#content p.teaser     { margin: 0px 0px 0px 0px; padding: 0px; }
#content p.news-date  { margin: 0px 0px 3px 0px; padding: 0px; font-size:11px; }
#content h2.news      { margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; color:#000; }
#content h2.news a    { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#content p.news       { margin: 0px 0px 25px 0px; padding: 0px; }
#content p.photos     { margin: 0px 0px 25px 0px; padding:0px; }
#content .notes       { margin: 0px 0px 20px 20px; padding:10px 10px 0px 10px; width:200px; float:right; border: 1px solid #c0c0c0; }

#maincontainer              { position:relative; top:0px; left:0px; margin:0px padding:0px; }
#subnav-notes               { margin: 10px 250px 25px 185px; padding: 0px 0px 5px 0px; border-bottom: 1px dotted #c0c0c0; max-width: 700px; }
#subnav-notes p.left        { margin: 10px; padding: 0px 0px 0px 12px; float: left; font-size: 13px; color: black; font-weight: bold; background-image:url(img/location.gif); background-repeat:no-repeat; background-position: left; }
#subnav-notes p.right       { margin: 10px; padding: 0px 0px 0px 0px; text-align: right; font-size: 13px; }

#content-notes              { margin: 0px 250px 0px 185px; color: #000; background-color: #fff; line-height: 19px; max-width: 700px; }
#content-notes p            { padding: 0px; }
#content-notes h1           { margin-top: 0px; margin-bottom: 25px; }
#content-notes h2           { margin: 30px 0px 20px 0px; font-size: 20px; font-weight:bold; }
#content-notes h2.teaser    { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#content-notes h2.teaser a  { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#content-notes p.teaser     { margin: 0px 0px 0px 0px; padding: 0px; }
#content-notes p.news-date  { margin: 0px 0px 3px 0px; padding: 0px; font-size:11px; }
#content-notes h2.news      { margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; color:#000; }
#content-notes h2.news a    { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#content-notes p.news       { margin: 0px 0px 25px 0px; padding: 0px; }
#content-notes p.photos     { margin-top: 30px; }

#notes                      { position:absolute; right: 20px; top: 0px; float: right; margin: 0px; padding: 15px; width:170px; color:#000; background:#fff; font-size: 13px; border: 1px dotted #c0c0c0; }
#notes p                    { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-size:13px; line-height:19px; }

#bottom               { clear: both; margin: 45px 0px 0px 0px; height: 40px; color:#000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; background-image:url(img/bg_bottom.gif); background-repeat: repeat-x; }
#bottom p.left        { margin: 0px; padding: 15px 0px 0px 20px; float: left; font-size: 11px; }
#bottom p.right       { margin: 0px; padding: 15px 20px 0px 0px; text-align: right; font-size: 11px; font-weight: normal; }

.small                { font-size: 11px; }
.small-x              { font-size: 11px; color: #808080; line-height: 16px; }
.code                 { font-family: courier-new, courier; font-size: 13px; color: #339900; }

table.teaser          { }
td.scl                { width: 50%; padding-right: 10px; padding-bottom: 25px; vertical-align: top; line-height: 19px; }
td.scr                { width: 50%; padding-left: 10px; padding-bottom: 25px; vertical-align: top; line-height: 19px; }

img.float-left        { float: left; margin: 0px 7px 7px 0px; border: 1px solid black; }
img.float-right       { float: right; margin: 0px 0px 20px 20px; border: 1px solid black; z-index:10;}
img.thumbnail         { border: 1px solid black; margin: 0px 19px 19px 0px; }

p.images              { margin: 30px 0px 10px 0px; }
td.inputcell          { padding: 3px 0px 3px 0px; }

#comments             { font-size: 13px; margin: 40px 0px 20px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px dotted #c0c0c0; }
.comments             { margin: 0px 0px 20px 0px; }
#content p.author     { margin: 0px 0px 3px 0px; padding: 0px; font-style: italic; }
#content p.text       { margin: 0px; padding: 0px; }
.comment-preview-hl   { margin:0px; color:red; font-weight:bold; }
.comment-preview      { padding: 10px; border: 1px dotted red; }

#content .gb-entry    { margin:0px 0px 25px 0px; padding:0px; }
#content .gb-author   { margin:0px; font-style: italic; }
#content .gb-text     { margin:0px; padding:0px; }
#content .gb-comment  { margin:3px 0px 0px 0px; padding: 0px 0px 0px 20px; color:#444; background-image:url(img/gb_comment.gif); background-repeat:no-repeat; background-position: 3px 3px; }
#content .gb-preview-hl   { margin:0px; color:red; font-weight:bold; }
#content .gb-preview      { padding: 10px; border: 1px dotted red; }
#content .gb-admin        { margin: 5px 0px 10px 0px; padding: 0px; }
#content .gb-input-edit   { width: 50px; height: 20px; font-size: 11px; }
#content .gb-input-delete { width: 50px; height: 20px; font-size: 11px; color:red; }


.caution              { color: red; font-weight: bold; }

a:link                { color: #336600; text-decoration: none; }
a:visited             { color: #336600; text-decoration: none; }
a:hover               { color: #336600; text-decoration: underline; }
a:active              { color: #993300; text-decoration: none; }

a.textlink-out:link       { padding-left: 13px; color: #0000cc; text-decoration: none;  font-weight: bold; background-image:url(img/link_extern.gif); background-repeat:no-repeat; background-position: top left; }
a.textlink-out:visited    { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/link_extern.gif); background-repeat:no-repeat; background-position: top left; }
a.textlink-out:hover      { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: bold; background-image:url(img/link_extern_mo.gif); background-repeat:no-repeat; background-position: top left;}
a.textlink-out:active     { padding-left: 13px; color: #bb0000; text-decoration: none; font-weight: bold; background-image:url(img/link_extern.gif); background-repeat:no-repeat; background-position: top left; }

a.textlink-out-s:link     { padding-left: 13px; color: #0000cc; text-decoration: none;  font-weight: normal; background-image:url(img/link_extern.gif); background-repeat:no-repeat; background-position: top left; }
a.textlink-out-s:visited  { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/link_extern.gif); background-repeat:no-repeat; background-position: top left; }
a.textlink-out-s:hover    { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url(img/link_extern_mo.gif); background-repeat:no-repeat; background-position: top left;}
a.textlink-out-s:active   { padding-left: 13px; color: #bb0000; text-decoration: none; font-weight: normal; background-image:url(img/link_extern.gif); background-repeat:no-repeat; background-position: top left; }

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; }