/* Louis Oplaender Stylesheet 
 * 2008
 * 
 * Colours:
 * background-color: #d9e7f0 (body)
 * background-color: #ffffff (page, header, content, toolbox)
 * background-color: #cfd0d2 (navigation)
 * font-color: #444444 (Navigation, Content text, Content h2) 
 * font-color: #172a77 (Navigation selected)
 * font-color: #014eda (Subnavigation selected, Linkcontent)
 * background-color: #f1f1f1; (Background Content Teaser)
 * font-color: #1e307a; (Content h1)
 * typography: px/12=em
 * 
*/
/* GLOBAL RESET ------------------------------------------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;    
}
table 
{ 
    border-collapse: collapse; 
    border-spacing: 0; 
}
    
a, a:link, a:visited, a:hover, a:focus 
{     
    outline: 0;
    text-decoration: none; 
    color: #014eda;
}
a:hover
{
    text-decoration: underline;
}
ul li 
{ 
    list-style-type: none; 
    height: 1%; 
}
body 
{     
    margin: 0;
    background: #d9e7f0; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    /* font-size: 75%; */
    font-size: 85%;
    line-height: 1.5; 
}
/* PAGE -------------------------------------------------------------------------------------------------------- */
#page
{
    width: 948px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px 0 16px;
    background-color: #fff;
    background-image: url('p/layout/shadow-center.gif');
    background-repeat: repeat-y;
    
    /*firefox hack*/
    border-top:solid 1px transparent; 
    border-bottom:solid 1px transparent; 
    border-left:solid 1px #d9e7f0; 
    border-right:solid 1px #d9e7f0; 
}
/* SHADOW ------------------------------------------------------------------------------------------------------ */
#shadow-top, 
#shadow-bottom
{
    width:980px;
    /*height:55px; */
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-color: #d9e7f0;
}
#shadow-top
{    
    background-image: url('p/layout/shadow-top.gif');    
    background-position: bottom center;
}
#shadow-bottom
{
    background-image: url('p/layout/shadow-bottom.gif');
    background-position: top center;
}
/* HEAD -------------------------------------------------------------------------------------------------------- */
#head
{
    width: 948px;
    height: 165px;
    padding-top: 10px;
    position:relative;
    background-image: url('p/layout/ruler-head.jpg');
    background-repeat: no-repeat;
    background-position: 40px 109px;    
}

    #head img#logo
    {
        display:none;
    }

    /*logo*/
    #head h1
    {        
        width: 213px;
        height: 80px;    
        margin-top: 12px;
        background-color: gray;    
        background-image: url('p/layout/oplaender_logo.gif');
        background-repeat: no-repeat;
        float: left;        
        letter-spacing: -1000em; /*hide text*/
        font-size: 1px;
    }
    /* Just for Opera, but hide from MacIE */
    /*\*/html>body #head h1 { letter-spacing: normal; text-indent: -999em; overflow: hidden;}
    /* End of hack */
    
        #head h1 a
        {
            width: 213px;
            height: 80px;
            float: right;
            display: block;                        
        }
        
    #head #banner /*img*/
    {
        float: right;                
    }        
