/* ############################################ */
/*
/*  CSS per il sito ANP.BZ.IT - Gennaio 2010
/*  (C) by Antonio U. Riccò
/*
/* ############################################ */


/* ############################################ inizio body, main, header */

body{
background-image:url(pics/bg_3colonne.gif);
background-position:0 0;
background-repeat:repeat-x;
background-color:#00AAFF;
margin:0px;
padding:0px;
font-family:Verdana, sans serif;
font-size:1.0em;
}
div.main{
background-image:url(pics/mainbg_3spalten.jpg);
background-position:0 0;
background-repeat:repeat-y;
width:1014px;
margin:0 auto;
padding:0px;
}

/* ############################################ fine body, main, header */

/* ############################################ inizio normali titoli */

h1{
margin: 0;
font-size: 2.0em;
color:#1B01AA;
font-family:Trebuchet MS, Verdana, Arial, sans serif;
}

h2{
margin: 0 0 20px 0;
font-size: 1.6em;
color:#0000FF;
font-family:Trebuchet MS, Verdana, Arial, sans serif;
}

h3{
margin: 0 0 15px 0;
font-size: 1.3em;
color:#FF0000;
font-family:Trebuchet MS, Verdana, Arial, sans serif;
}

/* ############################################ fine normali titoli */

/* ############################################ inizio menù alto */

#menu_alto {
        font-size:0.8em;
        font-weight:bold;
        line-height: 0.9em;
        background: transparent;
        height: 0px;
        weight: 0px;
        margin: 0px 20px 0px 500px;
        padding: 0px 0px 0px 20px;
}

#menu_alto ul {
        float: right;
        margin: 0px 0px 0px 0px;
        list-style:none;
        padding: 0 0 0 0px;
}

#menu_alto li {
        float: right;
        font-weight:bold;
        text-decoration:none;
        margin: 0 2px 4px 2px;
        padding:0 2px 0 2px;
}

#menu_alto a:link   {
        float:none;
        display:block;
        background: transparent;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        margin: 0 4px 4px 4px;
        padding: 5px 4px 5px 4px;
        color:#FFFFFF;
        text-decoration:none;
}

#menu_alto a:visited {
        float:none;
        display:block;
        background: transparent;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        margin: 0 4px 4px 4px;
        padding: 5px 4px 5px 4px;
        color:#FFFFFF;
        text-decoration:none;
}

#menu_alto a:hover {
        float:none;
        display:block;
        background: #ffffff;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        margin:  0 4px 4px 4px;
        padding: 5px 4px 5px 4px;
        color:#000000;
        text-decoration:none;
}

/* ############################################ fine menù alto */

/* ############################################ inizio menù lingue header */

#lingue {
        font-size:0.8em;
        font-weight:bold;
        line-height: 0.9em; /*  */
        background: transparent;
        height: 0px;
        margin: 30px 20px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#lingue ul {
        float: right;
        margin: 0px 0px 0px 0px;
        list-style:none;
        padding: 3px 0 0 0px;
}

#lingue li {
        float: right;
        font-weight:bold;
        text-decoration:none;
        margin: 0 0px 4px 02px;
        padding:0 2px 0 2px;
}

#lingue a {
        float:none;
        display:block;
        background: transparent;
        margin: 0 0px 4px 0px;
        padding:0 4px 0 4px;
        color:#FFFFFF;
}

/* ############################################ fine menù lingue header */

/* ############################################ inizio menù orizzontale */

#menu {
        float:right;
        background: transparent;
        width: 1000px;
        height: 30px;
        margin: 0 0 15px 0;
        padding: 0px 0px;
        font: 0.8em Arial;
}

#menu ul {
        margin: 0;
        list-style:none;
        padding: 10px 0 0 170px; /*CHANGE THIS TO CENTER MENU*/
}

#menu a, #nav strong, #nav span {
        float:left;
        display:block;
        background: #ffffff;
        border-top: 4px solid #4fb6e5;
        border-bottom: 4px solid #4fb6e5;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        color:#000000;
        padding: 2px 7px;
        font-weight:bold;
        text-decoration:none;
}

#menu a {
        float:none;
}

#menu li {
        float:left;
        background:inherit;
        margin:0 0 0 4px;
        padding:0 0 0 0px;
}

#menu a:hover {
        float:left;
        display:block;
        background: #ffffff;
        border-top: 4px solid darkblue;
        border-bottom: 4px solid darkblue;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        color:#999999;
        padding: 2px 7px;
        text-decoration:none;
}

/* ############################################ fine menù orizzontale */

/* ############################################ inizio counter */

div.counter{
margin-top: 0;
margin-left: 0;
margin-right: 20px;
margin-bottom: 0.0em;
float:right;
//width:160px;
color:#333;
font-size:0.9em;
padding-left: 0em;
padding-right: 20px;
}

div.counter h3{
margin-top: 0.5em;
margin-bottom: 0.7em;
font-size:1.2em;
color:#FF0000;
font-weight:bold;
}

/* ############################################ fine counter */

/* ############################################ inizio colonna a sinistra */

div.col_sin{
border: 0px solid darkblue;
float:left;
width:180px;
}

/* ############################################ fine colonna a sinistra */

