/* ================================
    CSS STYLES FOR DotNetNuke  Portal 37
   ================================
*/   

/* text style used for most text rendered by modules */
.Normal
{
font-size: 16px; 
line-height: 24px; 
font-weight: normal;
}



/* GENERIC */
H1  {color:  #000000;
font-size: 32px; 
font-weight: normal;
line-height: 40px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 10px;

}
.oberunterstriche {
    position: relative;
    width: 100%;
    border: 0px solid #bbbbbb;
    color: :#000;
    font-size: 22px;
    font-style: italic;
    line-height: 40px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-decoration: none;
    text-decoration-color: #aaa;
    text-underline-offset: 4px;
}
H2  {color:  #000000;
font-size: 24px; 
font-weight: normal;
line-height: 32px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 10px;
}

H3  {color:  #955251;
font-size: 16px; 
line-height: 24px;
margin-top: 10px;
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 0px;
}

H4  {color:  #955251;
font-size: 14px; 
line-height: 14px;
padding-top: 10px;
}

H5, DT  {
}

H6  {
}


/* GENERAL */
/* style for module titles */
.Head   {
font-size: 14px; 
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}


.DatumVonBis
{
margin-top:2px;
margin-bottom:2px;
color: #952c2c;
font-size: 19px; 
line-height: 36px;
}

.NA_Kategorie
{
margin-top:2px;
color: #952c2c;
font-size: 16px; 
line-height: 24px;
}


.NA_StartseiteTitel, .NA_startseitetitel, .NA_startseiteTitel
{
color: #444;
font-size: 16px; 
line-height:26px;
margin-top:5px;
margin-bottom:5px;
padding: 0px;
}

.NA_StartseiteTeaser
{
color: #444;
font-size: 16px; 
line-height:24px;
margin-top:0px;
margin-bottom:0px;
padding: 0px;
}


.fixed 
{
position:fixed;
}


.newsreadmore:link, .newsreadmore:active, .newsreadmore:visited,.newsreadmore:hover
{
	text-decoration: underline;
	color: #A52A2A;
}
.newssummary150
{
line-height: 150%;
 background-color: #FFFFFF;
	
}
.newssummary
{
}
.newssummary9
{
font-size: 0.8em; 
}
.newstitle
{
	font-weight:bold;
	font-size:10pt;
	color:#003366;	
}
.articleEntry
{
     font-size: 16px;
    line-height: 26px;
	
}
.viewnewsarticle
{
    line-height: 150%;	
}

.Panes
{

}
.PanesRahmen
{
padding-top: 6px;
padding-left: 6px;
border-style: solid;
border-color: #ababab;
border-top: 1px solid  #ababab;
border-right: 0px solid;
border-bottom: 1px solid  #ababab;
border-left: 0px solid;

}
/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
.Body
{
background:url(background.png) repeat;
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  {  white-space:nowrap; 
}

.ContentPane  { 
}

.RightPane  { 
}


.TablePane {
        border-style: solid;
	border-color: red;
	border-width: 0px;
      
}
.TablePaneRahmenOben {
border-top: 1px dotted;
border-right: 0px solid;
border-bottom: 0px solid;
border-left: 0px solid;
        line-height: 20px;
      
}
.TablePaneMarken {
        border-style: solid;
	border-color: red;
	border-width: 0px;
}

.TablePaneMarkenLink {
        border-style: solid;
	border-color: red;
	border-width: 0px;
}


.TablePaneMarkenLink A, .TablePaneMarkenLink A:Active,.TablePaneMarkenLink A:Visited, .TablePaneMarkenLink A:Link
{
  text-decoration: none; color: #5f5f5f; 
  }

.tablePaneMarkenLink A:Hover
{
  color:  #ff0000;
}

.TablePaneGrau {
        border-style: solid;
	border-color: red;
	border-width: 0px;
        background-color: #EFEBEF;
	
        
}
.TablePaneGeschenke {
        border-style: solid;
	border-color: red;
	border-width: 0px;
	
       
}
.ZeileGrau {
        background-color: #EFEBEF;
	   
}
.ZelleMode {
        background-color: #e0e0e0;
	   
}
.ZelleGrau {
        background-color: #EFEBEF;
        vertical-align:top;
        text-align: center;
	        
}
.ZelleRot {
        background-color: #CC0000; 
        color: #FFFFFF;
        vertical-align:top;
	 text-align: center;    
}
.ZelleImg {
        width: 180px;
        vertical-align:top;
padding: 0;

margin-top: 10px;
margin-bottom: 10px;
	    
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
font-size: 14px;
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}



/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    


TFOOT, THEAD    {
}

TH  {
}


A:link  {
   
  
    text-decoration:    none;
    color:  #003366;
}

A:visited   {

    text-decoration:    none;
    color:  #003366;
}

A:active    {

    text-decoration:    underline;
    color:  #003366;
}

A:hover {

    text-decoration:    underline;
    color:  #ff0000;
}
SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}


