@charset "utf-8";
/* CSS Document */

body {
	background:#47698d url(../images/bg/pattern_150.jpg) top left repeat;
	color: #272425;
	padding:0;
	margin:0;
}

#container {background:#f0f0f0 url(../images/bg/headerbg.jpg) center left repeat-x;}

#header {font-family:Geneva, Arial, Helvetica, sans-serif;
		text-shadow: #0d2b53 0 1px 0px;
		height:100px;
		margin:0 0 0 10px;
		text-align:left;
		background: url(globe_header.jpg) top left no-repeat; 
		font-size:12px; 
		}

#header h1, #header h2, #header h3 {font-weight:bold;
margin:0;color:#fff;
padding:0 0 0 100px;}

#header h1 {
font-size:28px; /* 2.4em; */
padding-top:20px;
}

#header h2 {
font-size:19px;  /*1.6em; */
}
#header h3 {
font-size:14px; /* 1.2em; */
}	

#header a {color:#fff; text-decoration:none;}

#mainmenu {
height:37px;
margin:0;
padding:0;
padding-top:1px;
background:#f0f0f0 url(../images/bg/hmenubg.gif) center left repeat-x;
}

#footer { background-color:#5B82AC; margin:0; font-size:11px; text-align:right;}
#footer, #footer a {color:#fff; }
#footer img { vertical-align:middle;}

#footprint {display:none;}
* html #footprint {height:1%;}

#cover { padding:.5em 1em;}

.horsplit {margin:0; background:#47698d url(../images/horsplit.jpg) left top repeat-x; height:10px;}
* html .horsplit {margin:0; padding:0; overflow:hidden;}

#vmenu {background:#efefef url(../images/bg/vmenubg.jpg) top left repeat-x;
 		/*-webkit-box-shadow: 1px 1px 4px #244466;  
    	-moz-box-shadow: 1px 1px 4px #244466;*/ }
/* #archive {
	position: fixed;
	top:.5em;
	right:.5em;
	max-width:6em;
	z-index:200;
	padding:0; margin:0;
	font-size:11px;
}

#archive ul {
	list-style:none;
	padding:0; margin:0;
}
#archive ul li {
	padding:0.25em;
	text-align:center;
}*/
#archive ul li a, .arch a { 
		padding:.125em .25em;
		margin:0 auto;
		background:#6f3429;
		display: block;
		text-decoration:none;
		text-shadow: 1px 1px 3px #b0b0b0; 
		color:#fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 1px 1px 3px #787880;
		-webkit-box-shadow: 1px 1px 3px #787880;  
    	-moz-box-shadow: 1px 1px 3px #787880;
		filter:alpha(opacity=80);
			-moz-opacity:.80;
			opacity:.80;
		}

		
#archive ul li a.current, .arch a.current { background:#953320}
#archive ul li a:hover, .arch a:hover { background:#224676;  text-shadow: 1px 1px 3px #fff;
		box-shadow: -1px -1px 1px #303c4a;
		-webkit-box-shadow: -1px -1px 1px #303c4a;  
    	-moz-box-shadow: -1px -1px 1px #303c4a;
		filter:alpha(opacity=99);
			-moz-opacity:.99;
			opacity:.99;}
/*#archive ul li a {		filter:alpha(opacity=45);
			-moz-opacity:.45;
			opacity:.45;
}			
* html #archive { width:4em; position: absolute; top:.5em; right:.5em; }	
* #archive ul li {text-align:center; 	}
* #archive ul li a { width:4em; border:1px solid #787880; border-top:0; border-left:0;}
* #archive ul li a:hover { border:1px solid #303c4a; border-bottom:0; border-right:0;} */

.arch { font-size:80%; color:#804040;}
.arch a { display: inline-block; margin-bottom:.125em; /* text-decoration:none; color:#16628F;padding:.125em .25em;*/}
/*.arch a:hover {background-color:#404080; color:#fff;}*/

.canvas {
	margin:0 auto; position:relative;
	background:#fff;
}

ul, ol { list-style:inside;}
#maintext { margin:.5em 1em;}

#sidemenu {
margin:0;
padding:10px 10px 0 0;
 }

