/* -------------------------------------------------------------------------------------------------------------------------- */
/* NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

.navigation li span {height: 500px;}
.navigation li a {height: 373px;} 


/* -------------------------------------------------------------------------------------------------------------------------- */
/* SLIDESHOW */
/* -------------------------------------------------------------------------------------------------------------------------- */

#slidshow {position: relative; top: 0; left: 0; width: 615px; height: 500px;}

#content .slideshowScreen {position: relative; top: 0; left: 0; width: 615px; height: 500px;}
#content .slideshowImg {position: relative; top: 0; left: 0; width: 615px; height: 373px; overflow: hidden;}
#content .slideshowText {position: absolute; left: 0; top: 346px; width: 615px; height: 154px; background: url(../images/back_home_referenz.png) no-repeat left top;}
#content .slideshowText .referenzNr {padding: 45px 0 3px 30px; margin: 0; color: #8f9999;}
#content .slideshowText h1 {font-size: 1.36em; line-height: 1.26em; margin: 0; padding: 0 0 5px 30px; font-weight: normal;}
#content .slideshowText .referenzKunde {margin: 0; padding: 0 0 0 30px; color: #8f9999;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* NEWS TICKER */
/* -------------------------------------------------------------------------------------------------------------------------- */

#wrapTicker {clear: both; width: 720px; position: relative; top: 0; left: 0; height: 25px; margin: 0; margin-top: 6px; background: #fff; border-top: 10px solid #dee6e5;}
#newsTicker {clear: both; width: 720px; position: relative; top: 0; left: 0;}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
/*border-top: 10px solid #dee6e5;*/
background: #fff; 
width: 720px; 
height: 25px; 
margin: 0; 
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: 0;
top: 6px;
width: 720px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 720px;
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;
background: #fff;
}

ul.newsticker a {
padding: 0;
color: #55af33;
font-weight: bold;
margin: 0 30px 0 0;
} 

ul.newsticker span {
margin: 0 2px 0 0;
}