﻿html, body {
   height:101%;
}
body {
   background-color:#000;
   color:#fff;
   font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   line-height:20px;
   margin:0px;
}

p {
   margin-bottom:0px;
}

.rot {
   color:#f00;
}

h2 {
   color:#00887c;
   border-bottom:dotted 1px #000;
   padding:0px 0px 5px 0px;
   margin:0px 0px 5px 0px;
   font-size:14px;
   font-weight:bold;
}

/* seitenlayout */

#kopf_links {
   background-color:#000;
   border-bottom:solid 1px #f00;
   height:145px;
   width:430px;
   padding:10px 0px 0px 20px;
   font-size:12px;
   line-height:16px;
}
#kopf_rechts {
   background-color:#000;
   border-bottom:solid 1px #f00;
   height:125px;
   padding:30px 20px 0px 0px;
   width:430px;
}
#navigation {
   background-color:#000;
   padding:10px 0px 0px 20px;
   min-height:500px;
   width:180px;
}
#inhalt {
   background-color:#000;
   padding:20px;
   border-left:solid 1px #f00;
   min-height:500px;
   width:659px;
   overflow:auto;
}
#fusszeile {
   background-color:#000;
   border-top:solid 1px #f00;
   padding:0px 0px 0px 20px;
   height:30px;
   width:880px;
   color:#999;
   font-size:11px;
   line-height:14px;
}
a.fusslink,a.fusslink:active,a.fusslink:link,a.fusslink:visited {
   color:#999;
}
a.fusslink:hover {
   color:#fff;
}



/* breadcrumb */

div.breadcrumb {
   height:20px;
   padding-top:27px;
   border-bottom:dotted 1px #000;
}


/* haupt-titel */

h1.main {
   font-size:20px;
   font-family:"Trebuchet MS",verdana,helvetica,arial,sans-serif;
   line-height:23px;
   margin:0px 0px 15px 0px;
   padding:0px;
   font-weight:bold;
}
div.titel_datum {
   display:none;
}


/* links */
a, a:active, a:link, a:visited {
   text-decoration:underline;
   color:#fff;
}
a:hover {
   color:#f00;
}
a.schwarz,a.schwarz:link,a.schwarz:active,
a.blink,a.blink:link,a.blink:active,
a.ilink,a.ilink:link,a.ilink:active {
   color:#000;
}
a.schwarz:hover,a.blink:hover,a.ilink:hover {
   text-decoration:underline;
}
a.toplink, a.toplink:active, a.toplink:visited, a.toplink:link {
   color:#000;
   text-decoration:none;
}
a.toplink:hover {
   text-decoration:underline;
}
a.botlink, a.botlink:active, a.botlink:visited, a.botlink:link {
   color:#777;
   text-decoration:none;
}
a.botlink:hover {
   text-decoration:underline;
}
a.weiss,a.weisss:link,a.weiss:active,a.weiss:visited {
   color:#fff;
}
a.weiss:hover {
   color:#f00;
}

/* index */

div.index {
   border-top:dotted 1px #000;
   margin-bottom:20px;
}
div.index_titel {
   display:none;
}
div.index_item {
   padding:3px 0 4px 0px;
   margin:0px;
   border-bottom:dotted 1px #000;
}

/* sitemap */

div.sitemap_zeile {
   border-bottom:dotted 1px #e0e0e0;
   padding: 2px 0px 2px 0px;
}


/* artikel */

div.artikel {
   margin:0px 0px 16px 0px;
   
}
div.artikel_text {
}
div.artikel_datum {
   font-size:10px;
   font-weight:bold;
   line-height:13px;
   border-bottom:dotted 1px #999;
   padding:0px 0px 1px 0px;
   margin:0px 0px 1px 0px;
   color:#999;
}
h3.artikel_titel {
   font-size:15px;
   font-weight:bold;
   margin:0px 0px 15px 0px;
   color:#f00;
}

/* bilder */
div.hs_thumbnail {
   float:left;
   margin:0px 18px 15px 0px;
   width:120px;
   height:120px;
   text-align:center;
}


/* tabber */

.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
}
.tabberlive {
 margin-top:1em;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* veranstaltungskalender */
div.events {
}
div.event {
   margin:0px 0px 10px 0px;
   border-top:dotted 1px #999;
}
div.event_datum {
   font-size:11px;
}
h3.events_monat {
   font-weight:bold;
   margin:20px 0px 16px 0px;
}
h4.event_titel {
   font-weight:bold;
   margin:0px;
}
div.event_text {
   font-size:11px;
   line-height:15px;
}

/* accordian */
div.accordian {
   margin:0px 0px 16px 0px;
   padding:0px;
}
div.accordian_hdr {
   border-top:dotted 1px #000;
   padding:5px 0px 5px 0px;
   cursor:pointer;
   cursor:hand;
}
div.accordian_hdr:hover {
   text-decoration:underline;
}
div.accordian_body {
   border:dotted 1px #000;
   border-bottom:none;
   padding:10px;
}

/* download-listen */
ul.downloads {
   padding:0px 0px 0px 20px;
   list-style-image:url('http://cms2.reinhards.ch/_bilder/_li/diskette.gif');
   margin:0px 0px 20px 0px;
}
li.downloads_titel {
   font-size:13px;
   font-weight:bold;
   margin-bottom:4px;
   list-style:none;
   margin-left:-20px;
}
li.download {
}
span.download_info {
   font-size:10px;
}


