/**********************************/
/* CSS ETH WCMS-Templates         */
/* copyright 2003 ETH Web Office  */
/* Version beta 0.33 | 04.06.2003 */
/* Author:P. Ruetsche             */
/* Author:Y. Serrano              */
/**********************************/


/* -------------- HEADER -------------- */
/* sitename */

#printhead {
	display:none;
}

div.sitename { 
	position:absolute;
	top:0px;
	left:220px;
	margin:0px;
	padding:0px;
	z-index:0;
}

/* language */
div.language {
	position:absolute;
	line-height:1;
	text-align:right;
	vertical-align:bottom;
	top:24px;
	right:55px;
	margin:0px;
	margin-bottom:5px;
	z-index:10;
}

a.languagelink, a.languagelink:link, a.languagelink:visited, a.languagelink:hover { text-decoration:none; }

/* search field */

input.searchfield {
	font-size:12px;
	text-align:left;
	margin-left:0px;
	padding:0px;
	padding-top:1px;
	border-style:none;
	width:140px;
	height:16px;
}

input.searchbutton {
	font-size:12px;
	margin:0px;
	margin-left:1px;
	margin-right:4px;
	padding-left:6px;
}

/*
	IE Mac hack, IE Mac does not see this
\*/

input.searchbutton {
	padding-left: 0px;
}

/* end ie mac hack */

td > input.searchbutton {
	margin-left:1px;
}

/* -------------- NAVIGATION -------------- */
/* path */
.pathline {
	font-size:90%;
	line-height:1;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	text-decoration:none;
	border-bottom:1px solid;
}
a.path, a.path:link, a.path:visited, a.path:hover { 
	text-decoration:none; 
}

/* float navblock to left*/
div.navblock { 
	float:left; 
}

/* service-navigation */
.servicenav {
	line-height:1;
	padding:0px;
	padding-left:6px;
	padding-right:5px;
	margin:0px;
}
a.servicenav-off, a.servicenav-off:link, a.servicenav-off:visited, a.servicenav-off:hover { text-decoration:none; }
a.servicenav-on, a.servicenav-on:link, a.servicenav-on:visited, a.servicenav-on:hover { text-decoration:none; }


/* main-navigation */
.mainnav {
	font-size:1em;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}
a.mainnav-off, a.mainnav-off:link, a.mainnav-off:visited, a.mainnav-off:hover { text-decoration:none; }
a.mainnav-on, a.mainnav-on:link, a.mainnav-on:visited, a.mainnav-on:hover { text-decoration:none; }


/* sub-navigation */
.subnav {
	position:relative;
	padding-top:60px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:20px;
}

.subnav-lev1, .subnav-lev2, .subnav-lev3, .subnav-lev4, .subnav-lev5, .subnav-lev6 {
	margin-bottom:4px;
	text-decoration:none;
}
.subnav-lev1 {
	padding-left:0px;
	padding-top:0px;
	font-weight:bold;
	margin-bottom:0px;
}
.subnav-lev2 {
	padding-left:0px;
	padding-top:4px;
}

.subnav-lev3 {
	padding-left:11px;
}
.subnav-lev4 {
	padding-left:22px;
}
.subnav-lev5 {
	padding-left:35px;
}
.subnav-lev6 {
	padding-left:44px;
}

a.subnav-off, a.subnav-off:link, a.subnav-off:visited { text-decoration:none; }
a.subnav-off:hover, a.subnav-off:active, a.subnav-off:focus { text-decoration:underline; }

a.subnav-on, a.subnav-on:link, a.subnav-on:visited { text-decoration:none; }
a.subnav-on:hover, a.subnav-on:active, a.subnav-on:focus { text-decoration:underline; }

/* table of content (toc) */
.toc { padding-top:0px; padding-bottom:10px; padding-left:0px; padding-right:0px; }

a.toc-horizontal0, a.toc-horizontal0:link, a.toc-horizontal0:visited { text-decoration:none; }
a.toc-horizontal0:hover, a.toc-horizontal0:active, a.toc-horizontal0:focus { text-decoration:underline; }

a.toc-lev0, a.toc-lev0:link, a.toc-lev0:visited { text-decoration:none; }

