/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

/* Outer bounding box for all pages */
#frame {
  width: 100%;
  text-align: left;
}
/* Logo and navigation*/
#header {
  margin: 0;
  padding: 0;
  height: 122px;
  border-bottom: 2px solid #cc9;
  background: #bd6 url(pics/bkd_headerOben.gif) repeat-x; 
  z-index:3;
  position:relative;
}
#headercontent {
  width: 730px;
  margin: 0 auto;
  padding: 0;
  height: 122px;
  position: relative;

}  
/* H1 to contain logo */
#header h1 {
  position: absolute;
  margin: 27px 0 0 3pt;
  padding: 0;
  width: 180px;
  /* height: 60px; */
}

#header h1 span { display: none}

/* main section */
#content {
  width: 730px;
  margin: 0 auto;
  z-index: 0;
  position: relative;

}

#contentbody {
  margin: 0;
  padding: 0 5px;
  background-color: #fff;
  color: #333; 
}

#contentbody.centered {
  margin: 10px 77px 0 77px;
}

#contentbody.home h2 {
  margin: 0;
  padding: 0 0 .5em 0;
  border-top: none;
  font-size: 1.4em;
  line-height: 1.3em;
  text-align: left;
  color: #660;
  background-color: #fff;
}

/* footer */ 
#footer {
  margin: 2em auto;
  padding: 0;
  height: 34px;
  width: 730px;
  position:relative;
  border-top: 3px solid #cc9;
}
#footercontent {
  font-size: .8em;
  margin: 0 auto;
  padding: .5em;
  position: relative;
}

#footer div.updated { 
  float: right; 
  text-align: right;
  width: 40%; 
  margin: 0
}
#footer div.institut { 
  float: left;
  width: 40%;
  margin: 0
}
#footer a , #footer{ 
  color: #240; 
  background: transparent; 
}


/* different main-coloumn-layout */
/**************
 one column 
***************/
#onecol {
  margin: 2.8em 0 0 0;
  padding: 0;
}


/*************
 two column 
**************/
#twocol {
  margin: 2.8em 0 0 0;
  padding: 0;
  background: transparent url(pics/bkd_home_twocol_trans.gif) repeat-y;
}

#twocol div.Col { 
  position: relative;
  float: left;
  width: 442px;
  margin: 0;
  padding: 0 65px 1em 5px;
}
#twocol div.Left { 
  width : 200px;
  margin: 0;
  padding: 0; 
}

#twocol div.Left img {
  margin: 0 12px 5px 12px;
  padding: 0;
}
#twocol div.Left ul { 
  width : 200px;
  padding: 0 0 0 1em;
  margin: 0;
  list-style-type: square;
 }
#twocol div.Left ul li {
  border: 1px solid #fff;
}
#twocol div.Col h2 {
 margin-top: 0px 
}
#twocol div.Left h4 {
  width : 200px;
}
#twocol .kontakt a {
  white-space: nowrap
}

/************
 three column 
*************/
#threecol {
  margin: 2.9em 0 0 0;
  padding: 0;
/*  background: transparent url(pics/bkd_home_threecol_trans.gif) repeat-y;*/
}

#threecol div.Col {
  position: relative;
  float: right;
  width : 235px;
 border: 1px solid #fff;
height: 285px;
 

}
#threecol div.Left { 
  padding: 0; 
}

#threecol div.Col img {
  position: absolute;
  top:0;
  left: px;
}
#threecol div.Col p {
  padding-right: px;
  border: 0px solid;
}

#threecol img {
  border-top: none;
  padding-bottom: 0;
  width: 210px;
  height: 210px;
}

#threecol h3 {
  margin: 0em 0 1em 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  background: transparent;
}
#threecol h3.home {
  max-width: 190px;
  font-size: 1em;
  line-height: 1.1em;
 padding-top: 220px
}
#threecol h3.home a {
 text-decoration:none;
 color: #666;
 font-weight: normal;
}
#contentbody h3.Col {
  margin: 30px 0 5px 0;
  padding: 0;
  font-size: 2em;
  height: 28px;
  font-weight: bold;
  color: #000;
  background: transparent;
}

/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/

