@import url('font.css');

/* *  Page  * */
html                       {height:100%; width: 100%; margin: 0; padding: 0;}
body                       {height:100%; width: 100%; margin: 0; padding: 0; color: #333333; background: #ffffff; font-family: "Arial", sans-serif;  font-size: 13px; font-style: normal; font-weight: normal; line-height: 150%;}

body#print                 {background: #ffffff; height: auto; margin: 0px; padding: 0px; overflow:auto;}
body#media                 {background: #000000; overflow:hidden; margin: 0px; padding: 0px;}

#pageBody                  {position: relative; height: 100%; width: 100%; display:block; color: inherit; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;   background: transparent; overflow:visible;}
#pageContainer             {position: relative; height: auto; width: 980px; color: inherit; background: transparent; margin: 0px 0px 0px 0px;  padding: 36px 0px 0px 0px; margin-left:auto; margin-right:auto; }
#pageBottom                {position: relative; height: auto; width: 100%; clear: both; font-size: 90%; color: #999999; display:block; color: inherit; clear: both;  margin: 20px 0px 0px 0px;  padding: 3px 0px 3px 0px; background: transparent; border-top: 1px solid #cccccc; }
#tooltip                   {position: absolute; top: 0px; left: 0px; color: #51665f; font-size: 100%; width: 200px; height: auto; text-align:center; display: none; z-index: 3002; border: 2px solid #51665f; background: #ffffff; padding: 5px; box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.9); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; overflow: hidden; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); font-weight: normal; text-transform: none; }

/* *   Navigation  * */
.imgsel                    {border: 0px #dddddd solid; border-bottom: 0px #000000 solid; border-right: 0px #000000 solid; margin-top: 0px;}
a img                      {border: 0px; margin: 0px 0px 0px 0px; padding: 0px;}
img.framed                 {margin: 0px 0px 10px 0px; padding: 0px; /*border: 1px solid #51665f; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); */}
img.framedicon             {margin: 0px 0px 0px 0px;  padding: 0px; /*border: 1px solid #51665f; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); */}
#ImgContainerlogo          {position:absolute; top: 0px; right: 0px; margin: 0px; padding: 0px;}

a                          {text-decoration: none; background: transparent; font-weight: normal; color: #83a99f; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
a.sel                      {text-decoration: none; font-weight: normal;   color: #83a99f;}
a:hover                    {text-decoration: underline; background: transparent; color: #83a99f; cursor: pointer; }
a:focus                    {outline: 0;}
a img.galimg               {border: 2px transparent solid;}
a:hover img.galimg         {border: 2px #ffffff solid;}
img.viewicon               {display: none; position: relative; float: right; margin: 0px; padding: 0px;}
img                        {max-width: 100% !important; }
          
#waitduplex             	 {position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; text-align: center; color: #000000; opacity: 0.5; z-index: 300;}
.loader			               {position: absolute; display: none; color: #bbbbbb; font-size: 80%; left: 50%; top: 200px; width: 220px; height: 20px; padding:0px; margin: 0px 0px 0px -120px; background: transparent url(../scripts/loading.gif) no-repeat center; text-align:center; z-index: 602;}
#loadicon                  {position: fixed; display: none; color: #bbbbbb; font-size: 80%; left: 50%; top: 50%; width: 60px; height: 60px; padding:0px; margin: 50px 0px 0px 60px; background: #eeeeee url(../scripts/loading-sm.gif) no-repeat center; text-align:center; z-index: 2000; border: 2px solid #51665f; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }

/* *  MenuBar  * */
.MenuBox                   {float:left; background: transparent; color: #99CCFF; width: 280px; height: 29px; font-size: 11px; font-weight: normal; padding: 0px 27px 0px 27px; margin: 0px 0px 0px 0px; vertical-align: top; overflow: visible;}
.LogoBox                   {color: #8b8b8b; background: transparent; float:left; font-size: 11px; width: 130px; margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px; background: transparent;}
.BreadCrumbBox             {position: relative; background: transparent; display: block; height: auto; width: auto; font-size: 11px;  padding: 15px 0px 5px; margin: 0px 0px 0px 0px; line-height: 100%; z-index: 2;}
.BreadCrumbBoxInfo         {color: #999999; margin-right: 10px; }

ul li                        {list-style-image: url(../img/_layout/list_bullet.png);}
ul li ul li                  {list-style-image: url(../img/_layout/list_bullet2.png);}
ul li ul li ul li            {list-style-image: url(../img/_layout/list_bullet3.png);}
.ContentContainerStart ul li {list-style-image: url(../img/_layout/list_bullet_start.png);}

.imagetext                 {float:left; padding: 0px 0px 0px 0px; height:27px; font-size:24px; width: 266px; background: transparent; background-position:45px 5px;}
#lay_img                   {margin: 0px 0px 1px 0px;}

/* *  Content boxes  * */
.section                   {display: block; position: relative; margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px; }
#ContentBoxTop             {display: block; position: relative;  color: inherit; background: #51665f; height: 174px;  width: 100%; font-size: inherit; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: visible; z-index: 997; }
.ContentBoxTop-fixed       {}
.ContentBoxTop-first       {}
.ContentBoxTopInner        {display: block; position: relative;  color: inherit; background: transparent url(../img/_layout/logo_jlu.png) no-repeat right top; height: 100%;  width: 980px; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: visible; }
#ContentBoxTopStart        {display: none;  position: relative; color: inherit; background: transparent; height: 240px; width: 980px; font-size: inherit; margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px; overflow: visible; }
#ContentBoxTopMenu         {display: block;  position: absolute; top: 174px; left: 0px; color: inherit; background: #83a99f; height: auto; min-height: 36px; width: 100%; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; z-index: 998; }
.ContentContainer          {position: relative; color: inherit; background: transparent; height: auto;  width: 100%; display: block; font-size: inherit; margin: 25px 0px 0px 0px;   padding: 0px 0px 0px 0px; overflow: visible; }
#ContentBoxBottom          {position: fixed; top: 0px; right: 0px; display: none; height: 40px; width: auto; color: inherit; margin: 0px 0px 0px 0px; padding: 0px; background: transparent; z-index: 3001; overflow: hidden; }
.ContentBoxLeft            {position: absolute; left: 0px; top: 0px; display: block; float:left;  width: 186px; height: auto; margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; background: #e5e9eb; color: inherit; overflow: hidden;  border: 2px solid #bab8b6; }
.ContentBoxMiddle          {position: relative; display: block; float:left;  width: 550px; height: auto; margin: 0px 0px 20px 188px;  padding: 0px 0px 0px 20px;   color: inherit; background: transparent; }
.ContentBoxRight           {position: relative; display: block; float:right; width: 198px; height: auto; margin: 0px;               padding: 0px 0px;         font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; color: #666666; overflow: hidden; background: transparent; font-size:12px; }

.scroll-wrapper            {position: relative; color: inherit; background: transparent; height: auto;  width: 960px; display: block; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; }
.slide                     {position: absolute; top: 0px; left: 970px; color: inherit; background: transparent;     height: auto;  width: 100%; display: block; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; overflow: visible; }
.first-slide               {position: absolute; top: 0px; left: 0px; background: transparent; }
.read-more                 {position: absolute; display: none; bottom: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 101; }
.read-more a               {display: block; margin: 0px; padding: 1px; background: #eeeeee; font-size: 12px; border-top: 1px dotted #bbbbbb; }
.read-more a:hover         {text-decoration: none; color: #ffffff; background: #51665f; }
a.section-anchor           {display: block; }
a.section-anchor-sub       {position: relative;}

.SwitchMobileBox           {display: none; clear: both; margin: 0px; padding: 0px 0px 20px 0px; text-align: center; font-size: 90%; }

/* * Social Networks * */
.socialbar                  {position: relative; box-sizing: border-box; float: left; display: block; height: auto; min-height: 25px; width: 100%; margin: 20px 0px 0px 0px; padding: 4px 2px 0px 5px; background: #efefef; border: 1px solid #bbbbbb; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#socialshareprivacy ul,
#socialshareprivacy li      {list-style-type: none; list-style-image: none; margin: 0px !important; padding: 3px 0px !important; }
.sociallinks                {display: block; float: left; padding: 0px 0px 0px 0px; margin: 45px 15px 0px 0px; width: auto; height: auto; text-align:left; background: transparent; overflow: hidden; z-index:102; }
.sociallinks a              {float: left; padding: 0px 0px 0px 0px; margin: 0px; vertical-align:top; height: auto; display: block; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }
.sociallinks a:hover        {text-decoration: none; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.socialbtns                 {position: relative; width: auto; padding: 0px 0px 0px 0px; float: left; margin: 0px; }
.really_simple_share_facebook a       {color: #ffffff; background: #4966b6 url(../img/_layout/facebook_btn.png) no-repeat left top; display: block; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; padding: 4px 5px 4px 25px; margin: 0px 2px 0px 2px !important; white-space: nowrap; line-height: 100%; }
.really_simple_share_facebook a:hover {color: #ffffff; background: #4966b6 url(../img/_layout/facebook_btn_hover.png) no-repeat left top; text-decoration: none; }
.really_simple_like_facebook a        {margin: 0px 0px 0px 0px !important;}
        
/* *  Header  * */
.headerBox                  {background:transparent; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 100%; height:auto; color: inherit; vertical-align: top; overflow: hidden;}
.headerBoxLogo              {position: absolute; top: 0px; right: 200px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height: auto; overflow:visible; z-index:100;}
#ContentBoxTopStart .headerBoxLogo  {}
#headerBoxImg               {background:transparent; position: relative; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; color: inherit; overflow: hidden; border: none;}
.headerBoxBanner            {background:transparent; position: relative; float: right; width: auto; height: auto; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px;}
.back                       {background:transparent; position: relative; width: auto; height: auto; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; z-index:2; font-size:10px; }
.LabelBox                   {position: relative; display: none; width: auto; height: auto; font-size: 26px; font-weight: normal; color: #002851; background: transparent; margin: 0px; padding: 0px 0px 0px 0px; line-height: 100%; }
.LabelBox p                 {position: relative; display: none; width:auto; text-align:left; margin: 0px; padding: 0px; }
.UserLabel                  {position: absolute; top: 0px; left: 50%; display: block; margin: 0px 0px 0px -485px; padding: 0px 0px 0px 0px; width: auto; height: auto; overflow:visible; }

.LeftColumn                 {position: relative; width: 109px; height: auto; min-height: 100px; float:left; font-size: 1.0em;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;  background: transparent; color: #000000; overflow: hidden;}
.ContentMainBox             {position: relative; display:block; height: auto; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentMainBoxSmall        {position: relative; float: right; height: auto; width: 0px; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentImgBox              {position: relative; width: auto; height: auto; float:right;  background: transparent; color: inherit; padding:0px;   margin:0px; overflow: hidden;}
.ContentImgBoxText          {position: relative; width: auto; height: auto; margin: 0px 0 0 0; padding: 0 0 0 0;   font-size: 10px;   overflow: visible;}
.ContentBoxStart            {position: relative; height: auto; width: 350px; background: transparent; text-align:left;}
.ContentTextBoxNormal       {position: relative; display:block; height: auto; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; color: inherit; background: transparent; text-align: left; overflow:visible; }
.ContentTextBoxLeft         {position: relative; display:block; float: left;  width: 60%;  background: transparent; height: auto;  margin: 0px 0px 10px 0px; padding:0; text-align: left; overflow:visible;}
.ContentTextBoxRight        {position: relative; display:block; float: right; width: 60%;  background: transparent; height: auto;  margin: 0px 0px 10px 0px; padding:0; text-align: left; overflow:visible;}
.ContentImgBoxLeft          {position: relative; display:block; float: left;  width: 33%; background: transparent; height: auto;  margin: 0px 0px 0px 0px;   padding:0; text-align: left; overflow:visible;}
.ContentImgBoxRight         {position: relative; display:block; float: right; width: 33%; background: transparent; height: auto;  margin: 0px 0px 0px 0px;   padding:0; text-align: left; overflow:visible;}

.ContentTBTextBoxNormal     {position: relative; display:block;                width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px;         overflow:hidden;}
.ContentTBBoxLeft           {position: relative; display:block; float: left;   width: 60%;  height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden;}
.ContentTBBoxRight          {position: relative; display:block; float: right;  width: 60%;  height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden;}
.ContentTBImgBoxNormal      {position: relative; display:block;                width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px; }
.ContentTBImgBoxLeft        {position: relative; display:block; float: left;   width: 33%;  height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden; line-height: 100%; }
.ContentTBImgBoxRight       {position: relative; display:block; float: right;  width: 33%;  height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden; line-height: 100%; }

.ContentTBImgBoxLeft img,
.ContentTBImgBoxRight img,
.ContentImgBoxLeft img,
.ContentImgBoxRight img     {width: 100%; display: block; padding: 0px; margin: 0px; }
#ImgContainer               {width: 100% !important; }
#TextContainer              {margin-top: 15px; }

.CenterBox                  {height: auto; width: 980px; display: block; font-size:inherit; color: #ffffff; background: transparent; margin: 0px auto;  padding: 0px 0px 0px 0px; }
.FooterBox                  {height: auto; width: 980px; display: block; font-size:11px; color: #777777; background: transparent; margin: 0px 0px 30px 0px;  padding: 0px 0px 0px 0px; text-align: left; }
.pagetop                    {width:100%; display: block; color: #666666;   height: auto;  font-size: 90%; padding: 0px 0px 2px 0px; margin:0px 0px 8px 0px; border-bottom: 1px dotted #999999; line-height: 100%; text-align:left;}
.pagebottom                 {width:100%; display: none;   height: auto;  padding:0; margin: 0px; padding: 0px; text-align:left;}
#FrameContainer             {display:block; background: transparent; width: 100%; height: 2000px; margin: 0px; padding: 0px;}
#module_Frame               {display:block; background: transparent; width: 100%; height: 100%; margin: 0px; padding: 0px;}
#loginfo                    {position: fixed; font-size: 90%; line-height: 120%; top: 145px; left: 50%; text-align: center; color: #666666; border: 1px solid #aaaaaa; display: none; width: 170px; background: #ffffff; margin: 0px 0px 0px -480px; padding: 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 6px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }
#loginfo b                  {color: #e00000; font-size: 110%; }

/* *  Layout-Templates * */
#main_wide .ContentBoxMiddle          {width: 720px;}
#main_wide .ContentBoxRight           {display:none;}

#main_single .scroll-wrapper             {height: auto; }
#main_single .slide                      {position: relative; top: 0px; left: 0px;}

#main_lightbox                           {background: #ffffff; }
#main_lightbox .scroll-wrapper           {width: auto; height: auto; margin: 0px; }
#main_lightbox .slide                    {width: auto; position: relative; margin: 0px; top: 0px; left: 0px;}
#main_lightbox .ContentContainer         {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-bottom: 0px; margin: 0px; }
#main_lightbox .ContentBoxMiddle         {width: auto; padding: 30px 30px 0px 30px; margin: 0px; }
#main_lightbox .section,
#main_lightbox #pageBody,
#main_lightbox #pageContainer            {width: auto; padding: 0px; margin: 0px; }
#main_lightbox .makeSubMenu,
#main_lightbox #mainnav,
#main_lightbox #ContentBoxTop,
#main_lightbox #ContentBoxTopStart,
#main_lightbox .ContentContainerStart,
#main_lightbox #ContentBoxBottomStart    {display: none; }



a.footer                    {margin: 0px 0px 0px 10px; text-decoration: none; color: #333333;}
a.footer:hover              {text-decoration: underline;}

a.linklist                  {font-weight: bold; color: #51665f; display: block; margin: 0px 0px 15px 20px; padding: 0px 0px 0px 20px; }
a.linklist:hover            {text-decoration: underline; color: #51665f; }

a.dllink, a.linkPDF         {font-weight: normal; color: #51665f; background: url(../img/_layout/icon_download.gif) no-repeat left top; margin: 5px 0px -25px 0px; padding: 0px 0px 3px 27px; }
a.dllink:hover              {text-decoration: underline;}

a.pdf, a.linkPDF            {background: url(../img/_layout/icon_pdf.gif) no-repeat left top;}
a.ppt, a.pptx, a.pps, a.ppx {background: url(../img/_layout/icon_ppt.gif) no-repeat left top;}
a.mp3                       {background: url(../img/_layout/icon_mp3.gif) no-repeat left top;}
a.doc, a.word               {background: url(../img/_layout/icon_word.gif) no-repeat left top;}

a.button,
a.button:visited,
a.button:link,
a.button:active,
a.button:hover              {font-size:110%; display:block; font-weight: normal; width: 50%; text-decoration: none; color: #ffffff; background: #83a99f; margin: 0px auto 10px auto; padding: 5px 15px; border: 1px solid #ffffff; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; text-align: center; }
a.button:hover              {color: #ffffff; background: #51665f; text-decoration: none;}


a.backbtn,
a.backbtn:visited,
a.backbtn:link,
a.backbtn:active,
a.backbtn:hover               {position:relative; float: left; display: block; width: auto; text-decoration: none; background: transparent; margin: 30px 10px 0px 2px; padding: 0px; }
a.backbtn:hover               {text-decoration: none; }

a.printbtn,
a.printbtn:visited,
a.printbtn:link,
a.printbtn:active,
a.printbtn:hover              {position:relative; float: right; display: block; width: 0px; height: 20px; font-size:11px; font-weight: normal; text-decoration: none; text-transform: none; color: transparent; border: 1px solid #bbbbbb; background: #efefef url(../img/_layout/print.gif) no-repeat center; margin: 20px 0px 0px 0px; padding: 4px 4px 4px 26px; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  }
a.printbtn:hover              {text-decoration: none; color: transparent; border-color: #000000; background-color: #51665f; background-image: url(../img/_layout/print_ho.gif); box-shadow: 0px 0px 6px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 6px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 0px 6px rgba(255,255,255,0.8); }



a.extrabutton,
a.extrabutton:visited,
a.extrabutton:link,
a.extrabutton:active,
a.extrabutton:hover           {position:relative; float: right; display: block; width: auto; height: auto; font-size:11px; font-weight: normal; text-decoration: none; text-transform:lowercase; color: #51665f; background: transparent url(../img/_layout/arrow_up.png) no-repeat right 4px; margin: 2px 0px 0px 0px; padding: 1px 20px 1px 5px; border: 1px solid #51665f; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.extrabutton:hover           {text-decoration: none; color: #ffffff; background: #51665f url(../img/_layout/arrow_gray_up.png) no-repeat right 4px; box-shadow: 0px 0px 6px rgba(204,15,0,0.8); -moz-box-shadow: 0px 0px 6px rgba(204,15,0,0.8); -webkit-box-shadow: 0px 0px 6px rgba(204,15,0,0.8); }

a.extrabutton-up,
a.extrabutton-up:visited,
a.extrabutton-up:link,
a.extrabutton-up:active       {background-image: url(../img/_layout/arrow_up.png); }
a.extrabutton-up:hover        {background-image: url(../img/_layout/arrow_gray_up.png); }
a.extrabutton-right,
a.extrabutton-right:visited,
a.extrabutton-right:link,
a.extrabutton-right:active    {background-image: url(../img/_layout/arrow_right.png); }
a.extrabutton-right:hover     {background-image: url(../img/_layout/arrow_gray_right.png); }
a.extrabutton-left,
a.extrabutton-left:visited,
a.extrabutton-left:link,
a.extrabutton-left:active      {background-image: url(../img/_layout/arrow_left.png); }
a.extrabutton-left:hover       {background-image: url(../img/_layout/arrow_gray_left.png); }
a.extrabutton-down,
a.extrabutton-down:visited,
a.extrabutton-down:link,
a.extrabutton-down:active      {display: none; background-image: url(../img/_layout/arrow_down.png); }
a.extrabutton-down:hover       {background-image: url(../img/_layout/arrow_gray_down.png); }


object                      { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; outline: 0;}
embed                       { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; outline: 0;}
.TeaserGroup object         { margin: 0px 0px 0px -1px;}
.TeaserGroup embed          { margin: 0px 0px 0px -1px;}


/* * DataFoldList * */
ul.DataFoldList                  { position: relative; list-style-image: url(../img/_layout/listarrow.png); font-weight: normal; padding: 0px 0px 0px 20px;  width: auto; height: auto; display:block; background: transparent; overflow: visible; text-align:left; }
ul.DataFoldList ul 	     	       { position: relative; list-style-image: url(../img/_layout/listarrow.png); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent;}
ul.DataFoldList li               { position: relative; list-style-image: url(../img/_layout/listarrow.png); background: transparent; width: auto; height: auto; margin-bottom: 5px;  overflow: visible; }
ul.DataFoldList li ul            { position: relative; padding: 0px 0px 0px 0px; list-style-type: none; list-style-image: none; width: auto; background: transparent; border: none; display: block; height: 0px; overflow: hidden; }
ul.DataFoldList li ul li         { list-style-type: none; list-style-image: none; }
ul.DataFoldList li:last-child ul { }
ul.DataFoldList li:hover, ul.DataFoldList li.CSStoHighlight { background-color: transparent;}
ul.DataFoldList ul.CSStoShow     { display: block !important; height: auto; padding: 10px 0px 5px 20px;}
ul.DataFoldList li:hover ul      { display: block !important; height: auto; padding: 10px 0px 5px 20px;}
ul.DataFoldList *                { line-height: normal !important;} /* overriding my normal stylesheet */


/* * TOP-MENU * */
#mainnav                     { position: absolute;          top: 174px; display: block; left: 0px; color: inherit; background: #83a99f; height: 37px; width: 100%; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 3px solid #ffffff; overflow: visible; z-index: 3000; }
.mainnavfixed                { position: fixed !important;  top: 0px !important;   box-shadow: 0px 8px 8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 8px 8px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 8px 8px rgba(0,0,0,0.6); }
#mainnav h4                  { color:#724200; background: transparent url(../img/_layout/arrow_gray_down.png) no-repeat 260px 15px; font-size: 18px; font-weight: normal; display: block; text-transform: none; margin: 0px; padding: 15px 25px; height: auto; width: 250px; }
#mainnav.mainnavfirst h4     { visibility: hidden; font-size: 16px; background: transparent; }
ul.makeMenu                  { position: relative; list-style-type: none; font-weight: normal; width: 986px; height: auto; display:block; background: transparent; margin: 0px auto; padding: 0px;overflow: visible; text-align:left; }
ul.makeMenu ul 	       	     { position: relative; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent;}
ul.makeMenu li               { position: relative; list-style-type: none; display: inline-block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; vertical-align:bottom;}
ul.makeMenu li ul            { position: relative; padding: 0px; width: 100%; background: transparent; border: none; display: none; overflow: hidden; }
ul.makeMenu li ul li         { border: none; }
ul.makeMenu li:last-child ul { }
ul.makeMenu li:hover         { background-color: transparent;}
ul.makeMenu li:hover ul      { display: none !important;}
ul.makeMenu *                { line-height: normal !important;} /* overriding my normal stylesheet */
ul.makeMenu li ul li ul      { position:relative; top:0px; left:0px; display: block; padding: 0px 0px 0px 0px; width: auto; margin: 0px 0px 5px 0px; border: none; overflow: hidden; background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }
ul.makeMenu li ul li ul li   { position:relative; float: none; display: block; padding: 0px; margin: 0px; border: none; }

a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active	                                    {display: block; color: #ffffff; background: #83a99f; text-transform: none; font-size: 120%; height: auto; min-height: 20px; width: auto; font-weight: 400; font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 25px 7px; line-height: 100%; text-align: center; overflow: visible; white-space:nowrap; border-right: 3px solid #ffffff; }
a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active	{display: block; color: #ffffff; background: #6e9087; text-transform: none; font-size: 120%; height: auto; min-height: 20px; width: auto; font-weight: 400; font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 25px 7px; line-height: 100%; text-align: center; overflow: visible; white-space:nowrap; border-right: 3px solid #ffffff; }
a.TopMenu:hover                     					                                                      {display: block; color: #ffffff; background: #6e9087; text-transform: none; font-size: 120%; height: auto; min-height: 20px; width: auto;                   font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 25px 7px; line-height: 100%; text-align: center; overflow: visible; white-space:nowrap; border-right: 3px solid #ffffff; }
ul.makeMenu li:first-child a.TopMenu                                                                {border-left: 3px solid #ffffff; }
ul.makeMenu li:last-child a.TopMenu                                                                 { }

a.close-btn                   {position: absolute; right: 5px; top: 5px; display: block; width: 30px; height: 30px; color: transparent; background: transparent url(../img/_layout/icon_close.png) no-repeat left top; background-size: 100% 100%; }
a.close-btn:hover             {text-decoration:none; }
a.main-nav-toggle             {display: none; position: absolute; left: 0px; top: 0px; z-index: 26000; width: auto; min-width: 200px; color: #dae1de; background: transparent url(../img/_layout/icon_sitemap.png) no-repeat 10px center; font-size: 16px; height: 20px; font-weight: 400; overflow: hidden; padding: 10px 10px 6px 40px; text-transform: uppercase; }
a.main-nav-toggle:hover       {background-image: url(../img/_layout/icon_sitemap_MO.png); color: #ffffff; text-decoration:none; }


/* * SUB-MENU * */
ul.makeSubMenu                  { position: relative; list-style-type: none; font-weight: normal; width: auto; height: auto; display:block; background: transparent; margin: 0px 0px 30px 0px; padding: 0px; text-align:left;  }
ul.makeSubMenu ul 	     	      { position: relative; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent;}
ul.makeSubMenu li               { position: relative; list-style-type: none; display: block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; }
ul.makeSubMenu li ul            { position: relative; padding: 0px; width: 100%; background: transparent; border-top: 1px solid #ffffff; display: block; overflow: hidden; }
ul.makeSubMenu li:last-child ul { }
ul.makeSubMenu li:hover         { background-color: transparent;}
ul.makeSubMenu li:hover ul      { display: block !important;}
ul.makeSubMenu *                { line-height: normal !important;} /* overriding my normal stylesheet */
ul.makeSubMenu li ul li             { margin: 0px; padding: 0px 0px 0px 10px; background: transparent; }
ul.makeSubMenu li ul li:last-child  { margin-bottom: 10px; }
ul.makeSubMenu li ul li ul          { position:relative; display: block; padding: 0px 0px 0px 0px; width: auto; margin: 0px 0px 0px 0px; border: none; overflow: hidden; background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }

a.makeSubMenuTop, a.makeSubMenuTop:visited, a.makeSubMenuTop:link, a.makeSubMenuTop:active	                                  {display: block; color: #ffffff; background: transparent; font-size: 13px; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 6px 13px; margin: 0px; line-height: 120%; text-align:left; }
a.makeSubMenuTop:hover                     					                                                                          {display: block; color: #000000; background: transparent; font-size: 13px; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 6px 13px; margin: 0px; line-height: 120%; text-align:left; }

a.MenuLevelSub, a.MenuLevelSub:visited, a.MenuLevelSub:link, a.MenuLevelSub:active	                                                         {display: block; color: #83a99f; background: transparent; font-size: 110%; font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; height: auto; width: auto; font-weight: 400; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 5px 10px; line-height: 160%; text-align:left; overflow: hidden; }
a.MenuLevelSub_sel, a.MenuLevelSub_sel:hover, a.MenuLevelSub_sel:visited, a.MenuLevelSub_sel:link, a.MenuLevelSub_sel:active                 {display: block; color: #51665f; background: #d5d9db;     font-size: 110%; font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; height: auto; width: auto; font-weight: 400; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 5px 10px; line-height: 160%; text-align:left; overflow: hidden; }
a.MenuLevelSub:hover                     					                                                                                           {display: block; color: #51665f; background: #d5d9db;     font-size: 110%; font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; height: auto; width: auto; font-weight: 400; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 5px 10px; line-height: 160%; text-align:left; overflow: hidden; }

a.MenuLevelSubSub, a.MenuLevelSubSub:visited, a.MenuLevelSubSub:link, a.MenuLevelSubSub:active	                                             {display: block; color: #51665f; background: transparent; font-size: 90%; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 4px 10px; border-left: 1px solid #bab8b6; line-height: 160%; text-align:left; overflow: hidden; }
a.MenuLevelSubSub_sel, a.MenuLevelSubSub_sel:hover, a.MenuLevelSubSub_sel:visited, a.MenuLevelSubSub_sel:link, a.MenuLevelSubSub_sel:active  {display: block; color: #51665f; background: #d5d9db; font-size: 90%; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 4px 10px; line-height: 160%; text-align:left; overflow: hidden; }
a.MenuLevelSubSub:hover                     					                                                                                       {display: block; color: #51665f; background: #d5d9db; font-size: 90%; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 4px 10px; line-height: 160%; text-align:left; overflow: hidden; }

a.MenuLevelSubSubSub, a.MenuLevelSubSubSub:visited, a.MenuLevelSubSubSub:link, a.MenuLevelSubSubSub:active	                                                 {display: block; color: #51665f; background: transparent; font-size: 11px; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 4px 10px; border-left: 1px solid #bab8b6; line-height: 160%; text-align:left; overflow: hidden; }
a.MenuLevelSubSubSub_sel, a.MenuLevelSubSubSub_sel:hover, a.MenuLevelSubSubSub_sel:visited, a.MenuLevelSubSubSub_sel:link, a.MenuLevelSubSubSub_sel:active   {display: block; color: #51665f; background: #d5d9db; font-size: 11px; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 4px 10px; line-height: 160%; text-align:left; overflow: hidden; }
a.MenuLevelSubSubSub:hover                     					                                                                                                     {display: block; color: #51665f; background: #d5d9db; font-size: 11px; height: auto; width: auto; font-weight: normal; text-transform: none; text-decoration:none; margin: 0px 0px 2px 0px; padding: 4px 10px; line-height: 160%; text-align:left; overflow: hidden; }

div.SubMenuSlider              {position:absolute; bottom: 50px; left: 655px; height: 45px; width: 180px; font-size: 24px; text-align: center; margin: 0px; padding: 0px 50px 0px 70px; color: #ffffff; background: transparent url(../img/_layout/bg_black_trans30.png) repeat left top; font-weight: 300; display: block; }
div.SubMenuSliderDisplay       {float: left; padding: 10px; margin: 0px; min-width: 55px; }
a.SubMenuSlider                {position:relative; height: 45px; width: 45px; display:block; margin: 0px; padding: 0px; background: transparent url(../img/_layout/arrow_gray_left.png) no-repeat center center; }
a.SubMenuSlider:hover          {background-color: #703e02; }
a.SubMenuSlider-left           {float: left; background-image: url(../img/_layout/arrow_left.png); }
a.SubMenuSlider-right          {float: left; background-image: url(../img/_layout/arrow_right.png); }


/* * EXTRA-MENU * */
ul.makeExtraMenu	                  {position: absolute; top: 10px; left: 20px; display:block; width: auto; height: auto; color: inherit; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px; text-align:left; z-index:102;  }
#ContentBoxBottom ul.makeExtraMenu  {top: 0px !important; left: 0px !important; }
ul.makeExtraMenu li                 {position: relative; list-style-type: none; list-style-image: none; display: inline-block; vertical-align: bottom; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible;}
a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover	                        {color: #d1d7d5; background: transparent;  font-size: 11px; font-weight: normal; display: block; height: auto; width: auto; text-decoration:none; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; line-height: 100%; border-right: 1px solid #d1d7d5; overflow: visible; white-space:nowrap;}
a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active	{color: #ffffff; background: transparent;  font-size: 11px; font-weight: bold;   display: block; height: auto; width: auto; text-decoration:none; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; line-height: 100%; border-right: 1px solid #d1d7d5; overflow: visible; white-space:nowrap;}
a.extramenu:hover                     					                                                                                      {color: #ffffff; background: transparent;  text-decoration:none;}
ul.makeExtraMenu li:last-child a    {border:none; padding-right: 0px; }
.li-extramenu-back                  {display: none !important; }

a.extramenu-profile,
a.extramenu-profile:visited,
a.extramenu-profile:link,
a.extramenu-profile:active,
a.extramenu-profile:focus,
a.extramenu-profile:hover	    {text-transform: none; padding-left: 32px; background: transparent url(../img/_layout/icon_lock.png) no-repeat left top; }


/* * LANGUAGE-MENU * */
ul.LanguageBox	             {position: relative; float:left; width: auto;  height: auto; display:block; color: inherit; background: transparent; margin: 50px 10px 0px 20px; padding: 0px 10px 0px 0px; text-align:left; white-space:nowrap; overflow: hidden; z-index:101; }
ul.LanguageBox li            {position: relative; list-style-type: none; list-style-image: none; display:inline-block; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible;}
a.langmenu, a.langmenu:visited, a.langmenu:link, a.langmenu:active, a.langmenu:focus, a.langmenu:hover	                        {color: #51665f; background: transparent;  font-size:10px; display: block; float:left; height: auto; width: auto; font-weight: normal; text-decoration:none; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; border-right: 1px solid #aaaaaa; line-height: 100%; text-align:left; white-space: nowrap; }
a.langmenu_sel, a.langmenu_sel:hover, a.langmenu_sel:visited, a.langmenu_sel:link, a.langmenu_sel:focus, a.langmenu_sel:active	{color: #333333; background: transparent;  font-size:10px; display: block; float:left; height: auto; width: auto; font-weight: bold;   text-decoration:none; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; border-right: 1px solid #aaaaaa; line-height: 100%; text-align:left; white-space: nowrap; }
a.langmenu:hover                     					                                                                                  {color: #333333; background: transparent;  text-decoration:none;}
ul.LanguageBox li:first-child a                                                                                                 {margin-left: 0px; }
ul.LanguageBox li:last-child a                                                                                                  {border:none; }
a#langmenu-deutsch,
a#langmenu-deutsch_sel     {padding: 0px 0px 0px 28px; height: 28px; width: 0px; border: none; background: transparent url(../img/Flags/flag_de.png) no-repeat left top; overflow: hidden; }
a#langmenu-deutsch:hover,
a#langmenu-deutsch_sel     {background-image: url(../img/Flags/flag_de_active.png); }
a#langmenu-english,
a#langmenu-english_sel     {padding: 0px 0px 0px 28px; height: 28px; width: 0px; border: none; background: transparent url(../img/Flags/flag_en.png) no-repeat left top; overflow: hidden; }
a#langmenu-english:hover,
a#langmenu-english_sel     {background-image: url(../img/Flags/flag_en_active.png); }



/* Sitemap */
ul.Sitemap	             {position: relative; margin: 0px 0px 0px 0px; padding: 0px; display:block; width: auto; background: transparent; border: none; overflow: visible;}
ul.Sitemap li            {position: relative; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; overflow: visible;}
ul.Sitemap a,
ul.Sitemap a:visited,
ul.Sitemap a:focus,
ul.Sitemap a:active,
ul.Sitemap a:hover,
ul.Sitemap a:link        {display:block; color: #51665f; background: transparent; text-decoration:none; font-weight: normal; font-style: normal; padding: 3px; height: auto; width: auto; overflow:visible;}
ul.Sitemap a:hover       {color: #51665f; background: #dadada; text-decoration:none;}

ul.Sitemap li.top              {list-style-type: none; list-style-image: none; margin-top: 20px;}
ul.Sitemap a.sitemap_top       {font-weight: bold; text-transform: none; background: transparent; border-bottom: 1px solid #9c0000;; border-top: 1px solid #9c0000;}
ul.Sitemap a.sitemap_top:hover {background: #51665f; color: #ffffff;}
ul.Sitemap a.sitemap_sub,
ul.Sitemap a.sitemap_subsub        {color: #666666;}
ul.Sitemap a:hover             {background: #51665f; color: #ffffff;}



/* * NewsMenu * */
ul.NewsMenu	             {display: block; list-style-type: none; margin: 25px 10px 40px 10px; padding:  0px 0px 0px 0px; background: transparent;}
ul.NewsMenu li           {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; height: auto;}
ul.NewsMenu a,
ul.NewsMenu a:visited,
ul.NewsMenu a:focus,
ul.NewsMenu a:active,
ul.NewsMenu a:link            {display:block; color:#333333; background: transparent; text-decoration:none;      font-weight: normal; font-style: normal; padding: 0px 0px 4px 0px; height: auto; width: auto; _height: 10px; overflow:visible;}
ul.NewsMenu a:hover           {display:block; color:#51665f; background: transparent; text-decoration:underline; font-weight: normal; font-style: normal; padding: 0px 0px 4px 0px; height: auto; width: auto; _height: 10px; overflow:visible;}

h1                         {font-weight: normal;   font-size: 20px;   color: #333333; background: transparent; display: block; margin: 0px 0px 20px 0px; padding: 0px; line-height: 130%; }
h2                         {font-weight: bold;     font-size: 100%;   color: #51665f; margin: 0px 0px 5px 0px; padding: 0px; line-height: 140%;}
h3                         {font-weight: bold;     font-size: 100%;   color: #51665f; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;  display: block;}
h4                         {font-weight: bold;     font-size: 130%;   color: #51665f; float: left; background: transparent; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;}
h5                         {font-weight: bold;     font-size: 100%;   color: #51665f; display: inline-block; background: transparent; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;}
h6                         {font-weight: normal;   font-size:  80%;   color: #51665f; margin:0; margin-bottom: 8px;}
h2.form_order              {font-weight: normal;   font-size: 100%;   color: inherit;}

#main_overview h1          {}
.ContentBoxPrint h1,
.ContentBoxPrint h2,
.ContentBoxPrint h3,
.ContentBoxPrint h4,
.ContentBoxPrint h5,
.ContentBoxPrint h6           {color: #000000;}


/* Slideshows */
.BackgroundImage                  {position:relative; display:block; margin: 0px auto 25px; padding: 0px 0px 0px 0px; width: 100%; height: 300px; background: #ffffff; overflow:hidden; z-index: 11; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
.BackgroundImageWrapper           {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
.BackgroundImageContainer         {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100%; height: 100%; z-index: 2; }
.BackgroundLayer                  {position:absolute; width:100%; height:100%; margin:0 auto; background: transparent url(../img/_layout/bg_squares.png) no-repeat left top; background-size: auto 100%; z-index: 3; }
.tile_slide img                   {position:absolute; top:0px; border: none; width: 100%; height: auto; min-height: 100%; }
.tile_slide .tile-imgtop,
.tile_slide .tile-imgbottom       {display: none; position: absolute; left: 0px; width: 100%; height: 300px; margin: 0px; padding: 0px; background-color: transparent; background-repeat: no-repeat; background-size: 60% auto; z-index: 2; }
.tile_slide .tile-imgtop          {top: 0px;    background-position: left top; }
.tile_slide .tile-imgbottom       {bottom: 0px; background-position: right bottom; }
.BackgroundImageLabel             {position:absolute; bottom: 40px; display: block; width: auto; left: 0px; right: 0px; height: auto; padding: 10px; margin: 0px 0px 0px 0px; overflow:hidden; background: rgba(81,102,95,0.7); color: #ffffff; line-height: 140%; font-size: 110%; text-transform: none; font-weight: 300; z-index: 5; }
.BackgroundImageLabel .labeltitle,
.BackgroundImageLabel .labeltitle h1,
.BackgroundImageLabel .labeltitle h2,
.BackgroundImageLabel .labeltitle h3 {position:relative; display:block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px; background: transparent; color: #ffffff; text-transform: none; font-size: 120% !important; font-weight: 300 !important; width: auto; height: auto; }
.BackgroundImageLabel p           {display: inline-block; margin: 0px !important; padding: 0px 0px 0px !important; width: auto; max-width: 500px; background: transparent; }
.BackgroundImage-Header .BackgroundImageLabel p {background: transparent; }
.BackgroundImageLabel a           {color: #ffffff !important; }
.BackgroundImageLabel a.btn,
.BackgroundImageLabel a.button        {margin: 10px 0px; }
.BackgroundImageLabel h5,
.BackgroundImageLabel h6          {font-size: 180%; line-height: 140%; font-weight: 300; }
.BackgroundImageLabel *.*         {color: inherit !important; }
.BackgroundImageLabelImgPos-,
.BackgroundImageLabelImgPos-above,
.BackgroundImageLabelImgPos-below,
.BackgroundImageLabelImgPos-left  {}
.BackgroundImageLabelImgPos-right {}

.BackgroundImageBtns              {display: block; position: absolute; right: 0px; bottom: 5px; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; z-index: 10; text-align: center; }
a.BackgroundImageBtn              {position:relative; width: 12px; height: 12px; display: inline-block; padding: 0px; margin: 0px 0px 0px 6px; background: #ffffff; border: 2px solid #ffffff; overflow: hidden; box-shadow: 0px 0px 4px rgba(0,0,0,1.0); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,1.0); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,1.0); -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
a.BackgroundImageBtn-sel,
a.BackgroundImageBtn:hover        {background: #83a99f; }

/* Slideshow Nav */
.Slidearrow                {display: block; position:absolute; bottom: 45%; width: 50px; height: 50px; z-index: 50; background: transparent; overflow: hidden; border: 2px solid #ffffff; margin: -13px 0px 0px 0px; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
.leftarrow                 {left: -60px; margin: 0px;  }
.rightarrow                {right: -60px; margin: 0px; }
.leftarrow a               {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/arrow_line_left_MO.png) no-repeat center; background-size: 100% !important; }
.rightarrow a              {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/arrow_line_right_MO.png) no-repeat center; background-size: 100% !important; }
.BackgroundImage a.morelink        {position: relative; right: auto; bottom: auto; clear: both; width: auto; height: auto; min-height: 19px; color: #666666; border: none; background: transparent url(../img/_layout/icon_zoom_square.png) no-repeat left top; font-weight: 400; margin: 5px 30px 20px 55px; padding: 5px 0px 5px 40px; }
.BackgroundImage a.morelink:hover  {color: #003f70; background-color: transparent; background-image: url(../img/_layout/icon_zoom_square_MO.png); }


/* * MediaBox  * */
#MediaBoxStart                {position: relative; display: block; float: left; width: 298px; height: 298px; font-size: inherit; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: inherit; z-index: 0; background: #000000; border: 1px solid #bbbbbb; overflow: hidden; box-shadow: -7px 7px 7px rgba(0,0,0,0.6); -moz-box-shadow: -7px 7px 7px rgba(0,0,0,0.6); -webkit-box-shadow: -7px 7px 7px rgba(0,0,0,0.6); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.MediaBoxStart               {width: 100%; display:block; margin: 0px; padding: 70px 0px 0px 0px; height: 95px; color: #cccccc; background: transparent; text-transform: none; font-size: 26px; font-weight: normal;  text-align:center; }
a.MediaBoxStart:hover         {background: #3b82ba; text-decoration: none; }
#MediaBoxStart .layer         {position:absolute; top: 0px; display:block; width: 300px; height: 300px; z-index: 1; background: transparent url(../img/_layout/video_play.png) no-repeat center; }
#MediaBoxStart img            {position:absolute; top: 50%; left: 0px; display:block; margin: -85px 0px 0px 0px; }

/* *   News  * */
.NewsBox                      {position: relative; display: block; text-align: left; height: auto; font-size: inherit; padding: 0px; margin: 0px 0px 10px 0px; border: 2px solid #bab8b6; color: inherit; background: #e5e9eb; }
.NewsBoxTop                   {padding: 20px 0px 0px 0px; margin: 0px; -moz-border-radius: 0px 0px 9px 9px; -webkit-border-radius: 0px 0px 9px 9px; -khtml-border-radius: 0px 0px 9px 9px; border-radius: 0px 0px 9px 9px;}
.NewsBoxCont                  {position: relative; display: inline-block; vertical-align: top; color: inherit; line-height: 130%; height: auto; background: transparent; width: 45%; overflow:hidden; padding: 2% 2%; margin: 0px 0px; font-weight: normal; text-transform: none; }
.ContentBoxRight .NewsBoxCont {width: 96%; }
.NewsBoxCont:hover            {background: #d5d9db; }
.NewsBoxContImgSliderBox      {position:absolute; top: 1px; left: 1px; width: auto; height: auto; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.NewsBoxContImg               {position:absolute; top: 0px; left: 0px; display: none; }
.NewsBoxCont h4, .NewsBoxCont a {text-decoration:none; font-weight: bold; font-size: inherit;  color: inherit; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; }
.NewsBoxCont .date            {border-bottom: 2px solid #aaa8a6; display: block; }
.newsblock                    {margin:0; padding:0; padding-left: 1px; margin-bottom: 5px;}
.news_img                     {display: block; width: 100%; }
.news_img img                 {width: 100%; }
.news_text                    {padding: 0px 0px 0px 0px; }
.news_text a                  {font-weight: normal; }

#NewsCont                     {min-height: 300px;}

ul.NewsSlideList              { position: relative; list-style-type: none; font-weight: normal; display: block; width: 100000px; height: auto; background: transparent; margin: 0px; padding: 0px; overflow: visible;}
ul.NewsSlideList li           { position: relative; float: left; list-style-type: none; background: transparent; width: 200px; height: auto; list-style-image: none; margin: 0px 20px 0px 0px; padding: 0px; vertical-align:top;}

.SlideShowBox               { position: relative; display: block; width: 100%; height: 228px; font-size: 16px; background: transparent url(../img/_layout/bg_slide_gallery.jpg) no-repeat center top; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: -30px 0px 0px 0px; padding: 0px; line-height: 100%; overflow: hidden;}
ul.SlideShowBoxList         { position: relative; list-style-type: none; font-weight: normal; display: block; width: 10000px; height: auto; background: transparent; margin: 0px; padding: 0px; overflow: visible;}
ul.SlideShowBoxList li      { position:absolute; top:0px; left:750px; list-style-type: none; background: transparent; width: 750px; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; vertical-align:top;}
.SlideShowBox .tile_text          { position:absolute; left:40px; top: 150px;}
.SlideShowBox h4, .SlideShowBox a { color: #333333;}
.SlideShowBox h4                  { font-size: 26px; width: 500px; line-height: 100%}
.SlideShowBox a:hover             { text-decoration: none;}

/* Scroller */
#cont                      {position: relative; display: block; height: auto; overflow: hidden; padding-bottom: 10px; }
#contScroller1 a           {position: relative; display: block; height: 11px; width: 100%; background: #e4e4e4 url(../img/_layout/scroll_up.gif) no-repeat center top;}
#contScroller1 a:hover     {background: #51665f url(../img/_layout/scroll_up_MO.gif) no-repeat center top;}
#contScroller2 a           {position: relative; display: block; height: 11px; width: 100%; background: #e4e4e4 url(../img/_layout/scroll_down.gif) no-repeat center top;}
#contScroller2 a:hover     {background: #51665f url(../img/_layout/scroll_down_MO.gif) no-repeat center top;}
#cont ul                   {display:block; list-style-type: none; list-style-image: none; width: 100%; margin: 0px; padding: 0px;}
#cont ul li                {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; height: auto; width: auto; }

a.newshead,
a.newshead:link,
a.newshead:focus,
a.newshead:active,
a.newshead:hover,
a.newshead:visited          {font-weight: normal; color: #51665f; background: transparent; font-size: inherit; display: block; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left;}
a.newshead:hover            {text-decoration:none; color: #51665f; }
a.newshead-2,
a.newshead-2:link,
a.newshead-2:focus,
a.newshead-2:active,
a.newshead-2:hover,
a.newshead-2:visited        {display: block; padding-bottom: 80px;}

a.newstop,
a.newstop:link,
a.newstop:focus,
a.newstop:active,
a.newstop:hover,
a.newstop:visited            {font-weight: 400; font-size: 15px; font-family: 'PT Sans Narrow', 'Arial Narrow', 'Arial', sans-serif; color: #51665f; background: #e5e9eb; display: block; width: auto; padding: 6px 8px; margin: 0px 0px 0px 0px; text-align: left; text-transform: none; }
a.newstop:hover              {text-decoration:none; color: #51665f; background: #d5d9db; }

.ContentBoxLeft a.newstop,
.ContentBoxLeft a.newstop:link,
.ContentBoxLeft a.newstop:focus,
.ContentBoxLeft a.newstop:active,
.ContentBoxLeft a.newstop:visited            {color: #83a99f; background: #e5e9eb; }
.ContentBoxLeft a.newstop:hover              {color: #51665f; background: #d5d9db; }

.MainNewsBtn                 {position: relative; display: none; width: 200px; float: right; z-index: 3; }
.MainNewsBtn a.newstop       {background: #83a99f url(../img/_layout/arrow_gray_down.png) no-repeat 5px center; color: #ffffff; margin: 3px 0px 0px 0px; padding: 6px 8px 6px 25px; text-transform: uppercase; border-top: 3px solid #ffffff; }
.MainNewsBtn a.newstop:hover {background-color: #51665f; color: #ffffff; }


/* *   News-Content  * */
.NewsContainer             {position: relative; display: block; height: auto; width: auto; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; border-bottom: 1px dotted #cccccc;}
.NewsContainer-right       {margin-right: 0px; border-right: none;}
.NewsContainer .date       {color: #666666; font-size: 90%; text-align:left;}
.newscontblock             {margin:0; padding:0; }
.newsimg                   {float:right; width: 30%; margin: 20px 0px 0px 10px; padding: 0px; overflow: hidden; }
.newsimg img               {width: 100%; }
.newsimgpage               {padding:13px; padding-bottom:56px; margin: 0; color: #000000; background: #333333;}

/* *   News-Startpage  * */

.LogoBox                     {position: relative; height: 120px; border: none;}
.logo_rotation_box           {position: relative; display:block; padding: 0px 0px;}
.LogoBox .logo_rotation_box  {position: absolute; top: 0px; left: 10px; padding: 0px 0px;}

/* *  Teaser  * */
.TeaserContainer           {width:270px; float:left; height: auto; padding: 0px; margin: 0px 0px 0px 0px;}
.TeaserArticle             {display:block; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 20px 0px; border: 1px #cccccc solid;}
.TeaserGroup               {width:500px; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 15px 0px; border: 1px #cccccc solid;}

.LinkContainer             {display: block; margin: 30px 0px 3px 0px; padding: 0px; }
.LinkContainer p           {display: block; margin: 0px 5px 10px 5px; padding: 0px;}
.ExtraMenuBox              {display: block; height: 50px; margin: 0px 5px 3px 10px; padding: 0px; border: 1px solid #51665f;}
.img_left									 {float: left; border-right: 1px solid #51665f; width: 50px;}
.linkbox                   {float: left; height: 50px; width: 121px; padding: 0px; overflow: hidden;}	
.linkbox a,
.linkbox a:visited,
.linkbox a:focus,
.linkbox a:active,
.linkbox a:link            {display:block; height: 100%; color:#333333; background: #ffffff; text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;}
.linkbox a:hover           {display:block; height: 100%; color:#ffffff; background: #51665f; text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;}

ul.linklist                {vertical-align: top; font-weight: normal; list-style-type:none; list-style-image: none; margin-left:0; padding-left:0;}
li.linklist                {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/list_bullet.png); margin-left:25px; padding-left:0;}
ul.pdflist li, li.pdflist  {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/icon_pdf.gif); margin-left:23px; padding-left:0;}
ul li a			               {font-weight: normal;}
li.linklist a              {font-weight: bold; }
div.pdflist                {background: url(../img/_layout/icon_pdf.gif) no-repeat left top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; }

ul.urllink li, li.urllink    {vertical-align: top; list-style-image: url(../img/_layout/icon_link.gif); margin-left:23px; padding-left:0;}
ul.dllink li, li.dllink      {vertical-align: top; list-style-image: url(../img/_layout/icon_download.gif); margin-left:23px; padding-left:0;}
ul.pdf li, li.pdf            {list-style-image: url(../img/_layout/icon_pdf.gif);}
ul.ppt li, li.ppt,
ul.pptx li, li.pptx,
ul.pps li, li.pps,
ul.ppx li, li.ppx            {list-style-image: url(../img/_layout/icon_ppt.gif);}
ul.mp3 li, li.mp3            {list-style-image: url(../img/_layout/icon_mp3.gif);}
ul.word li, li.word,
ul.doc li, li.doc            {list-style-image: url(../img/_layout/icon_word.gif);}


ul.tablist                 {position: relative; list-style-type: none; display: block; width: auto; list-style-type: none; margin: 0px auto; padding: 0px 0px 5px 0px; background: transparent; border: none; overflow: visible; text-align:center; }
li.tablist                 {position: relative; list-style-type: none; display:inline; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible; }
li.tablist a               {height: auto; width: auto; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; border-left: 1px solid #666666; overflow: visible; white-space:nowrap;}
li.tablist a.tablistfirst  {border: none;}


#tagcloud                  {height: auto; display:block; margin: 0px 0px 5px 0px; padding: 30px 5px 5px; font-weight: normal; font-size: 10px; border: none;}
#tagcloud h1               {height: auto; display:none; margin: 0px;              padding: 3px 5px 3px 5px; font-weight: bold;   font-size: 11px; border-bottom: 1px solid #777777; color: #ffffff; background: #777777;}
#tagcloud ul               {list-style-type: none; height: auto; display:block; margin: 5px 0px; padding: 0px 0px 0px 0px; font-size: inherit;}
#tagcloud ul li            {position: relative; float: left; list-style-type: none; background: transparent; font-size: inherit; width: auto; height: auto; list-style-image: none; margin: 0px 5px 0px 0px; padding: 0px; vertical-align:bottom; 	}
#tagcloud ul li:lastchild  {border:none;}
#tagcloud div              {margin: 5px; padding: 0px; color: #777777;}
#tagcloud a                {color: #888888; display:inline; white-space:normal; }
#tagcloud a:hover          {text-decoration: underline;}


div.btContainer            {float:left;   padding:0;   margin: 4px 0px 0px 10px;}
div.formContainer          {float:left;   margin:0;   margin-right:8px;   padding: 0;}
div.textbox    	           {float:left;   margin-right:10px;}
div.imgbox	               {padding:10px;   margin-right: 5px;   margin-bottom:5px; background: #CFD1EE; text-align:center; font-size: 11px;}
div.float_left             {float:left; margin: 0px 10px 0px 0px; }
div.float_left_border      {float:left; border-left: 1px #FFFFFF solid; }
div.float_right            {float:right; margin: 0px 0px 0px 10px; }

/*Columns*/
div.leftcol	               {float:left; margin: 0px 20px 10px 0px; clear:both; width: 48%; overflow: hidden;}
div.rightcol          	   {float:right; width: 48%; overflow: hidden;}
div.col1                   {float:left; margin: 0px 20px 10px 0px; clear:both; width: 32%; overflow: hidden;}
div.col2                   {float:left; margin: 0px 20px 10px 0px; width: 32%; overflow: hidden;}
div.col3                   {float:right; margin: 0px 0px 10px 0px; width: 31%; overflow: hidden;}

/*Gallery*/
div.tile_square            {position: relative; float:left; margin: 15px 15px 0px 0px; height: 90px; width: 100px; padding: 0px 0px 0px 0px; text-align:center; background: #ffffff; border: 1px solid #666666; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
div.tile_square a          {position: relative; margin: 0px; padding: 0px; display: block; background: transparent; height: 100%; width: 100%; }
div.tile_square img        {position: relative; margin: auto; padding: 0px; display: block; }
div.tile_square h4         {font-size: 30px; color: #666666; text-shadow:none; line-height: 110%;}
div.tile_thumb             {position: relative; float:left; margin: 0px 20px 20px 20px; height: 80px; width: 80px; padding: 10px; text-align:left; overflow: hidden;}
div.tile_text              {position:absolute; top: 200px; margin-left: 20px; color: #000000; width: 280px; height:auto; text-shadow:none; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); line-height: 100%; text-align:left; z-index: 1; }
div.tile_square .vidlayer  {position:absolute; top: 0px; left: 0px; display:block; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 1; background: transparent url(../img/_layout/video_play.png) no-repeat center; }

/* Big Teaser */
.TileCont                  {position: relative; display: block; clear: both; width: 100%; margin: 0px auto 0px; text-align: left; }
.tile                      {position: relative; display: block; vertical-align: top; float: left; margin: 0px 4% 4% 0px; height: 200px; font-size: 140%; width: 47%; padding: 0px; text-align: left; overflow: hidden; color: #ffffff; background: #51665f; text-shadow: 1px 1px 1px #000000; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.tile img                  {position: absolute; display: block; bottom: -10px; margin: 0px; padding: 0px; height: auto; width: auto; min-height: 100%; min-width: 100%; /*max-height: 110%; max-width: 110% !important;*/ }
.tile a.imgbox             {position: absolute; display: block; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: transparent; overflow:hidden; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.tilecontent               {position: absolute; display: block; width: auto; height: auto%; margin: 0px 0px 0px 0px; padding: 20px; text-align: left; background: transparent; overflow:hidden; z-index: 10; }
.tile .tile-imgtop,
.tile .tile-imgbottom      {position: absolute; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; display: none; background-color: transparent; z-index: 2; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.tile .tile-imgtop         {display: block; background-color: rgba(81,102,95,0.6); }
.tilelink                  {position: relative; display: block; width: auto; height: auto; margin: 0px 0px 20px; padding: 0px 0px; text-align: left; background: transparent; overflow:hidden; }
.tilelink-a                {position: relative; color: inherit; display: block; height: auto; width: 100%; margin: 0px; padding: 0px 0px 0px; font-size: 140%; display:block; text-transform: none; font-weight: 400; text-decoration:none; line-height: 120%; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.tile-teaser               {position: relative; display: block; width: auto; font-weight: 400; line-height: 140%; color: inherit; margin: 0px 0px; padding: 0px; }
.tile-subhead              {color: inherit; display: block; font-size: 100%; font-weight: 300; margin-top: 0px; padding-bottom: 5px; background: transparent; }
.tile-teaser-text          {position: relative; display: block; font-size: 90%; font-weight: 300; line-height: 150%; color: inherit; margin: 10px 0px; }
.tile-teaser a             {position: absolute; right: 15px; bottom: 15px; display: block; width: 25px; height: 25px; border: 1px solid #003f70; color: transparent; background: transparent url(../img/_layout/icon_zoom.png) no-repeat center; font-weight: 400; padding: 0px 0px 0px 0px; }
.tile-teaser a:hover       {color: transparent; background-color: #003f70; background-image: url(../img/_layout/icon_zoom_MO.png); }
.tile a.morelink           {position: absolute; display: none; left: 40px; right: 40px; bottom: 30px; padding: 3px 10px 3px 30px; font-size:90%; text-transform: uppercase; text-align: right; white-space: nowrap; font-weight: 400; color: #003f70; background: transparent url(../img/_layout/big_arrow_right_MO.png) no-repeat 0px center; background-size: auto 100%; }
div.last                   {margin-right: 0px !important;}
div a.layer                {position: absolute !important; left: 0px !important; top: 0px !important; z-index: 700; width: 100% !important; height: 100% !important; padding: 0px; margin: 0px; display: block; background: transparent; background-repeat: no-repeat; background-position: center 70%; }
div a.on,
div a.layer:hover          { }

.tile-active,
.tile:hover                {background: #83a99f; }
.tile:hover .tile-imgtop   {background-color: rgba(81,102,95,0.2); }
.tile:hover a.imgbox       {width: 105%; height: 105%; margin: -2% 0px 0px -2%; }
.tile:hover .tilelink      {}
.tile:hover .tilelink-a,
.tile .tilelink-a:hover    {}
.tile:hover a.morelink     {color: #ffffff; background-image: url(../img/_layout/big_arrow_right.png); }

.tile-img:hover,
.tile-img                                                 {/*padding: 0px 25px 0px; color: #666666; background: transparent; min-height: none !important; */}
.tile-img a.imgbox                                        {/*position: relative; bottom: auto; height: auto; */}
.tile-img .tilelink,
.tile-img .tile-teaser                                    {/*color: #666666; */}


div.listblock              {position: relative; clear: both; display:block; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #666666; }
div.textblock              {position: relative; clear: both; display:block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; /*border-top: 1px dotted #666666; */}
#start div.textblock       {margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border: none; }
div.textblock-float        {position: relative; float:left;  margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; border: none;}
div.textblock img          {margin-bottom: 10px;}
div.contblock              {position: relative; clear: both; display:block; margin: 20px 30px 10px 0px; padding: 5px; border: 1px solid #cccccc; background: #eeeeee}
div.tileblock              {position: relative; height: auto; float:left; color: #000000; width: auto; margin: 0px 20px 0px 0px; border: 1px solid #000000;}
div.zoomicon               {position: absolute; bottom: 0px; right: 0px; z-index:100;}
div.line                   {position: relative; height: auto; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px dotted #666666;}


.tbtext                    {}
.download                  {width: auto;}

.tile_thumb                {position: relative; float:left; margin: 30px 40px 0px 0px; height: auto; width: auto; padding: 0px; text-align:left;}
.tile_thumb a              {color: #666666; background: #e7e7e7 url(../img/_layout/bg_btn_hover.png) repeat-x left top; border: 1px solid #bbbbbb; display: block; width: auto; padding: 6px 15px; overflow:hidden; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; white-space: nowrap; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
.tile_thumb a:hover        {color: #ffffff; background: #51665f url(../img/_layout/bg_btn_hover.png) repeat-x left top; text-decoration: none;}

		
li p, div.line p, .NewsBoxCont p, .newscontblock p, h2 p  									{margin: 0px; padding: 0px;}
.ContentTextBoxNormal p, .ContentTextBoxLeft p, .ContentTextBoxRight p,
div.listblock p, div.tile p, div.textblock p                                {margin-top: 0px; padding-top: 0px;}
p.searchnav                                                                 {margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align:center;}
p.listdate                                                                  {float: right; margin: 0px; padding: 0px; text-align: right; color: #999999; font-style: italic; font-size: 90%;}

b, strong                  {}
.yellow                    {color: #df8a00;}
.clear                     {clear:both; height: 0px; overflow: hidden;}
.small                     {font-size: 11px;}
.big                       {font-size:120%;}
.date                      {color: #666666; font-size: 90%;}
.info                      {color: #999999; font-size: 11px; line-height: 100%; margin-top: 0px;}
.info-sm                   {color: #999999; font-size: 10px; float: right; font-style: italic; line-height: 100%; margin: 0px 0px 0px 10px;}
hr                         {color: #808080; height: 1px; width:100%; background:#808080;}
.asterisk              	   {color: #9c0000; font-weight: bold; font-size: 14px;}
.alert                 	   {color: #51665f; font-weight: bold; font-size:90%;}
.bold, .strong         	   {font-weight: bold; font-size:90%; }
.red                 	     {color: #333333;}
.nobr                      {white-space:nowrap;}
.none                      {display: none;}


/* Tabellen */
table              {border: 1px solid #ffffff; border-collapse: collapse; font-size: 90%; margin-top: 5px;}
th                 {border: 1px solid #ffffff; background: #51665f; font-size: inherit; color: #ffffff; text-align: left; font-weight: bold; vertical-align: top; margin: 0px; padding: 3px;}
td                 {border: 1px solid #ffffff; background: #efefef; font-size: inherit; text-align: left; vertical-align: top; margin: 0px; padding: 3px;}
th.first, td.first {border-left: 0px; }
td.firstcol        {white-space:nowrap;}
td.row1            {border: 1px solid #ffffff; background: transparent; width: 25%;}
td.row1_1          {border: 1px solid #ffffff; background: transparent; }
td.row1_2          {border: 1px solid #ffffff; background: transparent; }
td.row2            {border: 1px solid #ffffff; background: #efefef; width: 25%;}
td.row2_1          {border: 1px solid #ffffff; background: #efefef; }
td.row2_2          {border: 1px solid #ffffff; background: #efefef; }
td.tdnowrap        {white-space:nowrap;}

#btntable td             {background: transparent; text-align: center; color:#999999;}
#btntable td a,
#btntable td a:link,
#btntable td a:focus,
#btntable td a:active,
#btntable td a:visited,
#btntable td a:hover     {text-decoration: none; font-weight: bold; display:block; padding:3px; color: #51665f; background: #e5e7ec;}
#btntable td a:hover     {text-decoration: none; font-weight: bold; display:block; padding:3px; color: #ffffff; background: #e69306;}

a.navtable,
a.navtable:link,
a.navtable:focus,
a.navtable:active,
a.navtable:visited,
a.navtable:hover         {text-decoration: none; display:block; font-weight: bold; display:block; padding:5px; height: 20px; width: 20px; text-align:center; margin: 2px auto 0px; color: #ffffff; background: #002851; overflow:hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;}
a.navtable:hover         {background: #51665f; color: #000000; }


td.row1link        {border: 0px solid transparent; color: #0099FF; background: transparent; margin:0; padding:0; text-align:center;}
td.row2link        {border: 0px solid #f0f0f0; color: #0099FF; background: #f0f0f0; margin:0; padding:0; text-align:center;}
th a               {color: #ffffff; background: #51665f url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; white-space: nowrap;}
th a:hover         {color: #ffffff; background: #51665f url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; text-decoration: underline; white-space: nowrap;}
td ul              {margin: 0px 0px 0px 20px; padding: 0px;}
th p, td p         {margin: 0px; padding: 0px;}
td strong          {}
.textright         {text-align:right;}
.tbspalte1         {text-align:left;}
.tbspalte2         {text-align:left;}
.tbspalte3         {text-align:left;}
.tbspalte4         {text-align:left;}
.tbspalte5         {text-align:left;}
.tbspalte6         {text-align:left;}


/* Tabellen-Layout */
div.table        {display:table; border-collapse:collapse;}
div.tr           {display:table-row; font-size: 90%; color: #666666; }
div.td           {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; text-align: left;}
div.td1          {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; text-align: left; color: inherit;}
div.td2          {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; text-align: left; color: inherit; background: #eaeaea;}
div.tr a         {display: block;}
div.tr:hover div.td,
div.tr:hover div.td1,
div.tr:hover div.td2  {; background: #dadada;}


/* Event list */
h6.event-date           {color: #000000; font-size: 110%; font-weight: bold; background: #efefef; border: 1px solid #cccccc; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; overflow: hidden; border-bottom: 2px solid #51665f; padding: 5px; } 
a.event-more-btn        {display: block; font-weight: bold; font-site: 90%; background: #efefef; padding: 3px 6px; margin: 5px 0px 0px 0px; border: 1px solid #cccccc; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; overflow: hidden;}
a.event-more-btn:hover  {color: #ffffff; background:#51665f; text-decoration: none; } 
.event-more             {display: none; background: #efefef; margin: 0px; padding: 5px; border: 1px solid #cccccc; border-top: none; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden;}
			
			
/* Formulare */
form             {clear:both; font-size: 1.0em; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; }
fieldset         {margin: 20px 0px 20px 0px; padding: 5px 10px; display: block; border: 1px solid #aaaaaa; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; overflow: hidden;}
legend           {display: block; padding: 0px 5px; font-weight: normal; font-size: 90%; font-style: italic; color: #51665f; }
label            {float:left; margin-bottom: 5px; vertical-align: middle; width: 150px;}
label.emptylabel {height:0; width:0; overflow: hidden;}
label.checklabel {width:180px; margin: 2px 0px 0px 0px; }
.rightcol label  {width: auto; vertical-align:middle; margin: 2px; }
select           {float:left; width: 264px; color: #333333; background: #eaeaea; font-size: 13px; vertical-align: middle; border: 1px solid #666666;}
select.selectsmall { font-size: 11px; font-weight: normal; }
input            {float:left; width: 260px; margin: 0px 0px 0px 0px; padding:2px; font-size: 13px; vertical-align: middle; color: #333333; background: #eaeaea; border: 1px solid #666666; vertical-align: middle;}
input.submit     {width: auto; color: #ffffff; font-size: 100%; font-weight: normal; background: #83a99f; padding: 5px 15px; border: 1px solid #666666; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; text-transform: none;}
input.submit:hover {background: #51665f; cursor:pointer; }
input.radio      {float:left; width: auto; margin: 5px; background: transparent; border: none; vertical-align:middle; }
input.readonly   {color: #808080;}
textarea         {float:left; width: 215px; max-width: 215px; height: 100px; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #333333; background: #eaeaea; border: 1px solid #333333;}
div.input        {position: relative; clear: both; display:block; background: transparent; padding: 3px; margin: 2px 0px 2px 0px;    height: auto; overflow: hidden;}
div.input_error  {position: relative; clear: both; display:block; background: #ffffcc;     padding: 2px; margin: 2px 0px 2px 0px;    height: auto; overflow: hidden; border: 1px #990000 solid;}
div.error        {position: relative; clear: both; display:block; background: #9c0000;     padding: 5px; margin: 10px 0px 10px 0px;  height: auto; color: #ffffff; font-weight: bold; font-size: 90%; border: 1px #9c0000 solid; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;}
div.okay         {position: relative; clear: both; display:block; background: #51665f;     padding: 5px; margin: 10px 0px 10px 0px;  height: auto; color: #ffffff; font-weight: bold; font-size: 90%; border: 1px #51665f solid; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;}
div.infobox      {position: relative; clear: both; display:block; background: #eaeaea;     padding: 10px; margin: 10px 0px 10px 0px;  height: auto; color: #333333; font-weight: normal; border: 1px #51665f solid; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;}
div.submit       {position: relative; clear: both; display:block; width: auto; padding: 9px 10px 0px 4px; margin: 0px 0px 0px 0px; height: auto; overflow: hidden;}
div.backsubmit   {position: absolute; top: 0px; left: 0px; height: auto;}
div.databox      {width:300px; margin-top:5px; padding: 2px 2px 2px 2px; height:70px; border:1px solid #666666; overflow:auto; font-size:0.9em;}
div.input img    {margin: 0px 0px 2px 0px;}
			
div.inputbox     {position: relative; display:block; margin: 7px 0px 0px 0px;}
div.labelbox     {position: relative; display:block; }

#LocatorBox div.input {background: transparent;}
#LocatorBox select    {width: 170px;}

input.biginput   {font-size: 16px; width: 160px; padding: 4px;}
#plz, .plz       {width: 60px; margin: 0px; }
#ort, .ort       {width: 260px; margin-left: 5px; }
input.number     {width: 100px; float: none; font-size: 18px; padding: 4px; text-align: right; }
input.captcha    {width: 100px; float: none; font-size: 18px; padding: 4px;}
#captcha         {margin-left: 150px; }

/* SearchBox */
.SearchBox                {position: relative; display: block; width: auto; height: auto; padding: 0px; margin: 0px 0px 10px 0px; background: #e5e9eb; border: 2px solid #bab8b6; }
#searchform               {display: block; background: transparent;  margin: 0px; padding: 8px; }
#searchform label         {display: none; color: #ffffff; margin: 0px; padding: 0px 0px 0px 2px; }
#searchform input         {color: #999999; background: transparent; width: 140px; font-size: 90%; height: 13px; border: 1px solid #939393; margin: 0px 2px 0px 0px; padding: 4px 5px; }
#searchform input:focus   {color: #000000; }
#searchform input.SearchBoxsubmit       {width: 20px; height: 19px; padding: 0px; margin: 0px; color: transparent; font-size: 11px; font-weight: bold; background: transparent url(../img/_layout/icon_searchsubmit.png) no-repeat left top; border: none; text-transform: none; overflow:hidden; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; }
#searchform input.SearchBoxsubmit:hover {cursor:pointer; text-decoration: none; box-shadow: 0px 0px 6px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 6px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 0px 6px rgba(255,255,255,0.8); }
#searchform .searchsubmit {color: transparent; background: transparent; width: 19px; height: 20px; border: 1px solid #d43535; border-left: none; margin: 0px; padding: 2px;}

/* BigSearchform */
#BigSearchform              {position: relative; display: block; margin: 0px; padding: 0px; }
#BigSearchform #searchquery {width: 335px; padding: 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;}
#BigSearchform label        {width: auto;}
#BigSearchform .submit      {position: absolute; top: 28px; right: 10px;}

/* NewsletterBox */
.NewsletterBox                  {position: relative; display: block; width: auto; height: auto; padding: 0px; margin: 0px 0px 2px 0px; background: #ffffff; }
.NewsletterBox form             {display: block; width: auto; background: #e5e9eb; margin: 0px; padding: 7px; }
.NewsletterBox div.input        {padding: 0px; margin: 0px 0px 1px 0px;}
.NewsletterBox label            {display: block; width: auto; color: #666666; font-size: 90%; margin: 0px; padding: 0px 0px 1px 2px; }
.NewsletterBox input            {color: #999999; background: #ffffff; width: 94%; font-size: 90%; height: auto; border: 1px solid #666666; margin: 0px 2px 0px 0px; padding: 2px; }
.NewsletterBox input:focus      {color: #000000; }
input.NewsletterBoxsubmit       {display: block; width: 98%; height: auto; padding: 2px; margin: 2px 0px; color: #ffffff; font-size: 11px; font-weight: bold; text-align: center; background: #83a99f; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; }
input.NewsletterBoxsubmit:hover {cursor:pointer; text-decoration: none; background: #51665f;}


input:focus,
textarea:focus,
select:focus,
input:hover,
textarea:hover,
select:hover              {box-shadow: 0px 0px 8px rgba(81,102,95,0.9); -moz-box-shadow: 0px 0px 8px rgba(81,102,95,0.9); -webkit-box-shadow: 0px 0px 8px rgba(81,102,95,0.9); }

/* countdown */
#countdown                {text-align: center; margin: 10px auto; padding: 10px 10px 0px; width: auto; height:auto; font-size:44px; color: #ffffff; background: #000000; border: 2px solid #51665f; overflow:hidden; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; line-height: 100%;}


/* * CommentBox * */
.Comments                 {position: relative; clear: both; display: block; color: inherit; background: #eeeeee; margin: 20px 0px 5px 0px; padding: 0px; border: 1px solid #51665f; overflow:hidden; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
a.CommentsOpener          {background: #cccccc url(../img/_layout/icon_comment.png)    no-repeat 6px 4px; color: #51665f; font-weight: bold; min-height: 22px; display: block; margin: 0px; padding: 5px 8px 5px 43px; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
a.CommentsOpener:hover    {background: #51665f url(../img/_layout/icon_comment_MO.png) no-repeat 6px 4px; color: #ffffff; text-decoration: none; }
.CommentBox               {position: relative; display: block; margin: 0px; padding: 5px 5px 70px 5px; color: inherit; background: #ffffff; }
.commententry             {position: relative; display: block; width: 94%; margin: 5px auto 10px auto; padding: 5px; color: #444444; font-size:90%; background: #eaeaea; border: 1px solid #bbbbbb; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.commententry-form        {background: transparent; border: none; padding: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; }
.commententry-empty       {font-style: italic; color: inherit; }
.commenttitle             {position: relative; display: block; color: #51665f; background: transparent url(../img/_layout/icon_comment_small.png) no-repeat 0px 2px; margin: 0px 0px 2px 0px; padding: 0px 0px 2px 28px; border-bottom: 1px dotted #51665f; }
.CommentForm              {position: relative; clear:both; font-size: 90%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; }
.CommentForm legend       {display: block; width: 98%; position:relative; margin: 0px 0px 2px 0px; padding: 1px 3px; font-style: italic; font-weight: normal; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #aaaaaa; }
.CommentForm input        {font-size: inherit; background: #ffffff; }
.CommentForm textarea     {height: 80px; font-size: inherit; background: #ffffff; }
.CommentForm input.submit       {font-size: 100%; background: #002851; }
.CommentForm input.submit:hover {background: #51665f; }
.CommentForm div.input          {padding: 2px; margin: 0px 0px 0px 0px; }
.CommentForm div.input_error    {padding: 1px; margin: 0px 0px 0px 0px; }
.CommentForm div.okay,
.CommentForm div.error          {padding: 3px 5px; margin: 10px 0px 5px 0px; z-index:2; }


/* Mediabox */
#mediaform                {display: block; margin: 0px; padding: 5px 0px;}
#mediaform select         {margin: 5px 10px 0px 0px; }
.mediabox                 {position: relative; display: block; width: 600px; height: auto; clear:both; margin: 10px auto; padding: 0px; border: 1px solid #000000; overflow: hidden; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; }
#media .mediabox          {margin: 0px auto; padding: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; }
.Videobox                 {margin: 0px; padding: 0px; }
.ContentBoxLeft h4        {margin: 0px 0px 2px 0px;}
#mediaselect              {margin: 0px 0px 6px 0px; padding: 0; font-size: 11px; border: 1px solid #333333; width:180px;}


#start #mainnav,
#start .BreadCrumbBox,
#start .ContentBoxLeft                           {display: none;}
#start .ContentBoxMiddle                         {width: 760px; padding: 0px 0px 0px 0px; margin-left: 0px !important; }
#start #pageContainer                            {padding: 25px 0px 0px 0px; }


/* * LightBox - Bottom * */
#main_lightbox #ContentBoxBottom                 {width: auto; margin: 0px 30px 0px 30px; padding: 3px 0px 10px 0px; border-top: 1px solid #777777; }
#main_lightbox a.extrabutton,
#main_lightbox a.extrabutton:visited,
#main_lightbox a.extrabutton:link,
#main_lightbox a.extrabutton:active,
#main_lightbox a.extrabutton:hover               {color: #777777; border: 1px solid #777777; }
#main_lightbox a.extrabutton:hover               {color: #ffffff; background-color: #619ece;}
#main_lightbox a.extrabutton-up                  {display: none; }
#main_lightbox a.extrabutton-right,
#main_lightbox a.extrabutton-right:visited,
#main_lightbox a.extrabutton-right:link,
#main_lightbox a.extrabutton-right:active        {background-image: url(../img/_layout/arrow_line_right_gray.png); }
#main_lightbox a.extrabutton-right:hover         {background-image: url(../img/_layout/arrow_line_right.png); }
#main_lightbox a.extramenu,
#main_lightbox a.extramenu:visited,
#main_lightbox a.extramenu:link,
#main_lightbox a.extramenu:active,
#main_lightbox a.extramenu:focus                 {color: #777777; border-right: 1px solid #777777; }
#main_lightbox a.extramenu:hover                 {color: #444444; }
#main_lightbox ul.makeExtraMenu li:last-child a  {border:none; }


.BackgroundImage,
.headline-container,
.textblock,
.animate::before,
.animate::after,
.animate,
.maphoverimg,
.BackgroundImage::after,
.BackgroundImageLabel,
.BackgroundImageBtns,
.quickfinder-listblock,
.quickfinder-text,
.quickfinder-img,
#cookiebanner,
.confirmpopup,
.duplex,
.choosehead,
.resultbox                 {transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; }


/* * Cookie Popup * */
#cookiebanner              {position:fixed; bottom:0px; display: none; background: rgba(131,169,159,0.85); color: rgba(255,255,255,1.0); padding: 15px 15px 0px; border-top: 1px solid rgba(0,0,0,0.9); font-size: 100%; box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); text-decoration:none; z-index:10000; width:100%; }
#cookiebanner *            {color: rgba(255,255,255,1.0); }
#cookiebanner.intro        {bottom:-200px;}
#cookiebanner a            {color: rgba(255,255,255,0.8); text-decoration:none; }
#cookiebanner a:hover      {color: rgba(255,255,255,1.0); text-decoration:underline; }
#cookiebanner h4           {color: inherit; max-width: none; font-size: 120%; }
#cookiebannerCloser        {display: none; color: rgba(255,255,255,0.8); background: transparent url(../img/_layout/cross.png) no-repeat center; background-size: 100%; line-height: 1em; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; padding: 0px; text-decoration: none; cursor:pointer; }
#cookiebannerCloser:hover  {color: rgba(255,255,255,1.0); background-color: rgba(255,255,255,0.0); background-image: url(../img/_layout/cross_MO.png); text-decoration:none; }

#cookiebannerButtons                                         {display: block; margin: 10px 0px 0px 0px; }
.cookiebannerButtonWrapper                                   {display: inline-block; margin: 0px 10px 10px 0px; padding: 10px; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.7); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.cookiebannerButtonWrapper:hover                             {background: rgba(0,0,0,0.4); border-color: rgba(255,255,255,1.0); cursor: pointer; }
.cookiebannerButtonWrapper-Disabled:hover,
.cookiebannerButtonWrapper-Disabled                          {background: rgba(0,0,0,0.15); border-color: rgba(255,255,255,0.5); cursor: auto; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
.cookiebannerButtonWrapper label                             {display: inline-block; cursor: pointer; vertical-align: bottom; padding: 0px 0px 1px 5px; }
.cookiebannerButtonWrapper input[type='checkbox']            {height: 24px; width: 24px;}
.cookiebannerButtonWrapper input[type='checkbox']:checked    {/*background: rgba(255,255,255,1.0) !important; border-color: rgba(0,0,0,1.0) !important; */}

a.cookiebannerButton                                         {display: inline-block; margin: 0px 10px 10px 0px; padding: 10px; font-weight: 500; color: rgba(0,0,0,1.0) !important; background: rgba(255,255,255,0.7); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.cookiebannerButton:hover                                   {color: rgba(0,0,0,1.0) !important; background: rgba(255,255,255,1.0); text-decoration: none !important; }
#cookiebannerButtonDecline                                   {opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
#cookiebannerButtonDecline:hover                             { }
#cookiebannerButtonAcceptAll                                 {color: rgba(255,255,255,1.0) !important; background: rgba(131,169,159,1.0); border: 1px solid rgba(255,255,255,1.0); font-weight: 600; }
#cookiebannerButtonAcceptAll:hover                           {color: rgba(255,255,255,1.0) !important; background: rgba(0,0,0,1.0); border-color: rgba(0,0,0,1.0); }

/* phones */
@media only screen and (max-width: 640px) {
  #cookiebanner                                              {padding: 10px; font-size: 80%; overflow: auto; }
  #cookiebanner h4                                           { }
  a.cookiebannerButton, .cookiebannerButtonWrapper           {padding: 5px; margin: 0px 5px 5px 0px; }
}
/* * Cookie Popup * */




/* *  Print  * */
.headerBoxPrint            {position: relative; color: #000000; background: transparent;   margin: 10px 10px 0px 10px;   padding: 0px 0px 0px 0px; height: 50px; white-space: nowrap; z-index:1; overflow:visible;}
.ContentBoxPrint           {position: relative; color: #000000; width: auto;  height: auto;  margin: 0px 10px 0px 10px;   padding: 50px 0px 0px 0px; overflow:visible;}
.FooterBoxPrint            {position: relative; color: #000000; width: auto;  height: auto;  margin: 20px 20px 0px 20px;   padding: 3px 0px 0px 0px; border-top: 1px #999999 solid; clear:both;}

#print .headerBoxLogo      {position: relative; top: auto; left: auto; right: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#print .ContentBoxMiddle   {position: relative; top: auto; left: auto; width: auto; float: none; display: block; margin: 20px 0px 0px 0px; padding: 10px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#print #ContentBoxTopMenu  {height: auto; }
#print #BackgroundImage,
#print #ContentBoxTopMenu,
#print .ContentBoxLeft,
#print .ContentBoxRight,
#print #pageBottom,
#print .BreadCrumbBox      {display: none; }

.headerBoxPrint h,
.ContentBoxPrint h,
.FooterBoxPrint h,          
.headerBoxPrint .tileblock,
.ContentBoxPrint .tileblock,
.FooterBoxPrint .tileblock,
.headerBoxPrint .info,
.ContentBoxPrint .info,
.FooterBoxPrint .info,
.headerBoxPrint a,
.ContentBoxPrint a,
.FooterBoxPrint a          {color:#000000; background: transparent; margin: 0px; padding: 2px 0px; }

.ContentBoxPrint ul.DataFoldList,
.ContentBoxPrint ul.DataFoldList li,
.ContentBoxPrint ul.DataFoldList li ul,
.ContentBoxPrint ul.DataFoldList li ul li     {height: auto; list-style-image: url(../img/_layout/list_bullet.png); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }


/* Tablet or smaller */
@media only screen and (max-width: 1024px) {
  ul.DataFoldList,
  ul.DataFoldList li,
  ul.DataFoldList li ul,
  ul.DataFoldList li ul li    {height: auto; list-style-image: url(../img/_layout/list_bullet.png); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
  ul.DataFoldList li ul       {padding-top: 10px;}

/*  
  .printbtn                   {}
  .socialbar                  {clear: both !important; width: 450px !important; }
  .socialbtns                 {}
  #fb-root                    {}
  */      
}



/* smaller Tablets */
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
/* @media only screen and (max-width: 800px) { */
  .SwitchMobileBox             {display: block; }
}