@CHARSET "ISO-8859-1";

* {
  margin: 0;
}

body {
  font: 100.01% Helvetica, Verdana, Arial, sans-serif;
  width: 1000px;
  margin: 10px auto;
}

img#rsv { 
  margin-bottom: 9px;
  position: relative; /* IE6 doesn't display overflow without this*/
  float: right;
  margin-right: -185px;
}

img#rsv_print {display: none;}

div#side {
  float: left;
  width: 210px;
}

ul#navi{
  clear: both;
  float: right;
  width: 200px;
  height: 516px;
  padding: 20px 0 10px 0;
  background: url(Images/border.jpg) right repeat-y;
  list-style: none; /*Navigationsliste soll keine Aufzählungszeichen haben*/
}

/* Diese Regel ist nötig, um alle Listenelemente nach links zu verschieben */
ul#navi li {
  margin: 0 5px 0 0;
  padding: 0;
}

/*Formatierung der Links der ersten Navigationsebene*/
ul#navi a, 
ul#navi span {
  display: block;
  border: none;
  margin: 5px 0 0 0; /* Aussenabstand zwischen Elementen */
  padding: 7px 0px 7px 25px; /* Platz fürs Bullet */
  text-decoration: none;  /*kein Unterstreichen*/
  font-weight: normal;
  color: white;
  background: #279d1a;
}

ul#navi span,
ul#navi a:focus,
ul#navi a:hover,
ul#navi a:active {
  background: #279d1a url(Images/bullet.jpg) 5px no-repeat;
}

/* zweite Ebene der Navigation*/
ul#navi ul {
  list-style: none;
  padding: 0;
}

ul#navi ul a, 
ul#navi ul span {
  margin: 0 4px 0 10px; /* 10px: Einrückung, 4px: nicht mit border überschneiden*/
  padding-left: 15px;
  background: #24bd14;
}

ul#navi ul span {
  background: #f8e77f;
  color: black;
}

ul#navi ul a:focus,
ul#navi ul a:hover,
ul#navi ul a:active {
  background: #f8d919;
  color: black;
}

/* Bug-Hack für nicht standard-konforme Browser wie IE6 */
* html ul#navi li a, * html ul#navi li span {
  height: 1%;
}

div#kanton {
  clear: both;
  background: url(Images/Kanton.jpg) bottom right no-repeat;
  width: 210px; /* IE7 braucht das, Firefox nicht */ 
  height: 72px;
}

div#main {
  float: left;
  width: 790px;
  margin-top: 150px;
}

div#content {
  min-height: 573px;
  height: auto !important; /* wieder mal was für dämliche Browser (IE) */
  height: 573px; /* und das auch (IE6)*/
  margin: 0 0 0 10px; /* den blauen Rand etwas vom Grünen entfernen */
  padding: 10px 10px 5px 20px;
  border-top: 4px solid #423f9a;
  border-right: 4px solid #423f9a;
}

/* die abgerundete Ecke platzieren */
div#content_topright {
  width: 36px;
  height: 35px;
  float: right;
  margin: -14px -14px 0 0; /*padding+border von #content ausgleichen */
  background: url(Images/round_topright.jpg) top right no-repeat;
}

div#footer {
  height: 20px;
  padding: 20px 20px 0px 30px;
  font-size: .9em;
  border-right: 4px solid #423f9a;
}

a {text-decoration: none; outline: 0; }
a:link    {border-bottom:1px dotted blue; color: blue;}
a:visited {border-bottom:1px dotted green; color: green;}
a:focus   {border-bottom:1px dotted blue; background: #CFDCED; color: blue;}
a:hover   {border-bottom:1px dotted blue; background: #CFDCED; color: blue;}
a:active  {background: #CFDCED; color: blue;}


/* Bildlinks sollen keine Farbe haben, z.B. das RSV-Logo */ 
a img, a:link img, a:hover img, a:focus img {
  border: 0;
  color: white;
  background-color: white;
}

ul {padding: 0 0 0 1em;}
li {padding: 0.4em 0;}
li li {padding: 0.1em 0;}
.left{
  float: left;
  text-align: left;
}
.justify {text-align: justify;}
.right{text-align: right;}
h2 {margin: 0.5em 0 1.5em 0;}
h3 {margin: 0.7em 0 0.3em 0;}
h4 {margin: 0.5em 0 0.2em 0;}
p {padding: 5px 0;}
td {vertical-align: top;}

table.termine tr.heading td{
  font-weight: bold; 
  border-bottom: 1px solid #423f9a;
  height: 40px;
  vertical-align: bottom;
}
table.termine td{border-bottom: 1px solid #CCCCCC;}