/* NAVIGATION --------------------------------------------------------------------------------------------------- */    
#navigation
{
    width: 948px;
    height: 44px;
    margin: 0 0 18px 0px;
    position:relative;
    background-color: #cfd0d2;
    font-size: 0.83em;
}
    
    #navigation li
    {        
        height: 35px;
        margin: 5px 20px 0 5px;
        padding: 2px 7px 2px 12px;
        float: left;
        color: #172a77;                    
        display: block;
    }
    
    #navigation li.selected
    {
        background-color: #fff;
        background-image: url('p/layout/navi-corner.gif');
        background-repeat: no-repeat;        
    }
    
        #navigation li a
        {
            color: #444444;
        }    
                        
        #navigation li a:hover, 
        #navigation li.selected a:hover
        {
            text-decoration: none;    
            color: #014eda;
        }
        
        #navigation li.selected a
        {
            font-weight: bold;
            color: #1e3078;            
        }
        #navigation li ul
        {
            height: 20px;
            margin-left: -8px;
            padding-bottom: 1px;
            position: absolute;
            bottom:0;            
            background-color: #fff;
            line-height: 8px;
            display: block;
            visibility: hidden;                            
        }
                
        #navigation li.selected ul
        {
            background-image: none;
            visibility: visible;
        }
                        
            #navigation li ul li
            {        
                height:auto;            
                padding: 2px 2px 2px 3px;                                            
            }

                #navigation li.selected ul li a
                {
                    font-weight: normal;
                }
            
            #navigation li ul li.selected
            {
                background-image: none;            
            }
            
                #navigation li ul li.selected a
                {                    
                    color: #014eda;
                }
/* CONTENT --------------------------------------------------------------------------------------------------- */            
#content
{
    width: 708px;
    min-height: 500px;
    float: left;
    font-weight: normal;    
    line-height: 18px;
    color: #444;
    position:relative; /*new*/
}

    #content h1
    {
        color: #1e307a;
        margin-bottom: 10px;
        font-size: 1.16em;
        font-weight: bold;
    }
    
        #content h1 a
        {
            color: #1e307a;
        }
    
    #content h2
    {
        font-size: 1em;
        font-weight: bold;
        display: block;     
    }
    
    #content p
    {
        display: block;
    }

    #content ul
    {
        margin: 10px 0 10px 20px;
    }
    
        #content ul li
        {
            list-style-type: disc;        
        }
    
    #content div
    {
        margin-bottom: 4px;
    }
    
        #content div div
        {
            margin-bottom: 0;
        }

/*----- fancybox*/
    #content a.fancybox span.mag-icon
    {
        display:block;
        width:15px;
        height:15px;
        background-image: url('p/layout/mag_icon.png');
        position: absolute;
        left: 0px;
        margin-left: 115px;
        margin-top: 82px;    
    
    }
        
/*----- module: standard-content*/    
        #content div.standard-content div
        {
            padding: 15px;
            background-color: #f1f1f1;
            font-size: 0.91em;                
        }
                                
            #content div.standard-content img
            {
                width: 708px;
                margin-bottom: 4px;
            }

/*----- module: short-text*/
        #content div.short-text
        {
            padding: 15px;
            background-color: #f1f1f1;
            font-size: 0.91em;    
            overflow:auto;            
        }
             #content div.short-text div
            {
                width: 547px;
                float: left;
                display: block;                                    
            }
        
            #content div.short-text img
            {
                width: 120px;
                height: 100px;
                margin-right: 10px;
                border: none;
                float:left;    
            }      
              
/*----- module: teaser-list*/
        #content div.teaser-list div.teaser-list-element
        {
            width: 678px;
            padding: 15px;
            background-color: #f1f1f1;
            font-size: 0.916em;            
            overflow: auto;                    
        }
             #content div.teaser-list div.teaser-list-element img
            {
                width: 120px;
                height: 100px;
                margin-right: 10px;
                border: none;
                float:left;            
            }
            
            #content div.teaser-list div.teaser-list-element div
            {
                /*width: 567px;*/
                width: 530px; /*new*/
                border: none;
                float: left;
                display: block;                                    
            }
                                                    
        
/*----- module: toggle*/                                                                
        #content div.collapsible-toggle
        {
            width: 708px;
            margin-bottom: 4px;
            background-color: #cfd0d2;
            background-image: url('p/layout/arrow.gif');
            background-repeat: no-repeat;
            background-position: 688px center;                        
        }
        
        #content div.collapsible-toggle.closed
        {
            background-image: url('p/layout/arrow-right.gif');            
        }
        #content div.collapsible-panel
        {
            padding: 10px;    
            background-color: #f1f1f1;   
            background-image: none;         
        }
        
            #content div.collapsible-toggle h1
            {
                padding: 3px 0px 3px 6px;
                cursor: pointer;
                font-size: 0.916em;
            }
                    
