/*
-----------------------------------------------
evelyne-wannack.ch Screen Style
Author:   Robert Hilbe
Version:  14 February 2005
----------------------------------------------- */

body {
   margin: 0;
   padding: 0;
   font: small/1.5em helvetica, arial, verdana, sans-serif;
   text-align: center;
   color: #222;
   background: #e3f5f5 url(/img/body-bg.jpg) repeat-x;
   }

p {
   margin: 0 0 0.5em 0;
   letter-spacing: 0.02em;
   }

hr {
   display: none;
   }

.clear {
   clear: both;
   }

/* =Headings
----------------------------------------------- */

h1 {
   margin: 1.5em 0 1em 0;
   font-weight: normal;
   color: #959226;
   font: 170% 'century gothic',helvetica,arial,sans-serif;
   }

h2 {
   margin: 0.8em 0 0.2em 0;
   font-weight: normal;
   color: #6f1414;
   font-size: 145%;
   }

h2 a {
   color: #6f1414;
   font-weight: normal;
   border: none;
   }

h3 {
   margin: 0.5em 0 0.3em 0;
   font-weight: normal;
   color: #6f1414;
   font-size: 125%;
   }

h3 a {
   color: #6f1414;
   font-weight: normal;
   border: none;
   }

h4 {
   margin: 0.5em 0 0.3em 0;
   font-weight: normal;
   color: #6f1414;
   font-size: 105%;
   }

/* =Links
----------------------------------------------- */
   
a {
   text-decoration: none;
   color: #368;
   font-weight: bold;
   border-bottom: dotted 1px #ccc;
   }

a:hover {
   color: #9f3131;
   border-bottom: 1px solid #fff;
   }

a img {
   padding: 3px;
   border: none;
   }

a.next:after, .next a:after  {
   color: #89AC10;
   content: "\2192";
   white-space: nowrap;
   padding-left: 2px;
   }

a.previous:before, .previous a:before  {
   color: #89AC10;
   content: "\2190";
   font-weight: bold;
   white-space: nowrap;
   padding-left: 2px;
   }

a.more:after, .more a:after {
   color: #89AC10;
   content:" \00BB";
   font-weight: bold;
   white-space: nowrap;
   padding-right: 5px;
   }

a.back:before, .back a:before  {
   color: #89AC10;
   content: "\00AB";
   font-weight: bold;
   white-space: nowrap;
   padding-left: 5px;
   }

/* =Container
----------------------------------------------- */

#container {
   margin: 0 auto;
   width: 800px;
   text-align: left;
   }

/* =Header
----------------------------------------------- */

#header {
   margin: 25px 0 0 0;
   padding: 1px;
   }

#header h1 {
   margin: 0 0 0 35px;
   height: 80px;
   width: 310px;
   text-indent: -1000px;
   background: url(/img/header-bg.gif) no-repeat;
   }

#header p {
   position: absolute;
   text-indent: -1000px;
   height: 0;
   }

/* =Navigation
----------------------------------------------- */

#navigation {
   margin: 0 0 33px 0;
   padding: 0 0 0 200px;
   font-size: 95%;
   line-height: 1.3em;
   height: 2em;
   list-style: none;
   border-bottom: 20px solid #666;
   }

#navigation li {
   float: left;
   }

#navigation a {
   float: left;
   display: block;
   padding: 2px 6px 7px;
   border: none;
   border-right: 1px solid #ccc;
   text-decoration: none;
   text-transform: lowercase;
   color: #666;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 1.3em;
   }

html>body #navigation a {
   height:1.3em;
   }

#navigation a:hover {
   color: #666;
   border-bottom: 5px solid #368;
   padding-bottom: 2px;
   }

/* =Subnavigation
----------------------------------------------- */

#subnav {
   margin: 2em 0;
   }

#subnav ul {
   margin: 0;
   padding: 0;
   }

#subnav li {
   margin: 0;
   padding: 0;
   float: left;
   width: 95%;
   }