#sidemenu ul {
font-size:0.9em;
line-height:1.2em;
list-style:none;
list-style-type:none;
list-style-position:inside;
margin-left:0;
}
/*** Sidebar menu ***/

ul.navv a, ul.navvred a, #maintext a.navv {
border-bottom:1px solid #cdd1d4;
color:#16628F;
display:block;
text-transform:uppercase;
height:auto; 
margin:0; padding:7px 0 5px 10px;
text-shadow: 1px 1px 3px #b0b0b0;
}

ul.navvred, ul.navvred a {
color:#600909;
}
.navv li {background:url(../images/bg/li_bg.gif) center left no-repeat;}
* html .navv li  {margin:1px;}

#maintext a.navv {margin-bottom:.25em;}

.navv a img, .navvred a img { padding:1px; margin:0 auto; height:auto; overflow:hidden; text-align:center; border:1px solid #dce0e1; }
.navv a:hover img, .navvred a:hover img { border-bottom:1px solid #16628f;}

.navv a:hover, .navvred a:hover, .nav a.active {
/*border-bottom:1px solid #909090;
 -webkit-box-shadow: 0 0 1px #111;  
 -moz-box-shadow: 0 0 1px #111;*/
 text-shadow: 0px 0px 4px #fff;
}

.navvred a:hover {color:#8F0D0D;}
.navv a.TxTlipstick {color:#c20c0c}

#maintext .navv, #maintext .navvred
{min-height:65px; width:auto;}

.hordiv { margin:5px auto; padding:5px; background: url(../images/dividerblue25.png) center center no-repeat; width:auto;}
.half {width:332px; border:0px solid red;}

sup, a sup, sup a {font-size:80%; vertical-align:text-top;}
sub, a sub, bub a {font-size:80%; vertical-align:text-bottom;}

a sup, sup a {font-weight:bold;}

.quest {font-size:105%; font-weight:bold;}

.rem, .remr { margin-left:.5em; color:#444;}
.rem span {margin-left:-.5em;}
.rem:first-letter  { }
.rem:first-line { }
 
.remline {border-bottom:1px dotted #ddd; width:300px;}
.remr {text-align:right; font-style:italic;}

.nobrd, img.nobrd, a img.nobrd {border:0 !important;}

table {border-collapse:collapse;}
table td {padding:.25em .5em; vertical-align:top;}

.box {width:auto; margin:10px; width:192px; float:left; text-align:center;}
.box img {margin:5px auto !important; padding:1px; border:1px solid #eee;}
.box a {color:#09a3ed;}
.box a img:hover{ border-bottom:1px solid #09a3ed;}

.attent {background:url(attent.jpg) top right no-repeat;}

 img { border:1px solid #E7EFF7; margin:2px 5px; padding:1px;}
 img.person { border:0; padding:5px;}

.intro {
font-size:110%;
font-weight:bold;
}

 
/* Text colors */
.txtBlue {color:#0072b5;}
.txtBlueDark {color:#254a7a;}
.txtGrey {color:#ccc;}
.txtBrown {color:#bc8e88;}	
.txtSmall {font-size:75%;}
/* Text styles */
.txtBig {font-size:115%;}
.txtDBig {font-size:200%;}
.txtBold {font-weight:bold;}
.txtItal { font-style:italic;}

/* BG colors*/
.bgBlue { background:#bcc9e5;}

/* Others */

.centered { margin:0 auto; text-align:center;}

.toright {float:right; margin-left:.5em;}
.toleft {float:left; margin-right:.5em;}

.toright img { margin:0 auto; padding:1px;}
.toright .imagtitle {margin-left:1em;}
.copyr { font-size:.7em; font-style:italic;}

.infmess, .infmessun { 
		margin-bottom:1em;
		padding:.5em 1em;
}
.infmessun { 
		background:#E9F2F7 url(../images/UNlogo.gif) right bottom no-repeat; 
		border:1px solid #2A60AA; 
		color:#2A60AA;
		}

.infmessun span {color:#fff; font:italic 1.2em;	font-weight:bold; }
.infmessun h1, .infmessun h2, .infmessun h3, .infmessun h4, .infmessun h5 {background:transparent; color:#2a60aa;}
.infmessun a {color:#D02833; text-decoration:none; padding:0 .5em;}
.infmessun a:hover {color:#F32F3B; text-decoration:none !important;}
.infmessun a:visited { color:#D02833;}

.infmess3, .infmess4 { padding:5px; 
margin:5px 3px;
background-color: #E3ECF8;
border:1px solid #C3DCFF; height:65px; 
}
.infmess3 {background:#E3ECF8 url(../images/swissfl.gif) right top no-repeat; }
.infmess3 img, .infmess4 img { padding:1px !important; margin:1px !important; border:1px solid #C3DCFF !important;}
.infmess3 span, .infmess4 span { padding:10px 10px; font-size:400%; color:#BDD6F8; float:left;} /*  */

.infspecial { background-color:#ECF8E3; padding:.5em 1em; margin:.5em .25em; border:1px solid #DCFFC3; }
.infspecial h5 {color:#1D3E04;}
.infspecial:hover { background-color:#F8EEE3; border:1px solid #FFE5C3;}

.infevents { background-color:#D7E7FF; border:1px solid #B0D0FF; padding:.25em .5em; margin:1em auto;}
.infevents .ev_title { background-color:#B0D0FF; margin:-.25em -.5em .25em -.5em; padding-left:.5em; font-weight:bold;}
.infevents p { border-bottom:1px solid #B0D0FF;}
  /*****************************************/
 /*  VCard                                */
/*****************************************/
/* .vcard {background:#fff;
border:1px solid #fff;
margin-bottom:.25em;
padding:.125em .25em;
clear:left; }
.vcard:hover {background:#F4FBFD url(../images/person.png) top right no-repeat; border:1px solid #C9EBF5; height:auto;}
 */
.vcard {height:auto;}
.vcardphoto { min-height:110px;}
* html .vcardphoto { height:110px;}
.vcard .fn {font-weight:bold;}
.vcard .org {}
.vcard .room {}
.vcard .tel {}

  /**************************************/
 /*    Link types   v.0.2              */
/**************************************/
.link2Wiki, .link2Ggl {padding-left:16px;}

.link2Wiki { background: transparent url(../images/icoWiki.png) no-repeat center left;}
.link2Ggl  { background: transparent url(../images/icoG.png) no-repeat center left;}

a.rss {padding-left: 10px; background: transparent url(feed.png) no-repeat center left; }

/* that's supported in IE7/IE8, Firefox, Chrome and Safari  */
a[class ~="external"] {
   padding-left: 16px;
   background: transparent url(external.png) no-repeat center left;
}
a[href ^="mailto:"] {
   padding-left: 18px;
   background: transparent url(email.png) no-repeat center left;
}

a[href $='.pdf']  { 
   padding-left: 16px;
   background: transparent url(icon_pdf.gif) no-repeat center left;
}
a[href $='.doc'] { 
   padding-left: 16px;
   background: transparent url(icon_doc.gif) no-repeat center left;
}
a[href $='.xls'] { 
   padding-left: 16px;
   background: transparent url(icon_xls.gif) no-repeat center left;
}

/* IE 6 only */
* html a.external {padding-left: 16px; background:url(external.png) center left no-repeat; }
* html a.mailto {padding-left: 18px; background:url(email.png) center left no-repeat; }
* html a.pdf {padding-left: 18px; background: url(icon_pdf.gif) no-repeat center left; }

 	   acronym { border-bottom:1px dotted #aaa;}
* html acronym { border-bottom:1px dotted #aaa;}
	 

#inform {background:#CFDDF0 url(../images/infom.gif) top right no-repeat; padding:.5em 1em; margin:.5em 1em;}

/*** Titles ***/

.artTitle {
		border-bottom:2px solid #221e1f;
		text-align:right;
		font-style:oblique; 
		color:#1E82BC;
		margin-top:1em;
		}

/*** Text formating ***/
img, a img {border:1px solid #b0b0b0; padding:1px;}

.more, .more3 {text-align:right; border-bottom:1px dotted #ddd;}
.more3 a {padding-right: 14px; background:url(../images/intr_link.gif) center right no-repeat;}
.more2 {text-align:right;}

.more a:link {color:#069;}
.more a:visited {color:#096;}

.intro a:link, .intro a:visited {color:#333;}
.intro a:hover {text-decoration:underline;}