/*
------------------------------------------------------------------------------------------------------------------------
- allgemeine Elemente
------------------------------------------------------------------------------------------------------------------------
*/

body
{
   background-color : #ffffff;
   /*color            : #000000;*/
   color            : #4a4d4a;
   font             : 75% Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   margin           : 0;
   padding          : 0;
   line-height      : 150%;
}

/*
------------------------------------------------------------------------------------------------------------------------
- Seitenstruktur
------------------------------------------------------------------------------------------------------------------------
*/

#seite
{
   /*height     : 700px;*/
   margin     : 0;
   padding    : 0;
   width      : 1000px;
}

#titelKontainer
{
   background : url(../images/system/titel_00_home.png) no-repeat;
   height     : 80px;
   width      : 1000px;
   margin     : 0;
   padding    : 0;
}

#kopfleisteKontainer
{
   background : url(../images/system/leiste.png) repeat-y;
   margin     : 0;
   padding    : 0;
   width      : 1000px;
   text-align : right;
}

#kopfleiste
{
   color      : #4a4d4a;
   margin     : 0;
   padding    : 5px 10px;
   text-align : right;
}

#kopfleiste a,
#kopfleiste a:link,
#kopfleiste a:visited,
#kopfleiste a:hover,
#kopfleiste a:active,
#kopfleiste a:focus
{
   color           : #9f0000;
   text-decoration : none;
}

/*
#menueKontainer
{
   float      : left;
   margin     : 0;
   padding    : 0;
   width      : 200px;
}
*/

#menueKontainer
{
   /*background : #ffffff url(../images/system/menue.png) repeat-y;*/
   float      : left;
   height     : 700px;
   margin     : 0;
   padding    : 0;
   width      : 225px;
}

td#menuBgImg
{
   background : #ffffff url(../images/system/menue.png) repeat-y;
}

#menue
{
   margin     : 0;
   padding    : 0px;
   text-align : right;
}

div.hmenue
{
   font       : bold 100% Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   margin     : 10px 0px 0px 0px;
   padding    : 5px 15px 5px 0px;
}

div.hmenue_auswahl
{
   background : url(../images/system/lasche.png) no-repeat;
   font       : bold 100% Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   margin     : 10px 0px 0px 0px;
   padding    : 5px 15px 5px 0px;
}

div.umenue
{
   font       : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   padding    : 2px 15px 2px 0px;
}

div.umenue_auswahl
{
   background : url(../images/system/lasche.png) no-repeat;
   font       : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   padding    : 2px 15px 2px 0px;
}

#menue a,
#menue a:link,
#menue a:visited,
#menue a:hover,
#menue a:active,
#menue a:focus
{
   /*display         : block;*/
   color           : #000000;
   text-decoration : none;
}

#inhaltKontainer
{
   /*float   : left;*/
   margin  : 0px;
   padding : 10px 0px 10px 10px;
   width   : 550px;
}

#inhalt
{
   margin  : 0;
   padding : 20px;
   text-align: justify; /*YW: Blocksatz Darstellung*/
}

p.artikel
{
   text-align : justify;
}

h1.ueberschrift
{
   background : url(../images/system/ueberschrift.png) bottom left no-repeat;
   font       : bold 100% Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   margin     : 0px;
   padding    : 5px;
}

img.links
{
    border : 10px solid #ffffff;
    float  : left;
}

img.rechts
{
    border : 10px solid #ffffff;
    float  : right;
}

a.artikel,
a.artikel:link,
a.artikel:visited,
a.artikel:hover,
a.artikel:active,
a.artikel:focus
{
   background      : url(../images/system/punkt.png) no-repeat;
   color           : #9f0000;
   padding-left    : 10px;
   text-decoration : none;
   display         : inline-block; /*The red point and its following text must be always in 1 line*/
}

a.download,
a.download:link,
a.download:visited,
a.download:hover,
a.download:active,
a.download:focus
{
   background      : url(../images/system/download2.png) right no-repeat;
   color           : #9f0000;
   padding-right   : 70px;
   text-decoration : none;
}

#kontextKontainer
{
   float   : left;
   margin  : 0;
   padding : 0;
   width   : 2px; 
}

#kontext
{
   margin  : 0;
   /*padding : 10px 0px 10px 10px;*/
   padding : 20px 0px 0px 0px;
}

#fussleisteKontainer
{
   background : url(../images/system/leiste.png) repeat-y;
   clear      : both;
   margin     : 0;
   padding    : 0;
   width      : 1000px;
}

#fussleiste
{
   color      : #000000;
   margin     : 0;
   padding    : 5px 10px;
   text-align : right;
}

#fussleiste a,
#fussleiste a:link,
#fussleiste a:visited,
#fussleiste a:hover,
#fussleiste a:active,
#fussleiste a:focus
{
   color           : #9f0000;
   text-decoration : none;
}

p.logo_120
{
   width  : 182px;
   height : 120px;
   /*border : 1px solid #4a4d4a;*/
}

p.logo_104
{
   width  : 282px;
   height : 104px;
}

p.logo_136
{
   width  : 132px;
   height : 136px;
}

p.logo_121
{
   width  : 100px;
   height : 121px;
}

/*
------------------------------------------------------------------------------------------------------------------------
Box
------------------------------------------------------------------------------------------------------------------------
*/

