/*******************************************************/
/*                                                     */
/*                 www.BIOTECHNET.ch                   */
/*                                                     */
/*                 Urban Meier 2008                    */
/*                                                     */
/*******************************************************/

/******************************************************/
/* Page Elements                                      */
/******************************************************/

html {
  height: 100%; 
  max-height: 100%; 
  padding: 0;
  margin: 0; 
  border: 0; 
  color: #000000;
  background: #FFFFFF; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ 
  overflow: hidden; 
  /* */ 
}

body {
  position: relative;
  height:100%;
  max-height:100%;
  color: #000000;
  background: #FFFFFF;
  overflow:auto; 
  z-index: 0;
}
/*
#Wrapper {
position: relative;
left: 0px;
top: 0px;
width: 1425px;
height: 885px;
color: #000000;
background: #FFFFFF;
margin: 0px 0 0 0px;
padding: 0;
z-index: 0;
}
*/
#Header {
position: absolute;
top: 0px;
left: 0;
width: 770px;
height: 98px;
color: inherit;
background-color: transparent;
margin: 19px 0 0 30px;
padding:0;
z-index: 10;
}

#Navigation {
position: absolute;
top: 118px;
left: 0px;
width: 775px;
height: 54px;
color: inherit;
background-color: transparent;
margin: 0 0 0 30px;
padding: 0;
z-index: 10;
}

#Content {
position: absolute;
top: 190px;
left: 30px;
width: 770px;
color: inherit;
background-color:  transparent;
margin: 0 0 0px 0px;
padding: 0px 0px 50px 0px;
z-index: 8;
}

* html #Content {
width: 775px;
}

#left {
position: absolute;
top: 0px;
left: 0px;
width: 480px;
color: inherit;
background-color:  #FFFFFF;
margin: 0;
padding: 0px 0px 50px 0px;
border-top: 3px solid #005664;
z-index: 15;
}

#right {
position: absolute;
top: 0px;
left: 494px;
width: 235px;
color: inherit;
background-color:  #E3E3E3;
margin: 0;
padding: 0px 0px 30px 0px;
border-top: 3px solid #005664;
z-index: 15;
}

#borderright {
  position: absolute;
	margin: 0;
	top: 0;
	right: 0px;
	display: block;
	width: 30px;
	height: 100%;
	font-size: 1em;
	z-index: 100;
	overflow: hidden;
	background: #FFFFFF;
	color:#000000;
}

#borderbottom {
  position: absolute;
	margin: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 99%;
	height: 30px;
	font-size: 1em;
	z-index: 100;
	overflow: hidden;
	background: #FFFFFF;
	color:#000000;
}

/******************************************************/

/******************************************************/
/* Content Elements                                   */
/******************************************************/
/* Allgemeine Definitionen */
body,
#Content p,
#Content a,
#Content ul,
#Content table,
#Content form {
font-family: arial,sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.3em;
margin: 0;
padding: 0;
}

/* Titel */
h1 {
font-size: 12px;
color: #005F64;
background-color: inherit;
text-align: left;
margin: 0 0 0.2em 0;
padding: 0;
z-index: 2;
}

h2 {
font-size: 12px;
color: #005F64;
background-color: inherit;
text-align: left;
margin: 0;
padding: 0;
z-index: 2;
}

h3 {
font-size: 12px;
color: #005F64;
background-color: inherit;
text-align: left;
margin: 0;
padding: 0;
z-index: 2;
}

/******************************************************/
/* Text */
#Content p {
  color: #005F64;
  background-color: transparent;
  width: 515px;
  text-align: left;
  margin: 0 0 1em 0;
  padding: 0;
  z-index: 2;
}

#Content td p {
  width: 100%;
}

#Content div.s p {
 width: 235px;
}


#Content p.maintext {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
}

#Content p.mainleft{
  display: block;
  float: left;
	width: 375px;
	height: 200px;
}

#Content p.mainright {
  display: block;
  float: right;
  width: 375px;
  height: 200px;
}

#Content p.discreet {
  color: #8C8C8C;
  background-color: inherit;
  margin: 0;
  padding: 0;
}

/******************************************************/
/* Links */
#Content a {
color: #005F64;
background-color: inherit;
text-decoration: none;
line-height: 1.4em;
border-bottom: 1px solid #F53C00;
}

#Content a:hover {
color: #005F64;
background-color: inherit;
text-decoration: none;
border-bottom: 1px solid #F53C00;
}

/* Links mit Bildern */
a img,
a img:hover {
text-decoration: none;
border: none;
}

/* Navigationslinks */
#Content .s_nav a,
#Content .s_nav a:hover {
color: #F53C00;
background-color: inherit;
font-weight: bold;
text-decoration: none;
border: none;
}

#Content h3 a {
font-weight: bold;
}

/******************************************************/
/* Tabellen */

#Content table {
border-collapse: collapse;
empty-cells: show;
font-weight: normal;
color: #005F64;
background-color: inherit;
/*width: 100%;*/
}

#Content tr {

}

#Content th,
#Content td {
vertical-align: top;
padding: 5px 0px 20px 0px;

}

#Content #left td,
#Content #right td {
padding: 5px 0 10px 0;
}

