/* styles opernfreunde (rot/blau/weiss) */


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.91em;
margin: 0;
padding: 0;
color: #FFFFFF;
text-align: center;
background-color: #034DA2;
}

/*----- allgemeine sachen -----*/
.hidden {
display: none;
}
.clear {
clear:left;
}
.rahmen {
border: 1px solid #FFFFFF;
}
form {
background-color:#FAFAFA;
color: #000000;
}
input, textarea, select {
font:normal 0.91em Verdana,Arial,Helvetica,sans-serif;
/*
border-left: 2px solid #034DA2;
border-top: 2px solid #034DA2;
border-right: 1px solid #034DA2;
border-bottom: 1px solid #034DA2;
*/
}
.submit {
font:bold 0.91em Verdana,Arial,Helvetica,sans-serif;
/*
border-left: 1px solid #034DA2;
border-top: 1px solid #034DA2;
border-right: 2px solid #034DA2;
border-bottom: 2px solid #034DA2;
*/
color: #000000;
background-color: #EDEDED;
}
.termin,.datum,.zeit {
display: none;
}

/*----- allgemeine überschriften -----*/
h1 {
font-size: 1.4em;
margin: 0;
padding: 0;
text-align: center;
}

h2 {
font-size: 1.1em;
font-weight: normal;
margin: 0;
padding: 0;
text-align: center;
}


/*----- allgemeine links -----*/
a {
text-decoration: none;
}
a:link,a:visited,a:active {
color:#000000;
}
a:hover {
color:#FF0000; 
}

/*----- header/logo -----*/
#logo {
text-align: left;
}

/*----- laufstreifen -----*/
#laufstreifen {
margin: 0;
padding: 0;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 2px;
margin-bottom: 2px;
border-top: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
}

/*----- menu oben -----*/
#kopfmenu {
clear: both;
text-align: right;
margin: 0;
padding: 0;
color: #034DA2;
background-color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
#kopfmenu ul {
text-align: right;
font-size: 0.71em;
list-style-type: none;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-top: 1px;
padding-bottom: 1px;
}
#kopfmenu p {
display: none;
}
#kopfmenu li {
margin: 0;
padding: 1px;
display: inline;
}
#kopfmenu li a {
overflow: visible;
text-align: right;
margin: 0;
padding: 0;
}
#kopfmenu a:link, #kopfmenu a:visited, #kopfmenu a:active {
color:#034DA2;
}
#kopfmenu a:hover {
color:#FF0000; 
}


/*----- menu links -----*/
#hauptmenu {
float: left;
width: 10em;  /*--- identisch mit margin-left inhalt! ---*/
margin: 0;
margin-left: 0px;
color: #034DA2;
}
#hauptmenu ul {
text-align: left;
font-size: 0.81em;
list-style-type: none;
margin: 0;
padding: 5px;
}

#hauptmenu h1 {
display: none;
}
#hauptmenu li {
margin: 0;
margin-bottom: 2px;
padding: 2px;
display: block;
/* border: 1px dashed #034DA2; */
border: 1px dashed #FFFFFF;
background-color: #FFFFFF;
}
#hauptmenu #mitglieder-login {
margin: 0;
margin-top: 20px;
margin-bottom: 2px;
padding: 2px;
display: block;
}
#hauptmenu #mitglieder-login-on {
display: none;
}

#hauptmenu #mitglieder-logout {
margin: 0;
margin-top: 5px;
margin-bottom: 2px;
padding: 2px;
display: block;
border: 1px dashed #FF0000;
background-color: #FFFFFF;
}
#hauptmenu li a {
overflow: visible;
text-align: left;
margin: 0;
padding: 0;
display: block;
}

#submenu li a {
font-size: 1.21em;
overflow: visible;
text-align: left;
margin: 0;
padding: 0;
display: block;
}
#hauptmenu a:link, #hauptmenu a:visited, #hauptmenu a:active {
color: #000000;
}
#hauptmenu a:hover {
color:#FF0000; 
/* border: 1px dashed #FF0000; */
}

/*----- inhalte -----*/
/*----- 1 spalte ohne seiten-menü -----*/
#inhalt_aussen {
margin-right: 5px;
margin-top: 0px;
margin-left: 3px;
margin-bottom: 10px;
vertical-align: top;
}

/*----- inhalt rahmen spalten -----*/
/*----- 2 spalten ohne seiten-menü -----*/
#inhalt_spalte_links {
float: left;
width: 50%;  /*--- identisch mit margin-left inhalt_spalte_rechts_aussen! ---*/
margin-right: 0;
margin-top: 0px;
margin-left: 3px;
margin-bottom: 10px;
}

#inhalt_spalte_rechts_aussen {
/*--- diese klammer ist notwendig wegen des mischbetriebs von variablen und festen abstandswerten: 
  menu soll sich verbreitern, sonst aber nix ---*/
margin: 0;
margin-left: 50%;  /*--- identisch mit width inhalt_spalte_links! ---*/
vertical-align: top;
}

#inhalt_spalte_rechts {
margin-left: 11px;   /*--- achtung: hier abstand rand-menü (1px + margin-left links!) mit einplanen! ---*/
margin-top: 5px;
margin-bottom: 10px;
margin-right: 5px;
vertical-align: top;
}

/*----- inhalt rahmen menü links -----*/
/*----- 1 spalte mit seiten-menü -----*/
#inhalt_menu_aussen {
/*--- diese klammer ist notwendig wegen des mischbetriebs von variablen und festen abstandswerten: 
  menu soll sich verbreitern, sonst aber nix ---*/
margin-left: 10em;  /*--- identisch mit width hauptmenu! ---*/
}

#inhalt_menu {
margin-left: 4px;   /*--- achtung: hier abstand rand-menü (1px + border) mit einplanen! ---*/
margin-top: 5px;
margin-bottom: 10px;
margin-right: 15px;
vertical-align: top;
}


/*----- verteiler -----*/
#verteiler h1 {
font-size: 1.1em;
font-weight: normal;
margin: 9% 1% 10% 1%;
padding: 0;
text-align: center;
}

#verteiler h2 {
font-size: 1.1em;
font-weight: bold;
margin: 9% 5%;
padding: 1%;
text-align: center;
border: 1px dashed #FFFFFF;
}
#verteiler a:link, #verteiler a:visited, #verteiler a:active {
color: #FFFFFF;
}
#verteiler a:hover {
color:#FF0000; 
}