@charset "utf-8";
/* CSS Document */


/* Werberraster mit Bildmontagen Startseite */

div.raster_bildmontagen {
  width:715px;
  height:215px;
  margin-bottom: 15px;
}

div.raster_boxen {
	width: 715px;
	height: 125px;
	margin-bottom: 0px;	
}

div.raster_boxen img {
	position:relative;
	width: 237px;
	margin-right: 2px;
	float:left;
	
}

div.trusted_shops {
	background-image: url(https://www.lederoase.de/images/gallery/startseite/ts.png);
	background-repeat:no-repeat;
	margin: 0px; 
	float:right; 
	width: 237px; 
	height: 100px;
	margin-top:25px; 
}

div.trusted_shops_siegel img {
	position:relative;
	margin-top:-12px;
	margin-left:43px;
	border:none;
	width:150px;
	height:112px;
	z-index:7;
}

div.oben_links {
  float:left;
  width:476px;
  height:202px;
  margin-top:2px;
  margin-right:2px;
  margin-bottom:2px;
}

div.oben_rechts {
  float:left;
  width:237px;
  height:202px;
  margin-bottom:2px;
    margin-top:2px;
}

div.mitte {
  float:left;
  width:715px;
  height:202px;
  margin-bottom:2px;
}

div.unten_links {
  float:left;
  width:237px;
  height:100px;
  margin-right:2px;
  margin-top:2px;
}

div.unten_rechts {
  float:left;
  width:476px;
  height:100px;
    margin-top:2px;
}


/* Topseller-Raster Startseite */

div.raster_seller {
  width: 715px;
  margin-bottom: 10px;
}

div.header_left {
  background-image: url(https://www.lederoase.de/images/gallery/startseite/bg_header_left.png);
  background-repeat:no-repeat;
  width: 237px;
  height: 50px;
  margin-right: 2px;
  margin-bottom: 2px;
  float:left;
}

div.header_middle {
  background-image: url(https://www.lederoase.de/images/gallery/startseite/bg_header_middle.png);
  background-repeat:no-repeat;
  width: 237px;
  height: 50px;
  margin-right: 2px;
  margin-bottom: 2px;
  float:left;
}

div.header_right {
  background-image: url(https://www.lederoase.de/images/gallery/startseite/bg_header_right.png);
  background-repeat:no-repeat;
  width: 237px;
  height: 50px;
  margin-bottom: 2px;
  float:left;
}

div.content_left {
  background-image: url(https://www.lederoase.de/images/gallery/startseite/bg_content_left.png);
  background-repeat:no-repeat;
  width: 237px;
  height: 256px;
  margin-right: 2px;
  float:left;
}

div.content_middle {
  background-image: url(https://www.lederoase.de/images/gallery/startseite/bg_content_middle.png);
  background-repeat:no-repeat;
  width: 237px;
  height: 256px;
  margin-right: 2px;
  float:left;
}

div.content_right {
  background-image: url(https://www.lederoase.de/images/gallery/startseite/bg_content_right.png);
  background-repeat:no-repeat;
  width: 237px;
  height: 256px;
  float:left;
}


/* Logoraster */

div.logoraster_content {
	width: 715px; 
	padding: 0;
	margin: 0;
}

div.logoraster_content .contentlogo {
	border:none;
	margin-right:6px;
	margin-bottom:6px;
}

div.logoraster_content .randlogo {
	border:none;
	margin-bottom:6px;
}


/* Tooltip_Dynatip Startseite */

#dynatip {
  display:none;
  background:transparent url(https://www.lederoase.de/layout/lederoase/tooltip/tooltip_orange.png) no-repeat;
  font-size:12px;
  height:150px;
  width:260px;
  padding-top: 25px;
  padding-bottom: 45px;
  padding-right: 25px;
  padding-left: 25px;
  color:#fff;	
  z-index: 9999;
}

#dynatip.bottom {
  margin-top: 80px;
  background:url(https://www.lederoase.de/layout/lederoase/tooltip/tooltip_orange_bottom.png) no-repeat;
  font-size:12px;
  height:150px;
  width:260px;
  padding-top: 45px;
  padding-bottom: 25px;
  padding-right: 25px;
  padding-left: 25px;
  color:#fff;
  z-index: 9999;
}

#dyna img {
  border:0;
  cursor:pointer;
  margin:0;
}


/* Tooltip_Freitextfelder SingleArticle */

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
  position: relative;
  text-decoration: none;
  font-style: bold;
  border-bottom:0px dotted #A3CFEA;
}

a.tooltip:hover {
  background: transparent;
  z-index: 9999;
}

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	background:url(https://www.lederoase.de/images/icon/tooltip_singlearticle.png);
	background-repeat:no-repeat;
	position: absolute;
	width:169px;
	height: 59px;
	top: -5px;
	left: 0px;
	z-index: 9999;
	color: #000000;
	/* border-left: 10px solid #5A9AB4;
	border-right: 1px solid #5A9AB4;
	border-top: 1px solid #5A9AB4;
	border-bottom: 1px solid #5A9AB4; */
	padding: 10px 20px 10px 12px;
	/* background: #FFFFFF; */
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style:normal;
	font-size:12px;
	text-align: left;
}


/* Tooltip_ArticleListCategory */

a.tooltip_catlist span {
  display: none;
  text-decoration: none;
}

a.tooltip_catlist:hover span {
	display:block;
	background:url(https://www.lederoase.de/images/icon_small/tooltip_catlist.png) no-repeat;
	position:absolute;
	top: -4px;
	left: -170px;
	z-index: 9999;
	width:145px;
	height: 68px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style:normal;
	font-size:12px;
	text-align:left;
	color: #4b4b4b;
	padding: 10px;
	padding-right: 40px;
}



/* Tooltip_Landingpages */

a.tooltip_orange span {
  display: none;
  text-decoration: none;
}

a.tooltip_orange:hover span {
	background:url(https://www.lederoase.de/landingpages/grafiken/tooltip.png) no-repeat;
	position:relative;
	/*top: -120%;
	left: -2%;*/
	z-index: 9999;
	display:block;
	width:252px;
	height: 127px;
	color: #000000;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style:normal;
	font-size:12px;
	text-align:center;
}


/* Raster Landingpages */

.raster_landing_header {
  background-image: url(https://www.lederoase.de/landingpages/grafiken/bg_header_lang.png);
  background-repeat:no-repeat;
  width: 715px;
  height: 50px;
  margin-top: 50px;
  margin-bottom: 5px;
  padding-left: 20px;
  line-height: 50px;
  vertical-align:middle;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size:20px;
  color: #FFF;
}

.raster_landing {
  width: 715px;
  text-align:center;
}

.raster_landing_image_3er{ 
  background-image: url(https://www.lederoase.de/landingpages/grafiken/border_image_3er.png);
  background-repeat:no-repeat;
  width: 238px;
  height: 238px;
  float:left;
}

.raster_landing_image_3er img{
	width: 200px;
	height: 200px;
	border:none;
	margin:19px;
}

.raster_landing_image_6er{ 
  background-image: url(https://www.lederoase.de/landingpages/grafiken/border_image_6er.png);
  background-repeat:no-repeat;
  width: 119px;
  height: 119px;
  float:left;
}

.raster_landing_image_6er img{
	width: 100px;
	height: 100px;
	border:none;
	margin:9px;
}

.zurueck a {
	display: block;
	font-size: 11px;
	color:#7c7c7c;
	background-image:none;
	padding: 0px;
	font-weight:normal;
	font-style:normal;
	text-decoration: none;
}

.zurueck a:hover {
	font-size: 11px;
	color:#F29400;
	background-image:none;
	padding: 0px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.anilink a {
	display: block;
	font-size: 11px;
	color:#4B4B4B;
	background-image:none;
	padding: 0px;
	font-weight:bold;
	font-style:normal;
	text-decoration: none;
}

.anilink a:hover {
	font-size: 11px;
	color:#5A9AB4;
	background-image:none;
	padding: 0px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

/* Follow us - Fahne */

div.Follow_us {
	position:fixed;
	left:0px;
	top:180px;
	width:45px;
	height:120px;
}

div.Slice1 {
	position:absolute;
	left:0px;
	top:0px;
	width:45px;
	height:11px;
}

div.Slice2 {
	position:absolute;
	left:0px;
	top:11px;
	width:2px;
	height:109px;
}

div.Slice3 {
	position:absolute;
	left:2px;
	top:11px;
	width:31px;
	height:32px;
}

div.Slice4 {
	position:absolute;
	left:33px;
	top:11px;
	width:12px;
	height:109px;
}

div.Slice5 {
	position:absolute;
	left:2px;
	top:43px;
	width:31px;
	height:2px;
}

div.Slice6 {
	position:absolute;
	left:2px;
	top:45px;
	width:31px;
	height:32px;
}

div.Slice7 {
	position:absolute;
	left:2px;
	top:77px;
	width:31px;
	height:2px;
}

div.Slice8 {
	position:absolute;
	left:2px;
	top:79px;
	width:31px;
	height:31px;
}

div.Slice9 {
	position:absolute;
	left:2px;
	top:110px;
	width:31px;
	height:10px;
}