/* Stylesheet for Region Map on Copito.de */
/* 
<!-- #bbinclude "date.txt" #bbincludeoptions#="inline=true" -->

########### Last updated:    09.04.10, 11:18 +1200
########### File Size:       8780 Byte
########### By:              p.scheuerl@it-ma.de

<!-- end bbinclude -->
*/

/* Page needs heigh of roughly highest opened list, as Browsers might produce vertical scrollbar only when hover over list -> Pages jumps to left */

#middle {height: 650px}

#regionchart {position: absolute; top: 50px; left: 100px}

/* Position Regions */
.mapwrap, .province
{position: absolute;}


.regionalicante {top:418px; left:586px; z-index: 10}
.regionalicante .listbox {left: 48px; top: 20px}
.regionalicante .area {background: url(reg_alicante.gif) top left no-repeat; width: 73px; height: 47px}

.regionbierzo {top:128px; left:257px; z-index: 10} 
.regionbierzo .listbox {left: 40px; top: 10px}
.regionbierzo .area {background: url(reg_bierzo.gif) top left no-repeat; width: 44px; height: 31px}

.regioncarinena {top:221px; left:563px; z-index: 10} 
.regioncarinena .listbox {left: 28px; top: 5px}
.regioncarinena .area {background: url(reg_carinena.gif) top left no-repeat; width: 34px; height: 26px}

/* castillia */
.regioncastilla {top:105px; left:360px; z-index: 10}
.regioncastilla .listbox {left: -8px; top: 0px}
.regioncastilla .area {background: url(trans.gif) top left; width: 105px; height: 90px;}

/* tierra de castillia  */
.regionvtierradecastilla {top:240px; left:440px; z-index: 10} 
.regionvtierradecastilla .listbox {left: 88px; top: 20px}
.regionvtierradecastilla .area {background: url(trans.gif) top left; width: 126px; height: 79px}

.regionbarbera {top:211px; left:695px; z-index: 10}
.regionbarbera .listbox {left: 18px; top: 5px}
.regionbarbera .area {background: url(reg_barbera.gif) top left no-repeat; width: 22px; height: 25px}

.regionserge {top:180px; left:668px; z-index: 10}
.regionserge .listbox {left: 35px; top: 20px}
.regionserge .area {background: url(reg_serge.gif) top left no-repeat; width: 45px; height: 53px}

.regiondouro {top:204px; left:197px; z-index: 10}
.regiondouro .listbox {left: 70px; top: 20px}
.regiondouro .area {background: url(reg_douro.gif) top left no-repeat; width: 76px; height: 79px}

.regionemporda {top:140px; left:786px; z-index: 10}
.regionemporda .listbox {left: -60px; top: 25px}
.regionemporda .area {background: url(reg_costabrava.gif) top left no-repeat; width: 38px; height: 28px}

.regionestremadura {top:328px; left:104px; z-index: 10}
.regionestremadura .listbox {left: 40px; top: 50px}
.regionestremadura .area {background: url(reg_estremadura.gif) top left no-repeat; width: 66px; height: 102px}

.regionjumilla {top:417px; left:533px; z-index: 10}
.regionjumilla .listbox {left: 55px; top: 10px}
.regionjumilla .area {background: url(reg_jumilla.gif) top left no-repeat; width: 58px; height: 46px}

.regionmancha {top:327px; left:367px; z-index: 10}
.regionmancha .listbox {left: 90px; top: -80px}
.regionmancha .area {background: url(reg_mancha.gif) top left no-repeat; width: 179px; height: 129px}

.regionmontilla { top:494px; left:367px; z-index: 10}
.regionmontilla .listbox {left: 35px; top: -10px}
.regionmontilla .area {background: url(reg_montilla.gif) top left no-repeat; width: 43px; height: 45px}

.regionnavarra {top:122px; left:507px; z-index: 10}
.regionnavarra .listbox {left: 65px; top: 10px}
.regionnavarra .area {background: url(reg_navarra.gif) top left no-repeat; width: 71px; height: 77px}

.regionpenedes {top:213px; left:715px; z-index: 10}
.regionpenedes .listbox {left: 13px; top: -150px}
.regionpenedes .area {background: url(reg_penedes.gif) top left no-repeat; width: 38px; height: 33px}

.regionpriorato {top:234px; left:678px; z-index: 10}
.regionpriorato .listbox {left: 10px; top: 0px}
.regionpriorato .area {background: url(reg_priorato.gif) top left no-repeat; width: 13px; height: 26px}

.regionriasbaixas {top:120px; left:149px; z-index: 10}
.regionriasbaixas .listbox {left: 45px; top: -10px}
.regionriasbaixas .area {background: url(reg_baixas.gif) top left no-repeat; width: 49px; height: 76px}

.regionduero {top:195px; left:391px; z-index: 10}
.regionduero .listbox {left: 80px; top: 0px}
.regionduero .area {background: url(reg_duero.gif) top left no-repeat; width: 88px; height: 39px}

