/* 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: #585858;
	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.95em;
}
small {
	font-size: 0.7em;
	/*line-height: 1.5em; */
}

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

h1 {
	font-size: 0.1em;
}

h2 {
	font-size: 0.9em;
}

h3 {
	font-size: 0.8em; 
}

h4 {
	font-size: 1em; 
}

/*a  
{
	color:#222A0A;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color:  	#FF4000;
}

a:hover,  h2 a:hover, h3 a:hover{
	text-decoration: underline;
	color:  	#FF4000;
}*/

a:link {
	color: #610B21;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #610B21;
	text-decoration: underline;
}
a:hover {
	color: #886A08;
	text-decoration: underline;
}
a:active {
	color: #886A08;
	text-decoration: underline;
}

/* link colors for feature box */
#feature table {margin:auto;}
#feature h2 {margin-left: 37px;margin-bottom:15px;}
a.feature
a.feature:link {
	color: #610B21;
	text-decoration: none;
	font-weight: bold;
}
a.feature:visited {
	color: #610B21;
	text-decoration: underline;
}
a.feature:hover {
	color: #886A08;
	text-decoration: underline;
}
a.feature:active {
	color: #886A08;
	text-decoration: underline;
}


#blue {
	color: #585858;
}





/* 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: 1px solid silver;
 background-color: #eaece9;
 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;
}

#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; 
 margin-left: 50px;
}

#dblist{
 border: 0px solid silver;
 text-align: justify;
 width: 874px;
 padding: 10px;
 background-color: #fff; 
 margin-left: 50px;
}

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


.pteil {
 font-size: 1em;
 float: left;
 width: 50%;
}

.projektliste:after {
 content: "";
 display: table;
 clear: both;
}

/* headers */

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

h2 {
	margin: 7px 0 0;
}

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

h4 {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 5px;
}


/* 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-image: url(im/trans30.png);
 /* background:#000;  */
 color:#fff; 
 overflow:hidden; 
 z-index:200; 
}
#information h3 {padding:4px 8px 3px; font-size:11px}
#information p {padding:0 8px 8px; font-size: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;
}