/*hack fu:r IE 6*/

* html .feedback {
  width: 10em;
}

/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h6, .raised p {margin:0 10px;}
.raised h6 {font-size:0.81em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#4B46F3; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#4B46F3; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#4B46F3; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#4B46F3; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#4B46F3; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#4B46F3; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#4B46F3; border-left:1px solid #fff; border-right:1px solid #999;}

/* Inset 3D Curved */
inset {background: transparent; width:40%; margin:0 auto;}
.inset h6, .inset p {margin:0 10px;}
.inset h6 {font-size:1em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}

/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}

/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

div#box1{width: 54em;padding: 8px  0;margin:0 auto; 
    background:#4B46F3;color:#FFF;}
div#Info{width: 20em;padding: 4px  0;margin:0 4% auto 55% ; 
    background:#fff;}
div#navbox{width: 9.3em;padding: 4px  0;margin:0 auto;
    background:#4B46F3;color:#FFF;}

div#box1a{ width: 11em;padding: 3px  3px; margin:0  auto;
    background: #0EC508;color:#FFF;}
/* div#box2{width: 10em; padding: 260px  0;margin:0 auto;    background-image: url(images/eifel.jpg);background-repeat: no-repeat; ; color:;} */
div#box2{width: 10em; padding: 260px  0;margin:0 auto; }

div#box3{width: 400px;  padding: 300px ; margin:0 auto;    background-image: url(images/falcon900.jpg);background-repeat: no-repeat;  color: #FFF;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------   Mylink PHP Code ---------------- */
#mylink {
font: normal 0.6em/1.1 Tahoma, Helvetica, "Linux Libertine", sans-serif;
position: relative;
float: right ;
margin: 1em 0 1.5em 0.5em ;
padding: 0.5ex 0 0.8ex 0 ;
}

/*_____Schatten bei Bild____________________________________*/
.img-float
{
float: left;
margin: 1em 1em  1em 0.8em;
background: url(shadow.gif) no-repeat bottom right ;
line-height: 0;
z-index: 2 ;
}

.img-float img
{
float: none;
margin: 0;
background: #fff;
padding: 3px;
border: 1px solid #C5BDBD;
position: relative;
z-index: 2;
left: -5px;
top: -5px;
}
.teilbild
{
float: left;
margin: 1em 1em  1em 0.8em;
width: 34%;
height: 100px;
border: 4px  solid  #CDCDC6;
text-indent: -90000px;
}

#teilpic1
{
background: #E2E2D2 url(images/fas1.jpeg) no-repeat center center ;
}
#teilpic2
{
background: #E2E2D2 url(images/fas2.jpeg) no-repeat center center ;
}
#teilpic3
{
background: #E2E2D2 url(images/fas13.jpeg) no-repeat center center ;
}
#teilpic4
{
background: #E2E2D2 url(images/fas8.jpeg) no-repeat center center ;
}

#angebot
{
border: 3px outset red;
background-color: #d80048;
color: #D91161;
}

.popinfo
{
position: relative;
}
.popinfo span
{
display: none;
}
.popinfo:hover span
{
display: block;
position: absolute;
bottom: 2.5em;
left: 2em;
padding: 0.2em  0.6em;
border: 1px solid #737373;
background-color: #F1F1F1;
color: #3399FF;
font: normal 0.9em/95% Tahoma, Helvetica, sans-serif;
}

/* ::::fuer popup bilder ::::*/

#sold
{
background-color: #E2E2E2;
}
.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span
{ /*grosses image*/
position: absolute;
background-color: #CFD1FF;
margin: 1em 1em  1em 0.8em;
background: url(shadow.gif) no-repeat bottom right ;
line-height: 0;
left: -1000px;
visibility: hidden;
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}


.thumbnail span img{ /*grosses image*/
width: 450px;
height: 270px;
border-width: 0;
margin: 0;
background: #fff;
padding: 8px;
border: 1px solid #C5BDBD;
position: relative;
left: -7px;
top: -7px;
}

.thumbnail:hover span{ /*grosses image wenn «hover» */
visibility: visible;
top: 0;
left: -15em; /*position an der popup image horizontal liegt */
}

