/* ***********************

  Design des Auftritts
  maybe-krumbach.de

  Autor: M. Prautzsch

*********************** */




/* ***********************

  - body -

  Komplettes Dokument

*********************** */


body {

  margin: 0;
  padding: 0;

  background-color: #cccccc;

  text-align: center;
  color: #003399;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 100%;
  font-family: 'Comic Sans MS', Arial, Hevetica, Sans-Serif

  scrollbar-base-color: #003399;
  scrollbar-3dlight-color: #000000;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #003399;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-track-color: #8C8CC6;

}




/* ***********************

  - container -

  Alles umhüllend

*********************** */


#container {

  margin: 10px auto;
  border: 3px solid #003399;
  width: 980px;
  height: 575px;

  background-color: #ffffff;

  text-align: left;

}




/* ***********************

  - lefthandside -

  Menü/Logo/Login/
  Vertikaltitel

*********************** */


#lefthandside {

  float: left;

  width: 350px;
  height: 100%;

  background-color: #ffffff;
  background-image: url(images/mainbackground.jpg);
  background-repeat: no-repeat;

}


/*

  - leftlefthandside -
  Menü/Logo/Login

*/


#leftlefthandside {

  float: left;

  width: 280px;
  height: 100%;

}


/*

  - logospace -
  Logo maybe

*/


#logospace {

  width: 100%;
  height: 150px;

}


/*

  - mainnav -
  Hauptmenü links

*/


#mainnav {

  width: 100%;
  height: 370px;

  text-indent: 0;
  vertical-align: middle;
  text-align: center;
  font-family: 'Comic Sans MS', Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  font-size: 20pt;
  line-height: 40pt;

}

#mainnav a:link, #mainnav a:visited {

  color: #003399;
  text-decoration: none;

}

#mainnav a:hover {

  color: #003399;
  text-decoration: underline;
  font-weight: normal;

}

#mainnav ul {

  list-style-type: none;

  margin: 0;
  padding: 0;

}


/*

  - loginform -
  Login unter Hauptmenü

*/


#loginform {

  width: 100%;

  vertical-align: top;
  text-align: center;

}

#loginform p {

  margin: 0;

  font-family: 'Comic Sans MS', Arial, Helvetica, Sans-Serif;
  font-size: 12pt;

}


/*

  - rightlefthandside -
  Vertikaltitel-Container

*/


#rightlefthandside {

  height: 100%;
  margin-left: 280px;

}


/*

  - showntopic -
  Vertikaltitel

*/


#showntopic {

  height: 100%;
  padding-top: 15px;

  text-align: center;
  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  font-size: 30pt;  

}




/* ***********************

  - righthandside -

  Topmenü/Inhalt

*********************** */


#righthandside {

  margin: 0;
  padding: 0;
  height: 100%;

  overflow: auto;

  background-color: #ffffff;
  background-image: url(images/notenmaybe.gif);
  background-position: 0px 20px;
  background-attachment: fixed;

  vertical-align: top;

}


/*

  - topmenu -
  Menü für Mitglieder

*/


#topmenu ul {

  list-style-type: none;

  margin: 0;
  padding: 0;

  text-align: center;

}

#topmenu ul li {

  display: inline;

  margin-left: 3px;
  margin-right: 3px;

  font-family: 'Comic Sans MS', Arial, Helvetica, Sans-Serif;
  font-size: 10pt;

}




/* ***********************

  - content -

  Seiteninhalt

*********************** */


#content {

  margin: 0;
  padding: 0;

  color: #003399;
  font-family: 'Comic Sans MS', Arial, Helvetica, Sans-Serif;
  font-size: 100%;

}




/* ***********************

  - content - home -

  Startseite

*********************** */


#home {

  margin: 0;
  padding: 0;

  text-align: center;

}


#home h1 {

  margin-top: 18px;
  margin-bottom: 15px;

  color: #fe8496;
  font-size: 220%;
  font-weight: bold;

}


#home h2 {

  margin-top: 10px;
  margin-bottom: 10px;

  font-size: 130%;

}


#home p {

  margin: 0;
  
}


#home img {

  margin-top: 10px;
  margin-bottom: 10px;

}




/* ***********************

  - content - impressum -

  Impressum

*********************** */


#impressum {

  margin: 0;
  padding: 0;

}


#impressum table {

  margin: 10px auto;
  width: 90%;
  border-width: 0px;

}


#impressum th {

  border: 2px solid #ffff00;
  background-color: #ffffd0;

  text-align: center;

}


#impressum td {

  vertical-align: top;

}


