/* DEFINIZIONE TAG PRIMARIE */

body{
margin:0;
padding:0;
background: #d0f0ff url(../images/back_verlauf.jpg) repeat-x top;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
}
body.imgbody{
margin:0;
padding:0;
background: none;
background-color: #d0f0ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
}

img {
border: none;
}

dt {
font-weight:bold;
font-size: 110%;
padding-top: 1.0em;
color: #002e61;
background-color: #f2fff2;
}

dd {
text-align: justify;
display: block;
}

dt a, dt a:visited, dd a, dd a:visited, p a, p a:visited {
text-decoration: none;
border: none;
font-weight: bold;
color: #002e61;
background-color: #f2fff2;
}

dt a:hover, dd a:hover, a:hover {
text-decoration: none;
color: #cc8805;
border: none;
}

p {
text-align: justify;
display: block;
}

a.mainlevel {
color: #ffffff;
}

/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

/* -------------------------------- */
/* --- BLOCCO PRINCIPALE PAGINA --- */
/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
#pagewidth-1024{
width:970px;
margin-left:auto;
margin-right:auto;
background: transparent url(../images/back_all1024.gif) repeat-y ;
margin-bottom: 20px;
}
#pagewidth-800{
width:746px;
margin-left:auto;
margin-right:auto;
background: transparent url(../images/back_all800.gif) repeat-y ;
margin-bottom: 20px;
}

/* -------------------------------- */
/* ------------ HEADER ------------ */
/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
#header {
background: #d0f0ff url(../images/back_verlauf.jpg) repeat-x top;
color: #ffffff;
height: 100px;
width:  100%; 
}
/*------------  HEADER --> TOP-TOP */ 
#top-top {
height: 20px;
width: 100%;
background: transparent;
}
/*------------  HEADER --> TOP-TOP --> TOPMENU */ 
#topmenu{
height: 20px;
float: right;
width: 600px;
}
/*------------  HEADER --> TOP-TOP --> TOPMENU --> UL --> mainlevel-nav */ 
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}
/*------------  HEADER --> TOP-TOP --> TOPMENU --> UL --> mainlevel-nav --> li */ 
ul#mainlevel-nav li{
background: url(../images/headmenu_left.gif) bottom left no-repeat;	
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 90%;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}
/*------------  HEADER --> TOP-TOP --> TOPMENU --> UL --> mainlevel-nav --> li --> a */ 
ul#mainlevel-nav li a{
background: url(../images/headmenu_right.gif) bottom right no-repeat;
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #ffffff;
margin-left: 5px;
white-space: nowrap;
}
ul#mainlevel-nav li a img{
padding-top: 3px;
}
/*------------  HEADER --> TOP-TOP --> TOPMENU --> UL --> mainlevel-nav --> li --> hover */ 
ul#mainlevel-nav li:hover {
background: url(../images/headmenu_left_hover.gif) bottom left no-repeat;
}
/*------------  HEADER --> TOP-TOP --> TOPMENU --> UL --> mainlevel-nav --> li --> a:hover */ 
ul#mainlevel-nav li:hover a{
background: url(../images/headmenu_right_hover.gif) bottom right no-repeat;
}
/*------------  HEADER --> TOP-BOTTOM */ 
#top-bottom {
/* height: 53px; */
/* width: 200px; */
/* background: transparent; */
float: left;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ------ CONTESTO GENERALE ------- */
/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
#outer-1024{
width: 970px;
padding-top: 6px;
background: transparent url(../images/content-top1024.gif) no-repeat top;
color: #ffffff;
} 
#outer-800{
width: 746px;
padding-top: 6px;
background: transparent url(../images/content-top800.gif) no-repeat top;
color: #ffffff;
} 
/*------------  OUTER-1024 --> breadcrumbs */ 
#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}
/*------------  OUTER-1024 --> LEFTCOL */ 
#leftcol{
 width: 152px;
 float: left;
 position: relative;
 margin-right: 5px;
} 
/*------------  OUTER-1024 --> LEFTCOL --> module */ 
#leftcol div.module {
width: 152px;
background: transparent url(../images/module_middle.png) left repeat-y;
margin-bottom: 10px;
}
/*------------  OUTER-1024 --> LEFTCOL --> module -->div */ 
#leftcol div.module div {
width: 152px;
background: transparent url(../images/module_top.png) top left no-repeat;
}
/*------------  OUTER-1024 --> LEFTCOL --> module -->div -->div */ 
#leftcol div.module div div {
width: 152px;
background: transparent url(../images/module_bottom.png)  bottom left no-repeat;
}
/*------------  OUTER-1024 --> LEFTCOL --> module -->div -->div -->div */ 
#leftcol div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 95%;
}
/*------------  OUTER-1024 --> LEFTCOL --> module -->div -->div -->div -->div */ 
#leftcol div.module div div div div{
padding: 0px;
margin: 0px;
}
/*------------  OUTER-1024 --> LEFTCOL --> module -->div -->div -->div -->div --> a.mainlevel */ 
a.mainlevel {
font-size: 80%;
padding-left: 4px;
width: 143px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: bold;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family: inherit;
width: 135px;
color: #ffffff;
background-color: transparent;
}
/*------------  OUTER-1024 --> LEFTCOL --> module -->div -->div -->div -->div --> a.mainlevel (FIX) */ 
html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */
/*------------  OUTER-1024 --> LEFTCOL --> module -->div -->div -->div -->div --> a.mainlevel:hover */ 
a.mainlevel:hover, a.mainlevel#active_menu {
background: #F1F1F1;
text-decoration: none;
color: #005500;
}

