@font-face{
    font-family:'Lucida';
    src:url('LHANDW.TTF') format('truetype');
}
/* Generel Style */
body    {
    background-color:white;
    font-family:Helvetica;
    font-size:100%;
    margin:0em;
    padding:0em;
}

h1      {
    color:rgb(168,17,28);
    font-size:2.0em;
    font-family:helvetica;
    font-weight:bold;
    margin:0em;
    text-align:left;
}

h2      {
    color:rgb(168,17,28);
    font-size:1.563em;
    line-height:1.8em;
    font-style:italic;
    font-family:helvetica;
    font-weight:700;
    margin:0em;
    padding:1.25em;
    text-align:left;
}

h3      {
    color:#a71d03;
}

ul      {
    margin:0px;
    padding:0px;
}

li      {
    list-style:square;
    font-family:helvetica;
    font-weight:100;
    color:#2F2D2C;
    line-height:1.25em;
    margin:0em;
    padding:0em;
    margin:0.313em 0em 0.313em 0em;
}

img     {
    height:auto;
    max-width:100%;
}

a       {
    text-decoration:none;
    color:blue;
}

td      {
    hyphens:auto;
}

/* On Top Bar */
#menubar    {
    width:100%;
    line-height:2.5em;
    background:#FFFFFF;
    text-align:right;
    padding:0.563em 1em 0.188em 0em;
    margin-right:25px;
    display:none;
}


/* Header */
header  {
    width:100%;
    max-width:1200px;
    margin:0em auto;
    display:block;
    text-align:center;
}

header img {
    width:100%;
    height:auto;
}

/* Navigation */
nav         {
    background-color:white;
    position:-webkit-sticky; 
    position:sticky; 
    top:0;
    width:100%;
    /*max-width:1200px;*/
    margin:0em auto;
    display:block;
    height:3.5em;
    text-align:center;
    margin-bottom:0.563em;
}

nav ul      {
    display:block;
    background-color:rgb(192,165,203);
}

nav ul li   {
    display:inline;
    width:15%;
    margin:0em 0em 0em 0.7em;
    font-size:1.1em;
}

nav ul li {
    color:white; /*#410356; 454040;*/
    font-size:1.25em;
    line-height:2.5em;
    font-weight:bold;
    padding:0em 0.375em 0.188em 0em;
    transition:0.2s;
    -webkit-transition:background 0.2s;
    cursor:pointer;
}

nav ul li:hover   {
    color:#330033;
}

nav ul li.active  {
    color:#330033;
}

/* Content Area */
#divCont            {
    background-color:white;
    display:block;
    width:100%;
    height:auto;
    max-width:1200px;
    margin:0em;
    padding:15px;
}

#head               {
    background-color:white;
    width:100%;
    text-align:center;
}

#main               {
    background-color:white;
    display:block;
    width:100%;
    height:auto;
    max-width:1200px;
    margin:0em auto;
    padding:0em;
}

#main ul    {
    padding:0;
    margin-bottom:15px;
 
}
#main ul li {
    display:inline;
    background-color:rgb(192,165,203);
    cursor:pointer;
    color:white;
    font-size:1.2em;
    font-weight:bold;
    padding: 5px 8px 5px 15px;
    text-decoration:none;
    border: solid 1px gray;
    border-radius:44px 0px 0 0;
}
#main ul li.active  {
    color:#330033;
}
#main ul li:hover   {
    color:#330033;
}

#main article       {
    color:#800080;
    display:inline-block;
    width:67%;
    vertical-align:top;
    margin:0em;
    padding-right:10px;
    text-align:center;
}

#main article img   {
    max-width:560px;
    box-shadow:0px 0px 10px -5px #4C4948;
    border-radius:5px;
}

#main aside         {
    display:inline-block;
    width:30%;
    margin-right:1.7%;
    padding:0em;
    vertical-align:top;
}

#main aside section {
    margin-bottom:1.563em;
    border-bottom:0.1em solid gray;
}

#main article h2    {
    padding:1em 1.8em 1em 1.8em;
}

#main aside img     {
    float:left;
}

#main aside section ul  {
    padding:0em 1.875em 1.25em 2.5em;
}

/* Footer */
footer              {
    display:block;
    background:rgb(192,165,203);
    text-align:center;
}