#impressum h1 {

  margin-top: 18px;
  margin-bottom: 15px;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#impressum h2 {

  margin-top: 18px;
  margin-bottom: 15px;

  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

}


#impressum th h2 {

  color: #003399;

}


#impressum td h2 {

  color: #fe8496;

}


#impressum p {

  margin: 0 0 0 20px;

  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;

}




/* ***********************

  - content - information -

  Info allgemein und Buchung

*********************** */


#information {

  margin: 0;
  padding: 0;

}


#information h1 {

  margin-top: 18px;
  margin-bottom: 15px;

  text-align: center;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#information div.text p {

  margin: 10px;

  text-indent: 10px;
  text-align: justify;

  color: #003399;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 100%;

}


#information div.address p {

  margin: 0 0 0 40px;

  color: #003399;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;

}


#information div.address {

  margin: 30px 0;

}




/* ***********************

  - content - event -

  Anzeige von Veranstaltungen

*********************** */


#event {

  margin: 0;
  padding: 0;

}


#event h1.headline {

  margin: 25px 0 15px 0;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

  text-align: left;
  
}




/* ***********************

  - content - event - archiveselector -

  Auswahl Ankündigung/Archiv

*********************** */


#archiveselector {

  margin: 0;
  padding: 0;

}


#archiveselector table {

  width: 90%;
  margin: 0 auto;
  margin-top: 20px;

  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#archiveselector td {

  font-size: 12pt;
  text-align: center;

}




/* ***********************

  - content - event - eventhead

  Anzeige des Eventkopfs

*********************** */


#event div.eventhead table {

  width: 90%;
  margin: 10px auto;
  padding: 10px;

  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#event div.eventhead td h1 {

  margin: 0;

  text-align: center;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#event div.eventhead td h2, #event div.eventhead td p.date {

  margin: 0;

  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

}
  

#event div.eventhead td h2 {

  text-align: center;

}


#event div.eventhead td p.date {

  margin-left: 20px;

}




/* ***********************

  - content - event - eventdata

  Anzeige der Eventdaten

*********************** */


#event div.eventdata {

  width: 90%;
  margin: 5px auto;

}  


#event div.eventdata div.imagecontainer {

  margin: 0;
  padding: 0;

  float: right;

}


#event div.eventdata div.imagecontainer img {

  border: 2px solid #ffff00;

}


#event div.eventdata div.textcontainer td {

  vertical-align: top;

}




/* ***********************

  - content - event - eventprogram

  Anzeige des Programms

*********************** */


#event div.eventprogram {

  width: 90%;
  margin: 5px auto;

}


#event div.eventprogram div.imagecontainer {

  margin: 0;
  padding: 0;

  float: right;

}


#event div.eventprogram div.imagecontainer img {

  border: 2px solid #ffff00;

}




/* ***********************

  - content - event - eventnews

  Anzeige des Medienspiegels

*********************** */


#event div.eventnews {

  width: 90%;
  margin: 5px auto;
  text-align: center;

}


#event div.eventnews img {

  margin: 0;
  padding: 0;

  border: 2px solid #ffff00;
  
}


#event div.eventnews p {

  margin: 0 0 30px 0;

}




/* ***********************

  - content - event - eventlinks

  Anzeige der Links

*********************** */


#event div.eventlinks {

  width: 90%;
  margin: 5px auto;

}


#event div.eventlinks p {

  margin: 0 0 0 15px;

}




/* ***********************

  - content - event - eventgalery

  Anzeige der Galerie zum Event

*********************** */


#event div.eventgalery {

  width: 90%;
  margin: 5px auto;
  text-align: center;

}




/* ***********************

  - content - event - eventcomment

  Anzeige der Kommentare zum Event

*********************** */


#event div.eventcomment {

  width: 90%;
  margin: 5px auto;
  text-align: center;

}


#event div.eventcomment table {

  width: 90%;

  margin: 15px auto;

  border-collapse: collapse;
  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#event div.eventcomment table td {

  padding: 10px;
  border-top: 2px solid #ffff00;
  vertical-align: top;

}




/* ***********************

  - content - event - eventlist -

  Anzeige einer Liste von Events

*********************** */


#eventlist {

  width: 90%;
  margin: 5px auto;

}


#eventlist h1 {

  margin: 10px 0;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

}


#eventlist p {

  margin: 0 0 0 30px;

}


#eventlist div.noentryframe {

  padding: 100px;

  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;
  text-align: center;

  border: 2px solid #ffff00;
  background-color: #ffffd0;

}




/* ***********************

  - content - event - eventsingle -

  Anzeige eines einzelnen Events

*********************** */


