/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

/* text style used for most text rendered by modules */
.Normal
{

font-family: arial,Verdana,Arial,Verdana,Tahoma,  Helvetica; 
font-size: 16px; 
font-weight: normal;
letter-spacing:0pt;
color: #000000;

}

.NA_StartseiteTeaser
{font-size:15px;}

.newsreadmore:link, .newsreadmore:active, .newsreadmore:visited,.newsreadmore:hover
{
	text-decoration: underline;
        line-height: 12px;
	color:A52a2a;
}
.newssummary150
{

line-height: 150%;
 background-color: #FFFFFF;
	
}

.newssummary
{
}
.newssummary9
{
font-size: 0.8em; 
	
}
.newstitle
{
	
	font-weight:bold;
	font-size:10pt;
        text-decoration: none;
	color:#003366;	
}
.articleEntry
{
  
    line-height: 150%;	
	
}
.viewnewsarticle
{
  }
.Panes
{

}
/* 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/border colors for the selected tab */
.TabBg {
}

.LeftPane  {  white-space:nowrap; 
}

.ContentPane  { 
}

.RightPane  { 
}
.TablePaneRahmenOben {
       
border-top: 1px dotted;
border-right: 0px solid;
border-bottom: 0px solid;
border-left: 0px solid;
      
      
}
.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
{
  font-size: 12px;font-weight: normal;
  text-decoration: none; color: #5f5f5f; 
  }

.tablePaneMarkenLink A:Hover
{
  color:  #ff0000;
}
.TablePane {
        font-size: 12px; 
        border-style: solid;
	border-color: red;
	border-width: 0px;
      
}
.TablePanealt {
        border-style: solid;
	border-color: red;
	border-width: 0px;
      	color: #000000;        
}
.TablePaneGrau {
        border-style: solid;
	border-color: red;
	border-width: 0px;
        background-color: #EFEBEF;
       	color: #000000;
        
}
.TablePaneGeschenke {
        border-style: solid;
	border-color: red;
	border-width: 0px;
        cellspacing:50px;
        color: #000000;
       
}
.ZeileGrau {
        background-color: #EFEBEF;
	 
}
.ZelleMode {
        background-color: #e0e0e0;
	   
}
.ZelleGrau {
        background-color: #EFEBEF;
	align: center;
        vertical-align:top;
        text-align: center;
	        
}
.ZelleRot {
        background-color: #CC0000; 
	olor: #FFFFFF;
        
vertical-align:top;
	   align: center;  
text-align: center;    
}
.ZelleImg {
        width: 180px;
        vertical-align:top;
padding: 0;
vspace:  0;
vspace:  0;
margin-top: 10;
margin-bottom: 10;
	    
}

/* 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   {
}

/* 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    {
}
    
/* GENERIC */
H1  {
font-size: 20px;
line-height: 24px;
}

H2  {
font-size:16px;
color: #800000;
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}


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

A:visited   {

    text-decoration:    none;
    color:  #0000ff;
}

A:active    {

    text-decoration:    underline;
    color:  #0000ff;
}

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: #9acd32; */
 
  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; 
}




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

img.RightTeaserCenter { 
    display: block; 
    margin: 4px; 
    width: 70px; 
    text-align: center;
}
img.RightTeaserTop { 
    display: block; 
    margin: 4px; 
    width: 100px; 
    text-align: top;
}
img.Startseite { 
    float: center; 
    margin: 0px; 
    height: 200px; 
}


img.Onlinekauf { 
     
    margin: 0px; 
    border: 0px;
    height:auto; 
    width:auto; 
    max-height:150px; 
    max-width:150px;
    width: expression(this.width >= this.height ? "150px" : true);
    height: expression(this.height > this.width ? "150px" : true);
}

.Link_Rot:link, .Link_Rot:active, .Link_Rot:visited 
{color:#800000;

text-decoration:none;
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;
} 

div.Onlinekauf { 
    height:150px;
    width:150px; 
vertical-align:middle;
text-align:center;
}

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;
}
H2.Startseite  {
font-size: 16px;
color: #800000;
margin-left:15px;
text-decoration:none;
}


.Startseite A, .Startseite A:Active, .Startseite A:Hover, .Startseite A:Visited, .Startseite A:Link {
text-decoration:none;
}

H2.StartseiteTitel  {
font-size: 16px;
color: #800000;
font-weight: normal;
}

 /* ================================
    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 pink; 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:pink; color:White !important; }
#demoThree-nav .ln-letters a.ln-disabled { color:pink; }
#demoThree-nav .ln-letters a.ln-disabled:hover { color:white; }
#demoThree-nav .ln-letter-count { color:red; }

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

#demo4 #listWrapper { width:690px }
#demoFour li { float:left; }
#demoFour 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;  }
#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 }

.HeaderLink a,.HeaderLink a:link,.HeaderLink a:visited,.HeaderLink a:active {
	text-decoration: none;
}


.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.wohnsite.de/img/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.wohnsite.de/img/pfeilrot.gif) no-repeat 0 3px
}

.Link_PfeilGrau:link, .Link_Pfeilgrau:active, .Link_Pfeilgrau:visited 
{color:#777777;

line-height:14px;
text-decoration:none;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.wohnsite.de/img/pfeilrot.gif) no-repeat 0 3px
}
.Link_PfeilGrau:hover 
{color:#777777;

line-height:14px;
text-decoration:underline;
border:0pt solid #0000ff;
padding-left:8px;
background:url(http://www.wohnsite.de/img/pfeilrot.gif) no-repeat 0 3px
}


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





/* Formatierung FotoShow
----------------------------------------------------------------- */
#HOslideshow {
  margin:0 auto;
  width:640px;
  height:583px;
  position:relative;
}
#HOslideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:583px;
  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:583px;
}

/** 
 * 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.wohnsite.de/img/left.jpg) no-repeat 0 0;
}
#rightControl {
  top:150px;
  right:0;
  background:transparent url(http://www.wohnsite.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;
}


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


}


@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.ListingBild {
    float:left;
    width: 250px;
    border-top: 1px solid white;
    padding-left:3px;
    padding-right:0px;
} 
div.ListingText {
    float:left;
    width:430px;
    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;
   } 

@media screen and (max-width: 600px) { 
   div.ListingBild {width:auto; float:none;} 
   div.ListingText {width:auto; float:none;} 
   div.ListingTextRechts {width:auto; float:none;} 
}


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