/* @override http://www.deep-phylogeny.org/hamstr/css/main.css */

/* start reset */
* {outline: none; background-repeat: no-repeat; border: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */

html, body {height: 100%; border: 0; font-size: 22px; margin-top: 5px;}
body {background:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; overflow-x: hidden; overflow-y: scroll; position: relative; top: 0; left: 0;}
a:link, a:visited, a:hover, a:active {color: blue; text-decoration: none;}

#indent {
	margin-left: 20px;
}

#topLinks {padding: 20px;}

#topLinks a {color: blue; font-size: 100%;}
#topLinks span#topLinkLeft {position: relative; left: 20px;}
#topLinks span#topLinkRight {position: relative; left: 500px; margin: 5px;}



#header {height: 120px; width: 100%;}
#header a {
	color: black;
	text-decoration: none;
}
#header p#title {position: absolute; left: 42%; top: 40px; font:bold 34px verdana, sans-serif;}
#header p#descr {position: absolute; left: 32%; top: 75px;}
.home{
	background-image:url("http://www.deep-phylogeny.org/images/cibiv-190-80.jpg");
        position: absolute;
        left:10px;
        top:0px;
        border: 0px;
        width: 190px;
        height: 80px;
        float: left;
        z-index: 10;
	
}
.home3{
	background-image:url("http://www.deep-phylogeny.org/images/dfg_logo.gif");
        position: absolute;
        left: 570px;
        top:0px;
        border: 0px;
        width: 60px;
        height: 40px;
        float: left;
        z-index: 10;
	
}

div.autosize { display: table; width: 1px; max-width: 600px; }
div.autosize > div { display: table-cell; }

#main {min-width: 40%;}

#right {position: relative; width: 86%; float:left; top: 10px; left: 155px; text-align: justify }
#right #hometext {padding-left: 50px; margin-top: 10px;  min-width: 45%; line-height: 1.5em; padding-right: 20px;}
#right h2{
    position: relative; top: -10px;
    margin-left: 15px;
    padding: 0px 20px 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;
}
#right h3{
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 14px;
    padding: 0px 20px 0px 20px;

    font:bold 15px verdana, sans-serif;
    border-left:9px solid royalblue;
    border-bottom:1px solid royalblue;
}
#right h4{
    margin-left: 14px;
    padding:2px 10px 2px 10px;
    font:bold 13px verdana, sans-serif;
}
#right p{
    padding-left:10px;
}
#right a{
    text-decoration:none;
}

#right #gleft {
/*	border: 1px solid red;*/
	margin-left: 50px;
	width: 250px;
	float: left;
}
#right #gmid {
	margin-left: 50px;
	width: 250px;
	float: left;
}
#right #gright {
	/*border: 1px solid blue;*/
	margin-left: 50px;
	width: 250px;
	float: left;
}
#group {

	margin-left: 15px;

}
#group li{
	padding-left: 20px;
	font: normal 14px sans-serif;
	color: green;
}

#green {
	color: green;
	font: normal 14px sans-serif;
}

#right #preSpec {
	width: 300px;
	margin-top: 30px;
	margin-left: 200px;
/*	border: 1px solid red;*/
}
#right #chooseSpec {
	border: 1px solid blue;
}
#right #email {
	font: italic 14px sans-serif;
	margin: 20px;
}
#right #label {
	font: normal 14px sans-serif;
	margin: 5px;
	text-decoration: underline;
}
#right input#usermail {
	padding-left: 5px;
	height: 22px;
	color: white;
	font: normal 15px sans-serif;
	background-color: #666;
	border: 1px #333 solid;
}

#left {z-index: 1000; position: absolute; left: 10px; top: 120px; min-width: 140px; min-height: 300px; background-color: royalblue; float: left; color: white;}
#dl{position: absolute; top: 275px}
#left ul{
    margin:0 10px 0 10px;
    list-style:none;
    padding:0;
}
#left ul.sec{
    margin:0 10px 0 10px;
    list-style:none;
    padding:0;
}
#left li{
    font:bold 13px verdana, sans-serif;
    text-align:left;
    padding:3px 0 0 0;
}
#left li.sec{
    font:bold 11px verdana, sans-serif;
    margin:0;
    padding:3px 5px 0 10px;
}
#left a {
    /*die breitenangabe wir nur vom ie benoetigt*/
    font:bold 13px verdana, sans-serif;
    color:white;
    text-decoration:none;
}
#left a.sec{
    color:white;
    font:bold 11px verdana, sans-serif;
    text-decoration:none;
    padding:0;
    margin:0;
}
#left a:hover,a.sec:hover{
    color:red;
}

#clear {
	clear: both;
}

#bottomLinks {clear:both; text-align: left; padding: 20px;}
#bottomLinks a {color: red;}
#bottomLinks input#bottomButtonLeft {position: relative; left: 200px;}
#bottomLinks input#bottomButtonRight {position: relative; left: 700px;}

#clc {
	
text-align: center;position:relative; left: 45px;
	margin-bottom: 100px;
}

#footer {text-align: center; position:relative; top: 30px; left: 45px; padding-bottom:40px; font-size: 100%; color: gray;}
#footer a {color: gray;}
#footer a:hover {color: red;}

form{
	margin-left: 20px;
}
.form{
	margin-left: 20px;
}
.left1 li{
	width: 131px;
}
.right1 ul, .right1 ol{
	margin-left: 20px;
}