/** WEBAPP Style Sheet**/

/**
    GENERAL
*/
html,body{
    margin:0;
    padding:0;
    height:100%;     
    border:none
    font-size:11px; 
    font-family: arial, sans-serif;
    background-color:#999999;
    }

a:link { 
        color:#ffffff; /* "bildnummer" schrift */
        text-decoration:none;
        }
a:visited { 
        color:#ffffff;
        text-decoration:none;
        } 
a:active { 
        color:#ffffff;
        text-decoration:none;
        }

/**
    FONTS 
*/
.fliesstext {
    font-size:11px; 
    font-family:"arial";
	line-height:17px;				   
    color:#000000;
}
.fliesstextfett {
    font-size:11px; 
    font-family: "arial";
    font-weight:bold;
    line-height:17px; 				     
    color:#000000;
}
.fliesstext a:link { 
    color:#000000;
}
.fliesstext a:hover { 
    color:#000000;
    text-decoration:underline;
}
.fliesstext a:visited { 
    color:#000000;
}
.fliesstext a:active { 
    color:#000000;
    text-decoration:underline;
}
.fliesstext a:focus { 
    color:#000000;
    text-decoration:underline;
}
.fliesstextlight {
    font-size:11px; 
    font-family: "arial";
	line-height:17px;				     
    color:#888888;
}
.fliesstextlight a:link { 
    color:#000000;
    text-decoration:none;
}
.fliesstextlight a:hover { 
    color:#000000;
    text-decoration:underline;
}
.fliesstextlight a:visited { 
    color:#000000;
    text-decoration:none;
}
.fliesstextlight a:active { 
    color:#000000;
    text-decoration:underline;
}

/**
    DIVs
*/

#menupad {
    position:absolute;
    left:297px;
    top:525px;
    width:727px;
    height:auto;
    padding:0px;
    margin:0px;
    }

#menupad_notext {
    float:left; 
    padding:0px;
    margin:0px;
    height:auto;
    }

#mainpad {
    position:relative;
    left:0px;
    top:0px;
    width:1024px;
    height:600px;
    }

/**
    INFO
*/
.maininfo {
    position:absolute;
    left:295px;
    top:74px;
    width:715px;
    height:360px;
    background-color:#bfbbb4;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(Opacity=80);
    opacity:0.8;
    font-size:11px; 
    font-family: arial, sans-serif;
    }

.maininfo h1 {
    font-size:14px; 
    font-family: arial, sans-serif;
    font-weight:bold;
    color:white;
    }    
.maininfo h2 {
    font-size:12px; 
    font-family: arial, sans-serif;
    font-weight:bold;
    color:white;
    padding:0px;
    }    
.maininfo a:link, a:visited, a:hover, a:active { 
    color:#000000 ! important;
    }   
.maininfo a:hover { 
    text-decoration:underline;
    }   

.portfolioinfo {
    position:absolute;
    left:295px;
    top:74px;
    width:715px;
    height:360px;
    background-color:#bfbbb4;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(Opacity=80);
    opacity:0.8;
    font-size:11px; 
    font-family: arial, sans-serif;
    visibility:hidden;
    }

td#ftitle {
    font-weight:bold;
    font-size:11px; 
    font-family: arial, sans-serif;
    }
td#fname {
    font-size:11px; 
    font-family: arial, sans-serif;
    }
td#fvalue {
    font-size:11px; 
    font-family: arial, sans-serif;
    padding-left:10px;
    }

 
/*
    PATERNOSTER
*/
.maintable {
    position:absolute;
    top:365px;
    width:1020px;
    height:125px;
    left:0px;
}

.paternosterframe {
    position:absolute;
    top:0px;
    left:285px;
    width:735px;
    height:100px;
    visibility:visible;
    background-image:url('../imgs/1x1.gif'); /* need this background gif to make IE5 react on mousover events */
    padding:0px;
    margin:0px;
    }

.paternostertitle {
    position:absolute;
    top:0px;
    left:0px;
    width:295px;
    height:90px;
    visibility:hidden;
    }