.regionguadiana {top:359px; left:230px; z-index: 10}
.regionguadiana .listbox {left: 100px; top: 30px}
.regionguadiana .area {background: url(reg_guadiana.gif) top left no-repeat; width: 138px; height: 121px}

.regionrioja {top:141px; left:468px; z-index: 10}
.regionrioja .listbox {left: 75px; top: -70px}
.regionrioja .area {background: url(reg_rioja.gif) top left no-repeat; width: 79px; height: 59px}

.regionrueda {top:218px; left:348px; z-index: 10}
.regionrueda .listbox {left: 50px; top: 20px}
.regionrueda .area {background: url(reg_rueda.gif) top left no-repeat; width: 56px; height: 50px}

.regionsomontano {top:162px; left:621px; z-index: 10}
.regionsomontano .listbox {left: 40px; top: -10px}
.regionsomontano .area {background: url(reg_somontano.gif) top left no-repeat; width: 48px; height: 40px}

.regiontierradecadiz {top:565px; left:278px; z-index: 10;}
.regiontierradecadiz .listbox {left: -250px; top: -30px}
.regiontierradecadiz .area {background: url(reg_tierradecadiz.gif) top left no-repeat; width: 42px; height: 48px;}

.regiontierradeleon {top:144px; left:324px; z-index: 10}
.regiontierradeleon .listbox {left: 39px; top: 0px}
.regiontierradeleon .area {background: url(reg_tierradeleon.gif) top left no-repeat; width: 41px; height: 40px;}

.regiontoro {top:204px; left:321px; z-index: 10}
.regiontoro .listbox {left: 40px; top: -10px}
.regiontoro .area {background: url(reg_toro.gif) top left no-repeat; width: 43px; height: 35px}

.regionucles {top:313px; left:461px; z-index: 10}
.regionucles .listbox {left: 40px; top: 0px}
.regionucles .area {background: url(reg_ucles.gif) top left no-repeat; width: 47px; height: 46px}

.regionvalencia {top:338px; left:574px; z-index: 10}
.regionvalencia .listbox {left: 52px; top: 10px}
.regionvalencia .area {background: url(reg_valencia.gif) top left no-repeat; width: 61px; height: 96px}

.regionverde {top:172px; left:153px; z-index: 10}
.regionverde .listbox {left: 20px; top: 100px}
.regionverde .area {background: url(reg_verde.gif) top left no-repeat; width: 68px; height: 105px}


/* Hide and show lists */
.province .listbox {display: none; width: 250px; background: #fff; position: absolute}
.province:hover .listbox {display: block;}
.province:hover {z-index: 300;}
.province:hover .area {background-position: bottom left;}

/* Style the lists */
.listbox h3 {margin: 0; padding: 0; position: relative;}
.listbox h3 a:link, .listbox h3 a:visited {font-size: 1em; color: #fff; background: url(map_bg_h3.png) top left repeat-x #9f0021; display: block; text-decoration: none; padding: 3px}
.listbox h3 a:hover, .listbox h3 a:active {color: #fff; text-decoration: none; background: url(map_bg_h3.png) bottom left repeat-x}

/* */
.listbox ul {list-style: none; margin: 0; padding: 0}
.listbox ul li {font-size: 1.2em; }
.listbox ul li a:link, .listbox ul li a:visited {display: block; padding: 5px; color: #9f0021; background: #fff; font-weight: normal}
.listbox ul li a:hover, .listbox ul li a:active {color: #9f0021; background: #ddd; text-decoration: none}
.listbox ul li ul li a:link, .listbox ul li ul li a:visited {padding: 2px 8px 2px 25px; color: #69737a; background: #fff; font-weight: normal; font-size: .7em; position: relative}
.listbox ul li ul li a:hover, .listbox ul li ul li a:active {background: #eee}
.listbox ul li ul li a:link span, .listbox ul li ul li a:visited span, .listbox ul li ul li a:hover span, .listbox ul li ul li a:active span {font-size: 2em; line-height: .5em; position: absolute; left: 10px; top: 3px}

.listbox ul li ul li.rot a:link span, .listbox ul li ul li.rot a:visited span,
.listbox ul li ul li.rot a:hover, .listbox ul li ul li.rot a:active {color: #9f0021; background: #fff; }

.listbox ul li ul li.weiss a:link span, .listbox ul li ul li.weiss a:visited span, 
.listbox ul li ul li.weiss a:hover, .listbox ul li ul li.weiss a:active {color: #1b7633; background: #fff}

.listbox ul li ul li.rose a:link span, .listbox ul li ul li.rose a:visited span, 
.listbox ul li ul li.rose a:hover, .listbox ul li ul li.rose a:active {color: #bd7d8b; background: #fff}

.listbox ul li ul li.cava a:link span, .listbox ul li ul li.cava a:visited span, 
.listbox ul li ul li.cava a:hover, .listbox ul li ul li.cava a:active {color: #880; background: #fff}

.listbox ul li ul li.port a:link span, .listbox ul li ul li.port a:visited span, 
.listbox ul li ul li.port a:hover, .listbox ul li ul li.port a:active {color: #940; background: #fff}