#subnav li a {
   padding: 0.3em 0.5em 0.3em 15px;
   display: block;
   border-bottom: 1px dotted #ccc;
   background: url(/img/subnav-li.gif) no-repeat 2px 6px;
   }

#subnav li a:hover, #subnav li a:focus {
   background: #ffe url(/img/subnav-li.gif) no-repeat 2px -30px;
   border-bottom: 1px solid #ccc;
   }

#subnav li a:active {
   color: #fff;
   background: #9f3131 url(/img/subnav-li.gif) no-repeat -190px 50%;
   }

/* =Content
----------------------------------------------- */

#content {
   font-size: 105%;
   padding: 1px 2em 1em 1px;
   float: left;
   width: 480px;
   border-right: 1px solid #bfcfce;
   }

#content fieldset {
   padding: 1em 0;
   border: solid #fff;
   border-width: 2px 0;
   }

#content p {
   letter-spacing: 0.01em;
   }

#content legend {
   padding: 0 0.5em;
   }

#lead {
   padding-top: 2em;
   }

#content img {
   padding: 3px;
   border: 1px solid #fff;
   }

#content ul {
   margin: 0;
   }

/* =Side
----------------------------------------------- */

#side {
   margin-bottom: 3em;
   padding: 1em;
   float: left;
   width: 210px;
   font-size: 90%;
   background: url(/img/body-bg.jpg) repeat-x;
   border-top: 3px double #bfcfce;
   }

#side h2 {
   margin: 1.5em 0 0.2em;
   padding: 1px;
   color: #567;
   font-size: 120%;
   text-transform: lowercase;
   letter-spacing: 0.03em;
   text-transform: uppercase;
   }

#side ul {
   margin: 0.5em 0;
   padding: 0;
   list-style: none;
   }

#side li {
   margin: 0;
   padding: 0 0 0 20px;
   }

.sidebox {
   margin: 1em 0;
   }

/* =Footer
----------------------------------------------- */

#footer {
   padding: 1em;
   color: #789;
   font-size: 90%;
   line-height: 1.4em;
   text-align: center;
   clear: both;
   border-top: 20px solid #666;
   }

#footer a {
   font-weight: normal;
   }

/* =Languages
----------------------------------------------- */

#english {
   margin: 22px 0 40px 0;
   padding: 12px 10px 5px 30px;
   background: url(/img/english-version.jpg) no-repeat;
   }

#german {
   margin: 22px 0 40px 0;
   padding: 12px 10px 5px 30px;
   background: url(/img/german-version.jpg) no-repeat;
   }

/* =Forms
----------------------------------------------- */

fieldset {
   margin: 0;
   padding: 0;
   font-size: 105%;
   border: none;
   }

legend {
   text-transform: uppercase;
   letter-spacing: 0.02em;
   font-size: 110%;
   line-height: 2em;
   }

textarea {
   width: 80%;
   max-width: 80%;
   }

dl {
   margin: 0;
   }

dd {
   margin: 0 0 1em;
   }

input, textarea {
   padding: 3px;
   font: 100% helvetica,arial,sans-serif;
   border: 1px dotted #aaa;
   }

input:focus, textarea:focus {
   background: #e0e9ef;
   }

.button, .button:hover {
   margin: 0 5px;
   padding: 4px;
   font: 98% helvetica,arial,sans-serif;
   color: #fff;
   background: #678;
   border: none;
   }

/* =Classes
----------------------------------------------- */

.clear {
   clear: both;
   }

.center {
   text-align: center;
   }

.date {
   margin-top: 15px;
   display: block;
   font: 115% helvetica,georgia,'times new roman',times;
   color: #567;
   }

.date2 {
   margin: 0 10px 5px 0;
   padding: 5px 0 0 0;
   width: 35px;
   float: left;
   display: block;
   clear: both;
   color: #973;
   background: #f8f8f8;
   font: 95%/1em georgia,'times new roman',times,serif;
   text-align: center;
   text-transform: uppercase;
   border: solid #bfcfce;
   border-width:  0 1px 1px 0;
   -moz-border-radius: 0 0 5px 0;
   } 

