body {font-family: sans-serif; font-size: 90%}
a {color: #5a087b; text-decoration: none;}
a:hover {text-decoration: underline;}
h2 {font-size: 110%;}
h1, h2, h3 {margin: 0.5em 0;}
h1 {font-size: 130%; color: #5A087B;}
h2 {font-size: 110%;}
h3 {font-size: 100%;}
td {padding: 3px;}

#body .content ul {padding: 0.5em 0;}
#body .content li {margin-left: 2em; padding: 0.25em 0; list-style-type: disc;}

.page {width: 960px; margin: 0 auto; text-align: center;}

.sidebar {width: 192px; float: left; text-align: left;}
.content {width: 768px; float: left; text-align: left;}
.padding {padding: 0 0.5em;}

#header {}
#header .navicon {position: absolute; bottom: 12px;}
#header .column, #header .columnbig {height: 13px; }


#header .content {position: relative; height: 106px;} /* 93 + 13px hoch */
#header .columns {height: 13px; width: 100%; background: #e1dbe1; position: absolute; bottom: 0;}
#header .columns .column {float: left; width: 95px; margin-right: 5px;}
#header .columns .column a img {width: 95px; height: 13px;}
#header .columns .columnbig {float: left; width: 195px; margin-right: 5px;}
#header .columns .columnbig a img {width: 195px; height: 13px;}

.bent   {background: #3972a7;}
.ward    {background: #b3334a;}
.hund {background: #f7d608;}
.default {background: #5a087b;}

#body {clear: both; border-top: 1px solid #5a087b;}
#body .page{background: url(../images/bg_sidebar.gif) repeat-y; padding-top: 1em;}

#body .sidebar {font-size: 80%;}

#body .sidebar ul {padding: 0 0 0 1em; list-style-type: circle; color: #5a087b; margin: 0 0 0 0;}
#body .sidebar ul ul {margin-left: 1em; padding: 0;}
#body .sidebar li {}

#body .sidebar li.active, 
#body .sidebar li.active li.active {font-weight: bold;}
#body .sidebar li.active li {font-weight: normal;}

#body .content .columns {margin-left: -0.5em; margin-top: -1em;}
#body .content .columns .column {float: left; width: 95px; margin-right: 5px;}
#body .content .columns .column a {height: 241px; width: 95px; display: block;}
#body .content .columns .bent a {background: url(../images/start_bent_off.gif);}
#body .content .columns .bent a:hover {background: url(../images/start_bent_on.gif);}
#body .content .columns .ward a {background: url(../images/start_ward_off.gif);}
#body .content .columns .ward a:hover {background: url(../images/start_ward_on.gif);}
#body .content .columns .hund a {background: url(../images/start_hund_off.gif);}
#body .content .columns .hund a:hover {background: url(../images/start_hund_on.gif);}

#footer {clear: both; border-top: 1px solid #5a087b; color: #5a087b; font-size: 75%;}
#footer .sidebar {background-color: #5a087b;}
#footer .content {text-align: right;}

ul {list-style-type: circle;}

#archivelink {text-align: center;}