#headercontent ul.Content { 
  position: absolute;
  /* left: 320px; */
  right:0;
  text-align: right;
  /* top: 8px */
  top: 20px;
  padding: 3px 0 0 40px;
  margin: 0;
  z-index: 0;
  list-style: none;
}
#headercontent ul.Content li:after{
  content: url('pics/dot.gif');
}
#headercontent ul.Content li a { 
  font-size: 1em;
  color: #000;
  background: transparent;
    text-decoration: none;
}

#headercontent ul.Content li a.selected {
/*  text-transform: uppercase; */
/*  color: #000; */
  color: #f60;
  background:transparent;
}
#headercontent ul.Content li a:hover {
  color: #ff3;
  background:transparent;
}
#headercontent ul.Content li ul {
 display: none;
 visibility: hidden;
}

/* UL for main navigation */
#headercontent ul.MoreContent {
  z-index: 4;
  position: absolute;
  top: 96px;
  right: 0;
  margin: 0;
  padding: 0;
  width: 730px; 
/*  background: transparent url(pics/bkd_headerMenuOben.gif) repeat-x; */
}
	
#headercontent ul.MoreContent li {
  margin: 0 2px;
  padding: 0 5px;
  list-style: none;
  float: right;
  width: 230px;
  /* width: auto; */
  text-align: center;
  color: #fff;
  background-color: #666;
  border-top: 3px solid #330;
  line-height: 1.7em;
 line-height: 23px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
#headercontent ul.MoreContent li.last {
  margin: 0;
}

#headercontent ul.MoreContent li a:visited {
  color: #fff;
  background: transparent;
}
#headercontent ul.MoreContent li ul a:visited {
  color: #000;
  background: transparent;
}
#headercontent ul.MoreContent li a:link, 
#headercontent ul.MoreContent li a:hover  {
  color: #fff;
  background: transparent;
  text-decoration: none;
}
#headercontent ul.MoreContent li:hover{
  color: #fff;
  border-top: 3px solid #666;
  background-color: #445;
  border-bottom: 1px solid #ccc;
 }
#headercontent ul.MoreContent li a.selected { 
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
}
#headercontent ul.MoreContent li ul { 
  display:none;
  position: absolute;
  top: 23px;
  left: 0px;
  margin: 1px;
  padding: 0 0 0 1.6em;
  width: 216px;
  background-color: #fff;
  background-image: none; 
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}
#headercontent ul.MoreContent li:hover ul { 
  display: block;
  background-color: #fff;
  color: #000;
  border-left: 1px solid #333;
}
#headercontent ul.MoreContent li:hover ul li:hover { 
  background-color: #fff;
}
#headercontent ul.MoreContent li:hover ul li { 
  margin:0;
  padding: 0 0 0 0.5em;
  list-style-type: square;
  float: none;
  width: 210px;
  text-align: left;
  color: #000;
  background-color:  #eee;
  border-top: 0px solid #555;

}
#headercontent ul.MoreContent li a { 
  text-decoration: none;
  color: #ccc;
  background: transparent; 

}
#headercontent ul.MoreContent li:hover ul li a { 
  font-weight: normal;
  text-decoration: none;
  color: #000;
  background: transparent;
}
#headercontent ul.MoreContent li ul li a:hover { 
  color: #f30;
  background: transparent;  
}

/* Tools navigation */
#header ul.Tools { 
  padding: 0;
  margin: 0;
  position: absolute;
  top: 127px;
  right: 0;
  z-index: 2;
}
#header ul.Tools li { 
  margin: 0;
  padding: 0 .5em;
  list-style-type: none;
  font-size: .8em;
  line-height: 1.2em;
  text-align: right;
  float: left;
}
#header ul.Tools li a { 
  text-decoration: none;
  color: #333;
  background: transparent;
}

#header ul.Tools li.css {
  border-right: 1px solid
}

div.Left p.MoreContent a {
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
}

div.Left ul.MoreContent {
  padding: 0;
}

div.Left ul.MoreContent li{
  font-size: 1em;
  line-height: 1.7em;
  color: #333;
  background: transparent;
}

div.Left ul.MoreContent li a {
  color: #333;
  background: transparent;
}