a.toc-lev0:hover, a.toc-lev0:active, a.toc-lev0:focus { text-decoration:underline; }


a.toc-lev1, a.toc-lev1:link, a.toc-lev1:visited { text-decoration:none; }
a.toc-lev1:hover, a.toc-lev1:active, a.toc-lev1:focus { text-decoration:underline; }

a.toc-lev2, a.toc-lev2:link, a.toc-lev2:visited { text-decoration:none; }
a.toc-lev2:hover, a.toc-lev2:active, a.toc-lev2:focus  { text-decoration:underline; }

a.toc-lev3, a.toc-lev3:link, a.toc-lev3:visited { text-decoration:none; }
a.toc-lev3:hover, a.toc-lev3:active, a.toc-lev3:focus { text-decoration:underline; }

a.toc-lev4, a.toc-lev4:link, a.toc-lev4:visited { text-decoration:none; }
a.toc-lev4:hover, a.toc-lev4:active, a.toc-lev4:focus { text-decoration:underline; }

a.toc-lev5, a.toc-lev5:link, a.toc-lev5:visited { text-decoration:none; }
a.toc-lev5:hover, a.toc-lev5:active, a.toc-lev5:focus { text-decoration:underline; }

a.toc-lev6, a.toc-lev6:link, a.toc-lev6:visited { text-decoration:none; }
a.toc-lev6:hover, a.toc-lev6:active, a.toc-lev6:focus { text-decoration:underline; }

a.toc-lev7, a.toc-lev7:link, a.toc-lev7:visited { text-decoration:none; }
a.toc-lev7:hover, a.toc-lev7:active, a.toc-lev7:focus { text-decoration:underline; }

a.toc-lev8, a.toc-lev8:link, a.toc-lev8:visited { text-decoration:none; }
a.toc-lev8:hover, a.toc-lev8:active, a.toc-lev8:focus { text-decoration:underline; }

a.toc-lev9, a.toc-lev9:link, a.toc-lev9:visited { text-decoration:none; }
a.toc-lev9:hover, a.toc-lev9:active, a.toc-lev9:focus { text-decoration:underline; }

.toc-lev0 {
	padding-left:0px;
	}
.toc-lev1 {
	padding-left:11px;
}

.toc-lev2 {
	padding-left:22px;
}
.toc-lev3 {
	padding-left:33px;
}
.toc-lev4 {
	padding-left:44px;
}
.toc-lev5 {
	padding-left:55px;
}
.toc-lev6 {
	padding-left:66px;
}
.toc-lev7 {
	padding-left:77px;
}
.toc-lev8 {
	padding-left:88px;
}
.toc-lev9 {
	padding-left:55px;
}


/* -------------- CONTENT -------------- */

/* servicenav2 */
div.servicenav2 {
	top:0px;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	margin-right:0px;
	float:right;
}

/* page-icons-text */
#divMessage {
	font-size:0.9em;
	margin:0px;
	padding:0px;
	margin-left:5px;
}

/* clear floats, resets vertical align*/
div.clearfloat {
	clear:right;
	padding-right:20px;
}

/* body */
body {
	font:76% verdana, arial, helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}

/* ---- headings ---- */
/* h1 is reserved for special purposes */
h2, h3, h4, h5, h6, h7 {
	font-weight:bold;
	padding-bottom:2px;
	margin:0px;
	clear:none;
	margin-bottom:6px;
}
h2 { 
	font-size:1.5em;
	padding-top:25px;
	padding-bottom:10px;
	clear:right;
	margin-bottom:0px;
}
h3 { font-size:1.2em; padding-top:20px;}
h4 { font-size:1.1em; padding-top:5px;}
h5 { font-size:1em; padding-top:0px;}
h6, h7 { 
	padding-top:0px;
	font-weight:normal;
	font-size:1em;
}

/* no space for h3 after clearhead */
div.clearhead + h3 { padding-top:0px; }

/* remove title extra space if a title follows a title*/


/* links in general */
a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration:underline; }

/* links 3. coloumn */
a.col3, a.col3:link, a.col3:visited { text-decoration:none; }
a.col3:hover, a.col3:active, a.col3:focus { text-decoration:underline; }