.CellGruen
{
  border-top: 1px solid #ffffff; 
  border-bottom: 4px solid #ffffff;   
  padding-left: 5px;
  padding-right: 5px;
  background-color: #C3E183; 
}
.CellBlau
{
  border-top: 1px solid #ffffff; 
  border-bottom: 4px solid #ffffff;   
  padding-left: 5px;
  padding-right: 5px;
  background-color: #98C6E3; 
}
.CellOcker
{
  border-top: 1px solid #ffffff; 
  border-bottom: 4px solid #ffffff;   
  padding-left: 5px;
  padding-right: 5px;
  background-color: #FEAE27; 
}
.Cellrot
{
  border-top: 1px solid #ffffff; 
  border-bottom: 4px solid #ffffff;   
  padding-left: 5px;
  padding-right: 5px;
  background-color: #B92D1E; 
}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-weight: bold;
color: #A52A2A;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
color: #003366;
text-decoration: none;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
font-weight:bold;
color: #003366;
background: white url(shade.gif) top left repeat-x;
}


.shadetabs li a:visited{
color: #003366;
text-decoration: none;
}


.shadetabs li a:hover{
color: #A52A2A;
text-decoration: underline;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background-image: url(shadeactive.gif);
color: #A52A2A;
top: 1px;
text-decoration: none;
border-bottom-color: white;
}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
line-height: 16px; 
}

@media print {
.tabcontent {
display:block !important;
}
}
.Link_PfeilBlau:link, .Link_PfeilBlau:active, .Link_PfeilBlau:visited 
{color:#1F5BA5;
line-height:20px;
text-decoration:none;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px
}
.Link_PfeilBlau:hover 
{color:#1F5BA5;
line-height:20px;
text-decoration:underline;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px
}


.Link_PfeilRot:link, .Link_PfeilRot:active, .Link_PfeilRot:visited 
{color:#800000;
line-height:15px;
text-decoration:none;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px
}

.Link_PfeilRot:hover 
{color:#800000;
line-height:15px;
text-decoration:underline;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px
}

.Link_PfeilGrau:link, .Link_Pfeilgrau:active, .Link_Pfeilgrau:visited 
{color:#777777;
line-height:20px;
text-decoration:none;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px
}


.Link_PfeilGrau:hover 
{color:#777777;
text-decoration:underline;
}
.subhead_Kaufen {
padding-top:8px;
font-weight: bold;
color: #036;
}
.Link_Kaufen:link, .Link_Kaufen:active, .Link_Kaufen:visited 
{color:#000000;
line-height:16px;
text-decoration:none;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px;

}
.Link_Kaufen:hover 
{color:#000000;
line-height:16px;
text-decoration:underline;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.die-welt-der-schuhe.de/Portals/37/pfeilrot.gif) no-repeat 0 3px;

}

.NormalGrau
{
margin-top:4px;
}

.NormalGrau img{float:left;margin-right:10px;}
.LinkBlau:link, .LinkBlau:active, .LinkBlau:visited, .LinkBlau:hover 
{color: #0000ff;
font-weight:normal;
text-decoration:none;
border:0pt solid #0000ff;
display:inline;
}

.LinkBlau:hover 
{text-decoration:underline;}


.link_rot:link, .link_rot:active, .link_rot:visited 
{color:#800000;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-left:8px;
}
.link_rot:hover 
{color:#800000;
text-decoration:underline;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-left:8px;
}

.link_rotfett:link, .link_rotfett:active, .link_rotfett:visited 
{color:#800000;
font-weight:bold;
text-decoration:none;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-left:8px;
}
.link_rotfett:hover 
{color:#800000;
font-weight:bold;
text-decoration:underline;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-left:8px;
}

img.RightTeaser { 
    float: right; 
    margin: 4px; 
    width: 70px; 
}

img.RightTeaserCenter { 
    margin: 4px; 
    width: 70px; 
    text-align: center;
}
img.RightTeaserTop { 
    display: block; 
    margin: 4px; 
    width: 70px; 
   
}
img.Startseite { 
  margin: 0px; 
  max-width: 300px;
  max-height: 200px;
  width:250px;
  border-top: 0px;
  padding-left: 0px;
 }
img.Onlinekauf { 
     
    margin: 0px; 
    border: 0px;
    height: auto; 
    width: auto; 
    max-height: 150px; 
    max-width: 150px;
   
}
img.OnlinekaufPremium { 
    
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;


    max-height:250px; 
    max-width:230px;
   }
img.sOnlinekauf { 
   margin: 0px; 
    border: 0px;
    height:auto; 
    width:auto; 
    max-height:150px; 
    max-width:130px;
    vertical-align:middle;

       
}