div#spacer {
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(Opacity=50);
    opacity:0.5;
    background:#bfbbb4;
    width:287px;
    height:34px;
    clear:left;
    float:left;
    }
div#spacer2 {
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(Opacity=50);
    opacity:0.5;
    background:#bfbbb4;
    width:37px;
    height:20px;
    float:right;
    }
div#longtitle {
   /*
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(Opacity=80);
    opacity:0.8
    */
    background:#aaaaaa;
    color:white;
    width:228px;
    height:20px;
    margin-left:20px;
    padding-left:10px;
    clear:left;
    font-size:11px; 
    line-height:19px;
    font-family: arial, sans-serif;
    float:left;
    }


div#paternosterleft {
    float:left;
    width:auto;
    height:auto;
    visibility:hidden;
    }    

div#paternosterright {
    float:right;
    width:auto;
    height:auto;
    visibility:hidden;
    }    

div#thumb {
    float:left;
    width:60px;
    height:88px;
    margin-right:5px;
    z-index:100;
    }    

img#thumb {
    width:60px;
    height:88px
    border:0px; /* needed!*/
    z-index:100;
    }

img#thumb_selected {
    width:56px;
    height:82px;
    padding:2px;
    border:1px solid #FFFFFF; /* needed!*/
    z-index:100;
    }
#thumbbackground {
    -moz-opacity:0.25;
    -khtml-opacity:0.25;
    filter:alpha(Opacity=25);
    opacity:0.25;
    background:#bfbbb4;
    height:88px;
    width:707px;
}

/*
    NAVBAR
*/
.navbar {
    position:absolute;
    top:100px;
    left:295px;
    width:725px;
    height:auto;
    background-color:#B4B3B4;
    background-image:url('../imgs/menu/DE/grauer-balken.gif'); 
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(Opacity=80);
    opacity:0.8;
    font-size:11px; 
    font-family: arial, sans-serif;
    }
    
div#navbartitle {
    float:left;
    color:white;
    padding-left:10px;
    padding-right:10px;
    }

div#navbarinfo {
    float:left;
    padding-left:0px;
    padding-right:0px;
    }

div#navbarlabel {
    float:left;
    padding-left:0px;
    padding-right:0px;
    color:black;
    }

div#navbarindex {
    float:left;
    padding-left:0px;
    padding-right:10px;
    padding-top:1px;
    color:white;
    }

div#navbarpagesselected {
    color:#000000;
    float:left;
    padding-left:3px;
    padding-right:3px;
    background-color:#ffffff;
    }

div#navbarpagesunselected {
    color:#FFFFFF;
    float:left;
    padding-left:3px;
    padding-right:3px;
    }

div#navbarleft {
    float:left;
    }

div#navbarright {
    float:left;
    }

div#navbarprojectlist {
    float:right;
    padding-right:10px;
    }
div#navbarup {
    float:right;
    padding-right:10px;
    }
div#navbardown {
    float:right;
    }

#logoclick {
    position:absolute;
    width:250px;
    height:100px;
    left:20px;
    top:480px;
    display: block;
    }
#biglogoclick {
    position:absolute;
    width:244px;
    height:266px;
    left:395px;
    top:85px;
    display: block;
    }
#newsticker a:link, a:visited, a:hover, a:active { 
    color:#000000 ! important;
    }   
#newsticker {
    position:absolute;
    width:1000px;
    height:20px;
    left:0px;
    top:552px;
    background-color:#CECECC;    
    color:red;
    padding-left:10px;
    padding-right:10px;
}
#languageselection {
    position:absolute;
    width:250px;
    height:100px;
    left:470px;
    top:500px;
    display: block;
    font-size:11px; 
    font-family: arial, sans-serif;
    color:#ffffff; 
    }
#languageselection a:link, a:hover, a:visited, a:active, a:focus { 
    color:#ffffff ! important;
}
#languageselection a:hover, a:active, a:focus { 
    text-decoration:underline ! important;
}


/*
    PRINT
*/
#printonly {
    display:none;
}