#Content th.s,
#Content td.s {
width: 235px;
border-top: 1px solid #005664;
}

#Content th.l,
#Content td.l {
width: 520px;
border-top: 1px solid #005664;
}

#Content th.space,
#Content td.space {
width: 15px;
border: none;
}

#Content table.noborder,
#Content table.noborder th,
#Content table.noborder td {
border: none;
}

/* Formulartabelle */
.td_s {
 width: 250px;
}

.td_l {
 width: 520px;
}

/* Tabellenabschluss */
#Hookl {
 color: #000;
 Background: #F53C00;
 width: 520px;
 height: 22px;
 margin: 0;
 padding: 0;
 border-top: 3px solid #F53C00;
 border-left: 1px solid #F53C00;
 border-right: 1px solid #F53C00;
}
#Hooks {
 color: #000;
 Background: inherit;
 width: 235px;
 margin: 0;
 padding: 0;
 border-top: 3px solid #005664;
}

/******************************************************/
/* Listen */
#Content ul {
 color: #005F64;
 background-color: inherit;
 list-style-position:outside;
 list-style-type: none;
 list-style-image: url(../_img/list-image.png);
 margin: 5px 10px 5px 10px;
 padding: 0;
}

#Content li {
 margin: 0px 0 8px 1em;
 padding: 0;
}

/******************************************************/
/* Claims */
.claim,
#claim {
position: relative;
float: left;
left: -30px;
top: 0;
margin: 0 0 17px 0;
padding: 0;
}

/******************************************************/
/* DIV's */

/* schmal */
#Content div.s {
 position: relative;
 top: 0;
 left: 0;
 width: 235px;
 padding: 0 0 23px 0;
}

/* schmal mit Navigationslinks*/
#Content div.s_nav {
position: relative;
top: 0;
left: 0;
width: 235px;
padding: 2px 0 0 0;
}

/* breit */
#Content div.l {
position: absolute;
top: 0;
left: 250px;
width: 520px;
}

/* Newsauflistung auf der Startseite */
#news_detail {
 position: absolute;
 width: 520px;
 border-top: 3px solid #005664;
 border-bottom: 3px solid #005664;
 margin: 221px 0px 30px 250px;
 padding: 0;
}

* html #news_detail {
 margin: 0px 0px 30px 10px;

}

/* Agendaeintrag auf der Startseite */
#agenda_detail {
 position: absolute;
 width: 520px;
 border-top: 3px solid #005664;
 border-bottom: 3px solid #005664;
 margin: 221px 0px 30px 250px;
 padding: 0;
}

* html #agenda_detail {
 margin: 0px 0px 30px 10px;

}


#course_detail,
#project_detail,
#contact_form {
 width: 480px;
 margin: 0;
 padding: 0 0 20px 0;
 border-bottom: 28px solid #F53C00;
}

#course_detail p,
#project_detail p {
 margin: 0;
 padding: 0;
}

#course_detail span,
#project_detail span {
font-family: arial,sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.3em;
color: #005F64;
background-color: inherit;
text-align: left;
 margin: 10px 0 10px 0;
 padding: 10px 0 10px 0;
}

#profile {
 width: 520px;
 margin: 0;
 padding: 0;
 border-bottom: 28px solid #F53C00;
}

/******************************************************/
/* Formulare */

#Content form {
color: #005F64;
background-color: #FFFFFF;
}

.input_text,
textarea,
button {
 font-family: arial,sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.3em;
 margin: 0;
 padding: 2px 3px;
}

/* input */
.input_text {
width: 50%;
color: #005F64;
background-color: #FFFFFF;
border: 1px solid #005664;
}

textarea {
width: 100%;
height: 80px;
color: #005F64;
background-color: #FFFFFF;
border: 1px solid #005664;
}

button {
width: 80px;
color: #005F64;
background-color: #FFFFFF;

border-top: 1px solid #005664;
border-left: 1px solid #005664;

border-bottom: 2px solid #005664;
border-right: 2px solid #005664;
}

.googlebutton {
 font-family: arial,sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.2em;
 margin: 0;
 padding: 1px 2px;
 color: #005F64;
 background-color: #FFFFFF;

 border-top: 1px solid #005664;
 border-left: 1px solid #005664;
 border-bottom: 2px solid #005664;
 border-right: 2px solid #005664;
}


/******************************************************/
/* News und Agenda auf der Startseite */
#Content .news {
  position: relative;
  float: left;
  display: block;
  width: 235px;
}

#Content .news h2 {
  display: block;
  margin: 1px 0 2px 0;
  border-top:3px solid #005664
}

#Content .news ul {
  width: 235px;
  list-style-type: none;
  list-style-image: none;
  margin: 0px 5px 0px 0px;
  padding: 0 0 5px 0;

}

#Content .news ul li {
  margin: 0 0 2px 0;
  padding: 0;
}

.newsdate {
  float: left;
	width: 65px;
}

* html .newsdate {
  display: block;
}

.newstext {
  display: block;
	width: 167px;
	margin: 0 0 0 67px;
	padding: 0;
}

* html .newstext {
  float: left;
	width: 165px;
	margin: 0 0 0 2px;
}

/******************************************************/