body {
color:black;
background-color:white;
padding:0;
margin:0;
font:13px verdana, sans-serif;
background-image: url("con2.jpg");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}
html,body {
height:100%;
}
#head {
    color:black;
    position:absolute;
    background-color:transparent;

    padding:0px 0 0 0;
    margin:0px 0 0px 0;
    width:100%;
    min-width:920px;
}
#head h1 {
    color:black;
    padding:0px 0 0 0;
    margin:0 0 0 0px;
    font:bold 34px verdana, sans-serif;
}

#head h1 a{
    position:absolute;
    top:50px;
    left:200px;
    right:210px;
    padding:0;
    text-align:center;
    margin:0;
    color:black;
    background-color:transparent;
    text-decoration:none;
}

#leftnav {
    height:300px;
    position:absolute;
    color:white;
    float:left;
    text-align:center;
    margin:0;
    padding:0;
    left:10px;
    width:140px;
    top:120px;
    background-color:royalblue;
    font:bold 13px verdana, sans-serif;
}

#leftnav a {
    /*die breitenangabe wir nur vom ie benoetigt*/
    font:bold 13px verdana, sans-serif;
    color:white;
    text-decoration:none;
}

#leftnav ul{
    margin:0 10px 0 10px;
    list-style:none;
    padding:0;
}

#leftnav ul.sec{
    margin:0 10px 0 10px;
    list-style:none;
    padding:0;
}

#leftnav li{
    font:bold 13px verdana, sans-serif;
    text-align:left;
    padding:3px 0 0 0;
}

#leftnav li.sec{
    font:bold 11px verdana, sans-serif;
    margin:0;
    padding:3px 5px 0 10px;
}

#leftnav a.sec{
    color:white;
    font:bold 11px verdana, sans-serif;
    text-decoration:none;
    padding:0;
    margin:0;
}

#leftnav a:hover,a.sec:hover{
    color:red;
}




img {
border:0;
padding:0;
margin:0;
}

#content{
    position:absolute;
    min-width:600px;
    top:120px;
    left:170px;
    right:20px;
    padding:0;
    margin:0;
}
#content h2{
    margin:0;
    padding:0px 0px 0px 20px;

    font:bold 20px verdana, sans-serif;
    border-left:12px solid royalblue;
    border-bottom:1px solid royalblue;
    border-top:1px solid royalblue;
    border-right:12px solid royalblue;
}
#content h3{
    margin:10px 0px 10px 0;
    padding:2px 20px 2px 10px;
    font:bold 15px verdana, sans-serif;
    border-left:9px solid royalblue;
    border-bottom:1px solid royalblue;
}
#content h4{
    margin:0px 0 0px 0;
    padding:2px 0 2px 10px;
    font:bold 13px verdana, sans-serif;
}
#content p{
    padding-left:10px;
}

#content a{
    text-decoration:none;
}



.note {
    font:italic 11px verdana, sans-serif;
}

.topborder{
    border-top:1px solid black;
}

.grey{
    background-color:wheat;
}

#login a {
    position:absolute;
    top:105px;
    right:20px;
    text-align:center;
    display:block;
    font:11px verdana, sans-serif;
    margin:0;
    padding:0 0px 0px 10px;
    color:red;
}

.n_title {
    margin-left:10px;
    padding:2px 2px 2px 2px;
    font:15px verdana, sans-serif;
    width:90%;
    display:block;
    background-color:#C0C0c0;
    color:black;
    border:1px solid white;
}

.n_meta {
    width:90%;
    margin-left:10px;
    padding:2px 2px 2px 2px;
    font:12px verdana, sans-serif;
    display:block;
    background-color:#C0C0c0;
    color:black;
    border:1px solid white;
    border-bottom:none;
}

.n_text {
    margin:2px 2px 2px 10px;
    padding:2px 2px 2px 2px;
    display:block;
    background-color:#C0C0c0;
    color:black;
    border:1px solid white;
    width:90%;
    font:13px verdana, sans-serif;
}

hr {
    margin:0px 0px 0px 13px;
    padding:0;
    width:90%;
    height:2px;
    background-color:#909090;
    border:0;
}

.warn{
    color:red;
    font:14px verdana, sans-serif;
}

.help{
    position:absolute;
    margin:5px 0 0 85%;
    background-color:darkgrey;
    border:1px solid black;
    padding:0px 10px 0px 10px;
    
}

.small
{
    font:11px verdana, sans-serif;
}

.boxed
{
    font:13px verdana, sans-serif;
    background-color:white;
    border:1px solid black;
    display:inline;
    padding:0px 10px 0px 10px;
}

.folder
{
    display:none;
    text-indent:0.1em;
}

.tree , .tree ul{
    margin-left:15px;
    padding-left:0;
    list-style:none;
    color:blue;
    text-indent:0.1em;
}

.abstract
{
    display:none;
    margin:0;
    padding:5px 5px 5px 5px;
    
    color:black;
    border:1px solid black;
    width:90%;
    font:13px verdana, sans-serif;
}

.taxa_gene
{
    display:block;
    margin:0px 0em 0em 0.1em;
    width:90%;
    max-height:400px;
    overflow:auto;
    background-color:silver;
}

.taxa_gene td:hover
{
    background-color:white;
}

.taxa_gene a
{
    text-decoration:none;
}

.taxa_gene td
{
    display:table-cell;
}

.tg_info
{
    display:block;
    margin-top:0.4em;
    padding:0px 0em 0em 0.1em;
    background-color:#C0C0c0;
    color:black;
    border:1px solid white;
    width:90%;
    font:13px verdana, sans-serif;
}

.fixed
{
    width:15em;
    height:3em;
}

.posNorth
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:280px;
    top:40px;
}

.posWest
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:60px;
    top:210px;
}

.posEast
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:550px;
    top:210px;
}

.posSouth
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:280px;
    top:410px;
}

.posNorthWest
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:110px;
    top:90px;
}

.posNorthEast
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:500px;
    top:90px;
}

.posSouthWest
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:110px;
    top:350px;
}

.posSouthEast
{
    font:24px verdana, sans-serif;
    position:absolute;
    left:500px;
    top:350px;
}

/* gradient 2 */
.gradient2 h1 {
	font: bold 261%/105% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 50px;
	color: #464646;
	text-transform: uppercase;
	letter-spacing: -3px;
}
.gradient2 h1 span {
	background: url(../images/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 18px;
}
.gradient2 a {
	color: #000;
	text-decoration: none;
}
.gradient2 a:visited {
	color: #000;
}
.gradient2 a:hover {
	color: teal;
}

a.image { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 800px; /* width of reactive image */
     height: 220px; /* height of reactive image */
     margin-left: 18px;
     background-image: url(../images/con1.png); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/con2.jpg); /* source for target image */
     }