/* 
			Scrollable
		*/ 

		div.scrollable { 
			/* required settings */
			position: absolute;
			top: 50px;
			left: 15px;
			overflow:hidden;
			width: 950px;
			height: 160px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		} 

		div.scrollable div.items { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute;
		} 

	
		/* Carousel */
		div.scrollable div.items div.object {
			float:left;
			width: 175px;
			margin: 0px 18px 0px 0px;
			padding: 0px;
			cursor: pointer;
		}

		div.scrollable div.items div.object img {
			float:left;
			width: 175px;
			border: 0px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
		}
		
		div.scrollable div.items div.object a {
			float: left;
			display: block;
			width: 175px;
			text-decoration: none;
			border: 0px;
			cursor: pointer;
			background: none;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			color: #15334c;
			background:  url("../images/thumbshadow.jpg") no-repeat 0px 105px;
		}
		div.scrollable div.items div.object a:hover {
			width: 175px;
			text-decoration: none;
			border: 0px;
			cursor: pointer;
			color: #00bce4;
		}
		
		div.scrollable div.items div.object .adres_titel {
			width: 175px;
			text-align: center;
			display: block;
			font-family: 'Yanone Kaffeesatz', arial, serif;
			font-size: 20px;
			font-weight: 300;
			text-transform: uppercase;
		}
		




/* BUTTONS */

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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:32px;
	height:32px;
	position: absolute;
	top:0px;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
	z-index: 999;
}


/* right */
.right {
	width:32px;
	height:32px;
	right: 35px;
	background:url(../images/arrow_right.gif) no-repeat 0px 0px;
}
a.right 				{ background-position: 0px 0px;}
a.right:hover 	{ background-position: 0px -32px; }
a.right:active 	{ background-position: 0px -32px; }


/* left */
.left {
	width:32px;
	height:32px;
	right: 72px;
	background:url(../images/arrow_left.gif) no-repeat 0px 0px;
}
a.left					{ background-position: 0px 0px;} 
a.left:hover  		{ background-position: 0px -32px; }
a.left:active 	 	{ background-position: 0px -32px; }



/* disabled navigational button */
a.disabled {
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
} 	




/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 222px;

}

/* accordion header */
#accordion h6 {
	background: url("../images/accordion_top.gif") no-repeat 0px 0px;
	margin:0;
	height: 46px;
	padding: 0px 0px 0px 35px;
	margin: 10px 0px 0px 0px;
	font-weight:normal;
	border:0px solid #060606;
	cursor:pointer;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	font-weight: 300;
	text-transform: uppercase;
}
#accordion h6:hover {
	color: #ec984a;
}

/* currently active header */
#accordion h6.current {
	cursor:default;
	color: #ec984a;
	background: url("../images/accordion_top_down.gif") no-repeat 0px 0px;
}

/* accordion pane */
#accordion .pane {
	background: #e9e5e0;
	display:none;
	height:170px;
	padding:10px 15px 15px 15px;
	margin: 0px 6px 0px 0px;
	color:#3d3d3d;
	font-size:12px;
}
/* accordion pane */
#accordion .pane2 {
	background: #e9e5e0;
	display:block;
	height:180px;
	padding:10px 15px 15px 15px;
	margin: 0px 6px 0px 0px;
	color:#3d3d3d;
	font-size:12px;
}

#accordion .pane p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	line-height: 17px;
}