div.Left ul.MoreContent li a.selected {
  color: #000;
  background: transparent;
  font-weight: bold;
}

/* Bibliothek-Search */
#searching legend {
  display: none;
}
/* you are here */
#header p.urhere {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 127px;
  left: 6pt;
  z-index: 3; 
  font-size: .8em;
  line-height: 1.2em;
  color: #460;
  background: transparent;
}
#header p.urhere a {
  color: #444;
}

span.projekt { 
  color: #999; 
  background: transparent;
  display: none 
}
.laufzeit {
 margin-top: 2em;
}

/***************
sitesearch 
****************/
#ss {
  text-align: right;
  position: absolute;
  padding:0;
  margin:0;
  top:8px;
  right: 0;
}
#ss fieldset {
  border: none;
  padding:0;
  margin:0;
}
#ss legend {
  display: none;
}
#ss #ssgo {
  border: 0px solid #9b5;
  background: none;
  margin-bottom:-3px;
}
#sitesearch {
  font-size: 1em;
  border: 1px solid #9b5;
  width: 8em;
  background-color: #de8;
  color: #666;
  margin: 5px 0 0 0;
  padding: 0 .5em;
}
#sitesearch:focus {
  background-color: #fff;
  color: #000;
}
/* ende sitesearch */











/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

body 
{ 
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: center;
  font: 10pt/1.4em verdana, arial, sans-serif;
  color: #222;
}

/* Normal links */
a:link, a:visited {
  color: #c60;
  text-decoration: underline;
}

a:hover, a:visited:hover {
  color: #333;
  text-decoration: underline;
}

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
  border: none;
  background-color:transparent;
}


/*-------------------------------------------------
HEADING TEXT ELEMENTS
-------------------------------------------------*/

h1 {
  font-size: 2.8em;
  font-weight: normal;
  color: #000;
}

h2 {
  margin: 30px 0 10px 0;
  padding: 10px 0 0 0;
  font-size: 1.8em;
  line-height: 1em;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  color: #930;
}

h3 {
  margin: .8em 0 0 0;
  padding: 0;
/*  font-size: 14pt; */
  font-size: 1.4em;
  font-weight: normal;
  color: #222;
  line-height: 1.4em;
}

h4 {
  margin: 0;
  padding: 1em 0 .3em 0;
  /* font-size: 12pt; */
  font-size: 1.2em;
  font-weight: normal;
  color: #222;
}

h5 {	
  margin: 0 0 .3em 0;
  padding: 0;
  /* font-size: 10pt; */
  font-size: 1em;
  font-weight: bold;
  color: #666;
}

p {
  margin: 0 0 1.2em 0;
  font-size: 1em;
  line-height: 1.5em;
}

ul {
  list-style-type: square;
  margin: 0 0 1em 0;
  padding:0 0 0 1.2em;
}

/*-------------------------------------------------
MISCELLANEOUS
-------------------------------------------------*/
.Left h4, .ma .Left h3 {
  font-size: 1.1em;
  width: 175px;
  padding: 1.5em 0 0 0;
  margin-bottom: .4em;
  border-bottom: 3px solid #bed56f;
  border-bottom: 3px solid #888;
}
.Left h4 a { 
  text-decoration: none;
  color: #333;
 }
.Left h4.selected {
  padding-top: 0;
}
.Left p {
 padding-bottom: .5em;
}
select {
  font: 1em verdana, arial, sans-serif;
  background-color: #efefef;
}
div.spacer {
  clear:both;
  height: 20px;
  overflow: hidden;
}
img { 
  border: none; 
}
img.bobida {
  
}
p.noscript{
  display: inline
}
ul.pdf {list-style-type: none; padding: .5em 0 0 0;}
ul.pdf li {padding: 0 }
ul.pdf span.pdf {display: block; width: 25px; float: left}
ul.pdf li {clear: both}
ul.pdf span.pdfmass {white-space: nowrap; display: block}

/*----------------------
Bibliothek
------------------------*/