img.sOnlinekauf200 { 
     
  
      bottom: 0;
    
left: 0;
    
margin: auto;
    
position: absolute;
    
right: 0;
    
top: 0;

    max-height:200px; 
    max-width:170px;
  
}


div.Onlinekauf { 
    height:150px;
    width:150px; 
vertical-align:middle;
text-align:center;
}
div.sOnlinekauf { 
    height:150px;
    width:150px; 
    vertical-align:middle;
    }
div.OnlinekaufPremium { 
    height:250px;
    width:230px; 
    position: relative;

    background-color: white;
    }



div.sOnlinekauf200 { 
    height:200px;
    width:170px; 
    position: relative;
background-color: #FEFEFE;
    }

td.CellOnlinekauf {background-color: #FEFEFE;
color:black;
padding: 6px;
border:0px;
}

.ads_position {
	position: relative;
}

.ads_box1 {
	float: left;
	margin: 0px 20px 10px 0px;
}

.ads_box_abstand1 {
	float: left;
	width: 3px;
	height: 0px;
}

p {margin-top: 0px; margin-bottom: 3px;}


#CarouselDiv
{ margin:0 auto; padding:0;}


H2.Startseite  {
font-size: 16px;
color: #800000;
margin-left:15px;
}

H3.Listing {
font-size: 12px;
color: #555;
line-height: 100%;
}

.BlogHeadline {
    margin-top:10px;
    margin-bottom: 0px;
    background-color:#FFFFFF;
    border:0px dashed #C8C8C8;
    border-top:0px dotted #D8D8D8;
    font-weight: normal;
    font-size:20px;
    font-family: Tahoma,arial,Verdana,Tahoma, Helvetica; 
    text-decoration: none;
}
.BlogHeadline:link,.articleHeadline:active,.articleHeadline:visited {
    margin-top:10px;
    margin-bottom: 0px;
    background-color:#FFFFFF;
    border:0px dashed #C8C8C8;
    border-top:0px dotted #D8D8D8;
    font-weight: normal;
    font-size:20px;
    font-family: Tahoma,arial,Verdana,Tahoma, Helvetica; 
    text-decoration: none;
}

.BlogAuthor { 
	
margin-top:20px;
    border-top:0px dotted #D8D8D8;
    border-bottom:1px dotted #D8D8D8;
    border-left:0px dotted #D8D8D8;
  	border-right:0px dotted #D8D8D8;    
	margin-bottom:2px;
    padding-bottom:4px;
    padding-left:6px;
    padding-top:2px;
     font-family: arial,Verdana,Tahoma, Helvetica; 
    color: #666666;
  font-size:11px;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
} 
.BlogCategories  {
margin-top:4px;
    border-top:0px dotted #D8D8D8;
    border-bottom:0px dotted #D8D8D8;
	border-left:0px dotted #D8D8D8;
	border-right:0px dotted #D8D8D8;    
	margin-bottom:2px;
    padding-bottom:4px;
    padding-left:6px;
    padding-top:2px;
     font-family: arial,Verdana,Arial,Verdana,Tahoma,  Helvetica; 
    color: #666666;
  font-size:10px;
text-decoration: none;

} 
.BlogCategories link  {
margin-top:4px;
    border-top:0px dotted #D8D8D8;
    border-bottom:0px dotted #D8D8D8;
	border-left:0px dotted #D8D8D8;
	border-right:0px dotted #D8D8D8;    
	margin-bottom:2px;
    padding-bottom:2px;
    padding-left:6px;
    padding-top:2px;
    color: #A52a2a;
  font-size:10px;
text-decoration: none;

} 

.BlogActions  {
margin-top:2px;
    border-top:0px dotted #D8D8D8;
    border-bottom:0px dotted #D8D8D8;
	border-left:0px dotted #D8D8D8;
	border-right:0px dotted #D8D8D8;    
	margin-bottom:2px;
    padding-bottom:4px;
    padding-left:6px;
    padding-top:2px;
     font-family: arial,Verdana,Arial,Verdana,Tahoma,  Helvetica; 
    color: #666666;
  font-size:10px;
text-decoration: none;

} 
.BlogFooter
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:0px dashed #C8C8C8;
    
}

a.DetailLink:link, a.DetailLink:active, a.DetailLink:visited
{
	color:#F27606;
	font-weight:normal;
	text-decoration:none;
	text-align: center;

}
div.Preis {
	font-weight: bold;
	text-align: center;
}
div.PreisLinks {
	font-weight: bold;
	text-align: left;
}

a.sbuttonLink:link, a.sbuttonLink:visited, a.sbuttonLink:active {
    background: url("images/button.png") no-repeat scroll 0 0 transparent;
    color: #666666;
    display: block;
    font-size: 1px;
    height: 25px;
    text-align: center;
    width: 120px;
}
a.sbuttonLink:hover {
    background: url("images/buttonover.png") no-repeat scroll 0 0 transparent;
}

