BODY { padding: 15px; margin: 0px; BACKGROUND-COLOR: #C2272F; background-image: url(/global/images/BG_body.png); background-repeat: repeat-y; background-position: 50% 50%; }

#Main           { max-width: 960px; margin: 0 auto; text-align: left; padding: 0px; background-color: #ffffff; }
#MenueTop       { max-width: 960px; background-color: #ffffff; padding-bottom: 25px; margin: 0 auto;  }
#Content        { text-align: left; float: left; background-color: #ffffff; width: 640px; padding: 20px; padding-left: 8px;}
#Marginalie     { text-align: left; float: right; background-color: #ffffff; width: 220px; padding: 20px; }
#Headline       { max-width: 940px; text-align: left; xpadding-left: 20px; margin: 0 auto; }

#ImageContent   { float: left; width: 152px; text-align: right; padding: 0px; margin: 0px; padding-bottom: 15px;  }
#TextContent    { float: right; width: 648px; padding-bottom: 15px; }
.Headline_Sitemap {	padding-left: 172px; }
#MenuMobil    { display: none; }
#navmob      { display: none; }
#nav        { padding-left: 5px;}
.txtListeTitel, .txtListeTitel:visited, .txtListeTitel:hover { font-size: 1.1em; font-weight: bold; color: #C2272F; }

.PageImage   { float: left; width: 152px; padding: 0px; margin: 0px; padding-bottom: 15px;  }

#LogoNormal   { max-width: 100%; }
#LogoMobil    { display: none; }

.ListenElemente   { border-bottom: 1px dotted #dddddd; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; padding-top: 5px; }
.ListenElementegross { border-bottom: 1px dotted #dddddd; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; padding-top: 5px;  }

.ListenElemente:last-child   { border-bottom: 0; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; padding-top: 5px; }
.ListenElementegross:last-child { border-bottom: 0; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; padding-top: 5px;  }

.txtListe       { padding-left: 150px; }





.Menue_Top
{
	float: left;
	padding-right: 3.7vmin;
	padding-top: 5px;
	padding-left: 5px;
}
.Menue_Top:last-child { padding-right: 1em; }

.Menue_First
{
	float: left;
	width: 110px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	margin-right: 30px;
}

.Level2
{
	margin-top: 8px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
}
.Level3
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
    text-align: right;
    font-size: 0.9em;
}

.Level4
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.A_menue
{
    FONT-WEIGHT: normal;
    COLOR: #C2272F;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 1.0em;
}
.A_menue:hover
{
    FONT-WEIGHT: normal;
    COLOR: #C2272F;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
    FONT-SIZE: 1.0em;
}
.A_menue:visited
{
    FONT-WEIGHT: normal;
    COLOR: #C2272F;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 1.0em;
}
.A_menue_Selected
{
    FONT-WEIGHT: normal;
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 1.0em;
}
.A_menue_Selected:hover
{
    FONT-WEIGHT: normal;
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
    FONT-SIZE: 1.0em;
}
.A_menue_Selected:visited
{
    FONT-WEIGHT: normal;
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 1.0em;
}

.A_menue_Top
{
    FONT-WEIGHT: bold;
    COLOR: #C2272F;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    text-align: right;
}
.A_menue_Top:hover
{
    FONT-WEIGHT: bold;
    COLOR: #C2272F;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
.A_menue_Top:visited
{
    FONT-WEIGHT: bold;
    COLOR: #C2272F;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.A_menue_Top_Selected
{
    FONT-WEIGHT: bold;
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    text-align: right;
}
.A_menue_Top_Selected:hover
{
    FONT-WEIGHT: bold;
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
.A_menue_Top_Selected:visited
{
    FONT-WEIGHT: bold;
    COLOR: #555555;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.Eingabefeld_Suche
{
    BORDER: #cccccc 1px solid;
    COLOR: #cccccc;
    font-size: 1.0em; 
    height: 16px;
    BACKGROUND-COLOR: #ffffff;
	width: 120px;
	padding: 0px;
	margin:0px;
}
.Submit_Suche
{
    COLOR: #ffffff;
    font-size: 1.0em; 
    height: 16px;
	border: 0px;
	background-color: #ffffff;
	width: 12px;
	padding: 1px;
	margin-right: 10px;
    BACKGROUND-IMAGE: url(/global/images/arrow.gif);
	BACKGROUND-REPEAT: no-repeat;
}
.WeisserBalken
{
	clear: left;
	margin-bottom: 25px;
	padding-bottom: 5px;
	background-image: url(/global/images/Weisser_Balken.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
    BORDER-TOP: #eeeeee 1px solid;
    BORDER-left: #eeeeee 1px solid;
//	padding-left: 163px;
}

.TabelleHiGru
{
	padding-bottom: 15px;
	padding-right: 15px;
	background-image: url(/global/images/ItemBack.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}



@media all and (min-width: 769px) {
    .HideDesk        { display: none; }
    #MenuMobil    { display: none; }
    #navmob {display: none; }

 /* Menue */
    .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;    }
    .sf-menu li { position: relative; }
    .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
    .sf-menu > li { float: left; }
    .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
    .sf-menu ul ul { top: 0; left: -100%;     }


    .sf-menu { float: left; margin-bottom: 1em; }
    .sf-menu a { display: block; position: relative; }
    .sf-menu li { white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
    .sf-menu ul li { }
    .sf-menu ul ul li { }
    .sf-menu li:hover,
    .sf-menu li.sfHover { -webkit-transition: none; transition: none; }

    .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
    .sf-sub-indicator { position: absolute; display: block; right: .75em; top: .9em; text-indent: -999em; overflow: hidden; }

    li:hover > a .sf-sub-indicator, li.sfHover > a .sf-sub-indicator { }

    .sf-menu ul .sf-sub-indicator { }
    .sf-menu ul li:hover > a .sf-sub-indicator, .sf-menu ul li.sfHover > a .sf-sub-indicator { }
    .sf-vertical { }
    .sf-vertical ul { left:	100%; top:	0; }
    .sf-vertical li { width: 100%; }
    .sf-vertical .sf-sub-indicator { background-position: 0 0; }
    .sf-vertical li:hover > a .sf-sub-indicator, .sf-vertical li.sfHover > a .sf-sub-indicator { }
ul.dropdown ul *.dir {
 padding-right: 7px;
 background-image: none;
}

    ul.dropdown li {
        xmin-width: 12em;
        background-color: #ffffff;
        padding: 0.5em;
    }

        ul.dropdown li.hover, li:hover {
            background-color: #f6f6f6;
        }

    ul.dropdown ul li {
        box-shadow: 2px 2px 6px rgba(0,0,0,.2);
        padding: 0.5em;
        background-color: #f6f6f6;
    }

        ul.dropdown ul li.hover {
            box-shadow: 2px 2px 6px rgba(0,0,0,.2);
            min-width: 12em;
            background-color: #f6f6f6;
            padding: 0.5em;
        }
}

@media all and (max-width: 990px) {
    BODY {
        BACKGROUND-COLOR: #ffffff;
    }

    #Main {
        width: 100%;
        display: flex;
    }

    #Marginalie {
        flex: 1;
        min-width: 220px;
    }

    #Headline {
        text-align: left;
        padding-left: 10px;
    }

    #Content {
   //     width: unset;
        padding-left: 0;
        padding-right: 0;
        padding: 10px;
    }

    div#HeaderMobil {
        max-width: 1003px;
        height: 80px;
        text-align: left;
        margin: 0 auto;
        z-index: 99;
        padding-top: 10px;
    }

    div#header2 {
        display: none;
    }


    div#left {
        overflow: hidden;
        width: 212px;
        float: left;
        margin-left: 0px;
        min-height: 30px;
        margin-top: -15px;
    }

    div#middle {
        overflow: hidden;
        padding-left: 20px;
        margin-top: 25px;
        min-height: 10px;
        border-right: 0;
        line-height: 150%;
    }

    div#large {
        overflow: hidden;
        width: auto;
        float: none;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 25px;
        min-height: 10px;
        border-right: 0;
    }

    div#right {
        overflow: hidden;
        width: 212px;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 9px;
        min-height: 10px;
    }

    div#footer {
        display: none;
    }

    div#footer1 {
        display: none;
    }

    div#MobilFooter {
        display: block;
        text-align: right;
        padding: 5px;
        color: #181716;
    }

    div#header {
        display: none;
    }
}