#bibsuche span.kat {float: left; width: 25px; display:block; border: 1px solid #fff}
#bibsuche a.kat {cursor: pointer; text-decoration: underline; display: block; border: 1px solid #fff}
.rezension div.zitat {text-align: left}
.rezension p.verlag {width: 100px; float: right; margin-left: 1em }
.rezension img.verlag {border: 1px solid #ccc}
.rezension p.rezensist {clear: both; text-align: left; padding-top: 1em}
.rezension p.reztxt {text-align: left}
.rezension p.right { border-bottom: 1px solid #ccc; clear:right}
div.rezension {clear: both; padding-top: 1em; text-align: right; position: relative}

#bibgo {margin: 0 0 0 3px;}
#bibsuche ul {padding-left: 0; list-style-type: none;}
#bibsuche ul ul {padding-left: 2em}
#bibsuche {border: none;padding: 0;}
#bibsuche input.input { width: 85%; font-size: .9em; background-color: #cd4}
#bibsuche input.inputsubmit {display: none}
#bibsuche div.img {float: left; width: auto; padding: 0 1em 0.5em 0; font-size: .8em}
#searching, #ctl {border: none}

#paging {text-align:right;padding:0; margin:1em 0;border: 0px solid #000; border-bottom: 1px solid #050; clear: both}
#paging img {height: 11px; width: 11px; margin: 0 2px}
#paging div.prev {padding:0; margin:0; height: 13px;width: 34px; float:left}
#paging div.range {float: left; width: 310px; text-align:center; padding: 0 10px}
#paging div.next {padding:0; margin:0; height: 13px;width: 34px; float:right}
#paging .actPage { color: #900 }

#results legend {display: none}
#results {border: none}
#results div.zitat {margin: 1em 0}
#results span.hl {color: #900;}

#newsearch {border: none}
#newsearch legend {display:none}

span.referatText {
display: none;
}
span.referat:hover .referatText {
display: block;
}
/* -------------------------------
ende Bibliohek
---------------------------------*/


/* kontakt */
div.adress {
  clear: both;
  position: relative;
  padding-bottom: 1em;
  margin: 2em 0;
  padding: 0;
  min-height: 101px;
}
div.adress .post {
  float: left; 
  width: 280px ;
}
div.adress .komm {
  float: left;
  width: 250px;
  padding-left: 1em;
} 
div.adress .bild {
  position:absolute;
  top: 0;
  margin: 15px 0;
  right: 0;
}
img.email {
margin-bottom: -3px;
}
/*************
projekte 
**************/
p.motto {
  font-size: 1.1em;
}
ul#navjahr {
  padding: 0;
  margin: 0;
}
ul#navjahr li {
  font-size: 1em;
}
ul#navjahr .selected a , ul#navkf .selected a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
  color: #f93
}
ul#navkf {
 clear: left;
}
ul.projekte {
  list-style-type: none; 
  padding-left: 0;
  margin-left: 0;
}
ul.projekte li {
  padding: .3em 0
}
ul.projekte span.titel {
  font-weight: bold
}
ul.projekte span.utitel {
  display: block
}

p.right {text-align: right}
img.plan {border: 1px solid #333}

.projekt table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 2em;
}
.projekt table td {
  padding: 0 3px;
  vertical-align: top;
  border: 1px solid;
}
.projekt table tr td:first-child {
  padding-left:0
}
.projekt table tr td:last-child {
  text-align:right

}

