/***** general page layout *****/
body, th, td {
  font-family: Arial, sans-serif;
  font-size: small;
}

body {
  background-color: white;
  padding: 1em;
  margin: 0;
}

#page {
  float: left;
  margin: 0;
  padding: 0;
  width: 1110px;
}

#beta {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .6;
  background-color: #fc0;
  border-bottom: 1px solid #f60;
  padding: .25em;
  width: 100%;
  text-align: center;
  z-index: 255;
}

#ihateie {
    display: block;
    padding: .25em;
    background-color: #fc0;
    border: thin solid #c90;
    margin: 0 0 1em 0;
    line-height: 150%;
    text-align: center;
}



/***** tooltips *****/
#WzTtDiV {
  color: #333;
  background-color: #fffbcc;
  border: 1px solid #999666;
  font-size: small;
  font-weight: normal;
  text-align: left;
  position: absolute;
  z-index: 9999;
  padding: 5px;
  margin: 5px;
  margin-left: 15px; /* Abstand zum Zeiger */
  -moz-box-shadow: #ccc 2px 2px 3px;
}

#WzTtDiV h4 {
  margin: 0;
}

#WzTtDiV p {
  margin: .5em 0 0 0;
}

#WzTtDiV table {
  background-color: transparent;
  width: 5em;
  min-width: 5em;
}



/***** header *****/
#head {
  border-bottom: 3px solid #F1AD1A;
  margin: 0 0 1em 0;
  padding: 0;
  position: relative;
}

#head h1 {
  margin: 0;
  padding: 0;
}

#logo_lsa {
  margin: 0 10px;
}

#headUtils {
  float: right;
  text-align: right;
}

#search {
  position: absolute;
  bottom:0;
  right: 0;
}

#search fieldset {
  border: none;
  padding: .5em 0;
}

#search input.search {
  border: 1px solid #999;
  padding: 0 .2em;
  width: 10em;
}

#search input.search:focus {
  background-color: #ffc;
}

#search .button {
  background-color: transparent;
  border: 1px solid #eee;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0;
}
#search .button:hover {
  border: 1px outset #999;
}

span.hilight {
  background-color: #fe9;
}

 

/***** content *****/
#content {
/* */
 /* position: relative;
  min-height: 1120px; */
}
/** funktioniert leider nicht so
#content:after { content:"clear"; color:white; background-color:black; 
clear:left; display:block; padding:0.2em; font-weight:bold; }
*/

.two_columns {
    position: relative;
}
.two_columns .left {
    float: left;
    left: 0px;
    top: 0;
}

.two_columns .right {
    margin-left: 260px;
}
.two_columns .right:after { content:"clear"; clear:left; display:block; height:0; overflow:hidden; visibility:hidden; }

#subhead {
  width: 850px;
}



/***** fusszeile *****/
#foot {
  clear: both;
  border-top: 1px solid #999;
  text-align: center;
  padding: .5em;
  margin-bottom: 2em;
}

#foot { text-align: left; font-size: smaller; padding: 0; margin: 0 0 2em; }
#foot ul { list-style-type: none; float: right; }
#foot li { display: inline; margin-left: .5em; }
#foot a { text-decoration: none; }
#foot a:hover { text-decoration: underline; }



h1, h2, h3, h4, p, object, table, ul, ol {
  margin-bottom: 1em;
}

h2 {
  color: #F1AD1A;
  font-size: 1.2em;
}


/*
.kleingedrucktes h3 {
  margin-bottom:-2em;
  
}
*/
a, a:link {
  color: #333;
}

a:visited {
  color: #777;
}

a:hover {
  color: #F1AD1A;
}

img {
  border: none;
}

p.toplink {
  text-align: right;
  margin: 0;
}

p.toplink a {
  text-decoration: none;
}

ul {
 list-style-type: square;
}

/***** table views *****/
.chart {
  margin-bottom: 1em;
  width: 600px;
}

table {
  background-color: white;
  min-width: 600px;
  border: 1px solid #ccc;
}

th {
  background-color: #eee;
  padding: .1em .2em;
/*  width: 1em; */
}

thead th {
}

tbody th {
  font-weight: normal;
  text-align: left;
/*  white-space: nowrap; */
}

th.tableedge {
  background-color: #083;
  color: white;
  padding: .5em;
}

td {
  border: 1px solid #eee;
  border-width: 0 1px 1px 0;
  padding: .1em .2em .1em 1em;
  text-align: right;
}

table.zeitreihe {}

table.vergleich {
  max-width: 850px;
}

table.vergleich th {
  width: auto;
}

.tableOptions {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 0;
  line-height: 2em;
  max-width: 850px;
}

.tableOptions div {
  padding: .5em;
}

.tableOptions label {
  white-space: nowrap;
}

.tableOptions h4 {
  margin: 0;
  padding: .2em .5em;
  background-color: #083;
  color: white;
  font-style: italic;
  position: absolute;
  line-height: 100%;
}

