div.scrollable                
        {              
            /* required settings */ 
            float: left;
            position:relative; 
            overflow:hidden;          
            width: 672px;   
            margin: 0 15px 0 15px; 
            height: 261px;     
        }
        div.less
        {    
    	 position: absolute;
    	 top: 50%;
    	 left: 50%;
     	 margin-left: -201px;
    	 height: 572px;
    	 margin-top: 25px;    	 
            height: 261px;
            width: 15px;

            z-index: 100000; 

        } 
        
        div.more
        {
    	 position: absolute;
    	 top: 50%;
    	 left: 50%;
     	 margin-left: 486px;
    	 height: 572px;
    	 margin-top: 25px;    	 
            height: 261px;
            width: 15px;
                
            z-index: 100000;
        }
        
        div.less div.top
        {
            height: 40px;
            background-color: #554A44;
        }        
        
        div.less div.bottom
        {
            height: 259px;
            line-height: 221px;
            color: #fff;
            font-weight: bold;
            /* border-left: 1px #554A44 solid;*/
           /* border-right: 1px #554A44 solid; */

            cursor: pointer;        
         
        }     
        div.less div.bottom a.prev{
            display: block;
            width: 15px;
            height: 249px;
            background-image: url("../img/graphics/menu/terug.gif");
            background-repeat: no-repeat;
            background-position: top left;
            
        }                     
        
        div.more div.top 
        {
            height: 40px;
            background-color: #554A44;
        }     

        div.more div.bottom
        {
            height: 259px;
            line-height: 221px;
            color: #fff;
            font-weight: bold;
            /* border-left: 1px #554A44 solid; 
            border-right: 1px #554A44 solid; */
         
            cursor: pointer;                          
        }       
        div.more div.bottom a.next{
            display: block;
            width: 15px;
            height: 249px;
            background-image: url("../img/graphics/menu/verder.gif");
            background-repeat: no-repeat;
            background-position: top left;
        }   
  
         
        /*  
            root element for scrollable items. Must be absolutely positioned 
            and it should have a super 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;                     
        } 
         
        /*  
            a single item. must be floated on horizontal scrolling 
            typically this element is the one that *you* will style 
            the most. 
        */ 
        div.scrollable div.items div.land_container 
        { 
             float:left; 
             height: 261px;
             width: 171px;             
        }
         
        div.scrollable div.items div div.top 
        {
            height: 40px;
            width: 171px;
            background-color: #554A44;
        }
        div.scrollable div.items div div.list {
            height: 211px;
            width: 170px;
            border-right: 1px solid #554A44;             
            background-color: #372B23;
        }   
        div.scrollable div.items div div.list  div.gebied 
        {
            	font-family: "Trebuchet MS", Trebuchet, Calibri, Arial;
            	font-size: 12px;
            	font-style: italic;
            	line-height: 18px;
            	padding-top: 7px;
            	letter-spacing: 0.1em;
            	width: 160px;
            	padding-left: 10px;
            	height: 12px;        
        }  
           
        div.scrollable div.items div div.top div.land 
        {        
            	font-family: "Trebuchet MS", Trebuchet, Calibri, Arial;
            	font-size: 14px;
            	height: 25px;
            	padding-top: 5px;
            	padding-left: 10px;            	
            	width: 160px;
            	font-weight: normal;      
            	border-right: 1px #8C827A solid;  
       }
         
        /* you may want to setup some decorations to active item */ 
        div.items div.active { 
            /*border:1px inset #ccc;         
            background-color:#fff; */
        }