.date2 span {
   padding: 0 0 5px 0;
   display: block;
   font-weight: bold;
   font: 130%/1em georgia,'times new roman',times,serif;
   text-indent: -3px;
   letter-spacing: -2px;
   color: #973;
   }   

.hide {
   height: 0;
   width: 0;
   overflow: hidden;
   position: absolute;
   }

.floatleft {
   margin: 0 10px 5px 0;
   float: left;
   }

.floatright {
   margin: 0 0 5px 10px;
   float: right;
   }

.clearfloat {
   clear: both;
   }

.border {
   padding: 3px;
   border: 1px solid #ddd;
   }

.message {
   padding: 4px;
   background: #fee;
   border: solid #fbb;
   border-width: 1px 0;
   }

.smaller {
   font-size: 95% !important;
   }

abbr, acronym, .help {
   border-bottom: dotted 1px #ccc;
   cursor: help;
   }

.top {
   margin: 0;
   padding: 0 25px 0 0;
   height: 1em;
   line-height: 1em;
   display: block;
   font-size: 80%;
   font-weight: normal;
   text-align: right;
   color: #e0f2f2;
   background: url(/img/top.gif) no-repeat 100% 50%;
   border: none;
   }

.top:hover {
   border: none;
   }

/* Hide text on screen but not for screenreaders */

.screenreader {
   position: absolute;
   left: -9000px;
   width: 0;
   overflow: hidden;
   }

.lead {
   margin: 5px 0;
   padding: 8px 10px;
   background: #fffefe;
   border: solid #fdd;
   border-width: 1px 0;
   }

/* =Tables
----------------------------------------------- */

table {
   margin: 10px 0 20px;
   empty-cells: show;
   border-collapse: collapse;
   border-top: 1px solid #d3d5d7;
   color: #222;
   font-size: 90%;
   }

caption {
   font: bold 130%/2em georgia,'times new roman',times,serif;
   letter-spacing: 0.02em;
   color: #999;
   }

th, td {
   padding: 2px 5px;
   border-bottom: 1px solid #d3d5d7;
   overflow: hidden;
   }

tr:hover, tr.hover {
   background: #f9f9f9;
   }

th {
   background: #f3f3f3;
   font-weight: bold;
   }

/* =Search
----------------------------------------------- */

#searchbox {
   width: 160px;
   font-size: 110%;
   padding: 4px;
   }

/* for Google Search Highlight */

.hilite {
   padding: 2px;
   background: #fee;
   }

/* =Templating
----------------------------------------------- */

#home #nav-home a, #biographie #nav-biographie a, #forschung #nav-forschung a, #publikationen #nav-publikationen a, #austausch #nav-austausch a, #links #nav-links a, #kontakt #nav-kontakt a {
   position: relative;
   right: 1px;
   color: #fff;
   background: #666;
   border: none;
   cursor: default;
   -moz-border-radius: 5px 5px 0 0;
   }

#home #nav-home a:hover, #biographie #nav-biographie a:hover, #forschung #nav-forschung a:hover, #publikationen #nav-publikationen a:hover, #austausch #nav-austausch a:hover, #links #nav-links a:hover, #kontakt #nav-kontakt a:hover {
   padding-bottom: 7px;
   border: none;
   }


#biographie #content ul {
   list-style: none;
   padding-left: 2em;
   }

#biographie #content li {
   margin: 1em 0 0;
   }

#austausch #content {
   width: 600px;
   }

#austausch table a img {
   border: none;
   }

#austausch table a {
   border: none;
   }

/* =Debug 
-----------------------------------------------

div {
   border: 1px solid red;
   }
   
p {
   border: 1px solid green;
   }

ul, li, a {
   border: 1px solid blue;
   }
*/