/* ############################################ inizio navigazione verticale */

  div.Navigation {
    margin-top:0px;
    margin-left:0px;
    padding-left:20px;
    float:left;
  }

  * html div.Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }

  div.Navigation ul {
    background-color: white;
  }

  div.Navigation .nav1st {
    background-color: white;
  }

  div.Navigation .nav2nd {
    margin: 3px 0 0 0em;
    padding: 3px 0 0 0;
    background-color: white;
  }

  div.Navigation li {
    font-size: 0.8em;
    list-style: none;
    margin: 0 0.4em 0.4em -3.0em;
    padding: 0;
    background-color: #0099FF;
    border: 3px solid white;
    width:130px;
  }

  div.Navigation li li {
    font-size: 1.0em;
    list-style: none;
    margin: 0 0 0 1.0em;
    padding: 0 0 0 -1.0em;
    background-color: #0099FF;
    width:110px;
  }

  div.Navigation a:link{
    display:block;
    padding: 0.2em;
    border: 1px solid #1801AA;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
  }

  div.Navigation a:hover{
    display:block;
    padding: 0.2em;
    border: 1px solid #1801AA;
    background-color:#0099FF;
    color:#1801AA;
    text-decoration:none;
    font-weight:bold;
  }

  div.Navigation a:active{
    display:block;
    padding: 0.2em;
    border: 1px solid #1801AA;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
  }

  div.Navigation a:visited{
    display:block;
    padding: 0.2em;
    border: 1px solid #1801AA;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
  }

  div.Navigation span, div.Navigation h2 {
    display:block;
    padding: 0.2em;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #0099FF;
  }

  * html div.Navigation a, * html div.Navigation span, * html div.Navigation h2 {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }

  div.Navigation h2 {
    font-size: 1em;
    margin: 1.1em 0 0;
    border-color: white;
    color: black;
    background-color: white;
  }

/* ############################################ inizio navigazione verticale */

/* ############################################ inizio colonna a destra */

div.col_des{
margin-top: 0;
margin-left: 1.0em;
margin-right: 3.0em;
margin-bottom: 1.0em;
border: 0px solid darkblue;
background-color: transparent;
float:right;
width:180px;
min-height:100px;
color:#333;
font-size:0.8em;
padding-top: 1.0em;
padding-left: 1.0em;
padding-right: 1.0em;
padding-bottom: 1.0em;
}

/* LOGIN (COLONNA A DESTRA) */

div.login{
margin-left: 0.5em;
margin-right: 2.0em;
float:none;
}

/* NEWS (COLONNA A DESTRA) */

div.news{
margin-top: 0;
margin-left: 0.5em;
margin-right: 20px;
margin-bottom: 0.0em;
border: 2px dashed red;
background-color:#77D2FF;
float:left;
width:160px;
min-height:100px;
color:#333;
font-size:0.9em;
padding-left: 1.0em;
padding-right: 1.0em;
padding-top: 1.0em;
padding-bottom: 1.0em;
}

div.news h2{
margin-top: 1.0em;
margin-bottom: 1.0em;
font-size:1.4em;
color:#FF0000;
font-weight:bold;
}

/* CHI È ONLINE (COLONNA A DESTRA) */

div.chionline{
margin-top: 1.0em;
margin-left: 0;
margin-right: 20px;
margin-bottom: 0.0em;
float:right;
width:130px;
color:#333;
font-size:0.9em;
padding-left: 0px;
padding-right: 20px;
}

div.chionline h3{
margin-top: 0em;
margin-bottom: 0.7em;
font-size:1.2em;
color:#FF0000;
font-weight:bold;
}

/* ############################################ fine colonna a destra */

/* ############################################ inizio content */

div.content{
margin-top: 15px;
margin-left:180px;
margin-right:20px;
padding: 10px 10px 10px 10px;
font-size:0.9em;
color:#333;
text-align:justify;
}

div.content a:link{
color:#0000FF;
font-weight:bold;
text-decoration:none;
}

div.content a:hover{
color:#0000FF;
font-weight:bold;
text-decoration:underline;
}

div.content a:active{
color:#0000FF;
font-weight:bold;
text-decoration:none;
}

div.content a:visited{
color:#0000FF;
font-weight:bold;
text-decoration:none;
}

div.content h2{
margin: 0 0 20px 0;
font-size: 1.6em;
color:#0000FF;
font-family:Trebuchet MS, Verdana, Arial, sans serif;
}

div.content h3{
margin: 0 0 15px 0;
font-size: 1.4em;
color:#FF0000;
font-family:Trebuchet MS, Verdana, Arial, sans serif;
}

div.content h4{
margin: 0 0 12px 0;
font-size: 1.2em;
color:#800000;
font-family:Trebuchet MS, Verdana, Arial, sans serif;
}

/* ############################################ fine content */

/* ############################################ inizio footer */

div.footer{
clear:both;
width:990px;
margin-left:7px;
font-size:0.75em;
text-align:left;
border-top:3px solid #1900A6;
background-color:#1801AA;
color:#fff;
padding:5px;
}
div.footer a:link, a:hover, a:visited, a:active{
color:#fff;
}

/* ############################################ fine footer */

/* ############################################ Inizio Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie */

div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; font-weight:bold; text-align:center; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

/* ############################################ fine Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie */

/* ############################################ inizio Modul ??? */

.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}

/* ############################################ fine Modul ??? */

/* ############################################ inizio Modul Link a un file */

.link_riquadro {
        font-weight:normal;
        text-align:left;
        text-decoration:none;
        color:#666666;
        padding: 3px 24px 3px 10px ;
        border: 1px dashed darkblue;
        background-color:#E8E8E8;
        margin: 10px 10px 10px 0;
        width:450px;
        line-height: 1.2em;
        float:none;
        }
.link_link {
        font-weight:normal;
        text-align:left;
        text-decoration:none;
        color:#666666;
        padding: 0px 0px 0px 0px ;
        background-color:#E8E8E8;
        margin:10px 10px 10px 0px ;
        line-height: 1.2em;
        float:none;
        }

.link_descrizione {
        text-align:block;
        text-decoration:none;
        padding: 10px 24px 3px 10px ;
        margin:10px;
        line-height: 1.2em;
        float: left;
        }

/* ############################################ fine Modul Link a un file */