@charset 'utf-8';


/*
    Tejat Coda GUI~ /*~

------------------------------ */
/*
 *  File: slider.css
 *  Abstract: CSS properties for coda slider 
 *  Version: 1.0.
 *  © Team Tejat Hamburg 2008 / 8grad: INTERNET http://www.tejat.de	
 */


/*to use fonts:   MONOTYPE:
                Linux:  Bitstream Vera Sans Mono
                Mac:    Anadale Mono
                Win:    Lucida Console
                
                SANS
                Linux:  Bitstream Vera Sans
                Mac:    Lucida Grande
                Win:    Lucida Sans, Lucida Sans Unicode
*/

/* coda slider styles */
        
    a img:hover{
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter:alpha(opacity=80);
        }
        
        
    .slider-wrap { 
        position: relative;
        top: 35px;
        left: 50px;
        border: 0px dotted #333;
        width: 860px;
        height: 470px;
        background-image: url(http://tejat.de/wp-content/themes/tejat/slider/images/slider_bg.jpg);
        background-repeat: no-repeat;
    }
    
    /* is were the picture & Text is in */
    .wrapper{
        position: relative;
        top: -10px;
        left:0px;
        width: 800px;
        height:300px;
        font:0.9em "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", sans-serif !important;
        line-height:1.7em !important;
        color: #5d5d5d; /* main text color */
        padding-right: 40px;
        padding:top 20px;
        overflow: hidden;
        border: 0px solid #999;
        text-align: left;
    }
    
    strong{
        color:#000;
        font-weight: normal;
    }
    
     /* the image in the calss wrapper */
    .wrapper img{
        border:0px solid #000;
        float:left;
        margin-right:15px;
        margin-left:15px;
        margin-top:0px;
        max-height:285px;
        width: auto;
        display: inline;
        }
        
    html body div#wrapper div#container div.slider-wrap div#slider1.stripViewer div.panelContainer div.panel div.wrapper p a{ }
    
    
    .wrapper a:link, .wrapper a:visited{border-bottom: 1px dotted #d7d7d7; text-decoration: none; color:#000; margin-bottom: 10px; line-height:12px;}
    html body div#wrapper div#container div.slider-wrap div#slider1.stripViewer div.panelContainer div.panel div.wrapper a:after{content:"";}
    
    /* These 2 lines specify style applied while slider is loading */
    .csw {width: 100%; height: 417px; overflow: hidden; border:0px solid red;}
    .csw .loading {margin: 200px 0 300px 0; text-align: center}

    .stripViewer { /* This is the viewing window */
        border: 0px dotted red;
        position: relative;
        left: -8px;
        float: right;
        overflow: hidden; 
        margin: auto;
        width: 842px; /* Also specified in  .stripViewer .panelContainer .panel  below */
        height: 400px;
        clear: both;
        }


    .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
        position: relative;
        left: 0px; top: 0px;
        width: 100%;
        list-style-type: none;
        /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
        }


    .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
        float:left;
        height: 100%;
        position: relative;
        }


    /* This is the div to hold your nav (the UL generated at run time) */
    .stripNav { 
        z-index: 2;
        position: relative;
        top:415px;
        left:-30px;
        width:900px !important;
        border: 0px solid #999;
        }


    .stripNav ul { /* The auto-generated set of links */
        list-style: none;
        }


    .stripNav ul li {
        float: left;
        margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
        }


    /* the bottom links */
    .stripNav a { 
        color: #c6c6c6;
        text-decoration: none;
        padding-right: 9px;
        font-family: "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", sans-serif; 
        font-size: 10px; 
        text-align: left; 
        width: 170px; 
        text-transform: none;
        word-spacing: 1px;
        }


    .stripNav a:after { 
        content:"~";
    }
    
    
    .stripNav li.tab1 a { background: transparent }
    .stripNav li.tab2 a { background: transparent }
    .stripNav li.tab3 a { background: transparent }
    .stripNav li.tab4 a { background: transparent }
    .stripNav li.tab5 a { background: transparent }


    .stripNav li a.current {
        color: #000 !important;
        }


    .stripNavR { /* The right arrow */
        position: absolute;
        width: 50px;
        height: 50px;
        top: 405px;
        left: 800px;
        z-index: 2;
        color: transparent;
        border: 0px solid #000;
        }


    .stripNavL { /* The left arrow */
        position: relative;
        width: 50px;
        height: 50px;
        top: 404px;
        left:765px;
        z-index: 2;
        color: transparent;
        border: 0px solid #000;
        }


    .stripNavL a, .stripNavR a {
        display: block;
        height: 40px;
        width: 40px;
        }
        
    
    /*IE*/    
    .stripNavL{
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://tejat.de/wp-content/themes/tejat/slider/images/arrow-left.png');
            background-repeat: no-repeat; 
            }
    
    .stripNavL[class] {
        background: url("images/arrow-left.png") no-repeat center;
        }
        
    
    /*IE*/    
    .stripNavR{
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://tejat.de/wp-content/themes/tejat/slider/images/arrow-right.png');
            background-repeat: no-repeat; 
            }

    .stripNavR[class] {
        background: url("images/arrow-right.png") no-repeat center;
        }