




/* scrollable div area */
			#scrollable1 {
           
				float: left;
				height: 440px;
				width: 510px;
				border: 0;
				overflow: hidden;
                display: inline;
                position: relative;
                border-bottom: 0px solid #002659;
                margin: 0;
                padding: 0 10px 0 0;
			}
				
            
			
			
			/* vertical track */
			#track1 {
				float: left;
				background:  #5e5a54 url(../img/scroller-bg.gif) top left no-repeat;
				height: 440px;
				width: 11px;
				border-bottom: 0px solid #002659;
			}
			
          
		
			#handle1 {
				height: 217px;
				width: 11px;
				background: transparent url(../img/scroll-handle.gif) top left no-repeat;
				cursor: pointer;
			}
			
			/* horizontal track */
			#track2 {
				float: left;
				clear: both;
				width: 710px;
				height: 11px;
				margin-top: 0;
				background: #e1e4e9;
			}
			
			/* horizontal track handle */
			#handle2 {
				width: 70px;
				height: 11px;
				background-color: #002659;
				cursor: move;
			}
			
			/* scrollable div area */
			#scrollable2 {
			    background:#fff;
				float: left;
				width: 710px;
				height: 500px;
				padding: 8px;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
				overflow: hidden;
				white-space: nowrap;
			}
			      
		
			
			/* wrap to make sure that image area is clickable */
			#wrap3 {
				float: left;
				width: 15px;
				height: 201px;
				background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
			}
			
			/* top image of track */
			#track3-top {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url(images/scrollbar-track-top.png) no-repeat top left;
			}
			
			/* vertical track */
			#track3 {
				position: absolute;
				width: 15px;
				height: 201px;
			}
			
			/* vertical track handle */
			#handle3 {
				width: 15px;
				height: 37px;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap4 {
				float: left;
				clear: both;
				width: 301px;
				height: 15px;
				background: transparent url(images/scrollbar-track-right.png) no-repeat top right;
			}
			
			/* left image of track */
			#track4-left {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
			}
			
			/* horizontal track */
			#track4 {
				position: absolute;
				width: 301px;
				height: 15px;
			}
			
			/* horizontal track handle */
			#handle4 {
				width: 37px;
				height: 15px;
			}
			
			
			/* Inhaltsspalten Speise und Menue */
			
    #scroll-left, #scroll-right {
                float:left;
        		width:338px;
        		padding:5px;
			}

			