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

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

@page { 
size: portrait;
margin-top:1.7cm;
margin-bottom:1.4cm; 
margin-left:2cm;
/*margin-right:2cm*/
}

body {
position: relative;
width: 18cm;
height: 100%;
color: #000000;
background-color: #FFFFFF;
}
/*
#Wrapper {
position: relative;
left: 0;
top: 0;
width: 18.5cm;
color: #000000;
background-color: #FFFFFF;
margin: 0;
padding: 0;
z-index: 0;
float: left;
}
*/
#Header {
position: relative;
top: 0px;
left: 0cm;
width: 18cm;
height: 98px;
color: inherit;
background-color: transparent;
margin: 0 0 0 0px;
padding:0;
z-index: 10;
float: left;
}

* html #Header {
position: absolute;
}


#Navigation {
display: none;
position: absolute;
top: 118px;
left: 0px;
width: 18cm;
height: 74px;
color: inherit;
background-color: #FFFFFF;
margin: 0 0 0 0px;
padding: 0;
z-index: 10;
}

#Content {
position: relative;
top: 0px;
left: 0px;
width: 18cm;
color: inherit;
background-color:  #FFFFFF;
margin: 0 0 0 0px;
padding: 0px 10px 50px 0px;
z-index: 10;
page-break-inside:auto;
float:left;
}

* html #Content {
position: absolute;
top: 100px;
}

#left {
position: absolute;
top: 0px;
left: 0px;
/*width: 480px;*/
width: 12cm;
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;*/
left: 12.5cm;
/*width: 236px;*/
width: 5.5cm;
color: inherit;
background-color:  #E3E3E3;
margin: 0;
padding: 0px 0px 30px 0px;
border-top: 3px solid #005664;
z-index: 15;

}

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

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

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

h2 {
font-size: 10pt;
color: #005F64;
background-color: transparent;
text-align: left;
margin: 0;
padding: 0;
z-index: 2;
}

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

#Content p.maintext {
font-size: 11pt;
line-height: 18pt;
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
display: block;
width: 17cm;
}

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


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

#Content a:hover {
color: #005F64;
background-color: transparent;
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: transparent;
font-weight: bold;
text-decoration: none;
border: none;
}


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

#Content table {
border-collapse: collapse;
empty-cells: show;
font-weight: normal;
color: #005F64;
background-color: transparent;
width: 18cm;
}

#Content tr {
/*page-break-after:auto;*/
}

#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: 236px;*/
width: 5.5cm;
border-top: 1px solid #005664;
}

#Content th.l,
#Content td.l {
/*width: 480px;*/
width: 11.2cm;
border-top: 1px solid #005664;
}

#Content th.space,
#Content td.space {
/*width: 14px;*/
width: 0.3cm;
border: none;
}

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

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

.td_l {
/* width: 480px;*/
 width: 11.3cm;
}

/* Tabellenabschluss */
#Hookl {
 color: #000;
 Background: #F53C00;
/* width: 480px;*/
 width: 11.3cm;
 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: transparent;
/* width: 236px;*/
 width: 5.5cm;
 margin: 0;
 padding: 0;
 border-top: 3px solid #005664;
}

/******************************************************/
/* Listen */
#Content ul {
 color: #005F64;
 background-color: transparent;
 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;
width: 18cm;
left: -30px;
top: 0;
margin: 0 0 36px 0;
padding: 0;
}

#claim object {
width: 18cm;
}

#claim embed {
width: 18cm;
}

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

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

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

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


#agenda_detail {
 width: 100%;
 border-top: 1px solid #005664;
 border-bottom: 3px solid #005664;
 margin: 0;
 padding: 5px 0px 10px 0px;
}

#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: transparent;
text-align: left;
 margin: 10px 0 10px 0;
 padding: 10px 0 10px 0;
}

#profile {
 width: 480px;
 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;
}
/******************************************************/

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


#Navigation
{
 font-size: 12px;
 line-height: 16px;
}

#Navigation a
{
 text-decoration: none;
 font-size: 12px;
 padding: 0;
 margin: 0;
 font-weight: bold;
}

#Navigation span#cutter
{
 padding: 0 7px 0 0px;
 width: 3px;
 display:block; 
 float: left;
}

/*******************************************************/
/* Main Menu */
#Navigation .menu_main {
}
 
#Navigation .menu_main,
#Navigation .menu_main a.nav_index,
#Navigation .menu_main span.nav_index
{
 color: #F53C00;
 background-color: transparent;
}

#Navigation .menu_main a.nav_active
{
 color: #F59600;
 background-color: transparent;
}

#Navigation .menu_main,
#Navigation .menu_main a.nav_passive,
#Navigation .menu_main span.nav_passive
{
 color: #8C8C8C;
 background-color: transparent;
}

/*******************************************************/
/* Submenu */
#Navigation .menu_sub {
 clear: both;
}

#Navigation .menu_sub,
#Navigation .menu_sub a.nav_index,
#Navigation .menu_sub a.nav_passive
{
 color: #F53C00;
 background-color: transparent;
}

#Navigation .menu_sub a.nav_active
{
 color: #963C00;
 background-color: transparent;
}