/*------------  OUTER-1024 --> maincol-wide-1024 */
#maincol-wide-1024{ 
float: left; 
width: 800px;
padding-top: 3px !important;
padding-top: 0px;
 margin-left: 0px !important;
 margin-left: -5px;
} 
#maincol-wide-800{ 
float: left; 
width: 576px;
padding-top: 3px !important;
padding-top: 0px;
 margin-left: 0px !important;
 margin-left: -5px;
} 
/*------------  OUTER-1024 --> content */
.content {
padding: 0px;
font-size: 95%;
line-height: 18px;
color: #005500;
background-color: transparent;
}
/*------------  OUTER-1024 --> content --> (table) blog */
.blog {
width: 100%;
padding-left: 1.2em;
padding-right: 1.2em;
}
/*------------  OUTER-1024 --> content --> (table) blog --> contentheading */
.contentheading {
width: 98%;
font-weight: bold;
font-size: 130%;
height: 23px;
line-height: 20px;
display: block;
border-bottom: 1px solid #0000c0;
color: #0000c0;
background-color: #f2fff2;
}
/*------------  OUTER-1024 --> content --> (table) blog --> (table) contentpaneopen */
.contentpaneopen {
text-align: left;
background: transparent; 
font-size: 90%;
line-height: 1.8;
}

/* -------------------------------- */
/* ------------ FOOTER ------------ */
/* -------------------------------- */
#footer-1024{  
height: 40px; 
width: 100%; 
background: transparent url(../images/footer1024.jpg) bottom left no-repeat; 
font-size: 65%;
color: #ffffff;
text-align: center;
}
#footer-800{  
height: 40px; 
width: 100%; 
background: transparent url(../images/footer800.jpg) bottom left no-repeat; 
font-size: 65%;
color: #ffffff;
text-align: center;
}
 
.clr{clear:both;}


/* altro */


.button {
border: 1px solid #BBBBBB;
background: transparent url(../images/button_bg.png) repeat-x top;
}
.inputbox {
border: 1px solid #BBBBBB;
}

/* #################################################################### */
/* ###################### QUESTI LI VEDIAMO DOPO ###################### */
/* #################################################################### */

#float_right,.float_right {
display: block;
float: right;
padding-left: 1.5em;
}

#float_left,.float_left {
display: block;
float: left;
padding-right: 1.5em;
}

#stagione,#listino,#offerte1,#offerte2 {
}

#stagione th {
background-color: #eff4e2;
background-image: url(../images/tab_hover.jpg);
background-repeat: repeat-x;
color: white;
text-align: center;
font-size: 75%;
font-weight: bold;
}

#listino th {
background-color: #eff4e2;
background-image: url(../images/tab_hover.jpg);
background-repeat: repeat-x;
color: white;
text-align: center;
font-size: 75%;
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
}

#offerte1 th, #offerte2 th {
background-color: #eff4e2;
background-image: url(../images/tab_hover_big.jpg);
/*background-repeat: repeat-x;*/
color: white;
text-align: center;
font-size: 75%;
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
}

#stagione td {
font-size: 75%;
width: 2em;
font-weight: bold;
}

#listino td {
font-size: 75%;
text-align: right;
background-color: white;
background-image: url(../images/tab_g.jpg);
background-repeat: repeat-x;
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
color: blue;
}

#offerte1 td, #offerte2 td {
font-size: 75%;
text-align: right;
background-color: white;
background-image: url(../images/tab_g_big.jpg);
/*background-repeat: repeat-x;*/
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
color: blue;
}

#stagione .low {
font-size: 75%;
background-color: yellow;
background-image: url(../images/tab_b.jpg);
background-repeat: repeat-x;
/*width: 2em;*/
width: 20px;
font-weight: bold;
color: white;
}

#listino .low {
font-size: 75%;
background-color: yellow;
background-image: url(../images/tab_b.jpg);
background-repeat: repeat-x;
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
color: blue;
}

#offerte1 .low, #offerte2 .low {
font-size: 75%;
background-color: yellow;
background-image: url(../images/tab_b_big.jpg);
/*background-repeat: repeat-x;*/
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
color: blue;
}

#stagione .high {
font-size: 75%;
background-color: red;
background-image: url(../images/tab_a.jpg);
background-repeat: repeat-x;
/*width: 2em;*/
width: 20px;
font-weight: bold;
color: white;
}

#listino .high {
font-size: 75%;
background-color: red;
background-image: url(../images/tab_a.jpg);
background-repeat: repeat-x;
padding-left: 1.5em;
padding-right: 1.5em;
font-weight: bold;
color: blue;
}

.mail_msg {
background-color: #ffce4b;
border: 1px solid #ffa500;
color: #ff0000;
margin: 1em 0em;
padding: 0.2em 1em 0.2em 3em;
vertical-align: middle;
}
dl.mail_msg {
background-color: #ffce4b;
border: 1px solid #ffa500;
color: #a8937b;
margin: 1em 0em;
padding: 0.2em 1em 0.2em 3em;
vertical-align: middle;
}
dl.mail_msg dt{
 background-color: #ffce4b;
 font-weight: bold;
 color: #a8937b;
}
dl.mail_msg dd{
 background-color: #ffce4b;
 font-weight: normal;
 color: #a8937b;
}

.counter {
color: #2155a8;
font-size: 120%;
font-weight: bold;
}