/* CSS sviluppato da: Anna Laudani */
/* http://www.laudania.com */

html {
height: 100%;
}
body {
  font-family: Arial, sans-serif; 
  color:#000000;
  background-color: #cccccc;
  text-decoration: none;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
	
img{
  border:0
}
#container{
  font-family: Arial, sans-serif; 
  color:#000000;
  margin-right: auto;
  margin-bottom:auto;
  margin-left: auto;
  width: 960px;
  height: 715px;
  text-align: center;
}

#page{
  position:relative;
  left:0px; 
  top:11px;
  background-color: #7E0000;
  padding-top: 0px;
  width: 960px; 
  height: 704px;
  z-index:1;
}

div.top{
  position:absolute;
  left:0px; 
  top:0px;
  background-color: #504E53; 
  width:960px; 
  height: 166px;
  z-index:2;
}
div.bottom{
  position:absolute;
  left:0px; 
  top:684px;
  background-color: #504E53; 
  width:960px; 
  height: 20px;
  z-index:4;
}

div.left{
  position:absolute;
  left:941px; 
  top:186px;
  background-color: #999999; 
  width:19px; 
  height: 498px;
  z-index:5;
}

div.navi{
  position:absolute;
  font-family: Arial, sans-serif;
  font-size : 12px;
  color:#ffffff;
  left:0px; 
  top:166px;
  background-color: #6E0000; 
  width:960px; 
  height: 20px;
  z-index:3;
}

div.testo-konta{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-align: justify;
  left:450px; 
  top:0px;
  padding-top: 20px; 
  z-index:19;
}

div.conferma{ 
  font-family: Arial, sans-serif;
  color:#ffffff;
  position:absolute; 
  text-align: center;
  font-size: 12px;
  left:230px; 
  top:0px; 
  width:500px; 
  height: 31px;
  z-index:30;
}

div.titolo-konta{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-align: justify;
  left:163px; 
  top:0px;
  padding-top: 20px; 
  z-index:19;
}

/* menu a tendina begin */
#dropmenudiv{
 font-family: Arial, sans-serif;
 position:absolute;
 background: #3C3B40 url(images/img-menudrop.gif) top left no-repeat;
 color: #ffffff;
 font-size: 12px;
 text-align: left;
 margin: 0;
 line-height:20px;
 border-bottom: 5px solid #6F737C;
 z-index:100;
}

#dropmenudiv a{
 font-family: Arial, sans-serif;
 width: 100%;
 display: block;
 text-indent: 3px;
 text-decoration: none;
 color: #ffffff;
 background: #6F737C url(images/img-menudrop.gif) top left no-repeat;
 line-height:20px;
 font-size: 12px;
 text-align: left;

 margin: 0;
}

#dropmenudiv a:hover{ /*hover background color*/
 color: #000000; 
 background: #C2C2C2 url(images/img-menudrop-2.gif) top left no-repeat;

 
}
/* menu a tendina ende */

a.navi-task{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  height: 20px;
  text-align: left;
  text-decoration: none;
  	
}
a.navi-task:hover{
  font-family: Arial, sans-serif;
  height: 20px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  
 
  
}

div.navi-left{
  font-family: Arial, sans-serif;
  color:#000000;
  position:absolute;
  left:0px; 
  top:186px;
  text-align: left;
  background: #504E53 url(images/navi-left-bot.gif) bottom left no-repeat;
  width:157px; 
  height: 518px;
  z-index:5;
}

div.kontent{
  position:absolute;
  left:0px; 
  top:186px;
  background: #504E53 url(images/kont-bg-red.gif) top left no-repeat;
  width:941px; 
  height: 498px;
  z-index:3;
}

div.testo{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 12px;
  text-align: justify;
  left:157px; 
  top:0px;
  background: #ffffff url(images/bg-kont-testo.gif) top left no-repeat;
  width:675px; 
  height: 478px;
  padding-top: 20px; 
  z-index:19;
}

div.start-center{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 12px;
  text-align: justify;
  left:461px; 
  top:0px;
  background: url(images/start-img-2.jpg) top left no-repeat;
  width:480px; 
  height: 367px;
  padding-top: 20px; 
  z-index:19;
}