/* ---- text ---- */
/* paragraph */
.lead { 
	font-weight:bold;
	line-height:1.1;
	margin:0px;
	margin-bottom:6px;
	padding:0px;
}
.citation {
	line-height:1.3;
        padding-top:4px;
        padding-bottom:4px;
	margin:0px;
	margin-bottom:6px;
	margin-right:0px;
        background-color:#F0F0F0;
}
p { 
	line-height:1.3;
	margin:0px;
	margin-bottom:6px;
	margin-right:0px;
}

.lineheight1 { line-height:1; }

/* picture caption */
.picture-caption { 
	padding-top:6px; 
	font-style:italic; 	
}

/* ---- lists ---- */
/* lists */
p.list-caption { font-weight:bold; }

ul, ol, dl, menu, dir { 
	margin:0px; 
	margin-left:25px; 
	margin-bottom:20px;
	padding:0px; 
}

/* for big ordered lists*/
ol {
	margin-left:40px;
}

/* ---- tables ---- */
caption {
	font-weight:bold;
	line-height:1.2;
}
tr { vertical-align:top; }
th {
	text-align:left;
	font-weight:bold;
}
.tablehead {
	text-align:left;
	font-weight:bold;
}

.silvatable {
	margin-bottom:20px;
}

/* ie bug */
table {
	font-size:1em;
}


/* ---- forms --- */
/* forms:some doubled definitions because of problems with Netscape 4.7 */	
form {
	margin:0px;
	padding:0px;
	border:0px;
}
fieldset {
	margin:0px;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border:0px;
}

/* input fields */
input {
	padding:2px;
}

input.checkbox, input.image  {
	padding:0px;
}	/* negative values don't validate ! */

input[type="checkbox"], input[type="image"] {
	padding:0px;
}

/* ---- sitemap ---- */
/* sitemap */
p.sitemap { line-height:1.1; }
a.sitemap-link, a.sitemap-author { text-decoration:none; }
a.sitemap-link:hover, a.sitemap-author:hover { text-decoration:underline; }



/* -------------- FOOTER -------------- */

div.unitlogo {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	float:none;
	width:100%;
}
	
div.footerblock {
	margin-top:40px;
	padding-top:0px;
	float:none;
	clear:both;
}

div.footerline {
	float:none;
	margin-top:-5px;
	border-top:1px solid #CCCCCC;
	height:37px;
}	
	
div.footertext, div.footerwologo {
	font-size:90%;
	margin:0px;
	margin-bottom:30px;
	padding-top:3px;
	float:left;
}
	
div.footerwologo {
	text-align:right;
	float:none;
}

/* page-top */
div.pagetop {
	position:absolute; 
	float:right; 
	right:0px; 
	margin:0px; 
	padding:0px; 
	visibility:visible; 
}

/* -------------- COMMUN MARGINS / WIDTHS -------------- */

div.servicenav2, div.box-border, div.navblock, .float-right, .float-left { 
	width:220px; 
}

.float-left, .float-right, .image-right, .image-left, .image-center, .box-border {
	margin-bottom:20px;
}

.pathline, div.contentblock-1col, div.contentblock-2col, div.contentblock-3col, div.footerblock { 
	margin-right:50px; 
}

div.footerline { 
	margin-left:220px; 
}

/* -------------- SILVA IMAGE CLASSES / BOX -------------- */

/* silva images*/
.image-left {
	text-align:left;
}

.image-center {
	text-align:center;
}

.image-right {
	text-align:right;
}

.float-left { 
	float:left;
	clear:left;
	margin-right:10px;
} 

.float-right, div.box-border {
	float:right;
	clear:right;
	padding:0px;
}

/* because of different border in ie moz*/ 
div.box-border {
	max-width:218px;
}

div.box {
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}



/* -------------- different columntypes -------------- */

/* commun 1 + 2 + 3 */

div.contentblock-1col, div.contentblock-2col, div.contentblock-3col { 
	min-height:350px;
}

/* commun 1 + 2 */

div.contentblock-1col table, div.contentblock-2col table {
	clear:both; 
} 

