/* bisher wirklich verwendet:
body
h1
p
.sand        für Sandfarbenen Hintergrund zur Verlängerung der Seitenstreifen bei langem Content
.content     für Hintergrundfarbe und padding des Content-Bereichs
div.message  für Nachricht beim Adress-Einageformular
callhover    um Listeneinträge hervorzuheben
.fred        um bei Kalender die links rot und fett zu setzen (warum so?)
.detailname  für die Überschriften der Details in z.B. Kalendereinträgen (funktioniert nicht)
*/

body {
  background-color:#000000; }

.sand {
  background-color:#E3DABD; 
}

.SpeechBubble {
	background-image:url('./rahmen/4e_bubble.jpg'); 
	padding-top:20px;
}

.content, .content_rahmen {
  background-color:#F4F4DC; }

.drop {
  background-color:#fdc900; }

a.callhover, a.callhoverred {
  background-color:#FFF7CE; }

a.callhover:hover, a.callhoverred:hover, a.callhover2, a.callhover2:hover {
  background-color:#FFFFDE; }

div.message {
  background-color:#fffff0; }

td.separator {
  background-color:#CD9DFF; }

td {
  background-repeat:no-repeat; }

body, h1, h2, h3, h4, p, td, li, ul, ol, div, span, a.kkr, a.kkr:hover, a.kkra, a.kkra:hover, a.skkr, a.skkr:hover, a.skkra, a.skkra:hover, div.skkr, textarea, input {
  font-family:verdana,helvetica,arial; }

img {
  border-style:none; }

td {
  vertical-align:top; }

p, td, li, a.skkr, a.skkr:hover, a.skkra, a.skkra:hover, div.skkr, .drop, div.message, h2, textarea, input {
  font-size:10pt; }

h1 {
  font-size:13.5pt }

.small {
  font-size:9px; }

a.kkr, a.kkr:hover, a.kkra, a.kkra:hover {
  font-size:12px; }

.loctitle {
  font-size:15px; }

.tsheader {
  font-size:25px; }

.coursedance {
  font-size:200%; }

.courselevel {
  font-size:120%; }

a, a.thin, .drop, .fred {
  color:#cc0000; }
  
a:hover, a.thin:hover, .warn {
  color:#cc0000; }
 
a.kkr, a.kkra:hover, .white, a.skkr, a.skkra:hover, div.skkr {
  color:#ffffff; }

a.kkr:hover, a.kkra, a.skkr:hover {
  color:#f0f0a0; }

a.skkra, a.crow, a.crow:hover, a.callhover, a.callhover:hover, a.callhover2, a.callhover2:hover, .black {
  color:#000000; }

.tsheader {
  color:#657BB0; }

a, a.thin, a.kkr, a.kkr:hover, a.kkra, a.kkra:hover, a.skkr, a.skkr:hover, a.skkra, a.skkra:hover, div.skkr, a.crow, a.crow:hover, a.callhover, a.callhover:hover, a.callhoverred, a.callhoverred:hover, a.callhover2, a.callhover2:hover {
  text-decoration:none; }

a:hover, a.thin:hover {
  text-decoration:underline; }
  
a.nounderline:hover {
  text-decoration:none; }
 
a, a:hover, a.kkr, a.kkr:hover, a.kkra, a.kkra:hover, a.skkr, a.skkr:hover, a.skkra, a.skkra:hover, div.skkr, .drop, .loctitle, td.separator, .tsheader, .coursedance, .courselevel, .fred, .warn, h2, td.detailname, .titel {
  font-weight:bold; }

a.thin, a.thin:hover, cal_location a, a.crow, a.crow:hover, a.callhover, a.callhover:hover, a.callhover2, a.callhover2:hover {
  font-weight:normal; }

div {
  scrollbar-face-color:#FDC900;
  scrollbar-arrow-color:#000000;
  scrollbar-track-color:#FFE788;
  scrollbar-shadow-color:#ff8000;
  scrollbar-highlight-color:#ffe0c0;
  scrollbar-3dlight-color:'';
  scrollbar-darkshadow-color:''; }

.tsheader {
  text-align:right; }

div.message, td.separator {
  text-align:center; }

table, td { padding: 0; }

td.mit_zeilenabstand {
 padding:5pt 0pt 5pt 0pt; }
 
 a.crow, a.crow:hover {
  display:block; }
/*  padding:2,0,2,0; } */

h1 {
  margin: 10pt 0pt 10pt 0pt; }

h1.mit_untertitel {
  margin-bottom:0pt; }

img.bild_rechts {
  margin:0pt 0pt 12pt 12pt; }

h2 {
  margin-top:0pt;
  margin-bottom: 10pt}

li {
  margin-bottom: 5pt; }

.content {
  padding:0px 0px 7px 0px; }

.coursedance {
  padding:10 0 0 0; }

.courselevel {
  padding:10 0 0 0; }

div.message {
  padding: 20 20 20 20; }

div.skkr {
  padding:4px; }
  
td.detailname {
  padding:8px; }

td.kalenderblatt {
  background: #CD9DFF;
  text-align: center;
  border: 1px solid #000000;
  border-top: 5px solid #000000; 
}

#SelectCityDiv {
  margin-left:35px; 
}
#SelectCityDiv select {
  width:120px;
}
* html #SelectCityDiv {
  margin-top:0px;
}
 
.HeaderList {
  text-align: center; 
  font-size: 7pt; 
  color: gray;
}

.CityHeader {
  text-align:center; 
  width:98%; 
  vertical-align:middle; 
  font-weight:bold; 
  border:2px solid black;
}

label { cursor:pointer; }
.SpecialList { list-style:none; padding-left:0; margin-left:0;}

.nobr {
    white-space: nowrap
}