div.scroller{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 12px;
  text-align: justify;
  left:0px; 
  top:0px;
  width:675px; 
  height: 478px;
  padding-top: 20px; 
  padding-right: 15px;
  overflow:auto; 
  z-index:22;
}
div.mehr{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  left:40px; 
  top:280px; 
  height: 204px;
  width:356px;
  padding-right: 5px;
  overflow:auto; 
  z-index:22;
}

div.mehrneu{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  left:40px; 
  top:326px; 
  height: 190px;
  width:336px;
  padding-right: 5px;
  overflow:auto; 
  z-index:23;
}

td.spacer{
  border:0px ;
  background-image: url(images/spacer.gif);
  font-size: 1px;
}

td.navi {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#000000;
  height: 20px;
  text-align: left;
}

td.navi-out {
  font-family: Arial, sans-serif;
  background: #333333;
  height: 20px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
}

span.titolo {
  font-family: Arial, sans-serif;
  color:#000000;
  font-size: 18px; 
  text-align: left;
}


span.titolo-menu {
  font-family: Arial, sans-serif;
  color:#999999;
  font-size: 18px; 
  text-align: left;
}

span.ten {
	font-family: Arial, sans-serif;
	display: block;
	font-size: 10px;
	text-align: left;
}

span.ten-re {
	font-family: Arial, sans-serif;
	display: block;
	font-size: 10px;
	text-align: right;
}

span.eleven {
  font-family: Arial, sans-serif; 
  display: block;
  font-size: 11px;
  text-align: left;
}

span.fourteen {
	font-family: Arial, sans-serif;
	display: block;
	font-size: 14px;
	color: #ffffff;
	text-align: left;

}

span.eighteen {
  font-family: Arial, sans-serif; 
  display: block;
  font-size: 18px;
  text-align: left;
}

span.twelve {
  font-family: Arial, sans-serif; 
  display: block;
  font-size: 12px;
  color:#000000;
  text-align: left;
}

span.eleven {
  font-family: Arial, sans-serif; 
  display: block;
  font-size: 11px;
  text-align: left;
}

span.twelve-block {
  font-family: Arial, sans-serif; 
  display: block;
  font-size: 12px;
  padding-right: 10px;
  text-align: justify;
}

span.eleven-block {
  font-family: Arial, sans-serif; 
  display: block;
  font-size: 11px;
  padding-right: 10px;
  text-align: justify;
}

span.black {
  color: #000000;

}

span.blackbold {
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;

}

span.white {
  color: #ffffff;

}

a.navi{
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  text-decoration: none;

	
}
a.navi:hover{
  color: #000000;
  font-size: 12px;
  text-align: left;
  font-family: Arial, sans-serif;
  text-decoration: none;

}

a.black{
  color: #000000;
  font-family: Arial, sans-serif; 
  font-size: 12px;
  text-decoration: none;
	
}

a.black-ten{
  color: #000000;
  font-family: Arial, sans-serif; 
  font-size: 10px;
  text-decoration: none;
	
}

a{
  color: #ffffff;
  text-decoration: none;
  outline:none;
}
a:hover{
  color: #99CCFF;
  text-decoration: none;
}

a.blue{
  color: #99CCFF;
  text-decoration: none;
  outline:none;
}
a.blue:hover{
  color: #ffffff;
  text-decoration: underline;
}

.cursor {
  cursor: pointer;
}

span.blue{
   font-family: Arial, sans-serif;
   display: block;
   font-size: 12px;
   color: #99CCFF;
   text-align: left;
  
}

span.nome {
  font-family: Arial, sans-serif;
  color:#FFFFFF;
  font-size: 16px; 
  
}
span.black_twelve{
  font-family: Arial, sans-serif;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}


/* Anna Laudani   */

/* Barbara Colloseus */

div.testo-start{
  position:absolute;
  font-family: Arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  text-align: justify;
  left:163px; 
  top:0px;
  width:675px; 
  height: 498px;
  padding-top: 20px; 
  z-index:19;
}
span.titolo-start {
  font-family: Arial, sans-serif;
  color:#FFFFFF;
  font-size: 18px; 
  text-align: left;
}
div.left-start{
  position:absolute;
  left:25px; 
  top:210px; 
  width:120px; 
  height: 378px;
  z-index:5;
}
span.twelve-start {
	font-family: Arial, sans-serif;
	display: block;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}
/* Barbara Colloseus ende */