html {	margin:0px; padding:0px; }
body {  background-color: #fafafa; margin:0px; padding:0px; }
div#main { text-align: center; position:relative; margin:0 auto; width:100%; height:auto !important; min-height:100%; }
div#header  { position:fixed; top: 0px; width:100%; min-height: 75px; }
div#header2 { width: 98%; max-width: 928px; text-align: left; margin: 0 auto; z-index: 99; padding-top: 15px; margin-bottom: 15px; background-color: #fafafa; border-bottom: 1px dotted #333333; border-top: 1px dotted #333333; }
div#header3 { max-width: 968px; text-align: left; margin: 0 auto; background-color: #ffffff; max-height: 230px; background-image: url(/global/images/header1.png); background-repeat: no-repeat; background-position: 50% 5%0; text-align: left; background-size: cover; }
div#header4 { max-width: 968px; margin: 0 auto; background-color: #ffffff; height: 10px; }


#content    { margin-top: 0px; padding-top: 150px; min-height:100px; width: 96%; text-align: left; margin: 0 auto; }
div#footer  { width: 100%; margin: 0 auto; background-color: #333333; height: 31px; padding-top: 10px; padding-bottom: 10px; }


div#col1    { width: 98%; margin-top: 25px;}
div#col23   { width: 98%; }

#mainlogo   { max-width: 150px;max-height: 75px; padding-bottom: 20px; }

img         { max-width: 100%; }

.marginbox  { width: 212px; min-width: 212px; margin-bottom: 25px; float: left; margin-right: 25px; min-height: 330px; }

@media only screen and (min-width:968px) {
    #content    { margin-top: 0px; padding-top: 300px; min-height:100px; width: 100%; text-align: left; margin: 0 auto; }
    div#header3 { max-width: 968px; text-align: left; margin: 0 auto; background-color: #ffffff; height: 230px; background-image: url(/global/images/header1.png); background-repeat: no-repeat; background-position: 50% 5%0; text-align: left; background-size: cover; }
    div#col1    { width: 212px; padding-right: 20px; float: right; margin-top: 0px;}
    div#col23   { width: 73%; padding-left: 20px; float: left; }
    div#footer  { width: 968px; margin: 0 auto; background-color: #333333; height: 31px; padding-top: 10px; padding-bottom: 10px; }
    #content    { margin-top: 0px; padding-top: 300px; min-height:100px; width: 968px; text-align: left; margin: 0 auto; }
    #mainlogo   { max-width: 283px;max-height: 151px; }
    .marginbox  { width: 212px; margin-bottom: 25px; float: none; min-height: 0px; }
}

@media only screen and (max-width:470px) {
    .marginbox  { width: 280px; margin-bottom: 25px; float: none; min-height: 0px; }
}
	

.A_Menue_Top	            { font-family: Open Sans Light, Arial Narrow, Arial, Sans-Serif; text-transform: uppercase; COLOR: #333333; font-size: 1.3em; }
.A_Menue_Top_Selected	    { font-family: Open Sans Light, Arial Narrow, Arial, Sans-Serif; text-transform: uppercase; COLOR: #333333; font-size: 1.3em; }
.A_Menue_Top:hover	        { font-family: Open Sans Light, Arial Narrow, Arial, Sans-Serif; text-transform: uppercase; COLOR: #333333; font-size: 1.3em; }
.A_Menue_Top_Selected:hover	{ font-family: Open Sans Light, Arial Narrow, Arial, Sans-Serif; text-transform: uppercase; COLOR: #333333; font-size: 1.3em; }
.A_Menue	                { font-family: Open Sans Light, Arial Narrow, Arial, Sans-Serif; text-transform: uppercase; COLOR: #333333; font-size: 90%; }
.A_Menue:hover	            { font-family: Open Sans Light, Arial Narrow, Arial, Sans-Serif; text-transform: uppercase; COLOR: #333333; font-size: 90%; }
.Menue_Top_Selected         { padding-bottom: 15px;margin-right: 20px; width: 130px;  border-bottom: 10px solid #333333;}
.Menue_Top                  { padding-bottom: 15px;margin-right: 20px; width: 130px; border-bottom: 10px solid #333333;  }
.menuefooter                { border-left: 1px dotted #ffffff; padding-left: 10px; height: 31px; text-align: left; width: 20%; padding-right: 20px; float: right;}

#menuemobile                { color: #ffffff; font-size: 1.4em; position: fixed; right: 0px; top: 0px; text-align: left; width: 60%; min-width: 200px; min-height: 100%; z-index: 9999; background-image: url(/global/images/BG_MobileMenue.png); background-position: 0 0; padding-left: 25px; }
.mobilemenueitem            { color: #ffffff; padding-top: 0.8em; }

.sz18 { font-size: 1.8em; }
.more { text-align: right; }

.nlmail { width: 265px; height: 24px; float:left; } 
.nlsubmit {float: right; width: 30px; height: 30px; }
.box10 { margin-bottom: 10px; }
.eventtext { float: right; height: 53px; width: 250px; padding-top: 5px; border-top: 1px solid #000000;padding-bottom: 5px; border-bottom: 1px solid #000000; }



.eventtextlg            { float: right; width: 85%; padding: 1%; padding-top: 0; }
.eventdatumlg           { height: 70px; float: left; text-align: center; min-width: 30px; width: 5%; background-color: #333333; color: #81b23e; font-size: 0.9em; padding: 1%; }
.eventdatum             { height: 70px; float: left; text-align: center; width: 16%; background-color: #333333; color: #81b23e; font-size: 0.9em; padding: 2%; margin-bottom: 1px; }
.eventtextsmall         { height: 70px; width: 76%; float: right; padding: 2%; margin-bottom: 1px; background-color: #81b23e; color: #ffffff; }
.eventlink              { color: #ffffff; font-weight: bold; }

.teaserbox_large { width: 650px; margin-bottom: 25px; clear: both; }
.teaserimg_large { width: 650px; height: 200px; }
.teaserimg_small { width: 310px; height: 200px; }

.teaserbox_small_left   { width: 310px; margin-bottom: 25px; float: left; }
.teaserbox_small_right  { width: 310px; margin-bottom: 25px; float: right; }
.fett { font-weight: bold;}

.linksmall { font-size: 0.7em; }
.cb  { clear: both; } 
.videoprev  { margin-right: 10px; float: left; width: 155px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.videoprev2  { width: 155px; }


#Suche { height: 100px; width: 300px; float: right; }
#SuchForm { padding-top: 20px; float: left; width: 175px; }
#Suchfeld { width: 140px; height: 14px; float:left; }
#Suchbutton { float: right; width: 20px; height: 20px; }
#Logo { float: right; margin-right: -5px; margin-top: 20px;  }

#NaviTop { margin-top: 10px; float: left; width: 700px; background-color: #ffffff; } 


ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none;  }

ul.dropdown, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }

ul.dropdown {  position: relative;  z-index: 597; float: left; }

ul.dropdown li { float: left; line-height: 1em;  vertical-align: middle;  zoom: 1; }

ul.dropdown li.hover, ul.dropdown li:hover { position: relative;  z-index: 599; cursor: default; }

ul.dropdown ul { visibility: hidden;  position: absolute; top: 100%;  left: 0; z-index: 598; width: 100%; }

ul.dropdown ul li { float: none; } 

ul.dropdown ul ul { top: 1px; left: 99%; }

ul.dropdown li:hover > ul {  visibility: visible; }

ul.dropdown li { display: block;   }


ul.dropdown li.hover, ul.dropdown li:hover { }




ul.dropdown ul {	 width: auto;	 margin-top: 0px;  white-space : nowrap; }

ul.dropdown ul li {		 font-weight: normal;		}


li.MenueLvl2  { display: block; min-width: 150px;  background-color: #eeeeee; padding: 7px; }



ul.dropdown-vertical {
// width: 200px;
}

ul.dropdown-vertical ul {
 top: 1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}


ul.dropdown-vertical-rtl {
 float: right;
}

ul.dropdown-vertical-rtl ul {
 left: auto !important;
 right: 99%;
}

ul.dropdown-vertical-rtl li {
 text-align: right;
}