.Col.projekt table td {
 border: 1px solid #fff;
}
/*************
 teamlisten
**************/
table.team {
  width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0;
  border: outset 0pt
}
table.team td {width: 33%}
table.team .maName {font-weight: bold}
table.team td {vertical-align: top; padding: .5em 1em .5em 0}
table.team td {border-bottom: 2px solid #ccc}
table.team tbody td:last-child { padding-left: 30px}
table.team tbody tr:last-child td {border: none}
ul.maprojekte {
  margin: 0;
  padding-left: 1em;
  margin: .5em 0;
}
p.teaser {
  font-weight: bold;
}
.Left img {
  border: 1px solid #ccc;
}
/* RSS-Feed auf home-site */
div.rss {
  position: absolute;
  bottom: -2em;
  right: 5px;
  font-size: .8em;
}
a.rss {
  border:1px solid #c60;
  padding: 0 2px 0 16px;
  font: 9px verdana,sans-serif;
  font-weight: bold;
  color:#fff;
  background:#f83 url(pics/rss.png) no-repeat;
  text-decoration:none;
  margin:0;
  margin-left: .5em;
}
a:hover.rss {
  color:#000;
  text-decoration: none
}
div.facebook {
  position: absolute;
  bottom: -24px;
  right: 5px;
  display: none;
}
a.facebook {
  height: 25px;
  width: 24px;
  display: block;
  font: 0px verdana,sans-serif;
  color:#fff;
  background:#fff url(pics/facebook.jpg) no-repeat;
  text-decoration:none;
  margin:0;
}
a.oekoplan {
  font: 1px verdana,sans-serif;
  position: absolute;
  left: -85px;
  height: 25px;
  width: 80px;
  background:#fff url(pics/oekoplan.png) no-repeat;
  color:transparent
}
div.pulswerk {
  font: 0px verdana,sans-serif;
  position: absolute;
  left: -700px;
  height: 25px;
  width: 480px;
  background:#fff url(pics/logo_pulswerk.png) no-repeat;
  color:transparent
}
div.pulswerk a {
  height: 25px;
  width: 100px;
  display: block;
}

/*********
 websites 
***********/
ul.websites {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.websites li {
  list-style: none;
  clear: left;
}
ul.websites h3 {
  font-size: 1.1em;
  padding-left: 192px;
  margin-top: 0;
  padding-top: 0;
}
ul.websites p {
  padding-left: 0px;
}
ul.websites p.erstellt {
  text-align: right;
}
ul.websites li img {
  width: 175px;
  float: left;
  border: 1px solid #999;
  margin: -1.3em 1em 1em 0;
}

/* Publikationen */

.publikationen div.publikation div.download {
 text-align: right;
}
.publikationen div.publikation div.info {
  width: 50%;
  float: left;
}

.publikationen div.publikation .pdf img {
  margin-bottom: -5px;
}

.publikationen div.publikation {
  margin-bottom: 2em;
  padding-top: 1.2em;
  border-top: 1px dotted #ccc;
}
.publikationen h2 + .publikation {
  padding-top: 0;
  border: none;
}
.publikationen div.zitat {
}
p.top {
  padding-bottom: 1em;
  text-align: right;
}
p.top a {
  color: #333;
}
/* abonnieren */
p em {font-weight: bold}
form {
  margin: 0;
  padding: 1em 0;
}
fieldset.info div.checkbox input { 
  width: auto;  
  float: left
}
fieldset.info label.checkbox {
  padding-left: 2em;
  display: block;
  font-weight:normal
}

fieldset.captcha {border: none; border-top: 1px solid #ccc}
fieldset.captcha img {
  border: 1px solid #999;
  width: 200px; 
  float: left;
  margin: 5px 0px;
}
fieldset.captcha p.todo {margin-left: 210px}
fieldset.captcha p.why {margin: 1.5em 0}
fieldset.captcha label {display: inline}
fieldset.info div.item {margin-bottom: 20px }
fieldset.info { width: 40%; float: right; border: none; border-top: 1px solid #ccc}
fieldset.info em {font-weight: bold; font-style: normal}
fieldset.person{ width: 40%; border: none; ; border-top: 1px solid #ccc}
p.message { color: red }
fieldset.person input {background-color: #eee; width: 100%}
legend {font-weight: bold; padding: 0 6px}

/*....*/
.pdfmass {
  white-space: nowrap;
}
/* links */
.links dl {
  padding:0;
  margin: 0;
}

.links dl h4, .links dl dl dl{
  font-size: 1em;
  padding: 0.2em 0 0 .5em;

}
h4.subNode {
  cursor: pointer;
  text-decoration: underline;
}
dl.subNode {
  display: none
}

.static table td {
  border: 1px solid;
  padding: .3em .5em;
  border-collapse: collapse;
}
.kf ul {
  padding: 0 1.5em;
}

/*hotspots */
.hotspot table {
 border-collapse: collapse; 
 margin-bottom: 1em;
}
.hotspot table td {
 border: 1px solid;
}