/* ================================================================== */
/* Ole Staack                                      Stylesheet for the */
/* staack@physik.uni-kiel.de                       COSTEP websites    */
/* SOHO>COSTEP>EPHIN&LION                          2.0 [20060905]     */
/* ================================================================== */
/* ======  SETTINGS (screen, projection)                       ====== */
/* ================================================================== */
/* ======  1. STANDARD SETTING                                 ====== */
/* ====      1.1. Delete Browser Defaults                        ==== */
h1,h2,h3,h4,h5,h6,pre,p,li,td,th {
     font-size: 1em;
     }
h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,td,th {
     font-weight: normal;
     margin: 0em;
     padding: 0em;
     }
/* ====      1.2. Main Settings                                  ==== */
body {
     font: normal 100.01% Verdana, Arial, sans-serif;
     background-image: url(img/body-background.gif);
     background-repeat: repeat-x;
     margin: 0;
     padding: 0;
     color: #111;
     background-color: #fff;
     }
.lalign {text-align: left}
.calign {text-align: center}
.ralign {text-align: right}
.lnimbus {text-align: left; 
         font-family: Nimbus Roman No9 L;
	 font-size: 150%;
         }
.cnimbus {text-align: center; 
         font-family: Nimbus Roman No9 L;
	 font-size: 150%;
         }
.rnimbus {text-align: right; 
         font-family: Nimbus Roman No9 L;
	 font-size: 150%;
         }
.balign {vertical-align: bottom}
.malign {vertical-align: middle}
.talign {vertical-align: top}
/* ====      1.3. Links, Anchors                                 ==== */
a {
     text-decoration: none;
     border-bottom: 1px dotted #00c;
     color: #00c;
     background-color: transparent;
     }
a:visited {
     text-decoration: none;
     border-bottom: 1px dotted #00c;
     color: #00c;
     background-color: transparent;
     }
a:hover {
     text-decoration: none;
     border-bottom: 2px solid #009;
     color: #009;
     background-color: transparent;
     }
a:active {
     text-decoration: none;
     border-bottom: 2px solid #009;
     color: #009;
     background-color: transparent;
     }
a:focus {
     text-decoration: none;
     border-bottom: 2px solid #009;
     color: #009;
     background-color: transparent;
     }
a.linkedimg {
     border: none;
     }
a.linkwe {
     border: none;
     background-color: blue; 
     }
/* ======  2. STRUCTURE                                        ====== */
/* ====      2.1. Headings                                       ==== */
h1 {
     height: 150px;
     position: relative;
     width: 250px;
     margin: 0;
     }
h1 span {
     background: url(img/pzb_klein.jpg) no-repeat;
     height: 100%;
     position: absolute;
     width: 100%;
     }
h2 {
     font-size: 2em;
     font-weight: bold;
     background-color: #eee;
     color: #006;
     padding: 0em 0.25em;
     margin: 0em 0em 1em 0em;
     }
h2 span {
     background: url(img/we-heraeus-logo-150m.gif) no-repeat;
     height: 25%; 
     position: absolute;
     top: 0%;
     left: 50%;
     width: 25%;
     }
h2 em {
     font-style: normal;
     color: #00c;
     }
h3 {
     font-size: 1.6em;
     font-weight: bold;
     margin: 0.75em 0em 0.25em 0em;
     }
h3 em {
     font-style: normal;
     color: #00c;
     }
h4 {
     font-size: 1.4em;
     font-weight: bold;
     margin: 0.75em 0em 0.25em 0em;
     }
h5 {
     font-size: 1.2em;
     font-weight: bold;
     margin: 0.75em 0em 0.25em 0em;
     }
h6 {
     font-size: 1.2em;
     font-weight: normal;
     margin: 0.75em 0em 0.25em 0em;
     }
/* ====      2.2. Paragraphs, Lists, Tables, hr                  ==== */
p,li,td,th {
     text-align: justify;
     line-height: 1.3em;
     }
p,h3,h4,ol,ul,table {
     margin-top: 0.75em;
     margin-bottom: 0.25em;
     }