.textblock {
  margin: 0 10px 10px 0;
  width: 240px;
  position: relative;
}
.textblock h4 {
  color: #999;
  border-bottom: 2px dotted #bbb;
  margin: 0;
  padding: .2em 0;
}

.textblock div {
  padding: .5em 0;
  overflow: auto;
  height:auto;
  border:0px green solid;
}

.textblock div p {
  margin-top: 0;
  margin-bottom: .5em;
}

.mapToggle div {
    text-align: center;
}


#map {
  display: block;
  margin: 0 auto 1em;
  min-width: 400px;
  min-height: 300px;
  background: white url(../img/ajax-loader.gif) no-repeat center;
}

.kleingedrucktes {
  /* top:-5px; */
  font-size: 85%;
}








  

dl {
  margin: 2em 0 1em 1em;
}
dt {
  /* float: left;
  clear: left; */
  text-align: left;
  font-weight: bold;
  color: green;
  margin-right: 1.4em;
  padding-right:2em;
 /* margin-top: 0.2em;
  margin-bottom: 2.5em; */ 
}
dd {
  
  /*position:relative;
  top:-15px;*/
  margin: 0 0em 0em 1.5em;
  /* padding: 0 0 0.5em 0; */
}
dd p {
  margin-top:0em;
  /*margin-left:0.5em; */
  margin-bottom: .5em;
  text-align:justify;
}


/* OK */
dl.zeichenerklaerung dt {
   height: 0;
   line-height: 1;
   position: relative;
  /* top:20px; */
  margin:1em 0 0em 0;
  padding-top:5x;

}


.kleingedrucktes dl dt sup {
   height: 0;
   line-height: 1;
    top: 13px;
   left:-2px;
   position: relative;
   vertical-align: baseline !important;
   vertical-align: bottom;
 /*
 
   
  
   vertical-align: baseline !important;
   vertical-align: bottom; */
   font-size:0.9em;
   bottom: 0px; /* */
   
}

/*
sup {
   height: 0;
   line-height: 1;
   position: relative;
   top: 30px;
   vertical-align: baseline !important;
   vertical-align: bottom;
   font-size:0.9em;
  }
*/

/***** legende *****/
table.legende {
  width: auto;
}
table.legende th {
  font-weight: bold;
  width: auto;
}
table.legende td {
  text-align: left;
  width: auto;
}

table.legende div.box {
  display: block;
  width: 3em;
  float: left;
  margin-right: 1em;
}



/***** startseite *****/
#karteStartseite {
  float: right;
}

#einleitung {
  line-height: 150%;
  margin: 3em 0 1em 0;
  padding-left: 2em;
}

#sponsoren {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sponsoren li {
  display: inline;
  margin: 0 .5em;
}




/***** flash messages *****/
p.msgSuccess,
p.msgNotice,
p.msgError {
  padding: .5em;
  border-width: 1px;
  border-style: solid;
}

p.msgSuccess {
  background-color: #cfc;
  border-color: #090;
  color: #090;
}

p.msgNotice {
  background-color: #ffc;
  border-color: #990;
  color: #990;
}

p.msgError {
  background-color: #fcc;
  border-color: #900;
  color: #900;
}



/***** login *****/
#login * {
  font-size: 95%;
}

#login fieldset {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  border: none;
}

#login p {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0 .5em;
}

#loginTitle {
  display: block;
  margin: .5em 0;
}

#loginForm {
  margin: .5em 0;
}

#login p #loginForm {
  display: none;
}

#login p:hover #loginForm {
  display: block;
}

#login input {
    background-color: white;
    border: 1px solid #ccc;
}



/***** breadcrumbs *****/
#breadcrumbs {
  font-weight: bold;
}



/***** impressum *****/
#impressum {
  padding-left: 1em;
}

#impressum h3 {
  font-size: 1.1em;
}

#impressum address,
#impressum p {
  font-style: normal;
  padding-left: 2em;
}

#impressum a {
}


/***** PDF - Links *****/

.pdf-link {
  color: #777;
  margin-left: 3.5em;
  margin-bottom: .25em;
}

.pdf-link a:link {
  text-decoration: none;
}

.pdf-link a:visited {

}

.pdf-link.neu a:link {
  font-weight: bold;
}

.pdf-link a:hover, .pdf-link.neu a:hover {

}

#older-documents {
  margin: 1em .5em .5em 3.5em;
  border: 1px solid #ddd;
  padding: .5em;
}

#older-documents-control {
  display: list-item;
  list-style-image: url(../img/shades/arrow.gif);
  list-style-position: inside;
}

#older-documents.active #older-documents-control{
  list-style-image: url(../img/shades/arrow_active.gif);
  padding-bottom: .5em;
  border-bottom: 1px solid #eee;
}

#older-documents-inner {
  display: none;
  padding: 1em .5em .5em .5em;
}

#older-documents.active #older-documents-inner {
  display: block;
}

#older-documents .pdf-link {
  margin-left: .5em;
}