body {margin:0;padding:0;text-align:center; color:#013A7E; background-color:#D9DCE3;background-image:url(../img/bg_body.gif); background-position:top center; background-repeat:repeat-y;}

#distance {width:1px;height:40%;margin-bottom:-250px;float:left;}
#all {clear:left;position:relative;width:580px;height:590px;margin:auto;text-align:left;}
.impressum{margin:30px;font-family: 'Pontano Sans', sans-serif; font-size:13px; line-height:13px;text-align:left;}
.logo {position:absolute; top:75px; right:0;}
a {color:#013A7E; text-decoration:none;}
a:hover {text-decoration:underline;}
.address {position:absolute; right:30px; bottom:35px; font-family: 'Pontano Sans', sans-serif; font-size:13px; line-height:30px; text-align:right;}
#ticker, .tickercontainer {}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 540px; 
height: 27px; 
margin: 20px; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 520px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 0px;
font-family: 'Pontano Sans', sans-serif; 
font-size:13px;
line-height:13px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0 20px;
background: #fff;
border-right:1px #013A7E solid;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}