/* Formatting www.preclinicalimaging.org
  * Central format sheet
  * Author: Uta */


  /* general formats */

body    { font-family:Arial,Helvetica,sans-serif;
          font-size:90%;
          line-height:130%;
          background-image: url(Pictures/Background16.jpg);
          height:100%;
          margin:0;
          padding:0;}
       
a:link      { color:#18529d; text-decoration:none;}
a:visited   { color:#b3142b; text-decoration:none;}
a:focus     { color:#F6BD17; text-decoration:none;}
a:hover     { color:#F6BD17; text-decoration:none;}
a:active    { color:#F6BD17; text-decoration:none;}

img         { border:none; }


h1         { font-size:170%;
             line-height:130%;
             font-weight:bold;
             text-decoration:none;
             color:#b3142b;
             text-align:left; }

h2         { font-size:130%;
             line-height:130%;
             font-weight:bold;
             margin-top:18px;
             text-align:left;
             clear:both; }

h3         { font-weight:bold;
             font-size:115%;
             text-align:left; }
             
h4         { font-size:100%;
             text-align:left;
             text-decoration:underline; }

 /* start formatting main section */

#container {width:980px;
            position:relative;
            min-height:100%;
            border-width:3px;
            border-style:solid;
            border-color:#a51734;
            margin-left:auto;
            margin-right:auto;
            margin-top:0;           
            background-color:#ffffff;}

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

#header   { text-align:center;
            border:none;
            height:150px;
            background-color:#ffffff;
            padding:0px 0px 0px 0px; }
           

 /* Navigation */

#navi     { margin-top:30px;
            margin-right:20px;
            margin-left:12px;
            margin-bottom:10px;
            width:150px;
            background-color:#ffffff;
            float:left;
            text-align:left;
            padding:0px;
            font-size:80%; }

#navpoint-top { line-height:180%;
                text-align:left;
                vertical-align:middle;
                background-color:#F6BD17;
                padding:4px;
                margin-top:5px;
                margin-bottom:15px;
                font-size:120%;
                font-weight:bold; }

.navpoints   { text-align:left;
               background-color:#ffffff;
               padding:3px 3px 5px 3px;
               margin-top:9px;
               margin-bottom:9px;
               border-width:0px 0px 1px 0px;
               border-color:#18529d;
               border-style:dotted; }

.navpointslvl_2 { text-align:left;
                  background-color:#ffffff;
                  padding:3px 3px 5px 14px;
                  margin-top:9px;
                  margin-bottom:9px;
                  border-width:0px 0px 1px 0px;
                  border-color:#18529d;
                  border-style:dotted; }
                 
.navpointslvl_3  { text-align:left;
                   background-color:#ffffff;
                   padding:3px 3px 5px 25px;
                   margin-top:9px;
                   margin-bottom:9px;
                   border-width:0px 0px 1px 0px;
                   border-color:#18529d;
                   border-style:dotted; }


div.navpoints  a:link   { text-decoration:none;
                          color:#18529d; }

div.navpoints  a:visited { text-decoration:none;
                           color:#18529d; }

div.navpoints  a:focus { text-decoration:none;
                         color:#a51734; }

div.navpoints  a:hover  { text-decoration:none;
                          color:#a51734; }

div.navpoints  a:active  { text-decoration:none;
                           color:#a51734; }

div.navpointslvl_2  a:link   { text-decoration:none;
                               color:#18529d; }

div.navpointslvl_2  a:visited { text-decoration:none;
                                color:#18529d; }

div.navpointslvl_2  a:focus { text-decoration:none;
                              color:#a51734; }

div.navpointslvl_2  a:hover  { text-decoration:none;
                               color:#a51734; }

div.navpointslvl_2  a:active  { text-decoration:none;
                                color:#a51734; }
                               
div.navpointslvl_3  a:link   { text-decoration:none;
                               color:#18529d; }

div.navpointslvl_3  a:visited { text-decoration:none;
                                color:#18529d; }

div.navpointslvl_3  a:focus { text-decoration:none;
                              color:#a51734; }

div.navpointslvl_3  a:hover  { text-decoration:none;
                               color:#a51734; }

div.navpointslvl_3  a:active  { text-decoration:none;
                                color:#a51734; }

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

#content  { text-align:center;
            width:780px;
            margin-right:7px;
            background-color:#ffffff;
            float:left;
            text-align:left;
            padding:5px; }

.mainblock  { text-align:justify;
              border-width:3px;
              border-color:#F6BD17;
              border-bottom-style:solid;
              border-top-style:none;
              border-left-style:none;
              border-right-style:none;
              border-collapse:collapse;
              background-color:#ffffff;
              padding:5px;
              margin-top:2px; }

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

#footer { color:#ffffff;
          font-weight:bold;
          text-align:center;
          clear:left;
          width:974px;
          background-color:#18529d;
          padding:3px 3px 1px 3px; }
          
.footinl   { line-height:140%; }
              
    

#copyrgt     { font-size:60%;
               border-top-width:1px;
               border-top-style:solid;
               padding-top:2px;}

#footer  a:link    { text-decoration:none;
                    color:#ffffff; }

#footer  a:visited { text-decoration:none;
                     color:#ffffff; }

#footer  a:focus   { text-decoration:none;
                     color:#a51734; }

#footer  a:hover   { text-decoration:none;
                     color:#a51734; }

#footer  a:active  { text-decoration:none;
                     color:#ffffff; }
                        
                  
/* unordered lists */

.ulleft       { list-style-image:url(Icons/bulletyellow.png);
                padding-left:13px;
                line-height:140%; }
             
.ulleftsub    { padding-left:20px;
                line-height: 140%;   }
             
.ulleftinfr   { list-style-image:url(Icons/bulletyellow.png);
                padding-left:13px;
                line-height:130%; }
             
.lispace      {padding-bottom:7px;}          /* spacing list points */                
             
.ulleftinner  { list-style-image:url(Icons/bulletyellow.png);
                padding-left:375px; }
               
.ulprofile    { list-style-type:none;
                line-height:170%; }

/* tables */



.tblmain  { width:100%;
            border-collapse:collapse;
            text-align:left;  }

.tblmainfixed  { width:100%;
                 border-collapse:collapse;
                 table-layout:fixed;
                 text-align:left;  }
                 
.tbl        { width:100%;
              border-collapse:collapse;
              text-align:left;
              border:none; }
              
.cell_1        { vertical-align:top;
                 padding:10px 15px 10px 0px;
                 width:15%}
                 
.cell_2        { vertical-align:top;
                 padding:10px 0px;}

.tblcv        { width:100%;
                border-collapse:collapse;
                text-align:left;
                border:none; }

.cell_1cv        { vertical-align:top;
                 padding:8px 8px;
                 width:20%;
                 border-right:1px solid #F6BD17; }

.cell_2cv        { vertical-align:top;
                 padding:8px 10px; }                 
     
                                                                        
.cellstyle       { border-width:1px;
                   border-style:solid;
                   border-color:#F6BD17;
                   padding:10px; }

.cellstylestaff_1 { border:none;
                    padding:10px 0px;
                    width:35%;  }
                  
.cellstylestaff_2 { border:none;
                    padding:10px 0px;
                    width:45%  }

.cellstylestaff_3 { border:none;
                    padding:10px 0px;
                    width:20%  }
                  
                  
/* misc */

#plan     { float:left;
            margin:15px 20px 15px 0px; }
            

.publication  { text-align:left;
                border-width:3px;
                border-color:#F6BD17;
                border-bottom-style:solid;
                border-top-style:none;
                border-left-style:none;
                border-right-style:none;
                border-collapse:collapse;
                background-color:#ffffff;
                padding:5px;
                margin-top:2px; }


.address    { line-height:150%; }

.projlist   { width:580px;}


.h2         { font-size:130%;         /* special format headlines research page */
              line-height:130%;
              font-weight:bold;
              margin-top:5px;
              text-align:left; }
              
.h3          { font-weight:bold;
               font-size:115%;
               line-height:140%; 
               text-align:center; 
               background-color:#18529d; 
               color:#ffffff; 
               margin-top:0px;
               margin-bottom:10px; }

.h4          { font-weight:bold;
               font-size:130%;
               line-height:155%;
               text-align:center;
               background-color:#18529d;
               color:#ffffff;
               margin-top:0px;
               margin-bottom:10px; }

/* images */

#imgppl     {float:left;           /* big profile pic*/
             margin-top:7px;
             margin-right:20px;
             margin-bottom:5px;
             font-size:90%;
             line-height:120%; }
             
#imgppl p    {text-align:center; } /* image legend */

#imgprfl, #imgprfl2, #imgprfl3     { float:left;           /* staff pictures */
                                     margin-top:5px;
                                     margin-right:30px;
                                     margin-bottom:20px;
                                     font-size:90%;
                                     line-height:100%; }
                                     

.highlights   { float:right;             /* publication highlights */ 
                width:160px;
                border-width:1px;
                border-color:#18529d;
                border-style:solid;}
              
.highlights p { font-size:80%;
                line-height:115%;
                text-align:left;
                padding-left:14px;
                padding-right:2px; }
              
.highlights img  { padding-left:14px;   }

.highlights span {font-weight:bold;
                    font-size:110%;
                    line-height:115%;
                    text-align:left;
                    padding-left:5px;
                    padding-right:3px;}

.highlights2   {                     /* breaking news workshop */
                width:149px;
                border-width:1px;
                border-color:#18529d;
                border-style:solid;}

 .highlights2 p { margin-top:2px;
                  margin-bottom:2px;
                 font-size:95%;
                line-height:120%;
                text-align:left;
                padding-left:4px;
                padding-right:3px; }
                
 .highlights2 span {font-weight:bold;
                    font-size:110%;
                    line-height:115%;
                    text-align:left;
                    padding-left:5px;
                    padding-right:3px;}  
  
#PETimg     { float:left;          /* image workshop */
              margin-top:25px;
              margin-right:15px;
              margin-bottom:5px; }
             
#semimg     { float:left;            /* image seminar */
              margin-top:5px;
              margin-right:15px;
              margin-bottom:10px; }
             
.infrastr_1  { float:left;
               margin-top:1px;
               margin-right:30px;
               margin-bottom:8px;
               font-size:90%;
               line-height:120%; }            
          

.infrastr_2  { float:right;
               margin-top:1px;
               margin-left:20px;
               margin-right:375px;
               margin-bottom:5px;
               font-size:90%;
               line-height:120%; }
             
.projpicright { float:right;
                margin:3px 0px 3px 15px;
                font-size:80%;
                line-height:120% }
                
.projpicright p  {margin:5px 0px 5px 10px; }

.projpicleft    { float:left;
                  margin:3px 10px 3px 0px;
                  font-size:80%;
                  line-height:120% }

.projpicleft p  {margin:5px 10px 5px 0px; }


.graph        { float:right;
                margin-top:25px;
                margin-left:20px;
                margin-bottom:70px;
                margin-right:10px;
                font-size:90%;
                line-height:120%; }
                
.logowss    { margin-top:10px;             
              margin-bottom:5px;
              text-align:center; }
/* PET/MR Workshop */


#picpichler   { float:left;          
              margin-top:7px;
              margin-right:15px;
              margin-bottom:10px;
              font-size:90%;
              line-height:120%; }

.view_1  { float:left;
               margin-top:1px;
               margin-right:15px;
               margin-bottom:8px;
               font-size:90%;
               line-height:120%; }
               
.view_2  { float:right;
               margin-top:1px;
               margin-left:15px;
               margin-right:0px;
               margin-bottom:5px;
               font-size:90%;
               line-height:120%; }               

.view_3  { float:right;
               margin-top:5px;
               margin-left:15px;
               margin-right:0px;
               margin-bottom:5px;
               font-size:90%;
               line-height:120%; }
               
.view_4  { float:right;
               margin-top:20px;
               margin-left:15px;
               margin-right:50px;
               margin-bottom:5px;
               font-size:90%;
               line-height:120%; }
               
 .view_5  { float:left;
               margin-top:1px;
               margin-right:25px;
               margin-bottom:8px;
               font-size:90%;
               line-height:120%; }
               
.view_6  { float:left;
               margin-top:1px;
               margin-right:39px;
               margin-bottom:8px;
               font-size:90%;
               line-height:120%; }              
                            
/* ---------------------------------------------------------------- */

#special     { margin-left:90px; } /* center line in justify format */

.divmargintop { margin-top:29px; }