footer ul           {
    display:block;
    width:100%;
    max-width:980px;
    text-align:left;
    margin:0px auto;
    text-align:center;
}

footer ul li        {
    display:inline;
    font-size:1.25em;
    line-height:2.8em;
    color:white; /*#E2DBDB;*/
    padding:0em 0.625em 0em 0.625em;
}

footer ul li a      {
    color:white; /*#615f5f;*/
}

footer ul li a.active   {
    color:#330033;
}

footer ul li a:hover   {
    color:#330033;
}

.mainhome       {
    width:50%;
}

.xulBut          {
    height:2.5em;
    display:inline;
}
.xulBut li       {
    border: solid 1px gray;
    border-radius:40% 0% 0%;
    padding:10px;
    cursor:pointer;
}
.xulBut li .active   {
    color:red;
}

.tdZMon         {
    text-align:left;
    padding-left:15px;
}

.tdR {
    text-align:right;
}

.submenu     {
    position:absolute;
    z-index:10;
    background-color:#b6cadc;
    padding:15px;
    display:none;
}


.submenu a {
    color:#454040;
    font-size:1.25em;
    line-height:1.888em;
    font-weight:bold;
    padding:0em; /*0.188em 0.188em 0em;*/
    transition:0.2s;
    -webkit-transition:background 0.2s;
}

.submenu a:hover   {
    background:#DBD9D8;
    /*border-bottom:0.188em solid #E7590B;*/
}


.tdEvent    {
    color:rgb(168,17,28);
    text-align:left;
    font-family:Calibri;
    font-weight:700;
    font-size:1.6em;
}

.HeadInfoTop    {
    color:rgb(168,17,28);
    text-align:center;
    font-family:Calibri;
    font-style:Italic;
    font-weight:700;
    font-size:1.6em;
}

.HeadInfoText    {
    color:#800080; /*#410356;*/
    text-align:left;
    font-family:Calibri;
    font-style:normal; 
    font-weight:700;
    font-size:1.4em;
    text-align:left;
}

.PageText        {
    color:#800080; /*#410356;*/
    text-align:left;
    font-family:Calibri;
    font-style:normal;
    font-size:1.2em;
}

.PageTextCenter    {
    color:#800080; /*#410356;*/
    text-align:center;
    font-family:Calibri;
    font-style:normal;
    font-size:1.2em;
}

.Grid-Container {
    display:grid;
    grid-template-columns: 30% 70%;
}

.XmasImg        {
    margin-left:12.5%;
    max-width:100%;
}

.tbAngebot td .tdKurz  {
    width:50px;
    text-align:center;
} 

.dvSem      {
    display:flex;
    flex-direction: row-reverse;
}
.dvSem0     {
    width:35%;
}
.dvSem1     {
    width:30%;
}

.binginp    {
    height:25px;
    font-size:1.1em;
}


.binginpar    {
    font-size:1.1em;
}

/* Mobile SDtyle */
@media screen and (max-width:800px) {
    body{
        font-size:90%;
    }
    .dvSem      {
        display:flex;
        flex-direction:column;
    }
    .dvSem0     {
        width:80%;
    }
    .dvSem1     {
        width:80%;
    }

    .Grid-Container {
    display: grid;
    grid-template-columns: 100%;
    column-gap: 5px;
    padding:5px;
}

}

@media screen and (max-width:700px) {
    body{
        font-size:86%;
    }
    #main aside, #main article  {
        width:100%;
        display:block;
        margin:0.625em 0em 0.625em 0em;
    }
    .PageText   {
        padding:15px;
    }
    .XmasImg        {
        margin-left:0;
        max-width:100%;
    }

    .dvSem      {
        display:flex;
        flex-direction:column;
    }
    .dvSem0     {
        width:80%;
    }
    .dvSem1     {
        width:80%;
    }
}

@media screen and (max-width:1300px) {
    nav.nav {
        display:block !important;
    }
}

@media screen and (max-width:1300px) {
    body{
        font-size:86%;
    }
    /*#menubar ul li a.menubutton { */
    #menubar {
        display:block;
    }
    nav {
        display:none;
        height:auto;
    }
    nav ul li   {
        display:block;
        margin:0.3em 0em 0.3em 0em;
    }
}