#eventsingle {

  width: 90%;
  margin: 0 auto;

}


#eventsingle div.noentryframe {

  padding: 100px;

  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;
  text-align: center;

  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#eventsingle table {

  width: 100%;

  border-collapse: collapse;
  border: 2px solid #ffff00;
  background-color: #ffffff;

}


#eventsingle table td {

  text-align: center;
  border: 2px solid #ffff00;

}


#eventsingle table td.selectedyear {

  background-color: #ffd0d0;

}


#eventsingle table td.emptyspace {

  background-color: #ffffd0;

}




/* ***********************

  - content - event - eventstack -

  Nicht vorhandenes Event

*********************** */


#eventstack {

  width: 90%;
  margin: 0 auto;

}


#eventstack div {

  padding: 100px;

  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;
  text-align: center;

  border: 2px solid #ffff00;
  background-color: #ffffd0;

}




/* ***********************

  - content - calendar -

  Terminplan für Maybe

*********************** */


#calendar {

  width: 90%;
  margin: 0 auto;

}


#calendar div.calendarhead table {

  margin: 10px auto;

}


#calendar div.calendarhead table td {

  text-align: center;
  vertical-align: middle;

}


#calendar div.calendartext table {

  border-collapse: collapse;
  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#calendar div.calendartext table th {

  border-top: 2px solid #ffff00;

}


#calendar div.calendartext table td.day {

  width: 30px;
  text-align: right;
  vertical-align: top;

}


#calendar div.calendartext table td.info {

  padding-left: 10px;

}


#calendar div.calendartext table th h1 {

  margin-top: 10px;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

  text-align: center;
  vertical-align: middle;

}


#calendar div.calendartext table th h2 {

  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 0;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

}




/* ***********************

  - content - guestbook

  Gästebuch

*********************** */


#guestbook {

  width: 90%;
  margin: 0 auto;
  text-align: center;

}


#guestbook h1 {

  margin-top: 20px;
  margin-bottom: 20px;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#guestbook table {

  width: 80%;

  margin: 10px auto;

  border-collapse: collapse;
  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#guestbook table td {

  padding: 10px;

  border-top: 2px solid #ffff00;

  text-align: left;
  vertical-align: top;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 80%;

}


#guestbook table td.centeredbutton {

  text-align: center;

}




/* ***********************

  - content - user

  Benutzerdaten/Kontakte anzeigen/ändern

*********************** */


#user {

  width: 95%;
  margin: 0 auto;

}


#user div {

  margin: 15px 0;
  text-align: center;

}


#user table {

  margin: 0 auto;

  empty-cells: show;
  border-collapse: collapse;
  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#user th {

  padding: 15px;

  text-align: center;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#user td {

  font-size: 80%;

}


#user tr.overlined td {

  border-top: 2px solid #ffff00;

}


#user form table {

  margin: 0 auto;
  margin-top: 30px;

}


#user form td {

  padding-left: 10px;
  padding-right: 10px;

}


#user form td.button {

  padding-top: 10px;
  padding-bottom: 10px;

}




/* ***********************

  - content - mail

  Mail-Versand

*********************** */


#mail {

  width: 90%;
  margin: 0 auto;

}


#mail table {

  margin: 30px auto;

  border: 2px solid #ffff00;
  background-color: #ffffd0;

}


#mail th {

  padding: 15px;

  text-align: center;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#mail td {

  padding: 5px;
  vertical-align: top;

}




/* ***********************

  - content - galery -

  Bildergalerien

*********************** */


#galery {

  width: 90%;
  margin: 0 auto;

}


#galery h1 {

  margin: 15px 0;

  text-align: center;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#galery h2 {

  color: #003399;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

}


#galery p {

  margin: 0 0 0 20px;

}


#galery div.pictinfo {

  margin: 10px 0 0 0;
  text-align: center;

}


#galery table {

  width: 95%;
  margin: 20px auto;

}




/* ***********************

  - content - score -

  Anzeige von Partituren

*********************** */


#score {

  width: 90%;
  margin: 0 auto;

}


#score h1 {

  margin: 15px 0;

  color: #fe8496;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 220%;
  font-weight: bold;

}


#score h2 {

  margin: 10px 0;

  color: #003399;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 130%;
  font-weight: bold;

}


#score p {

  margin: 0 0;

  color: #003399;
  font-family: 'Comic Sans MS', Arial, Helvetica;
  font-size: 100%;

}


#score a {

  text-decoration: none;

}


#score a:hover {

  text-decoration: underline;

}