body {background-color: #FFFFFF; margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.7em; line-height: 1.6em;}

p, ul, li, h1, h2, h3, h4, table, tr, td, th {margin: 0; padding: 0;}


li {list-style-type: none; text-indent: 0; display: inline;}

img {border: 0;}
h1 {padding-top: 10px; padding-bottom: 4px; padding-left: 80px; margin-top: 5px;}
h1 {color: #00CCCC; font-size: 1.3em; background: transparent url(images/headerunderline.gif) no-repeat 45px 30px; padding-bottom: 15px;}
h3 {color: #00CCCC; font-size: 1.1em;}
h1.structheader {padding-bottom: 0px;}

h1.about {padding-left: 80px; margin:0; margin-top: 5px; padding-bottom: 15px; background: transparent url(images/headerunderline.gif) no-repeat 55px 30px;}
h3.googlehead {padding-bottom: 10px; font-size: 1.2em;}

p, h3, ul {padding-left: 26px; padding-right: 20px;}

h2 {padding-bottom: 4px; padding-right: 0; margin-right: 0;}
ul {padding-bottom: 50px;}

.bold {font-weight: bold;}
.grey {color: #333;}
.clear {clear: both;}
.clear1 {clear: both; padding-top:0; padding-bottom:0; margin-top: 0; margin-bottom: 0;}
.title {font-weight: bold; color: #008888;}
.pfeil {vertical-align: middle; padding-left: 1px;}
.italics {font-style: italic;}


a.link {text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000000; /* for IE 5, same color as above */
  font-style: normal; /* for use with dfn */
}

a {text-decoration: none;}
a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #FF9933;}
a:active {color: #FF9933;}

a.boldlink:link {color: #333333; font-weight: bold;}
a.boldlink:visited {color: #333333; font-weight: bold;}
a.boldlink:hover {color: #FF9933; font-weight: bold;}
a.boldlink:active {color: #FF9933; font-weight: bold;}

a.color:link {color: #333333; font-weight: bold;}
a.color:visited {color: #A9A9A9; font-weight: bold;}
a.color:hover {color: #FF9933; font-weight: bold;}
a.color:active {color: #FF9933; font-weight: bold;}



#top {position: relative; background: transparent url(images/mainheader1.gif) no-repeat 0 0; margin: auto; margin-top: 0; width: 800px; 
height: 158px; line-height: 0; font-size: 11px;}
#top ul {padding: 0; margin: 0; position: absolute; top: 128px; left: 0px; line-height: 0;}
#top a, #top li {padding: 0; margin: 0; line-height: 0;}
.logo {position: absolute; top: 33px; left: 37px;}
.recommend {position: absolute; top: 25px; left: 655px;}


#wrapper {width: 780px; margin: auto; margin-top: 0;}
#indexwrapper {width: 780px; margin: auto; margin-top: 5px;}
#indexwrapper {background: transparent url(images/columnback.gif) repeat-y 0 0;}  



#left {width: 274px; float: left;}
#middle {width: 260px; float: left; background: transparent url(images/dividerline.gif) repeat-y 0 0; padding-bottom: 0;
margin-bottom: 0;}
#right {width: 242px; background: transparent url(images/dividerline.gif) repeat-y 0 0; float: left;}



/* index */




#left li.first, #right li.first {padding-top: 4px; }
#left h1, #left ul, #left p {padding-left: 30px; padding-right: 36px;}
#left li {display: block; padding-top: 15px;}
#lapsmap {background: transparent url(images/mapsmall.gif) no-repeat 15px 0;}
#lapsmap li {padding-top: 5px;}
#lapsmap ul {padding-bottom: 50px; padding-top: 10px;}

#meetback {background: transparent url(images/back_left.jpg) repeat-y 0 0; margin-left: 6px; margin-right: 1px;  margin-bottom: 20px;}
#meetback ul {padding-left: 22px; padding-top: 10px;}


#middle li {display: block; padding-top: 15px;}

#middleback {background: #F8F8F8 url(images/dexhdlogo.gif) no-repeat 0 0; margin-left: 6px; margin-right: 1px; margin-bottom: 20px;}
#middleback p {padding-bottom: 25px; padding-top: 10px;}
#middle p.more {padding-bottom: 30px; padding-top: 0px;}

#middleback2 {background-color: #F1FEFE; margin-left: 6px; margin-right: 1px; margin-bottom: 0px;}
#middleback2 li {padding-bottom: 15px;}
#middleback2 li.pdbsecond {padding-bottom: 0px;}
#middleback2 p.pdb {padding-left: 0; padding-top: 5px; margin-bottom: 0; padding-bottom: 5px;}
#middleback2 p.pdb2 {padding-left: 0; padding-top: 5px; margin-bottom: 0px; padding-bottom: 5px;}
#middleback2 p.pdb3 {padding-left: 0; padding-top: 5px; padding-bottom: 0px;}

img.middleimg {margin-left: 6px;}
/* offset for background shift */
#middle ul, #middle p {padding-left: 22px; padding-bottom: 30px;}
#middle ul ul {padding-left: 0; padding-bottom: 0px; padding-top: 0; line-height: 1.6em;}
#middle ul.pdblist {padding-bottom: 0px;}
#middle ul.pdblist li {padding-bottom: 0px; display: inline; padding-top: 0;}
#middle li.pdblist2 {padding-bottom: 13px; padding-top: 0;}

#right ul.pubmedlist {padding-left: 6px;  padding-right: 0; padding-bottom: 5px;}
#right li {display: block; padding-top: 15px;}
#right li.pubmed {padding-top: 1px;}
.flaschen {margin-left: 6px; padding-bottom: 20px;}
/*
ul.back1 {background-color: #F9F9F0;}  */

.google {width: 227px; background: #F8F8F8; border: 1px solid #DDDDDD; margin-left: 7px; margin-bottom: 30px; border-collapse: collapse;}
.google td {padding-left: 20px; width: 50%; padding-bottom: 4px; padding-top: 4px;}
.rightborder {border-right: 1px solid #DDDDDD;}
.bottomborder {border-bottom: 1px solid #DDDDDD;}




h2.structures {
	text-indent: -9999px;
	display:block;
	height: 28px;
	width:251px;
	margin-left: 7px;
	margin-top: 0px;
	padding-bottom: 0; padding-top: 2px;
	background:url(images/head_struct.gif) no-repeat; }
	
h2.database {
	text-indent: -9999px;
	display:block;
	height: 28px;
	width:251px;
	margin-left: 7px;
	margin-top: 0px;
	padding-bottom: 0; padding-top: 2px;
	background:url(images/head_data.gif) no-repeat; }
	
h2.helicase {
	text-indent: -9999px;
	display:block;
	height: 28px;
	width:238px;
	margin-left: 7px;
	margin-top: 0px;
	padding-bottom: 0; padding-top: 2px;
	background:url(images/head_helicase.gif) no-repeat; }
	
h2.labs {
	text-indent: -9999px;
	display:block;
	height: 28px;
	width:266px;
	margin-left: 7px;
	margin-top: 0px;
	padding-bottom: 0; padding-top: 2px;
	background:url(images/head_labs.gif) no-repeat; }
	
h2.meeting {
	text-indent: -9999px;
	display:block;
	height: 28px;
	width:266px;
	margin-left: 7px;
	margin-top: 0px;
	padding-bottom: 0; padding-top: 2px;
	background:url(images/head_meeting.gif) no-repeat; }



/* labs */

#content {padding-left: 26px; padding-top: 20px; padding-bottom: 100px; border: 1px solid green;}
#content table {width: 600px; border-collapse: collapse; margin-left: 0; vertical-align: top; border: 1px solid purple;}
#content th, #content td {padding: 10px; vertical-align: top}
#content th {padding-bottom: 0px;}
#content th {text-align: left;}


/* databases */

#databases li {display: block; padding-top: 8px;}

#databases table {margin: 15px auto 50px auto; width: 620px; border: 1px solid #F1F1F1;
border-bottom: 1px solid #EFEFEF; border-collapse: collapse;
}

#databases table.structures {margin-top: 5px;}

#databases td, #databases th {border: 1px solid #E1E1E1;
padding: 8px; padding-left: 15px; margin: 0; text-align: left; vertical-align: top;
}

#databases th {vertical-align: middle; }
th.tableheader {background-color: #F1FEFE;}

.names {background-color: #F1FEFE;}
.nameheader {background-color: #F5F5F5;}


/* contact */

#contact {
width: 603px;
margin: auto;
margin-top: 10px;
}

#contact li {display: block;}

#contactleft {
float: left;
width: 200px;
padding-bottom: 20px;
margin-top: 20px;
line-height: 19px;
}

#contactright {
float: left;
width: 350px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 20px;
}

#formheader {
	width: 336px;
	height: 29px;
	color: #00A9A9;
	font: 11px; font-weight: bold;
	padding-top: 5px;
	background: transparent url("images/contact_topback.gif") no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
vertical-align: middle;
}

form {
	width: 335px;
}

.label {
	text-align: right;
	width: 136px;
	height: 34px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(images/contact_name.gif) no-repeat;

}

.field {
	width: 195px;
	height: 34px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/contact_name_f.gif) no-repeat;
}

.fieldcomment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/contact_comment_f.gif) no-repeat;
}

.labelcomment {
	text-align: right;
	width: 136px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(images/contact_comment.gif) no-repeat;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 336px;
	background: url(images/contact_sendback.gif) no-repeat;
	padding-top: 5px;
	clear: both;
	text-align: center;
} 

.input {
	background-color: #fff;
	font-size: 11px;
	color: #5A698B;
	margin: 5px 0 5px 8px;
	padding: 1px;
	border: 1px solid #00A9A9;
}

.textarea {
	font-size: 11px;
	color: #5A698B;
	margin: 5px 0 5px 8px;
	border: 1px solid #00A9A9;
	background-color: #fff;
}

.missing {padding-left: 26px; padding-top: 10px; color: #9966CC; font-size: 1.1em; font-weight: bold;}
.name {font-size: 12px; font-weight: bold; padding-bottom: 5px;}
.phone {padding-top: 5px;}

.thanks {margin: 20px auto 50px 50px; color: #00A9A9; font-size: 1.5em; line-height: 1.5em;}


/* about */

#about p {padding: 2px 90px 0 80px; line-height: 1.9em;}
#about .last {padding-bottom: 50px;}
#about .main1 {padding-top: 1.0em; margin-bottom: 1px; }
#about .main3 {padding-top: 0.8em; margin-bottom: 1px; padding-left: 80px;}
#about p.main {padding-top: 0.3em; }
.line {background: url(images/line.gif) 50px bottom repeat-x; padding-bottom: 2px;}

/* structure */

.structuresearch {margin: 0px 80px 0px 26px; padding: 0px 9px 3px 9px; background-color: #F5F5F5; 
border: 1px solid #EFEFEF; border-bottom: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5;
float: right;}
.main2 {padding-top: 10px; clear: right; padding-left: 80px; padding-bottom: 0;}


/* suggestform */

#suggestform {padding-left: 80px; margin-bottom: 50px;}
#suggestform .suggestthanks {padding-left: 0; padding-top: 10px;}


#footer {clear: both; width: 780px; margin: auto; margin-top: 0; text-align: center; padding-top: 10px;  
background:url(images/footer.jpg) no-repeat 0 0;}
#footer ul {padding-bottom: 20px;}
#footermenu {margin: auto; margin-top: 10px;}
#footermenu li {padding-right: 20px;}
#footermenu li.erste {padding-left: 20px;}
#footermenu a {padding-top: 5px; padding-bottom: 5px;}

#footer p.footerend { margin-bottom: 20px;}