div.contentblock-1col h3, div.contentblock-1col h4, div.contentblock-1col h5,
div.contentblock-1col h6, div.contentblock-1col h7,
div.contentblock-2col h3, div.contentblock-2col h4, div.contentblock-2col h5,
div.contentblock-2col h6, div.contentblock-2col h7 {
	margin-right:20px; 
}

/*div.contentblock-1col .float-right, div.contentblock-2col .float-right, 
div.contentblock-1col .box-border, div.contentblock-2col .box-border {
	float: none;
}

div.contentblock-1col .float-right, div.contentblock-2col .float-right {
	width:auto;
	text-align: right;
} */

div.contentblock-2col, div.contentblock-3col { 
	margin-left:220px; 
}

/* 1 column */

div.contentblock-1col { margin-left:10px; }

/* 2 column */

/* 3 column  */
/*div.contentblock-3col .float-left {
	text-align:left;
	float: none;
} */

div.contentblock-3col p, div.contentblock-3col ul, div.contentblock-3col ol, div.contentblock-3col dl, 
div.contentblock-3col dl, div.contentblock-3col h3, div.contentblock-3col h4, div.contentblock-3col h5, 
div.contentblock-3col h6, div.contentblock-3col h7 {
	margin-right:240px;
	padding-right:0px;
}

/* div.contentblock-3col div.picture-caption {
	margin-right:240px;
} */

div.contentblock-3col div.image-right {
	margin-right:240px;
	text-align:right;
}

div.contentblock-3col div.image-right div.picture-caption {
	margin-right:0px;
	text-align:right;
	width:100%;
}

div.contentblock-3col div.image-center {
	margin-right:240px;
	text-align:center;
}

div.contentblock-3col div.image-center div.picture-caption {
	margin-right:0px;
	text-align:center;
	width:100%;
}

div.contentblock-3col .tablemargin {
	padding:0px;
	width:100%;
	margin-right:240px;
}

/* because of ie bug */
div.margins > .tablemargin {
	width:auto;
}


/* reset margins for boxes */
div.box p {
	margin-right:0px;
	margin-left:0px;
}

div.box ul, div.box ol, div.box dl {
	padding-left:0px;
	margin-left:15px;
	margin-right:0px;
	padding-right:0px;
}

.boxtitle, div.box h3, div.box h4, div.box h5, div.box h6, div.box h7 { 
	font-size:1em;
	font-weight:bold;
	line-height:1;
	padding-right:0px; 
	margin-right:20px;
}

div.box p, div.box ul, div.box ol {
	line-height:1;
}

div.box-border div.tablemargin {
	margin-right:0px;
	margin-bottom:0px;
	width :200px;
	padding:0px;
}

div.box-border table {
	margin-bottom:0px;
	padding-bottom:0px;	
}

div.box-border ul, div.box-border ol {
	margin-bottom:0px;
	padding-bottom:0px;
}

/* correct ie bug */
ul p, ul.disc p, ul.square p,  ul.circle p, ol.decimal p, 
ol.upper-roman p, ol.lower-roman p, ol.upper-alpha p, ol.lower-alpha p {
	margin-right:0px;
}

/* remove margin for ul in ul, without removing 3col margin */
ul ul.disc, ul ul.square, ul ul.circle, ul ol, ol ul, 
ol ol.decimal, ol ol.upper-roman, ol ol.lower-roman, 
ol ol.upper-alpha, ol ol.lower-alpha, 
ul ol.decimal, ul ol.upper-roman, ul ol.lower-roman, 
ul ol.upper-alpha, ul ol.lower-alpha,
ol ul.disc, ol ul.square, ol ul.circle {
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

/* hacks helpers*/

div.margins {
	overflow:hidden;
}

/* remove it for mozilla */
h2 + div.margins {
	overflow: visible;
}

/*
	IE Mac hack
\*/

pre {
	overflow: auto;
}

/* end ie mac hack*/


.note {
	font-weight: 900;
	font-size:medium;
}

/* end hacks */ 



/* -------------- COLORS -------------------- */
/* background colors                          */
/* see the following css:wcms cxy colors.css */