@media all and (max-width: 990px) and (min-width: 769px) {
    .sf-vertical { width: auto; }
    .sf-vertical ul { left: -100%;  top: 20px; margin-left: -10px;}
    .sf-vertical > li { float: none; }
    .sf-vertical li { width: 100%; }
    .sf-vertical ul ul { left: -90%; }
    .sf-vertical.sf-arrows > li > .sf-with-ul:after { }
    .sf-vertical.sf-arrows li > .sf-with-ul:focus:after, .sf-vertical.sf-arrows li:hover > .sf-with-ul:after,.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after { } 
    .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; background-color: #ffffff; padding: 0.5em; }
    .sf-menu li { position: relative; padding: 0.25em; }
    .sf-menu a.sf-with-ul { padding-right: 0em; min-width: 1px; }
}

@media all and (max-width: 768px) {
    .txtListe       { padding-left: 0; }

    body { padding: 0; margin: 2px; BACKGROUND-COLOR: #ffffff; }
    nav {  margin: 0;  padding: 10px; background-color: #dddddd; font-size: 1.2em; }
    nav:after { content: ""; display: table; clear: both; background-color: #dddddd; }
    nav ul { margin: 0; padding:0;  list-style: none; position: relative; display:inline; background-color: #dddddd; }
    nav ul li {    padding: 0;  padding-top: 10px;  padding-bottom: 10px;    margin: 0px;    display: inline-block;    float: left;    background-color: #dddddd;}
    nav a {  text-decoration: none;  display: block; background: #dddddd;}
    nav ul li ul li:hover { background: #dddddd; }
    li > a:after { content: ' +'; }
    li > a:only-child:after { content: ''; }
    nav a:hover, nav a:active { background-color: #dddddd; }
    nav ul ul {  display: none;  position: absolute;}
    nav ul li:target > ul { display: block; width: 100%; background-color: #dddddd; }
    nav ul ul li:target > ul, nav ul li:target > ul  { display: block; width: 100%; background-color: #dddddd; }
    nav ul li:hover > ul, nav ul li:active > ul,nav ul li:focus > ul  { display: block; width: 100%; background-color: #dddddd;}
    nav ul ul li:hover > ul, nav ul li:hover > ul, nav ul ul li:active > ul, nav ul li:active > ul, nav ul ul li:focus > ul, nav ul li:focus > ul { display: block; width: 100%; background-color: #dddddd;}
    nav ul ul li {  width: 100%;  float: none;  display: list-item;  position: relative;}
    nav ul li { display: block;  width: 100%;}
    nav ul ul { float: none; position: static; color: #dddddd; }
    ul nav:target {display: block}

    .ListenElemente, .ListenElemente:last-child   { float: left; border: 1px dotted #dddddd; width: 150px; margin: 5px; padding: 5px; height: 300px; overflow: hidden; }
    .HideMob        { display: none; }
    .listePreview   { max-height: 175px; }
    #Marginalie     { display: none; }


    #Headline       { text-align: left; padding-left: 5px;  }
    #Content        { width: auto; float: none; padding-left: 0; padding-right: 0; padding: 5px;}

    #LogoNormal   { display: none; }
    #LogoMobil    { display: inline; margin: 5px; }
    #MenuMobil    { display: inline; }

    #content    { width: 100%; }
    div#middle  { overflow: hidden; padding-left: 20px; margin-top: 25px; min-height: 10px; border-right: 0; line-height: 150%;}
    div#large   { overflow: hidden; width: auto; float: none; padding-left: 20px; padding-right: 20px; margin-top: 25px; min-height: 10px; border-right: 0; }
    div#right   { overflow: hidden; width: 212px; float: none; padding-left: 10px; padding-right: 10px; margin: 10px; }

    div#left    { display: none; }
    div#left_mobil { display: block; overflow: hidden; width: 222px; float: left; padding-left: 5px; padding-right: 5px; min-height: 10px; background-color: #ebebeb; margin: 10px; margin-top: 25px; }

    div#MobilFooter { display: block; text-align: right; padding: 5px; color: #181716; }

    div#header {display: none; }
    div#newsletterbestellen {display: none; }
    div#mitgliedwerden {display: none; }

    .eventtextlg            { float: right; width: 75%; padding: 1%; padding-top: 0; }
    .eventdatumlg           { height: 60px; float: left; text-align: center; width: 50px; background-color: #7b7878; color: #ffffff; font-size: 0.9em; padding: 1%; }
}