a.SuchenLink:link, a.SuchenLink:visited, a.SuchenLink:active {
 background: url("images/Suchenlink.png") no-repeat scroll 0 0 transparent;
    padding-top:12px;
    margin-top:12px;
    color: #666666;
    display: block;
    font-size: 1px;
    height: 45px;
    text-align: center;
    width: 150px;
}
a.SuchenLink:hover {
     background: url("images/SuchenlinkMouseOver.png") no-repeat scroll 0 0 transparent;
}
.Listing a:link, a:active, a:visited, a:hover{text-decoration: none;color:#000;}

.DDRMenuMega1 A,.DDRMenuMega1 A:link,.DDRMenuMega1 A:visited,.DDRMenuMega1 A:active
{
	text-decoration: none;
}
.DDRMenuMega1 .main_dnnmenu_bar 
{
	width: auto;
}
.DDRMenuMega1 .ddrmenulevel1
{
	background-color: white;
}
.DDRMenuMega1 A.ddrmenuitemlevel0
{	
	color: #375162;
	font-size: 13px; 
        font-family: Arial,Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:bold; 	
	text-align:center; 
	padding:12px 12px 12px 12px;
	letter-spacing: 2px;
	margin-right:1px;
}
.DDRMenuMega1 A.ddrmenuitemlevel0:hover
{  
	color:#ffffff;
	background-color:#375162;
	text-decoration:none;
}
.DDRMenuMega1 A.main_dnnmenu_rootitem_selected 
{
	color:#ffffff;
	background-color:#000080;
}
.DDRMenuMega1 .ddrmenu .ddrmenulevel1
{
	border:1px solid #C0D6E5;
}
.DDRMenuMega1 .ddrmenulevel1 A
{
	background-color:#F8FAFF;
 font-family: Arial,Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#000000;
	line-height:2em;
	padding: 0px 5px;
	margin:0px;
}
.DDRMenuMega1 .ddrmenulevel2
{
	margin-left: 2em;
}
.DDRMenuMega1 A.ddrmenuitemlevel2
{
 font-family: Arial,Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}
.DDRMenuMega1 .ddrmenulevel1 A:hover
{  
	
	color:#ffffff;
background-color:#375162;
	text-decoration:none;
}
.DDRMenuMega1 .ddrmenulevel1 .main_dnnmenu_itemselected 
{
background-color:#375162;
	
	color:#ffffff;
}

#Details {
    margin: 0 10px 20px;
    overflow: hidden;
}
#startLayer {
    height: 0;
    position: relative;
    top: 150px;
}
#Details .Bild {
    border: 1px solid #CCCCCC;
    float: left;
    height: 690px;
    width: 250px;
}

#Details .Preis {
    border: 1px solid #CCCCCC;
    font-size: 20px;
    font-weight: bold;
    height: 51px;
    margin: -95px 0 10px 240px;
    padding: 40px 0 0;
    text-align: center;
    width: 209px;
}

#Details .Preis s {
    font-size: 14px;
    line-height: 22px;
}
#Details .Langtext {
    font-size: 10px;
    line-height: 15px;
}
#Details .Nummer {
    padding: 3px 0 0;
    position: absolute;
    text-align: right;
    width: 235px;
}

#Details .Beschreibung {
    border: 1px solid #CCCCCC;
    float: right;
    height: 670px;
    padding: 15px 20px 5px;
    position: relative;
    width: 300px;
}
#Details h1 {
    border-bottom: 1px solid #CCCCCC;
    padding: 0 50px 10px 0;
}
#Details img.Marke {
    height: 28px;
    position: absolute;
    right: 20px;
    top: 10px;
}

#Details .color span {
    left: -3000px;
    position: absolute;
}

  /* ================================
    CSS STYLES FOR 
carousel tango skin
   ================================
*/   

