body{
	background-color: #ffffff;
	font: 12px "Trebuchet MS", "Lucinda Grande", Verdana, Arial, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
}
			
		a:link {
		text-decoration: none;
		color: #E60000;
		}
	
		a:visited {
		text-decoration: none;
		color: #E60000;
		}
	
		a:hover {
		text-decoration: underline;
		position: relative;
		}		
			
		a span { display:none; }
			
			
		a:hover span {
		background: #ffffff;
		border: 1px solid #ccc;
		display:block;
		position: absolute;
		top: 1.5em;
		left:0.3em;
		z-index: 1;
		width:210px;
		}
			
		#container {
	width: 980px;
	height:900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	background: url('../immagini/zhaw_sidebar.gif') repeat-y;
	
}
			
		#container2 {
		width: 480px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding: 0px;
		}

	/*intestazione*/
		#banner {
		padding: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		background-color: #FFD700;
		background: url('../immagini/zhaw_banner.gif') no-repeat left 50%;
		height:113px; background-repeat:no-repeat
		}
			

		#banner h1 {
		font-weight: normal;
		font-size: 1.8em;
		color: #7B68EE;
		text-align: center;
		margin: auto auto auto 200px;
		}
		
		#banner form {
		margin-left: 60em;
		}

		/*barra laterale*/
		#sidebar {
		float:  left;
		margin-left: 20px;
		margin-top:50px;
		}

		* html #sidebar {
		float: left;
		margin-left: 15px;
		width: 140px;
		margin-top: 70px;
		margin-right: 30px;
		}
	
		#menu ul{
			list-style: none;
		margin: 0 0 0 0;
		padding: 0px;
		border: none;
		width: 140px;
		}
	
		#menu li a, #menu li a:visited {
		display: block;
		background-image: url('../immagini/zhaw_stripeBL.gif');
		background-repeat: no-repeat;
		color: #ffffff; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Trebuchet MS, Arial, sans-serif; margin-left:0; margin-right:0; margin-top:0.5em; margin-bottom:0; padding-left:3.6em; padding-right:0; padding-top:0.43em; padding-bottom:0.43em
		}		
	
		#menu li a:hover {
		display: block;
		text-decoration: none;
		background-image: url('../immagini/zhaw_stripeAR.gif');
		background-repeat: no-repeat;
		color:#ffffff; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Trebuchet MS, Arial, sans-serif; margin-left:0; margin-right:0; margin-top:0.5em; margin-bottom:0; padding-left:3.6em; padding-right:0; padding-top:0.43em; padding-bottom:0.43em
		}	
			
		#me!nu li.option{
		border-bottom: 1px solid #F9FEEA;
		text-align: center;
		}
			
		#menu li.option a, #menu li.option a:visited{
		background-image: url('../immagini/zhaw_stripeBLOP.gif');
		background-repeat: no-repeat; margin-left:0; margin-right:0; margin-top:0.5em; margin-bottom:0; padding-left:3.6em; padding-right:0; padding-top:0.43em; padding-bottom:0.43em
		}
			
		#menu li.option a:hover {
		background-image: url('../immagini/zhaw_stripeAROP.gif');
		background-repeat: no-repeat; margin-left:0; margin-right:0; margin-top:0.5em; margin-bottom:0; padding-left:3.6em; padding-right:0; padding-top:0.43em; padding-bottom:0.43em
		}	
	
		
		/*menu in alto*/		
		#topbar {
		padding: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		height:30px;
		background-color: White;
		}
	
		#topbar ul{
		margin: 0px;
		list-style-type: none;
		text-align: center;
		border-top: 1px solid #FFCC33;
		border-bottom: 1px solid #FFCC33;
		padding-left: 50px; 
		padding-bottom:10px;
		}

		#topbar li{
		display: inline;
		margin:5px;
		margin-left: 5px;
		margin-right: 5px;
		}
	
		#topbar li a:link, #topbar li a:visited {
		background-color: #6699CC;
		color: #ffffff;
		text-decoration: none;
		padding: 0px 10px 5px 10px;
		}
	
		#topbar li a:hover {
		background-color: #ADD8E6;
		color: #6699CC;
		text-decoration: none;
		padding:0px 10px 5px 10px;
		}
		
		/*pič di pagina
		#footer {
			clear:left;
			margin-top: 5px;
			background: url(../images/footerbg_green2.jpg);
			height: 49px;
			}
		
		#footer p {
			margin-top: 6px;
			padding-top: 6px;
			text-align: center;
			font-size: 10px;
			}
		
		* html #footer p {
			margin-top: 0;		
			}		

		/*contenuti principali e contenuti finestre	*/
		#content, #content2{
		padding: 5px 0px 0px 0px;
		margin-right: 20px;
		margin-left: 180px;
		}

		#content p, #content2 p {
		margin-bottom: -3px;
		}
		
		#content li, #content2 li {
		text-align: left;
		list-style-image: url('../immagini/small_arrow.png');
		}
			
		#content3{
		padding: 5px 0px 0px 0px;
		margin-right: 50px;
		margin-left: 50px;
		text-align: justify;
		}	
		
		h1 {
			text-align: left;
			font-weight: bold;
			font-size: 18px;
			margin-bottom: 0px;
			color: #678E00;
			padding-bottom:15px;
			}
					
		h2 {
			text-align: right;
			font-size: 13px;
			margin-top: -25px;
			border-bottom: 1px dotted #DBF3A2;
			}
		
		h2.dicono {
			background-color: #E6E6FA;
			border-bottom: 2px solid #FF8C00;
			padding:10px;
			text-align: left;
			}		
		
		h3 {
			text-align: left;
			font-size: 12px;
			margin: -5px;
			}

		h4 {
			font-weight: bold;
			font-size: 18px;
			margin: 5px 0;
			}
			
		h6 {
			font-size: 12px;
			font-weight: bold;
			margin: -3px;
			border-bottom: 1px dotted #DBF3A2;
			}
		
		p {
			text-align: justify;
			margin: 1em;
			}
			
		strong {
			font-size: 120%;
			}


		p.box {
			text-align:left;
			border: 1px solid #678E00;
			background-color: White;
			margin:0;
			}
			
	/*riquadro verde a dx*/		
		div.box {
	float: right;
	width: 50%;
	border: 1px solid #678E00;
	background-color: White;
	margin: 0 0em 0.8em 2em;
	}

		div.box ul li{
	list-style-image: url('../immagini/zhaw_freccia.gif');
	list-style-position: inside;
	margin-left:-2em; margin-right:1.4em; margin-top:0; margin-bottom:0; padding-left:1em; padding-right:0em; padding-top:1em; padding-bottom:0.3em

	}
	
		div.box h3 {
	padding: 1em 0em 0em 1em;
	margin: 0 0 -1em 0;
	text-align: left;
	font-size: 130%;
	}
		
		
		
			
