/************************
** Positionierung der Elemente
**/
    /* ### Grundlage  EVA COLORS HERE FOR SIDES ### */
    
        body
        {
            text-align:center;
            height:101%;
	    position:relative;
        }
        
        html * { font-size: 100.01% }
        
        body 
        {
            font-family: Arial, Arial, Arial;
            font-size: 13px;
            color: #000;  
	    background: url() #CCCCCC; 
	    padding:0px;
            margin:0px;
        }            
        
        #page
        {
            text-align:left;
            width:1010px;
            margin:auto;
            overflow:hidden;
            /* background: #fff url("../images/bg_full4.jpg") repeat-y top left; */
            background: #fff repeat-y top left; 
	 }
            
    /* ### Kopfbereich - Eva: change HEADER here color 303049 #ddd blauisch:#D5E5E5 greenish: #C5D8C5 ### */
            
        #header
        {
            text-align:left;
            position:relative;
            width:1010px;
            margin:auto;
            height:130px;
            font-size: 22px;
            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;
        }        
        
        #nav_column
        {
            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;
        /* clear: both; */
        visibility: hidden
      }
      
      .clearfix { display: block }        
             
/*
**
** Positionierung der Elemente
**
*************************/             

/* Test fuer rechte Spalte IBN */
/* 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 {
	background:url("http://www.fz-juelich.de/common/template/imgs/bg_main.jpg") repeat-y top left;
	margin-top:-2.28em;
	padding-top:2em;
	margin-bottom:-0.5em;
}

/* Ende rechte Spalte IBN */