/** Skin.css Hallo-bergstrasse **/

body {margin:0;
font-family: Arial,Verdana,Verdana,Tahoma,  Helvetica; 
font-size: 14px; 
line-height: 20px; 
font-weight: normal;
letter-spacing:0;
color: #000000;
text-align: left;
}

.menuclick      {margin-top:9px;}


#sdBanner       {width:100%; height:816px; background-image: url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/top-banner.png') ; background-repeat: no-repeat;}
.sdMarginTop    {margin-top:15px;}
.sdFooterMenuHeight    {height:260px;}
.sdBannerArrow  {width:85px; margin-top:70px; margin-left:auto; margin-right:auto;}
#sdmenue        {display:block; z-index:999; width:100%; min-height:54px; height:auto; background-color:#ffffff; box-shadow: 0 1px 5px #767676; box-shadow: 0 1px 5px #767676; box-shadow: 0 1px 5px #767676; border-bottom:1px solid #fff;}
#sdmenue.fixed  {position:fixed; top:0; z-index: 999;}
.sdContent-Width{width:100%; max-width:1180px; margin-left:auto; margin-right:auto;}
.sdMenue-Width  {width:100%; max-width:1060px; margin-left:auto; margin-right:auto;}
.sdTwo-Thirds, .sdOne-Third {width:100%;}
.sdFullSizeBanner{margin-top:70px;}
.sdThreeThirds  {width:100%; margin-bottom:60px;}
#sdFooter       {width:100%; margin-top:100px; border-top:0 dashed #000; border-bottom:0 dashed #000;background-color:#666666; }
#sdFooterLogo, .sdFooterRowA, .sdFooterRowB {width:100%;}
#sdCopyRight    {border-bottom:1px dashed #000; margin-bottom:10px;background-color:#444444; }
#sdCopyRight .sdContent-Width ul li {float:left; padding-right:18px; list-style-type:none;}
#sdCopyRight .sdContent-Width ul {float:right; margin-top:17px;}
article {margin-bottom:70px;}