/*elenchi tabellari a sx*/	
		table.lang {
		width: 48%;
		float: left;
		}
/*elenchi tabellari a dx*/	
		table.lang2 {
		width: 48%;
		float: right;
		}
/*elenchi tabellari - banda azzurra*/				
		table.lang td.prima, table.lang2 td.prima {
		margin-top: 20px;
		font: 400;
		background-color: #B0C4DE;
		color: #4682B4;
		border: none;
		}
/*elenchi tabellari - intestazione*/		
		table.lang caption, table.lang2 caption {
		color: #678E00;
		font: 500;
		}
		
/*elenchi tabellari - singola cella*/			
		table.lang td, table.lang2 td {
		text-align: left;
		vertical-align: top;
		padding-left: 3px;
		border-top: 1px solid  #678E00;
		}
	

		.imgLeft {
 	      float:left;
		   padding-right: 10px;
			border: 0px none;
			padding-top: 5px;
			padding-bottom: 5px
			}
			
		.imgRight {
			float: right;
			padding-left: 10px;
			border: 0px none;
			padding-top: 5px;
			padding-bottom: 5px
			}

    	.imgCenter {
         margin: 0 auto; 
			display: block; 
			border: 0px none;
			padding-top: 5px;
			padding-bottom: 5px
			}
	
		h!3.lang{
			background-color: #DC143C;
			color: White;
			margin: 0px;
			padding-left: 10px;
			width: 300px;
			}

		
		dt {
			font-weight: bold;
			}
		
		dd {
			padding-bottom: 5px;	
			}
	
		#as{
			border: 1px solid #FFA500;
			background-color: #E6E6FA;
			padding: 3px 3px 3px 3px;
			}	
	
		#pas{
			background-color: #E6E6FA;
			background-image: url('../images/passaparola.png');
			background-repeat: no-repeat;
			margin-top: 20px;
			border: 1px solid #FF8C00;
			padding-left: 90px;
			text-align:center
			}
			
		#pas_en{
			background-color: #E6E6FA;
			background-image: url('../images/en/passaparola_en.png');
			background-repeat: no-repeat;
			margin-top: 20px;
			border: 1px solid #FF8C00;
			padding-left: 90px;
			text-align:center
			}
	
		#pas a, #pas_en a{
			text-decoration: none;
			}