ol, ul {
     padding-left: 1.5em;
     }
li {
     margin-bottom: 0.25em;
     margin-left: 1.25em;
     }
table {
     margin-top: 0.75em;
     margin-bottom: 0.25em;
     }
table.top td {
     vertical-align: top;
     }
thead th {
     padding: 2px 4px;
     text-align: left;
     font-weight: bold;
     border-bottom: 3px double #111;
     }
tbody th {
     padding: 2px 4px;
     text-align: left;
     font-weight: bold;
     font-size: 0.8em;
     }
td {
     padding: 2px 4px;
     font-size: 0.8em;
     vertical-align: top;
     }
tfoot td {
     background-color: #eee;
     }
td.last, th.last {
     border-bottom: 1px solid #111;
     }
td.seperated, th.seperated {
     border-right: 1px solid #111;
     }
#up {
     clear: left;
     margin: 7em 26px 0 204px;
     padding-right: 0.25em;
     font-size: 0.8em;
     text-align: right;
     background-color: #eee;
     }
#up a {
     border: none;
     }
hr {
     height: 3px;
     margin-top: 0.75em;
     margin-bottom: 0.25em;
     border: none;
     border-bottom: 1px solid #000;
     color: #ccc;
     background-color: #ccc;
     clear: both;
     }
/* ======  3. AREAS                                            ====== */
/* ====      3.1. Navigation                                     ==== */
#nav {
     float: left;
     width: 178px;
     font-size: 0.8em;
     padding: 0;
     margin: 0;
     list-style: none;
     }
#nav li {
     padding: 4px 0;
     margin: 0 0 0 26px;
     text-align: center;
     border-top: 1px solid #fff;
     }
#nav li#first {
     border-top: none;
     }
#nav a:link {
     display: block;
     border: none;
     }
#nav a:visited {
     display: block;
     border: none;
     }
#nav a:hover {
     display: block;
     border: none;
     color: #eee;
     background-color: #00c;
     }
#nav a:active {
     display: block;
     border: none;
     color: #eee;
     background-color: #00c;
     }
#nav a:focus {
     display: block;
     border: none;
     color: #eee;
     background-color: #00c;
     }
/* ====      3.2. All the others                                 ==== */
#global {
     width: 100%;
     float: left;
     margin: 8px 0;
     background-image: url(img/global-background.gif);
     background-repeat: repeat-y;
     }
#content {
     margin-left: 204px;
     padding-right: 26px;
     }
#ieap {
     position: absolute;
     top: 0;
     right: 16px;
     z-index: 2;
     }
#foot {
     clear: left;
     font-size: 0.8em;
     background-image: url(img/foot.gif);
     background-repeat: no-repeat;
     padding: 8px 26px 8px 280px;
     }
/* ======  4. MISCELLANEOUS                                    ====== */
/* ====      4.1. Images and Figures                             ==== */
img {
     border: none;
     }
dl.fig-r {
     float: right;
     width: 200px;
     margin: 0 0 8px 8px;
     }
dl.fig-l {
     float: left;
     width: 200px;
     margin: 0 8px 8px 0;
     }
dl.fig-c {
     width: 400px;
     margin: 0.75em auto 0.25em auto;
     }
dl.fig-r dd, dl.fig-l dd, dl.fig-c dd {
     text-align: left;
     margin: 0;
     padding: 3px;
     font-size: 0.8em;
     background-color: #eee;
     }
/* ====      4.2. Skiplink                                       ==== */
a#skip {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding: 0;
     text-align: center;
     z-index: 0;
     }
a#skip:link {
     color: #fff;
     border: none;
     }
a#skip:visited {
     color: #fff;
     border: none;
     }
a#skip:hover {
     background-color: #006;
     color: #eee;
     border: none;
     }
a#skip:focus {
     background-color: #006;
     color: #eee;
     border: none;
     }
a#skip:active {
     background-color: #006;
     color: #eee;
     border: none;
     }
/* ================================================================== */