/*----- module: contact*/    
        #content div.contact
        {
            font-size: 0.916em;
        }
                                                            
            #content div.contact p
            {
                margin-top: 20px; 
            }
        
            #content div.contact legend
            {
                margin-bottom: 10px;
                font-size: 1.083em;
                color: #1f2f7a;                                
            }
                            
            #content div.contact label
            {
                width: 120px;
                float:left;
                clear: left;                
                display: block;     
            }
        
            #content div.contact input, 
            #content  div.contact select
            {
                width: 200px;
                margin-bottom: 6px;
                float:left;                
                display: block;                 
            }
        
            #content div.contact textarea
            {
                width: 350px;
                height: 100px;
                float: left;                                
                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 0.916em;
                display: block; 
            }
                        
            #content div.contact a
            {
                margin-right: 216px;
                margin-top: 10px;
                text-align: right;
                display: block;                
            }
        
/*----- module: directions*/        
        #content div.directions
        {
            font-size: 0.916em;
        }            
                                    
            #content div.directions a
            {        
                margin-top: 10px;
            }
/*----- module: references*/            
        #content div.references
        {
            width: 708px;
            margin-bottom: 20px;
            padding-bottom:20px;
            background-color: #f1f1f1;
            overflow:auto;                                
        }    
        
            #content div.references img
            {
                width: 150px;
                height: 100px;
            }
        
            #content div.references a, 
            #content div.references img
            {
                margin: 50px 50px 20px 35px;
                float: left;
                background-color: #f1f1f1;
            }    
            
                #content div.references a img
                {
                    margin: 0;
                    float:none;                    
                }

/*----- module: flash*/    
        #content div.flash
        {
            width: 708px;
            padding: 20px 0 20px 0;
            text-align: center;
            background-color: #f1f1f1;
        }
                
/* TOOLBAR --------------------------------------------------------------------------------------------------- */                    
#toolbar
{
    width: 220px;
    min-height: 500px;
    margin: 0 0 0 20px;
    float: right;            
    line-height: 16px;        
    font-size:0.916em;
    color: #444;
}
    #toolbar h1 
    {
        margin: 0 0 10px 0;
        font-size: 1.083em;
        font-weight: bold;
        color: #172a77;                        
    }
    
    #toolbar h2
    {                    
        font-weight: bold;
    }
    #toolbar div
    {
        clear: both;
    }
        #toolbar div img
        {
            width: 220px;
            height: 65px;
            margin: 0 0 16px 0;
        }

            #toolbar div.img-link img
            {
                width: auto;
                height: auto;
            }
                                    
        #toolbar div a
        {
            margin: 0px 0 5px 0;
            float: left;
            clear:left;
            display:block;            
        }
            
    #toolbar fieldset
    {
        padding: 10px 0 10px 0;
    }
        #toolbar  fieldset label
        {
            width: 50px;
            float:left;
            clear: left;            
            display: block; 
        }
        
        #toolbar fieldset input
        {
            margin: 0px 0 6px 0px;            
        }
                                    
        #toolbar  fieldset input, 
        #toolbar  fieldset textarea, 
        #content  fieldset select
        {
            width: 166px;
            float:left;            
            display: block;     
            clear:left;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 1.2em;
        }
                
/*----- module: contact*/                    
        #toolbar div.contact 
        {
            margin: 0 0 15px 0;
        }
        
            #toolbar div.contact a
            {
                float: none;
            }
            
            #toolbar div.contact div.collapsible-toggle a
            {
                padding-left: 15px;
                background-image: url('p/layout/mail.gif');                    
                background-repeat: no-repeat;
                background-position: left center;
            }
            
                
            #toolbar div.contact div.vcard
            {
                margin: 0 0 10px 0;
                float: left;
                clear:left;            
            }

                #toolbar div.contact div.vcard span.fn
                {
                    font-weight:bold;
                }
        
