/* Hallo-bergstrasse 23.09.2022 */
@import"css/all.css";@import"css/mobile.css";@import"css/tablet.css";

body            {margin:0px;
font-family: Arial,Verdana,Verdana,Tahoma,  Helvetica; 
font-size: 14px; 
line-height: 20px; 
font-weight: normal;
letter-spacing:0pt;
}

.PageMaster
{
font-family: Arial,Verdana,Helvetica;
height: 100%;
width: 800px;
background-color: #ffffff;
}

/* Control Panel Colors */

.controlpanel
{
background-color: #EAEAEA;
}


/* --  Classes for the top of the montage & to allow everything
   to line up nicely when not logged in  -- */

.HeaderTab
{
background-image: url(Pix/FrontPaneTopNew.jpg);
width: 100%;
height: 90px;
background-repeat: no-repeat;
}

.MenuTab
{
background-color: #808080;
width: 100%;
height: 12px;
margin-left: 15px;
padding-left: 15px;
border-left: 15px;
background-repeat: no-repeat;
}

.IntroPane
{
background-image: url(Pix/FrontPaneIntroPaneLeft.jpg);
width: 365px;
height: 100px;
background-repeat: no-repeat;
}

.TopPane
{
margin-top: 4px;
margin-left: 2px;
}

.LeftPane
{ white-space:nowrap; }

.TopIntroPane
{
width: 350px;
margin-top: 4px;
margin-left: 2px;
}

.Intro
{
width: 365px;
height: 150px;
padding-top: 95px;
padding-left: 2px;
}

.Logo
{
padding-top: 5px;
padding-left: 5px;
}

 
.SiteHeaderTab
{
background-image: url(Pix/PortalSiteBanner.png);
width: 100%;
height: 130px;
background-repeat: no-repeat;

}
.SiteHeaderTab12
{
width: 100%;
height: 100px;
}
 
.Panes
{
padding: 10px 2px 2px 2px;
font-size:  26px;
}
 

.Head
{

font-size:  12px;
font-weight: bold;
color: #333333;
}
 
.Breadcrumbs
{
color: #000000;
}

.Block
{
width: 13px;
}

.Login
{
color: #333333; 

font-size: 9px; 
font-weight: bold; 
font-style: normal;
height: 30px;
}
color: #000000;
text-align: left;
}
.menuclick      {margin-top:9px;}
#sdBanner       {width:100%; height:816px; background-image: url('images/top-banner.png') ; background-repeat: no-repeat;}
.sdMarginTop    {margin-top:15px;}
.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; }
#sdContent      {background-color:#efefef; }
#sdmenue.fixed  {position:fixed; top:0px; z-index: 999;}
.sdContent-Width{width:100%; max-width:980px; margin-left:auto; margin-right:auto;}
.sdMenu-Width{width:100%; max-width:980px; margin-left:auto; margin-right:auto;}
.sdTwo-Thirds, .sdOne-Third {width:100%;}
.sdOne-Fourth, .sdTwo_Fourths {width:100%;}
.sdFullSizeBanner{margin-top:70px;}
.sdThreeThirds  {width:100%; margin-bottom:60px;}
#sdFooter       {width:100%; margin-top:100px; border-top:0px dashed #000; border-bottom:0px 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:32px; width:auto; margin-top:8px; padding-left:2%;}
#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; -webkit-border-radius: 4px; -moz-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:700px; float:left; margin-right:20px;}
.sdOne-Third     {width:220px; float:left;}
.sdFullSizeBanner{margin-top:150px;}
.sdThreeThirds  {width:30%; margin-right:5%; margin-bottom:0px; 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(../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:26px; 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:92%; max-width:1130px; margin-left:auto; margin-right:auto;}
}

.tablepaneRahmenOben {
    
border-top: 1px dotted;
border-right: 0px solid;
border-bottom: 0px solid;
border-left: 0px solid;
       }

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



}


/** 
 * Style rules for Megamenu
 */


.scontainer-2,.scontainer-3,.scontainer-4 { font-size: 80%; background: #eeeeee;border: 0px solid #222222;}

/* COLUMNS */
.scol1 { width:100%; margin: 5px 0; float: none; padding: 0 5px;}


.scol1 ul { padding-left: 0px }
.scol1 h3 {line-height: 18px }

.scol1 h5 {color: #000000; 
font-family: arial,helvetica,sans-serif;
font-size: 14px;
line-height: 16px;
font-weight:bold; 
padding: 10px 0px 7px 0px;
margin: 15px 0px 0px 0px;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

.scol1 a:link { color: #000000; 
font-family: arial,helvetica,sans-serif;
font-size: 12px;
line-height: 20px;
font-style: normal;
text-decoration: none;
 }
.scol1 a:visited { color: #000000; 
font-family: arial,helvetica,sans-serif;
font-size: 12px;
line-height: 20px;
font-style: normal;
text-decoration: none;
 }


.scol1 a:hover {  text-decoration:    underline; }
	

/* 4 Column */

.scontainer-2,.scontainer-3,.scontainer-4 { width: 260px; }
.scontainer-2 .scol1,.scontainer-3 .scol1,.scontainer-4 .scol1 { width: 250px; }

/** DESKTOP */

@media all and (min-width: 799px) 
{
        .scol1 { width: 180px; float: left;}
	.scontainer-2 { width: 450px; }
        .scontainer-3 { width: 600px; }
	.scontainer-4 { width: 682px; }
        .scontainer-2 .scol1 { width: 180px; float: left; }
        .scontainer-3 .scol1 { width: 180px; float: left; }
	.scontainer-4 .scol1 { width: 160px; float: left; }
}
	

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}




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


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


.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;
}

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