.RahmenUnten {border-bottom:1px solid #666;margin-bottom:35px;}

/** DNN **/
#dnn_dnnLOGOFooter_hypLogo img  {width:70%; margin-top:50px; margin-bottom:30px; padding-left:15%;}
#dnn_dnnLOGOMenue_hypLogo img {float:left; height:50px; width:auto; margin-top:8px; padding-left:10px;}
#sdBF {color:#000; text-decoration:none;}

/** Form **/
.ScrolltasticForm {margin-bottom:30px;}
.ScrolltasticForm .primaryButton {background-color:#ddd; border:1px solid #c8c8c8; padding:8px 10px 8px 10px; margin-top:20px; border-radius: 4px; border-radius: 4px; border-radius: 4px;}
.ScrolltasticForm .primaryButton:hover {background-color:#cccccc; border:1px solid #919191; margin-left:8px;}
.ScrolltasticForm label    {display:block;}
.ScrolltasticForm input    {display:block; width:100%; margin-bottom:15px; padding:2.5%; border:1px solid #919191;}
.ScrolltasticForm textarea {display:block; width:100%; padding:2.5%; border:1px solid #919191;}

/** SHD **/
.sdClr {clear:both;}
#sdMarginOff {margin:0%;}
img {max-width:100%;}
.sdFixed {position:fixed;}


/** TAB */
@media all and (min-width: 499px) 
{
#dnn_dnnLOGOFooter_hypLogo img  {width:50%; margin-top:60px; padding-left:25%;}
#dnn_dnnLOGOMenue_hypLogo img {height:78px; padding-left:0%; margin-top:6px;}
}

/** DESKTOP */
@media all and (min-width: 799px) 
{
.sdTwo-Fourths   {width:48%; float:left; margin-right:2%;}
.sdOne-Fourth    {width:24%; float:left;}
.sdTwo-Thirds    {width:70%; float:left; margin-right:20px;margin-left:20px;}
.sdOne-Third     {width:220px; float:left;}
.sdFullSizeBanner{margin-top:150px;}
.sdThreeThirds  {width:30%; margin-right:5%; margin-bottom:0; float:left;}
.sdBannerArrow {width:85px; margin-top:200px; margin-left:auto; margin-right:auto;}
#sdFooterLogo, .sdFooterRowA, .sdFooterRowB {width:28%; margin-right:8%; float:left;}

#dnn_dnnLOGOFooter_hypLogo img  {width:70%; margin-top:70px; float:left;}
.sdFooterRowB {margin:0%;}

.ScrolltasticForm input    {display:block; width:98%; margin-bottom:15px; padding:1%;}
.ScrolltasticForm textarea {display:block; width:98%; padding:1%;}

#megaMenu .category li.item a{ border:none; padding:0 10px; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mega_sub_bottom.png') no-repeat left bottom; white-space:normal; }
#megaMenu .category li.item a span{ display:block; background:none; font-size:13px; color:#535353; font-weight:bold; height:auto; line-height:30px; padding:0; text-transform:none; }
#megaMenu .category li.item a:hover span, #megaMenu .category li.selected a span { background:none; color:#000; cursor:pointer; }
#megaMenu .category li.item a:hover {text-decoration: underline}

}


.sdMenue-Width  {width:100%; max-width:1060px; margin-left:auto; margin-right:auto;margin-bottom:30px;}


.xFooterMenuLink
 {
        font-size: 16px; 
        line-height: 20px;
        border-style: solid;
	border-color: red;
	border-width: 0;
 }

.FooterMenuLink
 {
        font-size: 16px; 
        line-height: 26px;
        border-style: solid;
	border-color: red;
	border-width: 0;
 }


.FooterMenuLink A, .FooterMenuLink .FooterMenuLink A:Visited, .FooterMenuLink A:Link
{
  font-size: 16px;font-weight: normal;
  text-decoration: none; color: #ffffff; 
  line-height: 30px;
  }

.FooterMenuLink A:Hover
{
  color:  #ff0000;
}
.FooterMenuLink A:Visited
{
  color:  #fff;
}


.FooterMenuLink h3
{
  color:  #ffffff;
}

.footermenu
{
   width:100%;float:left;background-color:#666666;padding-left:10px;padding-top:20px;position:relative;z-index:99;
}


@media all and (min-width: 799px) 
{
.footermenu {height: 240px;width:280px;padding-top:5px}
.FooterMenuLink A, .FooterMenuLink .FooterMenuLink A:Visited, .FooterMenuLink A:Link
{font-size: 12px;line-height: 14px;}
}


/*-- Megamenu all --*/

@media all and (min-width: 400px) 
{
#menu_box {display:none; width:100%;}
}

@media all and (min-width: 499px) 
{
.tablepaneRahmenOben {
border-top: 1px dotted;
border-right: 0 solid;
border-bottom: 0 solid;
border-left: 0 solid;
        }
}


.Box700 {
width:700px;
float:left;
border-top: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
        }

@media all and (max-width: 700px) 
{
.Box700 {width:100%;}
}

h2#blog,h3#blog {
font-family: Georgia,Times,"Times New Roman",serif;
line-height:32px;
padding-bottom:30px;
text-align: center;
}


.mobile_display {display:none;}
.mobile_nav {display:none; float:right;}
.standard_nav {display:none; float:right;}
nav {position:relative;}
.root {float:right;}

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto;}
#megaMenu ul { list-style:none; margin:0; padding:0 0 0 5px;}
#megaMenu li{ position:relative;display:block;float:left;list-style-type:none;z-index:903;}
#megaMenu li.back{background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/menu_tab.png') no-repeat left -62px;z-index:8;position:absolute; top:0;}
#megaMenu li.back .left{background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/menu_tab.png') no-repeat right 0;height:62px;width:100%; margin-left:8px;}
#megaMenu li.back .center{background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/menu_tab_light.png') no-repeat center 0;height:62px; margin-right:12px; margin-left:-4px; }

#megaMenu .root li a{ display:block;position:relative;float:none;z-index:10; color:#333333; white-space:nowrap; font-size:14px; font-weight:bold; text-transform:none; cursor:pointer;text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover {text-decoration:none;}
#megaMenu .root li a span {display:block; padding:0 10px; height:54px; line-height:54px;}

/*-- submenu --*/
#megaMenu .category li { clear:both;} /** SUBMENU vertical**/

#megaMenu .category { position:absolute;top:54px;z-index:1210; display:none; padding:0; padding:5px 10px 5px 10px; background:none; background-color:#f3f3f3; border:1px solid #d8d8d8; border-top:0px; border-radius: 12px; border-radius: 9px; border-top-right-radius:0px; border-top-left-radius:0px;}
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200; }
#megaMenu .category li{ width:250px; padding:0;}
#megaMenu .category li.item a{ border:none; padding:0 10px; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mega_sub_bottom.png') no-repeat left bottom; white-space:normal; }
#megaMenu .category li.item a span{ display:block; background:none; font-size:13px; color:#535353; font-weight:bold; height:auto; line-height:35px; padding:0; text-transform:none; }
#megaMenu .category li.item a:hover span, #megaMenu .category li.selected a span { background:none; color:#000; cursor:pointer; }

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none; background:none; }
#megaMenu .leaf li{ clear:both;float:none; width:150px; padding:0 10px; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:1px; padding:0 0 0 6px; padding-left:15px; line-height:1em; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/right.gif') left 15px no-repeat; border-bottom:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#222222; font-weight:normal; height:auto; line-height:35px; padding:0; text-transform:none; }
#megaMenu .leaf li.selected > a span{ color:#333333; cursor:pointer; }
#megaMenu .leaf li li{ clear:both;float:none; width:130px; }

#megaMenu ul li ul li ul li a{ color:#222222; text-transform: none; font-size:12px; padding:8px 0 8px 5px; line-height:1em; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/right.gif') left 12px no-repeat; border-bottom:none;}
#megaMenu ul li ul li ul li a:hover{ background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/right.gif') left 12px no-repeat; text-decoration:underline;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*-- Megamenu tablet --*/

#megaMenu .root li:hover .category { display:block;} 

/*--------- CSS Reset for Tablet ----------*/
@media only screen and (max-width: 970px){
#megaMenu .root li a span {padding:5px 20px 5px 20px;}
}


@media only screen and (max-width: 800px){

#megaMenu .root li a span {padding:5px 20px 5px 20px;}
#megaMenu .root li:hover .category  {display:none;}
}




/*-- Megamenu Mobile --*/
/*--------- CSS Reset for Mobile ----------*/
@media only screen and (max-width: 900px) {
body {font-size: 16px;}
.floatl, .floatr{float: none;}
.root {width:100%;}
/*-------- design style --------*/

.mobile_display {display:block; position:relative; margin:0 0 2px 0;}
.mobile_nav {display:block;  position:relative; left:0px; top:0; width:120px; height:36px;}
.menuclick {background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobileUI_nav.png') no-repeat center 0; width:120px; height:36px; padding:0; margin: 0 auto; margin-top:7px; display: block; text-decoration: none;}
.mobile_nav_up {background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobileUI_nav.png') no-repeat center -74px; }
.click_img { width:94px; height:36px;}
nav {float:right; padding:0px;}
#nav_box {display:none; width:100%;}


.xnav > li > div {
	position: relative;
      	background-color:#cbcbcb;
	padding: 0;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
text-align: left;	
}

.xnav > li > div p { color: #666; }
.xnav > li > div.right { right: 0; left: auto }

#megaMenu .root .selected  {background-color:#cbcbcb;}
#megaMenu .root .haschild {background-color:#cbcbcb; background-image:none;}

/*--------- MegaMenu style ----------*/
#megaMenu {width:auto;}
#megaMenu ul { padding:0; margin-top:13px; margin-bottom:4px}
#megaMenu .root li{ width:100%; float:none; margin-bottom:2px; text-align:left; background:none; }
#megaMenu li.back{ background:none;}
#megaMenu li.back .left{ background:none; height:0; margin-left:0;}
#megaMenu li.back .center{ background:none; height:0; margin:0;}

#megaMenu .root li a{display:block; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_menu_left.png') no-repeat left center, url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_menu_right.png') no-repeat right center, url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_menu_top.png') no-repeat top right, url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_menu_bottom.png') no-repeat bottom left; background-color:#e6e6e6; padding:0;}
#megaMenu .root li.breadcrumb a {}
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li a:hover, #megaMenu .root li:hover a {margin:0;}

#megaMenu .root li a span {display:block; padding:5px 20px 5px 20px; color:#000; white-space:nowrap; font-size:15px; font-weight:normal; text-transform:uppercase; margin-right:0; margin-left:3px; height:38px; line-height:38px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); position:relative;}
#megaMenu .root li.selected a span,#standardMenu .root li.breadcrumb a span,#standardMenu .root li.rmHover a span,  #standardMenu .root li:hover a span, #standardMenu .root li a:hover span{text-decoration:none; font-style:italic; background:none; color:#000; font-weight:bold; } /** selected entry**/

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_navarrow.png') no-repeat center 0; border-left:2px solid; border-color:#fff;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{margin-right:0; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_navarrow.png') no-repeat center 0; }

#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_navarrow.png') no-repeat center -42px;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/mobile_navarrow.png') no-repeat center -42px; }

/*-- submenu --*/
#megaMenu .category{background:none; background-color:#cbcbcb; left:0; position:static; width:auto; margin-top:0; padding:0; border:0 solid; border-radius:0;border-radius:0;border-radius:0;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0;}
#megaMenu .category li.item a{ border-bottom:1px solid #bababa; margin:0; padding:0; height:auto; background:none;}
#megaMenu .category li.last a { border-bottom:none;}
#megaMenu .category li.haschild > a {}
#megaMenu .category li.item a span{padding:5px 35px 5px 35px; font-size:15px; color:#000; border-top:1px solid #bababa;background-color: #FFF;}
#megaMenu .category li.item a:hover span, #megaMenu .category li.selected a span{color:#000; cursor:pointer;}

/* -- SUBSUB --*/
#megaMenu .leaf{display:block; position:static; width:auto; margin:0; padding-left:35px; border:none; top:0; border-radius:0;border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{border-bottom:1px solid rgba(234,234,234,.1);}
#megaMenu .leaf li.item a span{display:block; background:none; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:37px; padding:0 35px 0 15px; text-transform:none; background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/right.gif') left 15px no-repeat; border:0;}
#megaMenu .leaf li.item a span:hover{background:url('https://www.hallo-bergstrasse.de/Portals/_default/skins/hallo-bergstrasse/images/right.gif') left 15px no-repeat;}
#megaMenu .leaf li.selected > a span{}
#megaMenu .category li.rmhover > .leaf{display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}
}