/*----- module: teaser-list and news-list*/
        #toolbar div.teaser-list,
        #toolbar div.news-list
        {
            margin: 0 0 28px 0;
            float: left;
            clear: left;                
        }
        
            #toolbar div.teaser-list h1,
            #toolbar div.news-list h1
            {
                margin-bottom:4px;
            }
                        
            #toolbar div.teaser-list div.teaser-list-element,
            #toolbar div.news-list div.news-list-element             
            {
                padding: 5px 0 0 0;
            }
        
/*----- module: links*/    
        #toolbar div.links
        {                    
            margin: 0 0 28px 0;                    
        }
        
            #toolbar div.links a
            {
                float:none;
            }
                
            #toolbar div.links ul
            {
                margin-top: 10px;
            }
            
                #toolbar div.links ul li
                {
                    height: 25px;                    
                }
                        
                #toolbar div.links ul li.download
                {
                    padding-left: 23px;
                    background-repeat: no-repeat;                         
                }
                
                #toolbar div.links ul li.pdf
                {
                    background-image: url('p/layout/icon_pdf.gif');
                }
                
                #toolbar div.links ul li.zip
                {
                    background-image: url('p/layout/icon_zip.gif');
                }
                
                #toolbar div.links ul li.exe
                {
                    background-image: url('p/layout/icon_exe.gif');
                }
                
                #toolbar div.links ul li.all
                {
                    background-image: url('p/layout/icon_general.gif');
                }

                #toolbar div.links ul li.excel
                {
                    background-image: url('p/layout/icon_excel.gif');
                }

                #toolbar div.links ul li.gif
                {
                    background-image: url('p/layout/icon_gif.gif');
                }

                #toolbar div.links ul li.jpg
                {
                    background-image: url('p/layout/icon_jpg.gif');
                }

                #toolbar div.links ul li.mov
                {
                    background-image: url('p/layout/icon_mov.gif');
                }
                #toolbar div.links ul li.mpeg
                {
                    background-image: url('p/layout/icon_mpeg.gif');
                }
                #toolbar div.links ul li.powerpoint
                {
                    background-image: url('p/layout/icon_powerpoint.gif');
                }

                #toolbar div.links ul li.text
                {
                    background-image: url('p/layout/icon_text.gif');
                }
                #toolbar div.links ul li.tif
                {
                    background-image: url('p/layout/icon_tif.gif');
                }
                #toolbar div.links ul li.word
                {
                    background-image: url('p/layout/icon_word.gif');
                }

                
/* FOOTER --------------------------------------------------------------------------------------------------- */            
#footer
{
    width: 928px;
    height: 32px;
    margin-bottom: 20px;
    position: relative;
    clear: both;    
    background-image: url('p/layout/footer_ruler.jpg');
    background-repeat: no-repeat;
    background-position: 15px 3px;
    font-size: 0.916em;        
}
    #footer a
    {
        color: #444;        
    }
    
    #footer address
    {
        display: none;
    }
    
    #footer ul
    {
        margin: 20px 0 0 0px;        
    }
        
    #footer ul#languages
    {
        margin-left: 8px;
        float:left;
            
    }
            
    #footer ul#footer-links
    {    
        margin-right: -8px;    
        float: right;        
    }
    
        #footer ul#languages li, 
        #footer ul#footer-links li
        {
            padding: 0 7px 0px 7px;    
            float:left;                    
        }
        
        #footer ul li.pipe
        {
            background-image: url('p/layout/pipe.gif');
            background-repeat: no-repeat;
            background-position: right center;            
        }