/** aus altemDESKTOP  für dukas fotoshow*/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */



	
#folders_container,
#bottom_container,
#top_container {
	border-width: 0px;	
}
	
#right_arrow,
#left_arrow,
#right_fast_arrow,
#left_fast_arrow {
	height: 40px;
	width: 20px;
}

#right_fast_arrow,
#left_fast_arrow {
	margin: 0 20px;
}

#bottom_container {
	margin-top: 30px;
}
	
#main_image .loader,
#main_image img {
	border: solid 3px #ababab;
}
	
#extras {
	border: solid 1px #ababab;
	margin: 10px auto;		
	padding: 5px;
}

#extras ul li {
	border-left-color: #333333;
}

#bottom_container {
	border-top-color: #ababab;	
}

#folders_container,
#top_container {
	border-bottom-color: #ababab;
}

.description {
	color: #666666;
}

.caption {
	color: #666666;
}

.thumbnails li {
	margin: 0 10px 10px 0;	
	border: none 3px #ababab;
	background-color: #ffffff;
}

.thumbnails li.active {
  border: solid 3px #ababab;
}

.folders li a {
	background-color: #ffffff;
	border-style: double;
	border-width: 3px;
	border-color: #ababab;
	margin-right: 10px;				
	height: 80px; 
	width: 40px;
}

#slideshow {
	font-size:0.8em;	
}

.description {
	margin: 10px auto;
}

.caption {
	display: block;
	margin: 10px auto;
	font-size: 12px;
}

#main {
	position: relative;
}

#main_image .loader {
	margin:  auto;
}

#main_image .loader img {
	margin:  auto;
	border: none;	
}

#middle_container {
	margin:  auto;
	position: relative;
}

#single_image {
	position: relative;	
}

#left_arrow,
#right_arrow,
#left_fast_arrow,
#right_fast_arrow {
	float:left;
	cursor: pointer;
	-ms-interpolation-mode: bicubic;
}

#scroller_container {
	margin: auto;
	position: relative;
}

#image_scroller {
	position: relative;
	margin: auto;
	float:left;
	overflow: hidden;
}

.thumbnails {
	left: 0;
	margin: 0;
	padding: 0;
	top: 0;
	position: absolute;
}

#top_container {
	padding-bottom: 6px;
	border-bottom-style: solid;
	margin: 0 0 10px 0;
}

#bottom_container {
	margin: 0;
	padding: 6px 0;
	border-top-style: solid;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 0.8em;
}

#folders_container {
	border-bottom-style: solid;
	margin-bottom: 20px;
} 

.folders {
	margin: 0px auto;
	padding: 0;
}

.folders li {
	float: left;
	display: inline;
}

.folders li a {
	display: block;
	position: relative;		
	overflow: hidden;
}


.folders li a span {
	position: absolute;
	left: 0;
	top: 0;	
	opacity: 0.7;
   	filter:alpha(opacity=70);
       	padding: 4px;
	margin: 0;
	background-color: #000;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: left;
}


.thumbnails li span {
	display:none;	
}

.thumbnails li img, 
.folders li a img {
	-ms-interpolation-mode: bicubic;
}

#extras {
	display: none;
	width: 280px;
	font-size: 10px;
}

#extras ul {
	margin: 0;
	padding: 0;
}

#extras ul li {
	display: inline;
	padding: 0 5px;
	border-left-width: 1px;
	border-left-style: solid;
	line-height: 16px;
}

#extras ul li.first {
	padding-left: 0px;
	border-left: none;
}



.clear {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;	
}
.hide {
	display: none;
}

#demoFour a {
    display: block;
    text-align: center;
    width: 122px;
    border: 1px solid silver;
    padding: 5px;
    margin: 0 5px 7px 0;
    text-decoration: none;
    font-family: Arial,Verdana;
    font-size: 12px; }


#demoFour-nav ul, ol {
    margin-bottom: 18px;
    margin-left: 0px;}

#demoFour ul, ol {
    margin-bottom: 18px;
    margin-left: 0px;}

#demo ul, ol {
    margin-bottom: 18px;
    margin-left: 0px;}

.demo ul, ol {
    margin-bottom: 18px;
    margin-left: 0px;}