/************************ ** Positionierung der Elemente **/
    /* ###  EVA COLORS HERE FOR SIDES ### */
        body { text-align:center; height:101%; position:relative; }
        html * { font-size: 100.01% }
        body { font-family: Arial; font-size: 15px; color: #000;  background: #CCCCCC; padding:0px; margin:0px; line-height:1.3em;}            
        #page { text-align:left; width:1010px; margin:auto; overflow:hidden; background: #fff repeat-y top left;}
    /* ### Kopfbereich - Eva: change HEADER here color 303049 #ddd blauisch:#D5E5E5 greenish: #C5D8C5 ### */
    /* STRONGLY CORRELATED CHANGE HERE*/        
        #header { text-align:left; position:relative; width:1010px; margin:auto; height:130px; font-size: 28px; background:#AAAAAA repeat-y top left; z-index:2; }
        #header img#headerpic { position:absolute; top:0em; left:0em; width:1010px; }
	#header img#logo { position:absolute; top:0em; left:770px; width:240px; }
        div#service_menu { position:absolute; top:55px; right:0px; }            
	div#bereich { position:absolute; bottom:35px; left:150px; width:700px; }
        div#institut { position:absolute; top:90px; left:30px; width:200px; }
        div#langlink span { position:absolute; top:140px; right:30px; }
    /* ### 3 Spalten ### */    
        #nav_column, #main_column { height:1%; }
	#nav_column { float:left; width:240px; }
        #main_column { margin-left:220px; margin-top:0; padding-left:0; padding-right:0; }
        div#main_column { background-color:#ffffff; z-index:0; }
        div#main_column_content { margin-left:0; margin-top:0; padding:10px 0em 10px 10px; }
        #ie_clearing { display: none }
       .clearfix:after { content: "."; display: block; height: 0; visibility: hidden }
       .clearfix { display: block }        
     /* Eva: change right side here */
        #spalte_rechts { background-color:#ffffff; float:right; width:207px; position:relative; margin-bottom: 1em; }
        #spalte_links { float:left; width:500px; padding-left:0.875em; margin-bottom: 1em; }
        #main2 {repeat-y top left; margin-top:-2.28em; padding-top:2em; margin-bottom:-0.5em; }

     /************************ ** Grundformate **************************************************/
       /*     Schriftart            */
       td,a,li { font-family: Arial; font-size: 15px;}
       p,tr { font-family: Arial; font-size: 15px; line-height:1.3em;}
       b { font-family: Arial; font-size: 15px; line-height:1.3em;}
       hr { border:0; height: 2px; background-color:lightgrey; }
       /*     ATTRIBUTE FUER ALLE LINKS            */
       a:link { font-style: normal; text-decoration: none;}
       a:hover { font-style: normal; text-decoration: none;}
       a:visited { color:#aa00aa; font-style: normal; text-decoration: none;}
       a:active { color:#0a3e75; font-style: normal; text-decoration: none;}
       span { font-weight: bold;}
       img { border:0;}
       /* interne, externe und Email-Links */
       a.emaillink { background-repeat: no-repeat; background-position:0px 4px; padding-left:12px; color: #0000FF; }
        /**********************************************************************/
       span.unsichtbar { position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden;}
/************************** Top Menus **/  
    /* ### grundlegende Listenausrichtung ### */            
        div#header ul { margin:0px; padding:0px; border:0px; list-style-type:none; }
        div#header li { margin:0px; padding:0px; border:0px;}
    /* ### Langlink ### */            
        div#header div#langlink a { color:#005B82; font-size:12px; text-decoration:none; }
        div#header div#langlink a:hover { color:#000000; text-decoration:underline; }
    /* ### Titel & Institut ### */            
        div#bereich span { color:#FFFFFF; font-size:18px; }
        div#institut span { color:#005B82; font-size:14px; font-weight:bold; }
/************************** linke Navigation **/
        div#navbox { padding:0px; margin:0px; margin-left:20px; margin-top:5px; width:200px; height:1%; }  
        /* FONTS SIDE PANEL CHANGE HERE */	
        div#navbox a { padding-left:10px; font-size:15px; } 
/************************** Hauptbereich **/
        div#main { position:relative; height:1%; font-size:18px; }
        div#main hr { border:0; height:1px; background-color:#797979; margin-bottom:10px; }
        div#main h1, div#main2 h1 { font-size:18px; font-weight:bold; margin-bottom:10px; }
	div#main h2, div#main2 h2 { font-size:16px; font-weight:bold; }
	h1, h2, h3 { color:#494949; }
	h6 { font-size:17px; color:#FF0000; }
	h4 { font-size:24px; color:#494949; }
        p.legende { font-size:12px; color:#797979; line-height:14px; }
	div#main span.headline { font-size:18px; font-weight:bold; margin-bottom:10px; color: #000000; }
	div#main span.headline2 { font-size:14px; font-weight:bold; margin-bottom:10px; color: #000000; }

/* further personalization */
   /* ### Kopfbereich - Eva: change navigation panel here color #ddd ### */
   /* CHANGE HERE FOR LIGHT GREY */
      div.myNavbox ul { width: 190px; margin-top: -5px; margin-left: -20px; margin-bottom: 0px; height: 100px; background-color: #EEEEEE; #FFEE99; #C5D5D5; #E5E5F5; #CCFF99; list-style-type: none;}
      div.myNavbox li.ln { line-height: 3px; margin-left: -40px; }
      div.myNavbox li.ln2 { line-height: 3px; margin-left: -10px;  background-color: #EEEEEE; width: 128px}
      div.myNavbox li.ln1 { line-height: 3px; margin-left: -10px; margin-top: 0px; width: 128px; background-color: #EEEEEE; }
      div.myNavbox li.nv { line-height: 1.8em; margin-left: -28px; background-position: 0px 0.4em; background-repeat: no-repeat; }
      div.myNavbox li.nv       {  }
   /* div.myNavbox li#nav-inst {margin-left:-40px} */
   body#index li#nav-index, body#group li#nav-group, body#research li#nav-research, body#publications li#nav-publications, body#openings li#nav-openings, body#people li#nav-people, body#lectures li#nav-lectures, body#info li#nav-info, body#art li#nav-art, body#seminars li#nav-seminars,body#highlights li#nav-highlights, body#talks li#nav-talks, body#codes li#nav-codes  { background-image: url(http://www.fz-juelich.de/common/icons/go_here_db.gif) }
      div.myNavbox li.nv a  { margin-left: 13pt; color:  #0a3e75; }
      div#spalte_links  h1, h2, h3 { color: #0a3e75;}
      div#spalte_rechts h1, h2, h3 { color: #0a3e75;}
      table.myTable    { width: 100%; background-color: #E5E5E5; border-spacing: 1pt; }
      table.myTable th { background-color: #FFFFFF; padding: 4pt; color: 0a3e75; }
      table.myTable td { background-color: #E5E5E5; padding: 4pt; }
      table.myTable td.header { background-color: #E5E5E5; font-weight: bold; font-size: larger; }
      table.myTable td.body   { padding-bottom: 4ex;}
      ul.myOrganizers li { padding-bottom:  6pt; }
      div.myLogo { margin-left:20px; margin-top: 40px ;margin-bottom:40px; }
      table.myPeople {cellspacing:2px; cellpadding:4px; width:500px;  border:0px; font-weight: bold; font-size: larger;}