/* liScroll styles */


#newsticker-resp {
				margin-top: -8px;
				padding-bottom: 25px;
}

#newsticker {
				margin-top: -8px;
}
.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 722px; 
height: 25px; 
margin: 0; 
padding: 0;
overflow: hidden; 
background: url(../../images/home/ticker-full-bg.gif) no-repeat top left;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 67px;
top: 0px;
width: 653px;
overflow: hidden;
}


ul.newsticker { /* that's your list */
position: relative;
left: 722px;
list-style-type: none;
margin: 0;
padding: 0;
font: bold 11px Arial;
color:#333333;
text-decoration:none;
line-height: 190%;


}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-top:0px;
padding-left: 5px;
background: transparent;

	
}
ul.newsticker a {
color: #999999;
font: normal 11px Arial;
text-decoration:none;
line-height: 190%;


} 

ul.newsticker a:hover {
color: #555555;
} 

.blue-seperator {
	font-size:18pt;
	font-weight:normal;
	color:#00b8e4;
}
/* does not work with IE yet
.blue-seperator:after {
	font-size:18pt;
	font-weight:normal;
	color:#00b8e4;
	content:" | ";
}

.blue-seperator:last-child:after {	content:"   ";}  */


/* =================================GERMANY================================================================ */
/* =================================GERMANY================================================================ */
#newsticker-de {
				margin-top: -8px;
}
.tickercontainer-de { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 722px; 
height: 25px; 
margin: 0; 
padding: 0;
overflow: hidden; 
background: url(../../images/home/ticker-full-bg-de.gif) no-repeat top left;
}
.tickercontainer-de .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 97px;
top: 0px;
width: 653px;
overflow: hidden;
}

ul.newsticker-de { /* that's your list */
position: relative;
left: 722px;
list-style-type: none;
margin: 0;
padding: 0;
font: bold 11px Arial;
color:#333333;
text-decoration:none;
line-height: 190%;


}
ul.newsticker-de li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-top:0px;
padding-left: 5px;
background: transparent;

	
}
ul.newsticker-de a {
color: #999999;
font: normal 11px Arial;
text-decoration:none;
line-height: 190%;


} 

ul.newsticker-de a:hover {
color: #555555;
} 


/* =================================   ITALY================================================================ */
/* =================================   ITALY================================================================ */


#newsticker-it {
				margin-top: -8px;
}
.tickercontainer-it { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 722px; 
height: 25px; 
margin: 0; 
padding: 0;
overflow: hidden; 
background: url(../../images/home/ticker-full-bg-it.gif) no-repeat top left;
}
.tickercontainer-it .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 97px;
top: 0px;
width: 653px;
overflow: hidden;
}

ul.newsticker-it { /* that's your list */
position: relative;
left: 722px;
list-style-type: none;
margin: 0;
padding: 0;
font: bold 11px Arial;
color:#333333;
text-decoration:none;
line-height: 190%;


}
ul.newsticker-it li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-top:0px;
padding-left: 5px;
background: transparent;

	
}
ul.newsticker-it a {
color: #999999;
font: normal 11px Arial;
text-decoration:none;
line-height: 190%;


} 

ul.newsticker-it a:hover {
color: #555555;
} 

/* =================================  CHINA================================================================ */
/* =================================   CHINA================================================================ */


#newsticker-cn {
				margin-top: -8px;
}
.tickercontainer-cn { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 722px; 
height: 25px; 
margin: 0; 
padding: 0;
overflow: hidden; 
background: url(../../images/home/ticker-full-bg-cn.gif) no-repeat top left;
}
.tickercontainer-cn .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 97px;
top: 0px;
width: 653px;
overflow: hidden;
}

ul.newsticker-cn { /* that's your list */
position: relative;
left: 722px;
list-style-type: none;
margin: 0;
padding: 0;
font: bold 11px Arial;
color:#333333;
text-decoration:none;
line-height: 190%;


}
ul.newsticker-cn li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-top:0px;
padding-left: 5px;
background: transparent;

	
}
ul.newsticker-cn a {
color: #999999;
font: normal 11px Arial;
text-decoration:none;
line-height: 190%;


} 

ul.newsticker-cn a:hover {
color: #555555;
} 


/* =================================   FRANCE================================================================ */
/* =================================  FRANCE ================================================================ */


#newsticker-fr {
				margin-top: -8px;
}
.tickercontainer-fr { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 722px; 
height: 25px; 
margin: 0; 
padding: 0;
overflow: hidden; 
background: url(../../images/home/ticker-full-bg-fr.gif) no-repeat top left;
}
.tickercontainer-fr .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 97px;
top: 0px;
width: 653px;
overflow: hidden;
}

ul.newsticker-fr { /* that's your list */
position: relative;
left: 722px;
list-style-type: none;
margin: 0;
padding: 0;
font: bold 11px Arial;
color:#333333;
text-decoration:none;
line-height: 190%;


}
ul.newsticker-fr li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-top:0px;
padding-left: 5px;
background: transparent;

	
}
ul.newsticker-fr a {
color: #999999;
font: normal 11px Arial;
text-decoration:none;
line-height: 190%;


} 

ul.newsticker-fr a:hover {
color: #555555;
}