#projects
{
overflow:visible;
height:486px;
padding:0px 0px 1px 0px;
background: url(img/dashed_line.png) repeat-x left bottom;
}

#projects .title
{
clear:both;
float:left;
display:inline;
width:800px;
height:11px;
margin:6px 0px 7px 17px;
background: url(img/title_aktuelleprojekte.png) no-repeat 0px 0px;
}

#projects .title span
{
display:inline;
visibility:hidden;
}

#projects .cbox
{
clear:both;
float:left;
display:inline;
width:848px;
overflow:visible;
border-top:1px solid #CCCCCC;
margin:0px 0px 0px 17px;
padding:12px 0px 0px 0px;
}

#content
{
margin:0px 0px 15px 11px;
background: #F6F6F6 url(img/dashed_line.png) repeat-x left bottom;
}

#content .cbox
{
width:848px;
margin:26px 0px 26px 17px;
}



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.tx-kfprojects-pi2
{
    width: 846px; 
    height: 376px;	
    border: 1px solid #cccccc;	
}

div.scrollable { 
 
    /* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 846px; 
    height: 376px;
}

 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width: 20000em; 
    position: absolute; 
    margin-left: 142px;
} 

div.scrollable div.items img
{
	float: left;
	display: inline;
	margin: 4px 2px 4px 2px;	
}

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float: left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border: 1px inset #ccc; 
    background-color: #fff; 
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
.tx-kfprojects-pi2 a.browse {
	background: url(img/project_navigation.png) no-repeat top left;
	position: absolute;
	display: block;
	width: 142px;
	height: 376px;
	float: left;
	margin: 0px;
	cursor: pointer;
	z-index: 10;
}

.tx-kfprojects-pi2 a.prevPage {
	background-position: left top;
}

.tx-kfprojects-pi2 a.prevPage:hover, .tx-kfprojects-pi2 a.prevPage:focus, .tx-kfprojects-pi2 a.prevPage:active
{
	background-position: left bottom;
}

.tx-kfprojects-pi2 a.nextPage {
	background-position: right top;
	margin: 0px 0px 0px 704px;
}

.tx-kfprojects-pi2 a.nextPage:hover, .tx-kfprojects-pi2 a.nextPage:focus, .tx-kfprojects-pi2 a.nextPage:active
{
	background-position: right bottom;
}

#detailslink
{
	clear: both;
	float: left;
	display: inline;
	width: 57px;
	height: 18px;
	position: relative;
	background: url(img/icon_details.png) no-repeat left top;
	margin: 3px 0px 0px 646px;
}