/* PRINT ----------------------------------------------------------------------------------------------------- */         
@media print {
    html, body 
    { 
        background-image: none; 
    }
    
    object
    {
        display:none;
    }
    
    #head img#logo
    {
        display: block;
    }
    #navigation
    {
        display: none;
    }
    
    #page
    {
        width: 100%;
        border:0;
        background-image: none;
    }
    
    #toolbar, #content
    {
        float:none;
        margin:0;
        padding:0;    
    }
        
    #footer ul
    {
        display:none;
    }
    #footer address
    {
        display: block;
        float:left;
        clear:both;
    } 
    .collapsible-panel.closed
    {
        display: block;
    }    
}

/* ASP.NET --------------------------------------------------------------------------------------------------- */           
.ErrorMessage
{
    color: Red;    
}

/* jQuery ---------------------------------------------------------------------------------------------------- */  
.collapsible-panel.open
{
    display:block;    
} 
.collapsible-panel
{
    display: none;    
} 

/* fancybox ------------------------------------------------------------------------------------------------- */  
div#fancy_overlay {
    position:absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    background-color: #333;
}
div#fancy_loading {
    position: absolute;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    background: transparent;
    z-index: 100;
}
    div#fancy_loading div {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 480px;
        background: transparent url('p/layout/fancy_progress.png') no-repeat;
    }
div#fancy_close {
    position: absolute;
    top: -12px;
    right: -12px;
    height: 30px;
    width: 30px;
    background: transparent url('p/layout/fancy_closebox.png') ;
    cursor: pointer;
    z-index: 100;
    display: none;
}
div#fancy_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0; 
    margin: 0;
    z-index: 96;
}
#fancy_frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
img#fancy_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0; 
    padding: 0; 
    margin: 0;
    z-index: 92;
}
div#fancy_title {
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}
    div#fancy_title table {
        margin: 0 auto;
    }
    div#fancy_title div {
        color: #FFF;
        font: bold 12px Arial;
        padding-bottom: 2px;
    }
td#fancy_title_left {
    height: 32px;
    width: 15px;
    background: transparent url('p/layout/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
    height: 32px;
    background: transparent url('p/layout/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
    height: 32px;
    width: 15px;
    background: transparent url('p/layout/fancy_title_right.png') repeat-x;
}
div#fancy_outer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}
div#fancy_inner {
    position: relative;
    width:100%;
    height:100%;
    border: 1px solid #444;
    background: #FFF;
}
a#fancy_left, a#fancy_right {
    position: absolute; 
    bottom: 10px; 
    height: 100%; 
    width: 35%; 
    cursor: pointer;
    background-image: url(data:image/gif;base64,AAAA);
    z-index: 100; 
}
a#fancy_left {
    left: 0px; 
}
a#fancy_right {
    right: 0px; 
}
a#fancy_left:hover {
    background: transparent url('p/layout/fancy_left.gif') no-repeat 0% 100%;
}
a#fancy_right:hover {
    background: transparent url('p/layout/fancy_right.gif') no-repeat 100% 100%;
}
#fancy_bigIframe, #fancy_freeIframe {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
div#fancy_bg {
    display: none;
}
    
div.fancy_bg {
    position: absolute;
    display: block;
    z-index: 70;
}
div.fancy_bg_n {
    top: -18px;
    width: 100%;
    height: 18px;
    background: transparent url('p/layout/fancy_shadow_n.png') repeat-x;
}
div.fancy_bg_ne {
    top: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('p/layout/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
    right: -13px;
    height: 100%;
    width: 13px;
    background: transparent url('p/layout/fancy_shadow_e.png') repeat-y;
}
div.fancy_bg_se {
    bottom: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('p/layout/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
    bottom: -18px;
    width: 100%;
    height: 18px;
    background: transparent url('p/layout/fancy_shadow_s.png') repeat-x;
}
div.fancy_bg_sw {
    bottom: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('p/layout/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
    left: -13px;
    height: 100%;
    width: 13px;
    background: transparent url('p/layout/fancy_shadow_w.png') repeat-y;
}
div.fancy_bg_nw {
    top: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('p/layout/fancy_shadow_nw.png') no-repeat;
}