/* Tox-oranje: #FF9900 #FF6A00 */

      h4{ font-family: Helvetica, Sans-Serif; font-size: 15px; }

      /* style.css: tab */

      * {
      margin: 0;
      padding: 0;
      }

      body {
      font-size: 75%;
      color: #222;
      background: #ffffff;
      font-family: Helvetica, Sans-Serif;
      line-height: 1.6em;
      }

      .widget {
      width: 220px;
      margin: 0px;
      padding: 10px;
      background: #f3f1eb;
      border: 1px solid #dedbd1;
      }

      /* #FF9900;  FF6A00*/  

      .widget a {
      color: #FF6A00;
      text-decoration: none;
      }
      
      .widget a:hover {
      color:  #2B2B2B; /*#FF9900;*/
      text-decoration: underline;
      }

      .tabnav li {
      display: inline;
      list-style: none;
      padding-right: 5px;
      }
	
		.tabnav li a {
		text-decoration: none;
		/*text-transform: uppercase;*/
		color: #222;
		font-weight: bold;
		padding: 4px 8px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #dedbd1;
		color: #222;
		text-decoration: none;
		}
		
      .tabdiv {
      margin-top: 2px;
      background: #fff;
      border: 1px solid #dedbd1;
      padding: 5px;
      }
	
		.tabdiv li {
		list-style: none; /*list-style-image: url("star.png"); */
		margin-left: 0px;
		}

      .ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
      .fvid {
      margin-bottom: 5px;
      }
   
      .vidselector li {
      text-align: left;
      list-style: none;
      padding: 5px;
      background: #ffffff;
      border: 1px solid #dedbd1;
      text-transform: uppercase;
      margin-bottom: 5px;
      }
      
      
      /* style.css: text */
      #wrapper {
         width: 430px;
         height: 400px;
         /*margin: 30px auto;*/
         /*background: #0d0d0d url(images/header.jpg) no-repeat;*/
         /*padding: 55px 25px 25px 25px;*/
         /*border: 12px solid #2e2e2e;*/
         /*position:relative;*/
      }

      #load {
         display: none;
         position: absolute;
         left: 0px;
         top: 0px;
         background: url(ajax-loader.gif);
         width: 43px;
         height: 43px;
         text-indent: -9999em;
      }

      #contentz img.right {
         float: right;
         margin: 0 0 8px 8px;
      }

      
      /* style.css: top-image */
      a								{ text-decoration: none; outline: none; }
      a img							{ border: none; }
      
      a.tekst                 { color: #FFFFFF; }
      a.tekst:hover;          { color: #FFFFFF; }

      #slider						{ height: 227px; overflow: hidden; position: relative; margin: 0px 0; }
                                
                                /* DEFAULT is for three panels in width, adjust as needed his only matters if JS is OFF, otherwise JS sets this. */								  
      #mover						{ width: 2100px; position: absolute; }

      .slide						{ padding: 20px 10px; width: 700px; float: left; position: relative; }
      .slide h1					{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #2B2B2B; margin:0px; margin-bottom:10px;}
      .slide p						{ padding: 10px 10px; color: #FFFFFF; font-size: 12px; line-height: 22px; width: 380px; }
      /*.slide img            { position: absolute; top: 20px; left: 420px; }*/
      .afbeeldingslide        { position: absolute; top: 20px; left: 420px; }
      #slider-stopper			{ position: absolute; top: 1px; right: 20px; color: white; 
                                padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; } 


      /* style.css: slideshow */
      .slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
          font:12px Verdana, Tahoma, sans-serif;
      }

      .slideshow {
          padding:0px;
          margin:0px;
          position:relative;
          display:none;           /* Set to "none" for not preview slideshow content */
      }

      .slideshow-label {    
          background:url(images/info.png) 0 0 no-repeat;
          height:26px;
          line-height:26px;
          padding-left: 26px;
          border:0px solid #fff;
          background-color:#f5f5f5;
      }

      .slideshow-frame {
          position:absolute;
          top:0px;
          left:0px;
          background:url(images/big-play.png) 50% 50% no-repeat;
          z-index:201;
          cursor:pointer;
          width:100%;
          height:100%;
      }

      .slideshow-shadow{
          position:absolute;
          top:0px;
          left:0px;
          background:#333;
          z-index:200;
          opacity:0.5;
          width:100%;
          height:100%;
      }
      
      .slideshow-panel-place {
          position:absolute;
          bottom:3px;
          left:3px;    
          z-index:100;
          height:28px;   
      }


      .slideshow-panel {
          z-index:101;    
          background-color:#fff; 
          width:100%;
          height:100%;
      }

       .slideshow-panel a.button {
           display: block;
           width:26px;
           height:26px;
           float:left;
           text-indent:-99999%;
           overflow:hidden;
           outline: 0; /* @ Firefox, prevent dotted border after click */ 
           border:0px solid #fff;
           background-repeat:no-repeat;
           opacity: 0.7;
       }
    
        .slideshow-panel a.button:hover {
            border:1px solid #ccc;
            opacity: 1;
        }
        
        
        .slideshow-panel a.first {
            background-image:url(images/first.png)
        }
        
        .slideshow-panel a.prev {
            background-image:url(images/prev.png)
        }
        
        .slideshow-panel a.play {
            background-image:url(images/play.png)
        }
        
        .slideshow-panel a.stop {
            background-image:url(images/stop.png)
        }
        
        .slideshow-panel a.next {
            background-image:url(images/next.png)
        }
        
        .slideshow-panel a.last {
            background-image:url(images/last.png)
        }
        
        .slideshow-panel a.help {
            position:relative;
            background-image:url(images/help.png)
        }
        
        .slideshow-panel span.counter {
            float:right;
            display: block;
            /*width:26px;*/
            height:26px;
            line-height:26px;
            padding:0 4px;
        }


      .slideshow-help {
          position:absolute;
          bottom:28px;
          left:0px;    
          z-index:101;   
          background-color:#ff9; 
          display:none;
          opacity: 0.9;
          padding:0px;
      }

      .slideshow-content {
          padding:0px;
          margin:0px;
          border:0px solid #ccc;
          background-color:#fff;
          color:#333;
          overflow:hidden;
          position:relative;
          width:100%;
          height:100%;
      }

       /* Some Content Changes */
       .slideshow-content p {
           padding:0px;
           margin:0px;
           overflow:auto;
       }