/*
div.box    { background-color : #ffffff; margin-bottom : 20px; float : left; }
div.boxol  { background : url(../images/boxol.png) top    left  no-repeat; margin : 0; padding : 0; }
div.boxor  { background : url(../images/boxor.png) top    right no-repeat; margin : 0; padding : 0; }
div.boxul  { background : url(../images/boxul.png) bottom left  no-repeat; margin : 0; padding : 0; }
div.boxur  { background : url(../images/boxur.png) bottom right no-repeat; margin : 0; padding : 0; }
div.boxo   { background : url(../images/boxo.png)  top          repeat-x;  margin : 0; padding : 0; }
div.boxu   { background : url(../images/boxu.png)  bottom       repeat-x;  margin : 0; padding : 0; }
div.boxl   { background : url(../images/boxl.png)         left  repeat-y;  margin : 0; padding : 0; }
div.boxr   { background : url(../images/boxr.png)         right repeat-y;  margin : 0; padding : 0; }
div.boxm   {                                                               margin : 0; padding : 10px 15px 15px 10px; }
div.boxm p {                                                               margin : 0; padding : 0; }

a
{
   color           : #000000;
   text-decoration : none;
}

a:hover
{
   color : #9f0000;
}

h6
{
   font-size : 16px;
}

p
{
   font-size  : 12px;
   text-align : justify;
}

td
{
    font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size   : 11px;
}

.leiste tr
{
    color : #ffffff;
}

.menue li
{
    list-style-image : url(../images/punkt.png);
    margin-left      : -15px;
}

.menue a
{
    font-size   : 12px;
    font-weight : bold;
}

.menue ul a
{
    font-size   : 10px;
    font-weight : normal;
}
*/

div.box    { background-color : #ffffff; padding-bottom : 20px; width : 225px; }
div.boxol  { background : url(../images/system/boxol.png) top    left  no-repeat; margin : 0; padding : 0; }
div.boxor  { background : url(../images/system/boxor.png) top    right no-repeat; margin : 0; padding : 0; }
div.boxul  { background : url(../images/system/boxul.png) bottom left  no-repeat; margin : 0; padding : 0; }
div.boxur  { background : url(../images/system/boxur.png) bottom right no-repeat; margin : 0; padding : 0; }
div.boxo   { background : url(../images/system/boxo.png)  top          repeat-x;  margin-top : 15px; padding : 0; }
div.boxu   { background : url(../images/system/boxu.png)  bottom       repeat-x;  margin : 0; padding : 0; }
div.boxl   { background : url(../images/system/boxl.png)         left  repeat-y;  margin : 0; padding : 0; }
div.boxr   { background : url(../images/system/boxr.png)         right repeat-y;  margin : 0; padding : 0; }
div.boxm   {                                                                      margin : 0; padding : 10px 15px 15px 10px; }
div.boxm p { text-align : center;                                                 margin : 0; padding : 0; }

/*
------------------------------------------------------------------------------------------------------------------------

Sonderformate
------------------------------------------------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------------------------------------------------
- Yusheng's CSS
------------------------------------------------------------------------------------------------------------------------
*/

/*
div.activLanguage
{
   color : rgb(153,51,0);
}
*/

/*Kein BLOCKSATZ bei Table*/
.contenttable
{
   text-align: left;
}

.tableStyle
{
   border           : 1px solid #9f0000;
}

.tab_1_l
{
   background-color : #f0f0f0;
   font-weight      : bold;                                 
   color            : #888888;
   padding          : 5px;
   text-align       : center;
   vertical-align   : top;
}

.tab_1_r
{
   background-color : #f0f0f0;
   padding          : 5px;
   text-align       : justify;
}
                          
.tab_2_l
{
   background-color : #fbfbfb;
   color            : #888888;
   font-weight      : bold;                                 
   padding          : 5px;
   text-align       : center;
   vertical-align   : top;
}

.tab_2_r
{
   background-color : #fbfbfb;
   padding          : 5px;
   text-align       : justify;
}

.partner
{
   border           : 1px solid #9f0000;
   background-color : #f0f0f0;
   text-align       : left;
   width            : 510px;
   margin-top       : 5px ;
}

.partner td
{
   padding          : 10px;
}

li.level1
{
   list-style-image: url(../images/punkt.png);
   list-style-position: inside;
   font-weight    : bolder;
}

li.level2
{
   list-style-image: url(../images/punkt.png);
   list-style-position: inside;
}

li.level3
{
   list-style-type: none;
   font-size    : 10px;    
}

/*For some reason we don't want the "justify" align*/
#textAlignLeft
{
   text-align: left;
}



/* Zebra stripe */
.tr-even
{
   background-color : #D6D6D6;   
}

.tr-odd
{   
}

/* YW: Let text align from the top of a cell. */
td
{
   vertical-align: top;
}

/* not in use */
.zitatTableStyle
{
   vertical-align : bottom;
}

/* Img linker without border */
a img
{ 
   border : none 
}

/*
------------------------------------------------------------------------------------------------------------------------
Tooltip to show the a brief CV by hover the person name.
It was disabled currently. To enable it, just change "info1" to "info"
------------------------------------------------------------------------------------------------------------------------
*/

div.info1
{
   position         : relative; /*this is the key*/
   z-index          : 1;
   /*background-color : #ccc;*/
   /*color            : #000;*/
   text-decoration  : none
}

div.info1:hover
{
   position         : relative; /*this is the key*/
   z-index          : 100;
   /*background-color : #ff0*/
}

div.info1 span
{
   display : none
}

div.info1:hover span
{   /*the span will display just on :hover state*/
   display          : block;
   position         : absolute;
   top              : 2em;
   left             : 2em;
   width            : 300px;
   border           : 1px dotted #000;
   background-color : rgb(239,239,239);
   color            : #000;
   text-align       : left;
   padding          : 5px 5px 5px 5px;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}