.jcarousel-skin-tango .jcarousel-container {
    background: #FFFFFF;
    border: 0px dotted #000000;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 220px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  200px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.die-welt-der-schuhe.de/Portals/37/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://www.die-welt-der-schuhe.de/Portals/37/images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.die-welt-der-schuhe.de/Portals/37/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://www.die-welt-der-schuhe.de/Portals/37/images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.die-welt-der-schuhe.de/Portals/37/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://www.die-welt-der-schuhe.de/Portals/37/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.listNav { margin:0 0 10px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-family: Arial,Verdana;font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }


/* demo-specific
----------------------------------------------------------------- */

#demoThree-nav .ln-letters a { border:none; border-top:2px solid #4B0082; color:red; }
#demoThree-nav .ln-letters a.ln-last { border-right:none; }
#demoThree-nav .ln-letters a:hover,
#demoThree-nav .ln-letters a.ln-selected { border-top:2px solid red; background-color: #4B0082; color:White !important; }
#demoThree-nav .ln-letters a.ln-disabled { color: #4B0082; }
#demoThree-nav .ln-letters a.ln-disabled:hover { color:white; }
#demoThree-nav .ln-letter-count { color:red; }

#demoThree li { color: #4B0082;}
#demoThree li a { color:red; text-decoration:none; }
#demoThree li a:hover { text-decoration:underline; }

#demo4 #listWrapper { width:700px }
#demoFour li { float:left; }
#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 a:hover { background-color:#eee }
#demo5 #listWrapper { width:690px }
#demoFive li { float:left; }
#demoFive a { display:block; text-align:center; width:135px; border:1px solid silver; padding:5px; margin:0 7px 7px 0; text-decoration:none; font-family: Arial,Verdana;font-size: 12px;  }
#demoFive a:hover { background-color:#eee }




/* Formatierung FotoShow
----------------------------------------------------------------- */
#HOslideshowMode {
  margin:0 auto;
  width:560px;
  height:883px;
  position:relative;
}
#HOslideshowMode #slidesContainer {
  margin:0 auto;
  width:560px;
  height:883px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#HOslideshowMode #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:883px;
}


#HOslideshow {
  margin:0 auto;
  width:640px;
  height:683px;
  position:relative;
}
#HOslideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:683px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#HOslideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:683px;
}

#HOslideshowHochMode {
  margin:0 auto;
  width:420px;
  height:683px;
  position:relative;
}
#HOslideshowHochMode #slidesContainer {
  margin:0 auto;
  width:420px;
  height:683px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#HOslideshowHochMode #slidesContainer .slide {
  margin:0 auto;
  width:400px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:683px;
}
#HOslideshowHoch {
  margin:0 auto;
  width:440px;
  height:683px;
  position:relative;
}
#HOslideshowHoch #slidesContainer {
  margin:0 auto;
  width:420px;
  height:683px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#HOslideshowHoch #slidesContainer .slide {
  margin:0 auto;
  width:400px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:683px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:39px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:150px;
  left:0;
  background:transparent url(http://www.die-welt-der-schuhe.de/img/left.jpg) no-repeat 0 0;
}
#rightControl {
  top:150px;
  right:0;
  background:transparent url(http://www.die-welt-der-schuhe.de/img/right.jpg) no-repeat 0 0;
}
#leftControlHoch {
  top:150px;
z-index:99;
  left:30px;
  background:transparent url(http://www.die-welt-der-schuhe.de/img/left.jpg) no-repeat 0 0;
}
#rightControlHoch {
  top:150px;
  z-index:98;
  right:23px;
  background:transparent url(http://www.die-welt-der-schuhe.de/img/right.jpg) no-repeat 0 0;
}

#leftControlMode {
  top:450px;
  left:0;
  background:transparent url(http://www.die-welt-der-schuhe.de/img/left.jpg) no-repeat 0 0;
}
#rightControlMode {
  top:450px;
  right:0;
  background:transparent url(http://www.die-welt-der-schuhe.de/img/right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */

#pageContainer {
  margin:0 auto;
  width:660px;
}
#pageContainer h1 {
  display:block;
  width:660px;
  height:114px;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
text-align: center;
}
.slide h2 {
  font:italic 16px Verdana, Geneva, sans-serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  display:inline;
  text-align:center;
  border:2px solid #ccc;
}

div.slide a.advance-link { 
display: block;
text-align: center;
}

/** 
 * Style rules for Megamenu
 */

.nav {
	background: #fff;
	border-radius: 0px;
	width: 700px;
	margin: 0px 0 13px 0px;
	height: 33px;}
.nav li { list-style: none;  }
.nav > li { padding: 0; float: left; position: relative;text-align: left; }
.nav > li > a {
        font-family:"Open Sans",Arial,Verdana, Geneva, Helvetica, sans-serif;
	float: left;
	color: #FFFFFF;	
        font-size: 14px;
	text-decoration: none;
        text-align: left;
	line-height: 33px;
        font-weight:bold;
        background: #6e6e6e;
	padding: 0 14px; 
	border-right: 2px solid #FFF;
	border-left: 0px solid #555;
	height: 33px;
}
.nav > li:hover > a { background: #555;	border-right: 0 px solid #666; color: #FFF }
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }

/* MEGA DROP DOWN */
.nav > li > div {
	position: absolute;
        z-index: 10004;
	left: 0;
	top: 33px;
	display: none;
	background: #fff;
	padding: 10px 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
text-align: left;	
overflow: hidden;}

