/*Inhalt:
1) body
2) Laufschrift
3) Men¸
4) Untermen¸s
5) div.main
6) allgemeine Klassen:
  -4 Sorten ‹berschriften: h1 h2 h3 h4
  -normale Textbox: box
  -gelbe Textbox: yellowbox
7) Listen und Bilder
8) Unsichtbare Elemente (f¸r nicht-css-Browser)
9) Pinwand
*/

body {
  background-color:#0022AA;
  padding:0px;
  margin:0px;
  font-size:12px;
  overflow:auto;
}

/*Laufschrift*/
/*===========*/

div.marquee {
  border-style:none;
  background-color:#0022AA;
  color:#FFAA00;
  font-size:150%;
  position:absolute;
  top:5px;
  left:1px;
  height:30px;
  z-index:2;
  white-space:nowrap;
  overflow:hidden;
}

/*Men¸*/
/*====*/

*.unpressed {
  position:absolute;
  top:40px;
  width:100px;
  height:24px;
  background-color:#CCDDFF;
  color:#FFFFFF;
  vertical-align:middle;
  margin:0px;
  text-align:center;
  font-weight:bold;
}

*.pressed {
  position:absolute;
  top:37px;
  width:100px;
  height:28px;
  background-color:#FFFFFF;
  color:#FFFFFF;
  vertical-align:middle;
  margin:0px;
  text-align:center;
  font-weight:bold;
}

*.pressed a:link {
  color:#0022AA;
  background-color:#FFFFFF;
  text-decoration:none;
}
*.pressed a:visited {
  color:#0022AA;
  background-color:#FFFFFF;
  text-decoration:none;
}
*.pressed a:hover {
  color:#FFFFFF;
  background-color:#0022AA;
  text-decoration:none;
}
*.pressed a:active {
  color:#0022AA;
  background-color:#FFFFFF;
  text-decoration:none;
}
*.pressed a:focus {
  color:#0022AA;
  background-color:#FFFFFF;
  text-decoration:none;
}

*.unpressed a:link {
  color:#0022AA;
  background-color:#CCDDFF;
  text-decoration:none;
}
*.unpressed a:visited {
  color:#0022AA;
  background-color:#CCDDFF;
  text-decoration:none;
}
*.unpressed a:hover {
  color:#CCDDFF;
  background-color:#0022AA;
  text-decoration:none;
}
*.unpressed a:active {
  color:#0022AA;
  background-color:#CCDDFF;
  text-decoration:none;
}
*.unpressed a:focus {
  color:#0022AA;
  background-color:#CCDDFF;
  text-decoration:none;
}
  
/*Untermen¸s*/
/*==========*/
table.up {
  border-style:solid;
  border-color:#000000;
  border-width:1px;
  background-color:#CCDDFF;
  color:#FFFFFF;
  text-align:center;
  vertical-align:top;
  font-weight:bold;
  position:absolute;
  top:63px;
  width:120px;
  z-index:3;
  visibility:hidden;
}

table.down {
  border-style:solid;
  border-color:#000000;
  border-width:1px;
  background-color:#CCDDFF;
  color:#0022AA;
  text-align:center;
  vertical-align:top;
  font-weight:bold;
  position:absolute;
  top:63px;
  width:120px;
  z-index:3;
  visibility:visible;
}

table.down tr td a:link {
  color:#0022AA;
  text-decoration:none;
}
table.down tr td a:visited {
  color:#0022AA;
  text-decoration:none;
}
table.down tr td a:hover {
  color:#CCDDFF;
  text-decoration:none;
}
table.down tr td a:active {
  color:#FFFFFF;
  text-decoration:none;
}
table.down tr td a:focus {
  color:#FFFFFF;
  text-decoration:none;
}

/*div.main*/
/*========*/

div.main {
  border-style:solid;
  border-color:#FFFFFF;
  border-width:4px;
  background-color:#CCDDFF;
  background-image:url(http://singewoche.jk-w.de/Bilder/verlaufzeile2.jpg);
  color:#0022AA;
  text-align:center;
  padding:3px;
  position:absolute;
  top:65px;
  left:30px;
  width:93%;
  height:79%;
  overflow:scroll;
  z-index:2;
}

/*Allgemeine Klassen*/
/*==================*/

*.important {
  color:#FF0000;
}

*.h1 {
  font-size:400%;
  font-weight:bolder;
  color:#FFAA00;
}

*.h2 {
  font-size:200%;
  font-weight:bold;
  color:#FFAA00;
}

*.h3 {
  font-size:120%;
  font-weight:bold;
  color:#000000;
}

*.h4 {
  font-size:100%;
  font-weight:normal;
  color:#000000;
}

*.box {
  border-style:solid;
  border-color:#000000;
  border-width:3px;
  font-size:100%;
  font-weight:normal;
  color:#000000;
  background-color:#CCDDFF;
  padding:15px;
  margin:15px;
}

*.yellowbox {
  border-style:solid;
  border-color:#0022AA;
  border-width:3px;
  font-size:100%;
  font-weight:bold;
  color:#000000;
  background-color:#FFAA00;
  padding:15px;
  margin:15px;
}

/*Listen und Bilder */

ul {
  text-align:left;
  font-size:80%;
}

img {
  border-style:none;
}

/*unsichtbare Elemente f¸r nicht-css-Browser */

*.invisible {
  display:none;
}


/*Tabelle f¸r Pinwand*/
/*===================*/
table.pinwand {
  margin-top:10px;
  margin-bottom:5px;
  margin-left:10px;
  margin-right:10px;
  padding:1px;
   text-align:center;


border-style:solid;
  border-color:#000000;
  border-width:3px;
  font-size:100%;
  font-weight:normal;
  color:#000000;
  background-color:#CCDDFF;
  padding:15px;
  margin:15px;

}

table.pinwand td {
  border-style:solid;
  border-color:#FFFFFF;
  border-width:3px;
  font-size:100%;
  font-weight:normal;
  color:#000000;
  background-color:#CCDDFF;
  padding:15px;
  margin:5px;
 text-align:center;

}

table.pinwand table {
 border-style:none;
  border-color:#000000;
  border-width:3px;
  font-size:100%;
  font-weight:normal;
  color:#000000;
  background-color:#CCDDFF;
  padding:5px;
  margin:5px;

}



table.pinwand table td {
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  padding:1px;

  border-width:0px;
  border-style:none;
}