body  {font-family: helvetica, arial, geneva, sans-serif; 
       font-size: 13px; color: #000000; 
       background-color: #ccffcc; 
       }
       

h1 {font-size: 20px; 
    color: #006600;
    border:1px solid #006600; 
    background-color: #FFFFFF; 
    padding:4px; 
    font-weight: normal; 
    text-align:center;}
    
h2 {font-size: 16px; 
    color: #006600; 
    border:1px solid #006600; 
    border-radius: 4px;
    background-color: #EEEEEE; 
    padding:4px;  
    font-weight: normal; 
    text-align:center; }
    
h3{font-size: 12px; color: #000000; border:1px solid #0000FF; background-color: #EEEEEE; padding:3px; font-weight: normal; text-align:center; }

/* Tabelle */

table
{
border-collapse:collapse;
}

th     {font-weight: bold; background-color: #D3DCE3}
td     {padding:2px }

/*
table, th, td
{
border: 1px solid #6F6F6F;
}
*/

.StileTabella th
{
border: 1px solid #6F6F6F;
}


.StileTabella td
{
border: 1px solid #6F6F6F;
}





div.block{
  overflow:hidden;
  vertical-align: middle;
  padding: 4px;
}
div.block label{
  width:100px;
  display:block;
  float:left;
  text-align:left;
  margin-bottom:4px;
}
div.block .input{
  margin-left:4px;
  float:left;
  overflow:hidden;
  width:100px;
}

div.block:hover
{
    clear: both;
    background-color: LightBlue;
}

                          

 

a {font-family: Helvetica,Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; color:#0000FF; }
a:hover {font-family: Helvetica,Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:underline;color:#FF0000; }

#divmenu { position:fixed !important; 
           position:absolute; 
           left:0px; 
           width:210px; 
           height:100%;
//           margin-top:30px; 
//           padding-top:30px;
           padding-left:10px; 
           z-index:100; 
           top:0px; 
           top: expression(0+(a=document.body.scrollTop) + 'px');
           //overflow: auto;
           overflow-y: scroll; 
           border-right:1px solid #0000FF;
           background-color: #ccffcc;   
           }







.SmallFont {font-size: 13px}

.tdMenu     {font-family: helvetica, arial, geneva, sans-serif; font-size: small ; padding-right:8px;  border-right:0px solid #0000FF; min-width:200px  }

.scrollbox{width:100%; height:500px; overflow:auto;border:1px solid #0000FF; }



.menu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
position : relative;
}

.menu{
background: #ffffff;
}

.menu ul{ 
list-style-type: none;
margin: 0;
padding: 0;
}

.menu ul li{
border-bottom: 1px solid;
}

.menu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #006600;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
/*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); */

}

.menu ul li a:hover{
  background:#afd7f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccffcc), to(#99cc66));
  background-image: -moz-linear-gradient(top, #ccffcc, #99cc66);    /* FF3.6+ */
  font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #ff0000;
  text-decoration: none;
}


.message, .messageRed {
    position:relative;
    
    width:calc(100% - 230 px);
    
    border: 1px solid;
    border-radius: 8px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    color: #000000;
    background-color: #FFFFFF;
    background-image: url('img/megafono.png');
    display:block;
    font: normal 18px Calibri,Verdana, Helvetica, sans-serif;
}

.messageRed{
  background-color: #FFFFFF;
}

.message, .messageFaq {
    position:relative;
    
    width:calc(100% - 230 px);
    
    border: 1px solid;
    border-radius: 8px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    color: #000000;
    background-color: rgb(224,255,208);
    background-image: url('img/Question_24.png');
    display:block;
    font: normal 18px Calibri,Verdana, Helvetica, sans-serif;
}

.messageFaq{
  background-color: rgb(224,255,208);
}


.info, .success, .warning, .error, .validation, .back {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/error.png');
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('img/validation.png');
}

.back {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/back.png');
}




  .button
, .buttonModulo1
, .buttonModulo2
, .buttonModulo3
, .buttonModulo4
, .buttonModulo5
, .buttonModulo6
, .buttonModulo7
{
   border: 1px solid;
   border-color:#0000FF;
   background: #afd7f2;
   width:200px;
   height:75px;
   padding-top:25px;
   padding-bottom:0px;
   text-align:center;
   font-family: Helvetica, Arial, Sans-Serif;
   font-size:13px;
   text-decoration: none;
   vertical-align: middle;
   display:inline-block;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#e5f5ff), to(#afd7f2)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #e5f5ff, #afd7f2); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #e5f5ff, #afd7f2);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #e5f5ff, #afd7f2);     /* IE10+ */
   background-image: -o-linear-gradient(top, #e5f5ff, #afd7f2);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #e5f5ff, #afd7f2);         /* W3C */
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 box-sizing: border-box;         /* Opera/IE 8+ */
   }
   
  .button:hover
, .buttonModulo1:hover 
, .buttonModulo2:hover 
, .buttonModulo3:hover 
, .buttonModulo4:hover 
, .buttonModulo5:hover 
, .buttonModulo6:hover 
, .buttonModulo7:hover 
{
   background: #c6e3f7;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#e5f5ff), to(#afd7f2));
   background-image: -webkit-linear-gradient(top, #e5f5ff, #c6e3f7);
   background-image: -moz-linear-gradient(top, #e5f5ff, #c6e3f7);
   background-image: -ms-linear-gradient(top, #e5f5ff, #c6e3f7);
   background-image: -o-linear-gradient(top, #e5f5ff, #c6e3f7);
   background-image: linear-gradient(top, #e5f5ff, #c6e3f7);
   color: #f20c0c;
   text-decoration: none;
   }



.buttonModulo1{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F0B0FF), to(#F0B0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #F0B0FF, #F0B0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #F0B0FF, #F0B0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #F0B0FF, #F0B0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #F0B0FF, #F0B0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #F0B0FF, #F0B0FF);         /* W3C */
   }

.buttonModulo2{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F0C0FF), to(#F0C0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #F0C0FF, #F0C0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #F0C0FF, #F0C0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #F0C0FF, #F0C0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #F0C0FF, #F0C0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #F0C0FF, #F0C0FF);         /* W3C */
   }

.buttonModulo3{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F0D0FF), to(#F0D0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #F0D0FF, #F0D0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #F0D0FF, #F0D0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #F0D0FF, #F0D0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #F0D0FF, #F0D0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #F0D0FF, #F0D0FF);         /* W3C */
   }

.buttonModulo4{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#E0D0FF), to(#E0D0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #E0D0FF, #E0D0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #E0D0FF, #E0D0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #E0D0FF, #E0D0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #E0D0FF, #E0D0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #E0D0FF, #E0D0FF);         /* W3C */
   }

.buttonModulo5{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0FF), to(#E0E0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #E0E0FF, #E0E0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #E0E0FF, #E0E0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #E0E0FF, #E0E0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #E0E0FF, #E0E0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #E0E0FF, #E0E0FF);         /* W3C */
   }

.buttonModulo6{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#E0F0FF), to(#E0F0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #E0F0FF, #E0F0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #E0F0FF, #E0F0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #E0F0FF, #E0F0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #E0F0FF, #E0F0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #E0F0FF, #E0F0FF);         /* W3C */
   }

.buttonModulo7{
   background-image: -webkit-gradient(linear, left top, left bottom, from(#D0F0FF), to(#D0F0FF)); /* Chrome, Safari4+ */
   background-image: -webkit-linear-gradient(top, #D0F0FF, #D0F0FF); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(top, #D0F0FF, #D0F0FF);    /* FF3.6+ */
   background-image: -ms-linear-gradient(top, #D0F0FF, #D0F0FF);     /* IE10+ */
   background-image: -o-linear-gradient(top, #D0F0FF, #D0F0FF);      /* Opera 11.10+ */
   background-image: linear-gradient(top, #D0F0FF, #D0F0FF);         /* W3C */
   }



.button1{
   border: 1px solid;
   border-color:#0000FF;
   background: #afd7f2;
   width:200px;
   height:75px;
   padding-top:25px;
   padding-bottom:0px;
   text-align:center;
   font-family: Helvetica, Arial, Sans-Serif;
   font-size:13px;
   text-decoration: none;
   vertical-align: middle;
   display:inline-block;

//   background-image: -webkit-gradient(linear, left top, left bottom, from(#e5f5ff), to(#afd7f2));
   background-image: -webkit-linear-gradient(left, #00ff00, #ffffff, #ff0000); /* Chrome10+, Safari5.1+ */ 
   background-image: -moz-linear-gradient(left, #00ff00, #ffffff, #ff0000);    /* FF3.6+ */
   background-image: -ms-linear-gradient(left, #00ff00, #ffffff, #ff0000);     /* IE10+ */
   background-image: -o-linear-gradient(left, #00ff00, #ffffff, #ff0000);      /* Opera 11.10+ */
   background-image: linear-gradient(left, #00ff00, #ffffff, #ff0000);         /* W3C */
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 box-sizing: border-box;         /* Opera/IE 8+ */
   }
   
.button1:hover {
   background: #c6e3f7;
   background-image: -webkit-linear-gradient(left, #33ff33, #ffffff, #ff3333);
   background-image: -moz-linear-gradient(left, #33ff33, #ffffff, #ff3333);
   background-image: -ms-linear-gradient(left, #33ff33, #ffffff, #ff3333);
   background-image: -o-linear-gradient(left, #33ff33, #ffffff, #ff3333);
   background-image: linear-gradient(left, #33ff33, #ffffff, #ff3333);
   color: #f20c0c;
   text-decoration: none;
   }