/*-------------------------------------*/
/* allgemeine Einstellungen            */
/*-------------------------------------*/

/* Reset - alle Abstände auf NULL */
*  { 
  padding: 0; 
  margin: 0; 
}
/* optional: erzwingt Scrollbar im Firefox */
html { 
  height: 101%; 
  margin-bottom: 1px; 
}
h2, h3, h4, p, ul, ol { 
  margin-bottom: 1em; 
}
ul ul { 
  margin-bottom: 0; 
}
li { 
  margin-left: 1em ; 
}

div#wrapper {
  position: relative;
}  

/*Überschriften aus KLIWA-Seite*/
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.95em;
}

h1, h2, h3, h4 {
  font-family: arial, sans-serif;
  line-height: 1em;
  font-weight: normal;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #34458A;
  font-size: 150%;
}

h2 {
  margin-top: 0px;
  color: #5565AA;
  font-size: 120%;
}
h3 {
  margin-top: 0px;
  color: #5565AA;
  font-size: 110%;
}
h4 {
  margin-top: -15px;
  color: #5565AA;
  font-size: 90%;
}
/*-------------------------------------*/
/* Seitenkopf                          */
/*-------------------------------------*/
div#kopf h1 {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 8px;
}

div#logo {
  float: left;
  width: auto;
  border: 0;
}

p#untertitel {
  background-color: #edebec;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 5px;
  font-size: 80%;
}

/*-------------------------------------*/
/* Seitentext                          */
/*-------------------------------------*/
div#neueseite h1,
div#neueseite h2,
div#neueseite p,
div#text h2, h3, h4, p, ul, ol, form, fieldset {
  padding-left: 10px;
}

div#neueseite h1,
div#neueseite h2,
div#text h2
{
  padding-top: 10px;
  padding-bottom: 10px;
}

label, select, fieldset { /* Alle Labels UND Formularelemente auswählen */
	  display: block;
	  float: left;
	  font-family:'Helvetica',Arial,sans-serif;
	}

label,span.radio { 
        font-family:'Helvetica',Arial,sans-serif;
        font-size:90%;
        text-align: right;
        padding-right: 1em;
        width: 150px;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
    clear: left; /* das floating der labels und inputs aufheben */
}
input {
      margin-left: 163px;
}
input#exoStart { 
      margin-left: 0px;
}

img { border:0px }

	.buttonTooltip {
	  position: relative;
	}
	.buttonTooltip .tooltip {
	  position: absolute;
	  left: 425px;
	  display: none;
	}
	.buttonTooltip:hover .tooltip {
	  display: block;
	  width: 400px;
	  background-color: #e4e4e4;
	}

div#Stamm{
  float: left;
  width: 30%;
  min-width: 380px;
}
div#Jahr{
  float: left;
  width: 40%;
  min-width: 460px;  
}
div#Region{
  min-width: 500px;
}
div#Trend{
  min-width: 300px;
}

div.Abb{
  font-size:80%;
  margin-bottom: 20px;
  padding-left: 10px;
}
caption{
  font-size:80%;
  margin-top: 20px;
  text-align: left;
}
table{
  margin-left: 10px;
  margin-bottom: 30px;
}

p#Formel{
  text-align: center;
}

div.Literatur ul{
  list-style-type: none;
  text-indent: -2em;
  margin-left: 1em;
}
div.Literatur ul li{
  margin-bottom: 5px;
}
	
span.bez,
span.bez2,
span.bez3,
span.bez4,
span.bez5,
span.bez6{
  width:100px;
  display:block;
  float: left;
}

span.bez2 { width:200px;}
span.bez3 { width:280px;}
span.bez4 { width:380px;}
span.bez5 { width:320px;}
span.bez6 { width:150px;}

.clearing {
  clear: both;
}

div.Legende {
  font-size:80%;
  padding-left: 10px;
}

span.half {
  width: 50%;
  display: block;
  float:left;
}
/*-------------------------------------*/
/* Hinweis                          */
/*-------------------------------------*/	
p#hinweis  {
	font-size:80%;
}
p.noscript {
  color: #ff0000;
}