.nav > li > div p { color: #666; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4,.container-5 { font-size: 80%; background: #eeeeee;border: 1px solid #222222;}

/* COLUMNS */
.col1,.col2,.col3,.col4,.col5 { margin: 5px 0; float: left; padding: 0 5px;}


.col1 ul ,.col2  ul { padding-left: 0px }
.col1 h3 ,.col2  h3 {line-height: 18px }

.col1 h5 ,.col2  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;
}

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


.col1 a:hover,.col2  a:hover {  text-decoration:    underline; }





	/* 1 Column */

	.container-1 { width: 175px; }

	.container-1 .col1 { width: 100%; }


	/* 2 Column */

	.container-2 { width: 380px; }

	.container-2 .col1 { width: 47% }

	.container-2 .col2 { width: 100% }


	/* 3 Column */

	.container-3 { width: 600px; }

	.container-3 .col1 { width: 30% }

	.container-3 .col2 { width: 66.66% }

	.container-3 .col3 { width: 100% }


	
/* 4 Column */

	.container-4 { width: 682px; }

	.container-4 .col1 { width: 22%; }

	.container-4 .col2 { width: 50% }

	.container-4 .col3 { width: 75% }

	.container-4 .col4 { width: 100% }



	/* 5 Column */

	.container-5 { width: 600px; }

	.container-5 .col1 { width: 20%; }

	.container-5 .col2 { width: 40% }

	.container-5 .col3 { width: 60% }

	.container-5 .col4 { width: 80% }

	.container-5 .col5 { width: 100% }

/* HIGHLIGHTS */

	.container-3 .highlighted { 

	width: 400px; 

	margin-left: -20px; 

	padding: 20px; 

	background: #e4fbff; 

	border-top: 1px solid #ddd; 

	border-bottom: 1px solid #ddd;

}

