/***************************************
*  
*   ek_base_rand4.css
*   Copyright Elflein-Kosmetik
* 
*   Random Background
*   styles
*
***************************************/

#wrapTop1 {
	background: transparent url(../../images/base_rand4/wrap1_bg.jpg);
}

#wrapTop2 {
	background: transparent url(../../images/base_rand4/wrap2_bg.jpg) no-repeat bottom right;
}

#colRight {
	background: transparent url(../../images/base_rand4/infoTop_bg.jpg) no-repeat top left; 
}

#colRightTop {
	background: transparent url(../../images/base_rand4/news_angebote.gif) no-repeat top left; 
}


/***************************************
*   right column styles
***************************************/

*>#colRight {
	float: right;
	position: relative;
	top: -20px;
	width: 190px;
	padding: 270px 0 0 0;
	min-height: 1px;
	margin: 0 20px 290px 0;
}

*>#colRightTop {
	margin: -270px 0 40px 0;
}

/* for IE, with IE5/Mac backslash filter \*/
* html #colRight {
	float: right;
	position: relative;
	top: -20px;	
	width: 190px;
	height: 270px;
	padding: 0px 20px 290px 0;	
}

/* end filter */

 
/***************************************
*   right column styles Inner Wrap
***************************************/

#colRightInnerWrap {
position: relative;
top: 0px;
margin:15px;
padding: 5px;
}

#colRightInnerWrap div.colRightOffer {
float: left;
border: solid #3d800c;
border-width: 0 0 1px 0;
margin: 10px 0 50px 0;
}

#colRightInnerWrap div.colRightOffer p.offer {
float: left;
border: solid #3d800c;
border-width: 1px 0 1px 0;
padding: 2px 0 2px 0;
margin: 0 0 3px 0;
width: 150px;
}

#colRightInnerWrap div.colRightOffer p.offer span.offer {
float: left;
padding: 0;
margin: 0;
color: #F25A04;
background: inherit;
font-weight: bold;
}

#colRightInnerWrap div.colRightOffer p.offer span.offerNo {
float: right;
padding: 0;
margin: 0;
color: #F25A04;
background: inherit;
font-weight: bold;
}

#colRightInnerWrap div.colRightOffer h4 a {
font-weight: normal;
}

#colRightInnerWrap div.colRightOffer p {
color: #3d800c;
background: inherit;
border: solid #3d800c;
border-width: 0 0 1px 0;
}

#colRightInnerWrap div.colRightOffer p.was {
float: left;
width: 50%;
}

#colRightInnerWrap div.colRightOffer p.is {
float: right;
text-align: right;
font-weight: bold;
width: 50%;

}

#colRightInnerWrap div.colRightOffer p span.is {
display:inline;
color: #F25A04;
font-weight: bold;
background: inherit;
}

#colRightInnerWrap div.colRightOffer p span.was {
display:inline;
text-decoration: line-through;
}

#colRightInnerWrap h3 {
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
color:#5b5b5b;
background:inherit;
padding: 0 0 3px 0;
}

#colRightInnerWrap h4 a {
text-transform: none;
font-size: 1em;
font-weight: bold;
color:#649C15;
background:inherit;
padding: 0 0 20px 0;
}

#colRightInnerWrap span {
text-transform: none;
display: block;
font-size: 0.95em;
font-weight: normal;
color:#649C15;
background:inherit;
margin: 0 0 20px 0;
}

#colRightInnerWrap h4 a:hover,
#colRightInnerWrap span a:hover {
text-decoration: underline;
}