/*
img
{
float: left; margin: 0px 0px 2px 5px; border: 0px solid cornflowerblue;
}*/
a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}
a[href^="http://de.wikipedia.org"], a[href^="http://wikipedia.org"] {
  background: url(images/wiki.gif) no-repeat left bottom;
  padding-left: 16px;
  }
a[href^="http://www.immobilien-es.com"], a[href^="http://immobilien-es.com"]
{
  background-image: none;
  padding-right: 0;
}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
}

a[href^="aim:"] {
  background: url(images/im.png) no-repeat right top;
  padding-right: 15px;
}

p
{
font-family: "luxi sans", "trebuchet ms", "bitstream vera sans", sans-serif ;
}

body
{
background-color:  #fff ; color: rgb(10%, 30%, 60%) ;
margin: 0.5em 0 0.5em 0.5em ;
padding: 5px 10px 5px 10px ;
}

 h1
  {
  border: 0;
  margin: 0pt 0pt 0pt 0pt;
  padding: 0em;
  text-align: center;
  font-family: "Segoe UI", Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 160%;
  color: #020679;
  background-color: transparent; 
   }
 
.kleineliste {
font-family: Verdana,Helvetica,sans-serif;
font-size: 0.7em;
list-style-image: url(/images/arrow.gif)  ; 
} 
.kleineliste2 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.7em;
} 

