/* iE5,6 support: http://dean.edwards.name/IE7/ */
/*http://artikel.fabrice-pascal.de/posfixedie6/3/ */

#dbwrapper{overflow:hidden;margin-bottom: 10px;}
#db .col-left {width: 550px; float:left;}
#db #media {width: 400px; float:left;}
/* fonts */
body
{
	background-color:#eaece9; 
	font-family:  "Andale Mono","Courier New", Courier, Monaco, monospace; 
	color: #000;
	overflow-x:hidden;
}

.wrapper {
	width: 1000px; 
	margin:auto; 
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto -4em;
}

div {
	font-family:  Times, "Times New Roman", serif;
	font-size : 0.97em;
}
small {
	font-size: 0.7em;
	/*line-height: 1.5em; */
}

h1, h2, h3 {
	font-family:  "Andale Mono","Courier New", Courier, Monaco, monospace; 
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.0em;
}

h3 {
	font-size: 0.9em; 
}

a
{
	color: #333300;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #c8bb89;
}

a:hover,  h2 a:hover, h3 a:hover{
	text-decoration: underline;
}

/* link colors for feature box */
#feature table {margin:auto;}
#feature h2 {margin-left: 37px;margin-bottom:15px;}
a.feature
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.feature img {margin-right: 3px;}

a.feature:visited {
	color:  #000;
}

a.feature:hover {
	text-decoration: underline;
}


#blue {
	color: #00F;
}





/* structure */

body {
 margin: 0;
 padding: 0;
/* background-image: url(im/plant.idx.png); */
/* background-repeat: no-repeat; */ 
}

#menu {
 border: 0px solid silver;
 width: 940px; 
 /*position: fixed; top: 0px; left: 60px;*/
 z-index: 100;
 background-color: #eaece9;
 margin:auto; 
}
#menuleft {
 float: left; width: 20em;
 margin: 0; padding: 5px;
}

#menuright {
 float: right; width: 20em;
 margin: 0; padding: 5px;
 text-align: left;
}

#menucenter {
 margin: 0; padding: 5px;
}

#feature{
/* margin: 0 12em 0 10em; */
 padding: 20px 20px 40px 20px;
 border: 0px solid silver;
 background-color: #c8bb89;
 width: 700px;
 margin:auto;
 /*position: relative; top: 0px; left: 60px;*/
}

#fdown{
 padding:0px;
 width: 670px;
 height: 6px;
 background:url(im/down6.png) repeat-x;
 position: relative; top: 18px; left: 64px;
}

/* warum ist das doppelt? ich hab die
 * erste deklaration von #news jetzt auskommentiert.
 * 2011 07 8 n 
#news{
 padding: 20px;
 border: 0px solid silver; 
 background-color: #eaece9;
 width: 635px;
}
*/

#news {
    background-color: #EAECE9;
    border: 0px solid red;
    left: 60px;
    margin: -50px auto 0 auto;
    padding: 20px 30px 20px 20px;
    top: 18px;
    width: 720px;
}

#db{
 /* border: 1px dashed blue; */ 
 padding: 0px;
 text-align: left;
 margin: 0;  
 width: 1000px; 

}
#db {margin-top: 40px;}
#dbwrapper {}

#titel{
 border: 0px solid silver;
 text-align: left;
 width: 500px;
 padding: 10px;
 background-color: #eaece9;
 position: relative; top: -15px; left: 60px;
}
.abstand {margin-left: 17px;}
#dbentry{
 border: 0px solid silver;
 text-align: justify;
 width: 450px;
 padding: 10px;
 background-color: #fff; 
 /*position: relative; top: 0px; left: 60px;*/
/* background-image: url(im/raster.gif); */
margin-left: 50px;
}

#footer{
 text-align: justify;
    background-color: #efefef;
    margin: 50px auto 0 auto;
    width: 720px;
    height: 20px;
}


/* headers */

h1 {
	padding-top: 70px;
	margin: 0;
}

h2 {
	margin: 7px 0 0;
}

h3 {
	padding: 0;
	margin: 5px 0 0;
}


/* images */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}


/* forms */

#search {
/*  border: 1px solid blue; */
 display: inline;
 margin: 0 0 0 0;
 padding: 0;
}

#searchfield {
 BORDER-LEFT: 1px solid #b0b0b0;
 BORDER-RIGHT: 1px solid #b0b0b0;
 BORDER-TOP: 1px solid #b0b0b0;
 BORDER-BOTTOM: 1px solid #b0b0b0;
 font-size : 8pt;
 background-color: #fff;
}

#searchsubmit {
 border: 0px;
 background-color: #eaece9;
 color: #000;
 text-decoration: none;
 font-weight: bold;
 font-family:  Times, "Times New Roman", serif;
 font-size : 0.97em;
}


/* various tags */

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

hr {
	display: none;
}

/* soundplayer */

#scontainer{
 width:400px; 
 /*position: relative; top: 470px; left: 600px;*/
 padding: 0;
 margin:0; 
 visibility: hidden;
 margin: 0 0 10px 0;
}

#soundplayer{
 background: #eaece9;
 visibility: visible;
 border: 0px solid silver;
}

/* videoplayer */

#vcontainer{
 width:400px;
 /*position: absolute; left: 540px; top: 330px;*/
 /*float: left;*/
 padding: 0;
 margin:0;
 visibility: hidden;
}

#videoplayer{
 background: #fff;
 visibility: visible;
 border: 0px solid silver;
}


/* slideshow */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {
 width:400px; 
 display:none; 
 /*float: right;*/
 background: #eaece9;
 /*position: relative; top: 0px;*/
}
#wrapper * {margin:0; padding:0}
#fullsize {
position:relative; 
width:400px; height:300px; 
padding:0px; border:1px solid silver; 
background-image: url(im/trans400400.gif);
}
#information {position:absolute; bottom:0; width:400px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; }
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:400px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:300px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(im/left.gif) left center no-repeat}
#imgnext {right:0; background:url(im/right.gif) right center no-repeat}
#imglink {position:absolute; height:300px; width:100%; z-index:100; }
.linkhover {background:url(im/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(im/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(im/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:500px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

#dropmenudiv{
position:absolute;
width: 400px; 
border:1px solid #303030; 
background-color: #f5f5f5;
/* font:normal 10pt;i */
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 400px; 
display: block;
text-indent: 0px;
padding: 1px 5px;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{
 text-decoration: underline;
}

#menugrey{
text-indent: 0px;
text-decoration: none;
font-weight: bold;
color: #bbb;
}