.container-4 .highlighted { 

	width: 500px;

	margin-left: -10px; 

	padding: 20px;

	background: #e4fbff; 

	border-top: 1px solid #ddd; 

	border-bottom: 1px solid #ddd;

}
.container-5 .highlighted { 

	width: 600px;

	margin-left: -10px; 

	padding: 20px;

	background: #e4fbff; 

	border-top: 1px solid #ddd; 

	border-bottom: 1px solid #ddd;

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


.skin-bottom-line {
background: #EBEBEB;
height: 10px;
}

.skinFooterLink {
        font-size: 12px; 
        border-style: solid;
	border-color: red;
	border-width: 0px;
        background-color: #6e6e6e;
}


.skinFooterLink A, .skinFooterLink .skinFooterLink A:Visited, .skinFooterLink A:Link
{
  font-size: 12px;font-weight: normal;
  text-decoration: none; color: #ffffff; 
  }

.skinFooterLink A:Hover
{
  color:  #ff0000;
}

.skinFooterLink h3
{
  color:  #ffffff;
}

.SkinHeaderTitle  {
padding-top: 16px;
padding-left: 10x;
line-height: 2px;
color: #6e0060;
white-space: nowrap;
text-decoration:none;
font-size: 22px;
font-weight: normal;
font-style: normal;
}

.SkinHeaderTitle A, .SkinHeaderTitle A:link, .SkinHeaderTitle A:active, .SkinHeaderTitle A:visited, .SkinHeaderTitle A:hover {
padding-top: 16px;
padding-left: 10x;
line-height: 2px;
color: #6e0060;
white-space: nowrap;
text-decoration:none;
font-size: 22px;
font-weight: normal;
font-style: normal;
}

.SkinHeaderSubTitle {
padding-left: 43px;
color: #6e0060;
white-space: nowrap;
font-size: 18px;
text-decoration:none;
font-weight: normal;
font-style: normal;
}
.SkinHeaderSubTitle A, .SkinHeaderSubTitle A:link, .SkinHeaderSubTitle A:active, .SkinHeaderSubTitle A:visited, .SkinHeaderSubTitle A:hover {
color: #6e0060;
white-space: nowrap;
font-size: 18px;
text-decoration:none;
font-weight: normal;
font-style: normal;
}

.Link_Button:link, .Link_Button:visited 
{color:#ffffff;
font-weight:normal;
font-size:small;
text-decoration:none;
border:0pt solid #ffffff;
display:inline;
margin-left:1px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
        background-color: #3A3A3A;
}

.Link_Button:hover 
{color:#800000;

font-weight:normal;
font-size:small;
text-decoration:underline;
border:0pt solid #0000ff;
display:inline;
margin-left:1px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
background-color: #ffffff;
}
.Link_Button:active
{color:#ffffff;
font-weight:normal;
font-size:small;
text-decoration:none;
border:0pt solid #ffffff;
display:inline;
margin-left:1px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
        background-color: #3F3F3F;
}
/* text style for buttons and link buttons used in the portal admin pages */
.PagerNumButton     {
font-size:20px;
color: #ffffff;
text-decoration:none;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.PagerNumButton:link {
color: #ffffff;
}

A.PagerNumButton:visited  {
color: #ffffff;
}

A.PagerNumButton:active   {
color: #3f3f3f;
}

A.PagerNumButton:hover    {
color: #ffffff;
text-decoration:underline;
}


.PagerPrevNextButton     {
font-size:20px;
color: #ffffff;
text-decoration:none;
}
A.PagerPrevNextButton:link     {
font-size:20px;
color: #ffffff;
text-decoration:none;
}

.uppertext { text-transform: uppercase;}

.PagerShopButton {
height: 26px;
line-height: 26px;
font-size: 12 px;
background: #fff;
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
margin-top:10px;
margin-bottom:20px;
border-color: #f7aa1c;
cursor: default;

}

a.PagerShopButton {
height: 26px;
line-height: 46px;
font-size: 12 px;
background: #e5e5e5;
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
border:1pt solid #ffffff;
cursor: pointer;
margin-left:3px;
margin-right:3px;
}

a.PagerShopButton:active {
border:1pt solid #f7aa1c;
background: #a23a45;
cursor: default;
}

a.PagerShopButton:hover {
border:1pt solid #f7aa1c;
text-decoration: none;
}

@media handheld, only screen and (max-width: 900px) {
body {font-size: 16px;}
.Normal {font-size: 16px;}
.Link_PfeilGrau:link, .Link_Pfeilgrau:active, .Link_Pfeilgrau:visited 
{line-height: 30px;}

}

.NA_Listing_Klein
{
border-bottom:1px dotted;
}

 .NA_Foto_PC
{padding-left:2px;
padding-top:16px;
width:130px;
float:left;
}

 .NA_Rechts
{padding-left:2px;
float:right;
width:150px;
padding-bottom:20px;
}

.NA_Foto_Mobil
{width:130px;display:none;
}


@media all and (max-width: 400px) {
.NA_Rechts
{width:100%;
}
.NA_Foto_PC
{display:none;}

.NA_Foto_Mobil
{width:130px;
display:block;}


}

div.Listing {
    width:100%;
    clear:left;
    border-top: 1px dotted;
    padding-left:0px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
} 
div.ListingBildStartseite {
    float:left;
    width: 100%;
    border-top: 0px solid white;
    padding-left:0px;
    padding-right:0px;
} 

div.ListingBild {
    float:left;
    width: 250px;
    border-top: 1px solid white;
    padding-left:0px;
    padding-right:10px;
} 
div.ListingText {
    float:left;
    width:400px;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
   } 

div.ListingTextRechts {
    float:left;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
   } 


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}




div.ListingBildText {
    float:left;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    background-color: #fff;
   margin-bottom: 15px;} 

@media screen and (max-width: 600px) { 
   div.ListingBild {width:auto; float:none;padding-right: 0px;} 
   div.ListingText {width:auto; float:none;} 
   div.ListingTextRechts {width:auto; float:none;} 
   .fixed {position:static;}
}

@media screen and (max-width: 900px) { 
    .fixed {position:static;}
}


div.Einleitung {
    float:left;
    width:49%;
    border: 0px solid black;
    font-weight:bold;
    padding-bottom:20px;
} 
div.Werbung {
    float:right;
    width:50%;
   } 

div.Einleitung100 {
    float:left;
    width:100%;
    border: 0px solid black;
    font-weight:bold;
    padding-bottom:20px;
} 
div.Werbung400 {
    float:right;
    width:400px;
   } 
@media screen and (max-width: 450px) { 
   div.Einleitung {width:100%;} 
   div.Werbung {width:100%;} 
   div.Werbung400 {width:100%;} 
   .fixed {position:static;}
}

.sup{vertical-align:�super;
font-size:smaller;
border-radius:3px;
padding:�1px 3px 0 2px;
color:#556;
border:1px solid�#e6ebf1;	}

sup.Anzeige{
line-height:1em;
font-size:12px;
border-radius:3px;
padding:1px 3px 0 2px;
color:#556;
border:1px solid�#e6ebf1;
}

span.Anzeige{
vertical-align:super;
font-size:smaller;
line-height:1em;
font-size:12px;
border-radius:3px;
padding:1px 3px 0 2px;
color:#556;
border:1px solid #e6ebf1;
}

/* Formatierung f�r ListungNewsArtikel Startseite */

.flexbox {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%;
}

.fb { margin-bottom: 25px; 
background-color: #fff; }



@media (min-width: 700px) {
.flexbox {
    max-width: 690px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.fb { width: 300px; }
}



@media (min-width: 1000px) {
.flexbox {
    max-width: 980px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.fb { width: 300px; }
}

/* Formatierung f�r ListungNewsArtikel auf Einzelseiten */

.flexboxlisting {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:  space-between;
    font-size: 100%;
}


.flexboxlisting .fb { 
	border: 1px solid #bbbbbb;
        width: 300px;
    	border-radius: 5px;
        margin-bottom: 25px; }



@media (min-width: 700px) {
.flexboxlisting {
    max-width: 690px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.flexboxlisting .fb { width: 228px; }
}



@media (min-width: 1000px) {
.flexboxlisting {
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.flexboxlisting .fb { width: 228px; }
}

.flexboxlisting h2 {
    width: 100%;
    border: 0px solid #bbbbbb;
    color: #444;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 2.5px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-decoration: overline underline;
    text-decoration-color: #aaa;
    text-underline-offset: 4px;
}


.flexboxlisting .ListingBild {
    float:left;
    width: 228px;
    border-top: 0px solid white;
    padding-left:0px;
    padding-right:0px; }



.flexboxlisting img {
    width: 298px;
    height:199px;
    padding-left: 0px;	
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 700px) {
.flexboxlisting img {
    width: 228px;
    height:151px;
    
}
}




.flexboxlisting .ListingBildText {
    float: left;
    text-align: left;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
}

.flexboxlisting .NA_Kategorie
{
margin-top:2px;
color: #952c2c;
font-size: 14px; 
line-height: 20px;
text-align: center;
}


.flexboxlisting .NA_StartseiteTitel,.flexboxlisting .NA_startseitetitel
{
color: #444;
font-size: 16px; 
line-height:22px;
text-align: center;
margin-top:5px;
margin-bottom:5px;
padding: 0px;
}

.flexboxlisting .NA_StartseiteTeaser
{
color: #444;
font-size: 14px; 
line-height:22px;
text-align: center;
margin-top:0px;
margin-bottom:0px;
padding: 0px;
}



/* Formatierung f�r ListungNewsArtikel Text neben Bild  */

.flexboxquer {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex; 
    flex-wrap: wrap;
    justify-content:  unset;
    font-size: 100%;
}


.flexboxquer .fb { 
	border: 1px solid #bbbbbb;
        width: 100%;
    	border-radius: 5px;
        margin-bottom: 25px; 
      }

.flexboxquer fb { 
	border: 1px solid #bbbbbb;
        width: 99%;
    	border-radius: 5px;
        margin-bottom: 25px; }

.flexboxquer h2 {
    width: 100%;
    border: 0px solid #bbbbbb;
    color: #444;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 2.5px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-decoration: overline underline;
    text-decoration-color: #aaa;
    text-underline-offset: 4px;
}


.flexboxquer .ListingBild {
    width: 300px;
    border-top: 0px solid white;
    padding-left:0px;
    padding-right:0px; }



.flexboxquer img {
    width: 298px;
    height:199px;
    padding-left: 0px;	
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 700px) {
.flexboxquer img {
     
}
}




.flexboxquer .ListingBildText {
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
    width: 395px;
}




.flexboxquer .NA_Kategorie
{
margin-top:2px;
color: #952c2c;
font-size: 14px; 
line-height: 20px;
text-align: left;
}


.flexboxquer .NA_StartseiteTitel,.flexboxlisting .NA_startseitetitel
{
color: #444;
font-size: 16px; 
line-height:22px;
text-align: left;
margin-top:5px;
margin-bottom:5px;
padding: 0px;
}

.flexboxquer .NA_StartseiteTeaser
{
color: #444;
font-size: 14px; 
line-height:22px;
text-align: left;
margin-top:0px;
margin-bottom:0px;
padding: 0px;
}

.flexbox h2 {
    width: 100%;
    border: 0px solid #bbbbbb;
    color::#000;
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 11px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-decoration: none;
    text-decoration-color: #aaa;
    text-underline-offset: 4px;
    text-transform: uppercase;
}

.oberunterstriche
 {
   position: relative;
    width: 100%;
    border: 0px solid #bbbbbb;
    color: :#000;
    font-size: 22px;
    font-style: italic;
    line-height: 40px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-decoration: none;
    text-decoration-color: #aaa;
    text-underline-offset: 4px;}


.oberunterstriche::before
{ 
    position: absolute;
    left: calc(50% - 125px);
    content: "";
    border: 1px solid;
    border-width: 1px 0px 0px 0px;
   /* padding-top: 50px; */
    /* padding-bottom: 30px; */
    margin-top: -3px;
    /* margin-bottom: 20px; */
    width: 250px;
}
.oberunterstriche::after
{ 
    position: absolute;
    left: calc(50% - 125px);
    content: "";
    border: 1px solid;
    border-width: 0px 0px 1px 0px;
    padding-top: 40px;
   /* padding-bottom: 30px; */
   /* margin-top: -5px; */
  /*  margin-bottom: 20px; */
    width: 250px;
}