a { text-decoration: none;    font-weight: bold;    font-family: Arial, Helvetica, "DejaVu Sans", sans-serif;    font-size: 0.9em;    } 
a:link { color: Green;    }
a:visited { color: #6600CC;    }
a:active { color: #336600;    }
a:hover { color:#FF9900 ;   }
 
.bl {background:url(http://www.topoffice-es.com/images/bl.gif) 0 100% no-repeat  ; }
.br {background:url(./images/br.gif) 100% 100% no-repeat ;}
.tl {background:url(./images/tl.gif) 0 0 no-repeat ;}
.tr {background:url(./images/tr.gif) 100% 0 no-repeat ;}
.ftl {background:url(./images/tl.gif) 0 0 no-repeat ; }
.ftr {background:url(./images/tr.gif) 100% 0 no-repeat ; padding: 15px;}
.fbr {background:url(./images/br.gif) 100% 100% no-repeat  ;}
.fbl {background:url(./images/bl.gif) 0 100% no-repeat #BBDDFF ; width:100%; }

/*img class*/
/*.imgfl
{
float:left;
padding: 0px 0px 0px 0px ;
border-right-width:2px ;
border-style: groove;
border-color: yellow ;
margin: 0 10em 0 0 ;
}     */

/*test für outline*/
input:focus, select:focus, textarea:focus { outline: medium dashed red ; }

.inhalt {
margin: 0.1em 4.9em 0.4em 10.72em;
padding:1em 1em 1.1em;
font-size: 98%;
line-height: 1.6 ;
font-family: "luxi sans", "trebuchet ms", "bitstream vera sans", sans-serif ;
color: #3B5D91;
background-color: #fff;
border-left: 1px dotted #0066CC;
}
.inhalt2 {
margin: 0.1em 4.9em 0.4em 10.72em;
padding:1em 1em 1.1em;
font-size: 105%;
line-height: 1.7 ;
font-family: "luxi sans", "trebuchet ms", "bitstream vera sans", sans-serif;
color: #0059b2;
background-color: #fff;
border-left: 1px dotted #d82400;
}

#Inhalt {
margin: 0.1em 4.9em 0.4em 10.72em;
padding: 1em 1em 1.1em;
font-size: 84% ; line-height: 1.2em;
font-family: "luxi sans", "trebuchet ms", "bitstream vera sans", sans-serif;
color: #B8B4A8 ; font-weight: normal ; background-color: #fff;
border-left: 1px dotted #0066CC;  }

/* zum Zentrieren von Text, etc */
.mitte { text-align: center; }
form p { position: relative;  }

input.senden {
border: medium 1px solid #D7D8CA ;
margin: 0pt 0pt 1.5em 1em ;
padding: 2px 2px ;
font-size: 0.9em;
background-color: #0B84EA;
color: #E7EF8B;
width: auto;
}
input.senden:hover, input.senden:focus, input#clear:hover, input#clear:focus { background-color: #70BAFC; }
input#clear {
border: medium 1px solid #D7D8CA ;
margin: 1.5em 1.5em 0pt 1em ;
padding: 2px 2px ;
font-size: 0.9em;
background-color: #0B84EA;
color: #E7EF8B;
width: auto;
 }
.fehler {
position: absolute; margin-left: 11em; left: 200px;
font-weight: bold; color: #760000;
padding-left: 18px; background: url(http://www.topoffice-es.com/images/error.png) no-repeat left top;
}
form p {
font-family: "Segoe UI",Verdana,Geneva,"Bitstream Vera Sans", sans-serif;
font-size: 0.9em ;
line-height: 1.2;
color: #1d00b2;
background-color: #7A94E1;
}

fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
font-weight: normal;
background: #7A94E1; /* #6186C7auch schönes blau| #99bbcc alte farbe 968eff*/
color: #000099;
}
legend { font-weight: bold; }
label { float: left; width: 10em; }
input.textfeld { width: 55em; }
input[type="text"], textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
input.submit, input.checkbox, input.radio { width: auto; }
.pflicht {
font-size: 0.8em; color: #cac7ff;
}

textarea {
width: 300px ;
height:100px;
}
textarea#textfeld1 {
width: 90px ;
height:16px;
}
textarea#bestaetigung, #best { width: auto ; height: auto ; }
.Wichtig {
font-family:  "Segoe UI",Verdana,Geneva,sans-serif;  font-size: 1.6em;
color: #0090d8;   background-color: #ffb266; text-align: center;
}
.wichtig {
background: url(images/arrowbullet.gif) no-repeat left;
padding: 15px 0 0 20px ;
}

ul
{
font-family:  "Segoe UI",Verdana,Geneva,Dingbats,sans-serif ;
font-size: 1.1em;
}
ul li
{
margin: 0pt;
padding: 0.15em;
list-style-type: none;
text-align: left ;
}

ul#num
{
font-family:  "Segoe UI",Verdana,Geneva,sans-serif;  font-size: 0.8em;
}
ul#num li
{
margin: 0pt;    padding: 0.5em;    list-style-type: decimal;  
text-align: center;
}

ul#klein
{
font-family:  "Segoe UI",Verdana,Geneva,sans-serif;  font-size: 0.75em;
}
ul#klein li
{
margin: 0pt;    padding: 0.5em;    list-style-image: url(images/arrow.gif); list-style-type: none; 
}

ul#mittel
{
font-family: "Segoe UI",Verdana,Geneva,sans-serif; font-size: 0.80em ;line-height: 110%;
 color: #1d00b2; background-color: #fff;  
}
ul#mittel li
{
margin: 0pt;    padding: 0.8em;    list-style-image: url(images/bluearrow.png); list-style-type: none; 
}

ul#ohne
{
font-family:  "Segoe UI",Verdana,Geneva,sans-serif;  font-size: 1.1em;
}
ul#ohne li
{
margin: 0pt;    padding: 0.5em;    list-style-type: none;  text-align: center ;
}

/*::::::::::::::::::::::NAVIGATION::::::::::::::::::::*/

a { text-decoration: none;    font-weight: bold;    font-family: Arial,Helvetica,sans-serif;    font-size: 0.9em;    } 
a:link { color: #6CA6EE;}  
a:visited { color: #6C6988;}
a:hover { color: #80B8D3;}
a:active { color: #3028AD;}

#Navigation
{
clear: all ; 
left: 10px ;
position: fixed;
font-family:  Arial,Helvetica,sans-serif;
/* width: 11em; */
font-size: 0.85em;
}
ul#Navigation a:link { color: #6CA6EE;}  
ul#Navigation a:visited { color: #6C6988;}
ul#Navigation a:hover { color: #80B8D3 ;}
ul#Navigation a:active { color: #3028AD;}
/* navibox neu */
/* ________________
ul#Navigation { 
float: left ;
position: fixed;
font-family:  Arial, Helvetica, sans-serif ;
width: 9.2em ;
font-size: 0.83em ;
}

ul#Navigation li { margin: 0pt;    padding: 0.5em;    list-style-type: none;    list-style-image: none;   list-style-position: outside; }
ul#Navigation a { padding: 0.2em;    display: block;    font-weight: bold;    }
________________________*/



/* --------------------------
 ul#Nav-fest { float: left; position: absolute; top: 5.5em; font-family:  Arial,Helvetica,sans-serif;    width: 9.2em;    font-size: 0.83em;    }

ul#Nav-fest li { margin: 0pt;    padding: 0.5em;    list-style-type: none;    list-style-image: none;   list-style-position: outside; }
ul#Nav-fest a { padding: 0.2em;    display: block;    font-weight: bold;    }
ul#Nav-fest a:link { color: #FCCA02;    }  
ul#Nav-fest a:visited { color: #C1FFBE;    }
ul#Nav-fest a:hover { color: #FF6C3E;    }
ul#Nav-fest a:active { color: #FFED1E;    }


ul#Navigation2
{
 float: left; position: fixed;
 font-family:  Arial,Helvetica,sans-serif;
 width: 9.2em;    font-size: 0.83em;
 }

ul#Navigation2 li
{
 margin: 0pt;
 padding: 0.5em;
 list-style-type: none;
 list-style-image: none;
 list-style-position: outside;
 }
ul#Navigation2 a
{
padding: 0.2em;
display: block;
font-weight: bold;
}
ul#Navigation2 a:link
{
color: #FfCA02;
}  
ul#Navigation2 a:visited
{
color: #348E41;
}
ul#Navigation2 a:hover
{
color: #FF6C3E;
}
ul#Navigation2 a:active
{
color: #FFED1E;
}
------------------------------------------------------------------*/


#post
{text-align: left; color: #0059b2 ; background: url(images/address.png) no-repeat left top;
  padding-left: 18px;

}
#tel
{
text-align: left; color: #0059b2 ; background: url(images/tel.png) no-repeat left top;
  padding-left: 18px;
}
.clear
{
font-size:1px; height:1px; clear: both;
}
div#Info { border: 0; text-align: center; color: #465B90 ;  margin: 0.4pt 0.5pt 1.1em;    font-family: Arial,Helvetica,sans-serif; padding: 0pt;    font-size: 0.95em;    float: right;    background-color: #BBDDFF;    width: 13em;    }

/* div#Inforechts { border: 0; text-align: center; color: #465B90 ;  margin: 0.4pt 0.5pt 1.1em;    font-family: Arial,Helvetica,sans-serif; padding: 0pt;    font-size: 0.95em;    float: right;    background-color: #B8B4A8;    width: 13em;    }
*/

div#Info links { border: 0; text-align: center; color: #465B90 ;  margin: 0pt 0pt 1em;    font-family: Arial,Helvetica,sans-serif; padding: 0pt;    font-size: 0.8em;    float: left;    background-color: #3366AA;    width: 8em;    }

div#Info h2 { margin: 0.2em 0.5em;    font-size: 1.33em;    }

div#Info p { margin: 0.5em;    font-size: 1em;    }

div#Inhalt
{
margin: 0.1em 4.9em 0.4em 10.72em;
padding:1em 1em 1.1em;
font-size: 104%;
line-height: 1.6 ;
font-family: "luxi sans", "trebuchet ms", "bitstream vera sans", sans-serif ;
color: #51627B;
background-color: #fff;
border-left: 1px dotted #0066CC;
}

p#fuss2 { border: 0; margin: 0pt; padding: 0.01em; text-align: center; color:  #CCFFCC; background-color: #fff;  font-family: Arial,Helvetica,sans-serif;    font-size: 0.2em;    }
p#fuss1 { border: 0; margin: 0pt; padding: 0; clear: both; text-align: center; font-family: Verdana,Helvetica,sans-serif;background-color: blue;
font-size: 0.8em ; color: #CCFFCC;    }

.fuss2 a { text-decoration: none;    font-weight: bold;    font-family: Arial,Helvetica,sans-serif;    font-size: 0.9em;    } 
.fuss2 a:link { color: #CCFFCC;  }
.fuss2 a:visited { color: #CC0000;    }
.fuss2 a:active { color: #ef9;    }
 .fuss2 a:hover { color: #CC6600;   }
a#footer2
 { text-decoration: none;    font-weight: bold;    font-family: Arial,Helvetica,sans-serif;    font-size: 0.9em;    } 
a#footer2:link
 { color: #CCFFCC;    }
a#footer2:visited
 { color: #CC0000;    }
a#footer2:active
{ color: #ef9;    }
 a#footer2:hover
 { color: #CC6600;   }

  /*::::::::::::::FOOTER:NEU::::::*/
   DIV#footer
   {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        padding: 10px 0;
    }
   #footer A:hover {
    text-decoration: underline;
    background-color: #FFA;
    }
    #footer a:link { color: #7A94E1;}
    #footer UL
    {
font: 80%/1.4 Arial,Helvetica,sans-serif;
color: gray;
       margin: 0 auto;
        width: 90%;
        text-align: center;
    }

    #footer UL LI
    {
        display: inline;
        padding: 2.2%;
    }

	#footer P
	{
background: #fff;
font: 80%/1.4 Arial,Helvetica,sans-serif;
color: gray;
       margin: 0 auto;
        width: 90%;
        text-align: center;
	}

/* +++++++ Sprache kennzeichnen ++++++++++++++++ */
/* spanisch */
:lang(es) {
background-color: #DEEEFF ;
font-style: italic ;
}

	/*::::::::::::::NEUE:DIVS:::::*/

/* 2 Spalten */
div.doppelspalte {
display: block;
/*columns: 2;
column-rule-style: dotted 2px;
column-rule-width: 2mm;
column-rule-color: #7CA3BA;*/
}

DIV#titel {
        margin: 40px 10px;
        line-height: 150%;
        clear: both;
        }

  H2
   {
    background: #E7EDFF no-repeat 12px 5px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    line-height: 26px;
    height: 26px;
    color: #006398;
    font-size: 130%;
    padding-left: 35px;
    }
DIV#titel H2 {
background-image: url(images/titel.gif) ;
}
DIV#titel2 H2 {
background-image: url(images/tips.gif) ;
}
DIV#titel3 H2 {
background-image: url(images/agbs.gif) ;
}
DIV#titel4 H2 {
background-image: url(images/links.gif) ;
}
DIV#titel5 H2 {
background-image: url(images/blauer_stern.gif) ;
}
abbr[title] { border-bottom: 2px dotted #c00; }
abbr[title]:hover { cursor: help; }
/*abbr:before { content: ' '; }*/

acronym[title] { border-bottom: 2px dotted #c00; }
acronym[title]:hover { cursor: help; }


/* --------------------------------
Explorer macht Schmarrn */
/* DIV.balkenL {
background: url(images/balken_l.gif) center left no-repeat;
width: 9px;
height: 28px;
float: left;
}

DIV.balkenR {
background: url(images/balken_r.gif) center right no-repeat;
width: 9px;
height: 28px;
float: right;
} 
DIV.faL { background: url(images/secFA_L.gif) center right no-repeat; }
DIV.faR { background: url(images/secFA_R.gif) center right no-repeat; }
 ------------------*/

/* +verkauft gif als hintergrund+ */

.verkauftgif
{
background: url(images/verkauft.gif) repeat ;
position: absolute;
z-index: 100;
}

#blau {
margin: 0 4em 1em 4em; 
padding: 0.5em 0.3em 0.4em 0.87em;
color: #306;
background: #B6C6F2;
border: 1px solid #FF9900;
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
}
table {
position: relative ;
margin: 0 0.5em 0.1em 0.1em ; 
padding: 0.4em 0.2em 0.2em 0.6em;
/*margin: 0 2.7em 1em 4.4em;*/ 
/*border-collapse: collapse;*/
color: #306;
background: #D2DCF6;
border: 1px solid #34804A;
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
font: 76%/1.7 "Lucida Grande", Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; 
text-align: center;
}
caption {
font-size: 1.2em;
font-weight: bold;
margin: 1em 0 ;
}
th, td {padding: 0.1em 1em ;}
th {
text-align: center ;
white-space: nowrap;
}
td {
text-align: left ;
white-space: pre;
}
tfoot {
background-color: #D9E1FF;
color: #06c;
font-size: 0.8em ;
}
th:hover {
background-color: transparent ;
color: inherit;
}

tr:hover {
background-color: #D0F5D8;
color:#333 ;
 }