/* -------------- MAIN -------------- */

body, p, td {
    margin:           0px 0px 0px 0px;
    padding:          0px 0px 0px 0px;
    font:            10pt "century gothic", arial, sans-serif;
    color:           #000000;
    background-color:#FFFFFF;
}

.margins {
  margin-left:  0px;
  margin-right: 0px;
}

.contentblock-3col {
    margin:  0px 10px 0px 0px;
    padding: 10px 0px 0px 0px;
}

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:10px;
    padding-right:0px;
    
}

/* -------------- HEADERS -------------- */

h1, h2, h3, h4, h5, h6, h7 {
     margin:      1em 0px 0px 0px;
     padding:     0px 0px 0px 0px;   
     font-weight: bold;
     clear:       right;
}

h1 { padding:  22px 0px 0px 0px;
     font-size:150%;}

h2 { padding:  15px 0px 0px 0px;
    font-size:130%; }

h3 { padding:  10px 0px 0px 0px;
     font-size:110%; }

h4 { padding:  5px 0px 0px 0px;
     font-size:100%; }

h5 { }

h6 { font-weight:normal;}

h7 { font-weight:normal;
     font-style:italic; }

/* -------------- BACKGROUND COLORS -------------- */
/* --- background-image:url(images/bg.gif) ------- */

h1        { color:#003296; }
h2        { color:#003296; }
h3        { color:#003296; }
h4        { color:#003296; }
h5        { color:#003296; }
h6        { color:#003296; }
h7        { color:#003296; }
a         { color:#000000; }
a:link    { color:#000000; text-decoration: none;  }
a:visited { color:#000000; text-decoration: none; }
a:hover   { color:#2A6AB3; }
a:active  { color:#2A6AB3; } 
a:focus   { color:#2A6AB3; }

/* -------------- ANCHORS -------------- */

a.a-nav-main-off, a.a-nav-main-off:link, a.a-nav-main-off:visited {
		color: #FFFFFF; 
		text-decoration:none;
}

a.a-nav-main-on, a.a-nav-main-on:link, a.a-nav-main-on:visited, a.a-nav-main-on:hover, a.a-nav-main-off:hover, a.a-nav-main-off:active, a.a-nav-main-off:focus{ 
		color: #000000;
		text-decoration:none;
}

a.boxinfo-off, a.boxinfo-off:link, a.boxinfo-off:visited {
   text-decoration: none;
}

a.boxinfo-off:hover, a.boxinfo-off:active, a.boxinfo-off:focus {
   text-decoration: underline;
}

a.boxinfo-on, a.boxinfo-on:link, a.boxinfo-on:visited {
   text-decoration:none; 
   font-weight: bold;
}

a.boxinfo-on:hover, a.boxinfo-on:active, a.boxinfo-on:focus {
   text-decoration:underline;	
   font-weight: bold;
}

/* -------------- NAVIGATION -------------- */

div.navblock-left { 
    float:left; 
    z-index:0;
    position:relative;
}

div.navblock-right {
	float:right;
	z-index:5;
	position:relative;
}

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

.subnav-lev1, .subnav-lev2, .subnav-lev3, .subnav-lev4, .subnav-lev5, .subnav-lev6, .subnav-lev7 {
    margin-bottom:3px;
    text-decoration:none;
    line-height:1em;
    
}
.subnav-lev1 {
    clear:none;
    margin-top:2px;
    padding-top:1px;
    padding-left:0px;
    padding-bottom:0px;
    margin-bottom:1px;
    font-weight:bold;
    border-bottom:1px solid #003296;
    z-index:10;
}

.subnav-lev2 {
    padding-left:0px;
    padding-top:4px;
}

.subnav-lev3 {
    padding-left:11px;
}

.subnav-lev4 {
    padding-left:20px;
}

.subnav-lev3, .subnav-lev4, .subnav-lev5, .subnav-lev6, .subnav-lev7 {
    font-size:95%;
}

a.servicenav-off, a.servicenav-on { 
    font-size:100%;
}

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; font-weight: bold; color:#2A6AB3; }
a.subnav-on:hover, a.subnav-on:active, a.subnav-on:focus { text-decoration:underline;	font-weight: bold; color:#2A6AB3; }

.mainnav, .screenhead, .Color5-back, .color4-back, .color3-back, .color2-back, .color1-back,  .servicenav, .transparent {
	background-image: url(http://www.ethz.ch/icons_site/transparent.gif); 
}

.nav-main-firstcell {
	font-family:  arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #878787;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	border-top: 1px solid #FFFFFF;
	border-right: 0px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px none #FFFFFF;
}

.nav-main-on {
	font-family:  arial, sans-serif;
	margin: 0px;
	padding: 6px 12px;
	background-color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	border-top: 1px solid #FFFFFF;
	border-right: 0px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.nav-main-off {
	font-family:  arial, sans-serif;
	margin: 0px;
	padding: 6px 12px;
	background-color: #878787;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	border-top: 1px solid #FFFFFF;
	border-right: 0px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}


/* -------------- BOX -------------- */

div.box-border {
    border: 0px solid #84AAD6; 
    clear:left;
    float:left;
    margin-top:0px;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:25px;
    padding-top:55px;
    width:148px;
    position:relative;
    z-index:0;
}

div.box {
    text-align:left;
    margin-top:0Px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:0px;
    background-color:#aFFFFF;
}

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

div.box p {
    line-height:1.2;
    margin-right:0px;
    margin-left:0px;
}

div.box-border, div.navblock-left, div.navblock-right { 
    width:150px;
}

div.clearright {
    clear:right;
}

/* -------------- VARIA-------------- */

hr {
    margin:        0px 10px 0px 0px;
    padding:       0px 0px 0px 0px;
    height:        1px;
  	border:        0;
    border-bottom: 1px solid #003296;
}

div.impressum {
    margin:     0px 0px 0px 0px;
    padding:    0px 0px 0px 0px;
    font:       8pt  arial, sans-serif;
	  float:      right;
	  text-align: right;
	  width:      148px;
	  z-index:    50;
}

div.infobox {
    margin:     0px 5px 25px 0px;
    padding:    55px 0px 0px 0px;
    font:       10pt  arial, sans-serif;
	  float:      left;
	  text-align: left;
	  width:      180px;
	  z-index:    50;
}


div.infobox ul, div.box ol, div.box dl {
    margin:      0px 20px 0px 15px;
    line-height: 1.0;
}
div.infobox p {
    margin:      0px 0px 0px 0px;
    line-height: 1.2;
}

.boxtitle, div.infobox h1, div.infobox h2, div.infobox h3, div.infobox h4, div.infobox h5, div.infobox h6, div.infobox h7 { 
    margin:        5px 0px 0px 0px;
    padding:       5px 0px 0px 0px;
    font-weight:   bold;
    font-size:     14px;
    line-height:   1;
		border-bottom: 1px solid #003296;
    clear:         none;
    z-index:       50;
}