/*  
Theme Name: kisoco
special-stylesheet fuer Home/Bilderseite
Dateiname: style-special.css
Theme URI: http://www.kira-design.de/
Version: 1.2
Author: Kirsten Bohlig
Author URI: http://www.kira-design.de/
Media: screen, projection
Datum: 29.03.2007, 27.09.07
*/

/* ### =global ### */
* {
padding:0;
margin:0;
}
p {
line-height:1.55em;
}

ul li {
list-style-type:square;
}

blockquote {
padding-left:1em;
color: #903;
font-style:italic;
width:66%;
line-height:1;
font-weight:bold;
margin-right:-4em;
}
h3, h4, h5, h6, pre, ul, ol, dl, address { 
margin:1em 0; 
}
dd { 
margin-left:5%; 
}
select option{ 
padding:0 5px; 
}

.left { float:left; }
.right { float:right; }
.clear { 
clear:both; 
height:1px; 
font-size:1px; 
line-height:1px; }

sup {
font-size:70%;
}

/* ### =display none ### */
.hide, .print-logo, .close-button, hr { 
display:none; 
}

/* ############## =layout/ Struktur #######*/
body {
font-family:'Lucida Grande',Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
color: #000;
background: #903;
position: relative;
}
html, 
body {
margin: 0;
padding:0;
}
/*\*/
html, body {
height: 100%;
}

/* This class sets the width and position for all rows */
.inside {
	min-width:45em;
	max-width:65em;
	margin-left:180px;
}
/* ### =content ### */
#content-wrap {
background: #FFF9EE;
padding:2px 0 2em 0;
color:#333;
border-top:3px solid #333;
border-bottom:3px solid #333;
position:relative;
}

#content-wrap.onecol-stories .primary {
display:block;
float:left;
width:50%;
}
#content-wrap.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}

#content-wrap.twocol-stories .story {
float:left;
width:48%;
margin:0 0 0 4%;
display:inline;
}
* html #content-wrap.twocol-stories .story{
margin-left:2%;
}
#content-wrap.twocol-stories .first, 
* html #content-wrap.twocol-stories .first {
margin:0 ;
}

/* ### =header ### */
#header {
border-top:3px solid #333;
 background-repeat: no-repeat;
 height:170px;
}
#header img {
margin-top:3px;
margin-left:10px;
float:left;
}

/* ##### =menu ### */
/*http://5thirtyone.com/archives/149*/
#menutabs {
background: #903; /*wg Einrueckung des Menus!*/
}
#menu {
background: #903;
height: 170px;
font-size:0.75em;
}
ul#menu{
list-style: square;
padding: 0;
max-width:65em;
margin:0 auto;
}
#menu li {
float: left;
width: 6em;
border: 1px solid #99001B;
height:170px;
border-width: 0 0 0 3px;
margin-right:25px;
margin-left:3px;
padding-left:3px;
list-style-image: url(images/Klammer-weiss-menu.gif);
}
/* letzter Link
#link3 {
border: 1px solid #656C4A;
border-width: 0 1px 0 0;
}*/
.page_item {
  background: #99001B;
  color:#000;
  margin-right:1.5em;
}

.current_page_item {
  background-color:#930;
  color:#fff;
  margin-right:1em;
} 

#menu li a {
color:#000;
text-decoration: none;
display:block;
width:7em;
padding-top: 7em;/*korrespondiert mit der Hoehe von menu! */
}
#menu li.current_page_item a:visited {
	color:#fff;
} 
#menu li a:visited {
	color:#333;
} 
#menu li a:hover {
color:#eee;
background: #99001B;
height:170px;
}


/* =sidebar / WP-Navigation ######## */
#ancillary {
min-width:45em;
max-width:65em;
font-size:0.75em;
padding:2em 0 2em 0em;
margin-top:2em;
margin-left:100px;
color:#fff;
}

#ancillary .block h2, 
#ancillary .block h3{
margin:0 0 2em 0;
font-weight:bold;
}
#ancillary h2 {
	
}
/* ### =footer ######### */
#footer {
font-size:0.75em;
border-top:1px solid #99001B;
padding:10px 0 20px 100px;
margin: 2px 0 0 0;
position:relative;
}

/* ### =img ### */
img {
border:0;
padding:7px 0 0 2px;
background:transparent;
}

img.mb /*mit border*/{
border:5px solid #eee;
margin-top:20px;
margin-right:20px;
padding:0;
background:transparent;
float:left;
}
a img { 
border:none; 
}
p {
font-size:.8em;
padding:0 20px 0 0px;
margin: 20px 40px .3em 0;
}

/* ### =ueberschriften #### */
h1 {
margin: /*0 0 .3em 0;*/0;
padding:10px 10px 10px 0;
font-size: 1.6em;
}

h2, h3 {
margin-bottom:20px;
padding:0.5em 20px 5px 0px;
font-size:1.2em;
font-weight:normal;
}
h2.soco {
	margin:1.3em 1em;
	color:#903;
	font-size:1.2em;
	font-family: Georgia, Times, serif;
}
/* ### =links #### */
a {
outline:none;
}
a:link {
color:#333;
text-decoration:none;
font-weight:bold;
}
a:visited {
color: #B4B4B4;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#333;
text-decoration:underline;
/*background-color:#eee;*/
font-weight:bold;
/*padding:2px 0;*/
}
a:active{
color:#440;
text-decoration:none;
font-weight:bold;
}
/* For Link Indication plugin 
http://sw-guide.de/wordpress/link-indication-plugin/*/
a.liexternal { padding-right: 12px; 
background: url(images/icon_external.gif) no-repeat right; }
a.limailto { padding-right: 18px; 
background: url(images/icon_mail.png) no-repeat right; }
a.lipdf { padding-right: 16px; position:relative;
background: url(images/icon_pdf.png) no-repeat right;  }

#menu a {
font-size:0.75em;
}
/* ### =Tabellen ######################## */
table{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}
table th, 
table td { 
padding:0.3em 0.75em 
}
table th {
	background:#903;
	color:#000;
	text-align:left;
}
table td {
	background:#fff;
	color:#903;
}
table caption {
	text-align:left;
	color:#903;
	margin-bottom:-1em;
	margin-top:1em;
}


/* ### =ol ### */
ol li {
	padding-top:0.5em;
	padding-left:2em;
	font-size:0.7em;
	margin:0;
	background-color: #FFF9EE;
	min-width:45em;
	max-width:65em;
	list-style-position:outside;
}
ol li a {
	font-weight:normal;
}
ol li p {
	padding:0.5em 0;
	font-size:1em;
	font-weight:bold;
	margin-top:0;
	margin-bottom:2px;
}
/* fuer unterschiedliche Kommentare*/
.alt {
padding-top:1em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom:2px;
background-color: #FFF9EE;
}
/* ### =Klassen ### */

.klein,
.inside .klein {
font-size:0.6em;
}
.rechts {
text-align:right;
margin-right:2em;
}
.top20 {
margin-top:20px;
}
.zit {
	font-style:italic;
	font-size:0.75em;
	margin-left:-150px;
	float:left;
	width:100px;
}
/* ########## =#-Specials ########### */
	
/* #header */	
#header h1 {
color:#000;
font-size:1.8em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top:2em;
padding-left:50px;
margin-right:2em;
float:left;
}
#header h1 a { 
text-decoration:none; 
color:#fff;
}
#header h1 a:hover { 
text-decoration:none; 
color:#000;
}
#header h1 span {
	color:#000;
	font-size:70%;
	font-weight:normal;
}
#header p {
color:#fff;
margin-left:100px;
padding-bottom:1em;
}

/* ### =Formulare ### */ 

form  {
line-height:150%;
margin-right:40px;
margin-left:0;
background-color:transparent;
}
fieldset  {
border:1px solid #ddd; 
background-color:#eee;
padding-left: 20px;
}
fieldset legend {
font-size: 2em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #903;
font-weight:bold;
padding:3px;
}
fieldset label {
font-size: 0.7em;
display: block;
/*text-align:right;*/
}
fieldset input {
height: 1.8em;
}
input,
textarea{
border:none; 
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
textarea {
	margin:1.3em 0;
}
submit {
	color:#903;
	font-weight:bold;
	font-size:1em;
}


/* ### =Admin-Navigation */
#admin-menu {
background-color: #333;
font-family: Verdana,Arial, Helvetica, sans-serif; 
font-size: .7em;
padding-top:3px;
padding-left:100px;
}
#admin-menu ul {
list-style: none;
margin:0;
}
#admin-menu ul li {
background: none; 
display: inline; 
color: white; 
padding: 0;
}
#admin-menu a:link, 
#admin-menu a:visited {
color: white;
}
/* ### info-menu ### */
#info-menu ul {
background-color: #333;
font-size: .7em;
list-style: none;
margin:0;
padding-bottom:3px;
}
#info-menu ul li.page_item {
display: inline; 
color: white; 
padding: 1px;
background-color:#333;
display: inline; 
padding-left:100px;
}
#info-menu ul li.current_page_item {
	background-color:inherit;
}
#info-menu a:link, 
#info-menu a:visited {
color: white;
}
#info-menu li.page_item a:link, 
#info-menu li.page_item a:visited {
color: white;
background-color: #333;
}
#info-menu ul li.current_page_item a:link,
#info-menu ul li.current_page_item a:visited {
color: white;
background-color: #333;
}
/*thumbs auf bilderseiten*/
.thumbs img {float:left; padding-right:5px;border-bottom: 5px solid #FFF9EE;}
.thumbs img.aktuell {border-bottom: 5px solid #ddd;}
/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: Map Pop                                                     |
  | Cascading Style Sheet                                            |
  | Copyright June 2006                                              |
  | Use with attribution by visible link please!                     |
  | Attribute to: http://green-beast.com - Mike Cherim  |
  +------------------------------------------------------------------+
*/ 
/* ################################## 2 TRENTO ############## */
ul#trento { list-style-type: none;position: relative;display: block;background: transparent url(http://socolescu.net/wp-content/uploads/2-trento.jpg) no-repeat 0 0;width: 711px;height: 533px;border: 10px solid #fff;margin-left:0;padding: 0;}ul#trento li { display: inline;font-size:0.7em;font-weight:normal;}ul#trento li  span{ font-weight:normal;}ul#trento li img  { border: 3px solid #fff;border-bottom:20px solid #fff;padding:0;margin-top:5px;margin-left:8px;}ul#trento li a {position: relative;display: block;text-decoration: none;}ul#trento li a span.offset { margin-top: -9000px; margin-left: -9000px;position: absolute;}ul#trento li a:hover span.offset, ul#trento li a:focus span.offset, ul#trento li a:active span.offset {color: #000;background-image: none;background-color: #eee;border: 3px solid #903;display: block;width: 160px;height: 300px;text-decoration: none;cursor: pointer;}ul#trento li a:hover span.offset span, ul#trento li a:focus span.offset span, ul#trento li a:active span.offset span {display: block;width: 160px;margin: 10px;}
/* ### Hot-Spot Number One (1)  ###*/
ul#trento li a#trento01 {width: 60px;height: 60px;margin-top: 233px;margin-left: 275px;/*border-bottom:1px solid green;check*/border:1px solid #ddd;}ul#trento li a#trento01:hover, ul#trento li a#trento01:focus, ul#trento li a#trento01:active {border:1px solid #903;}ul#trento li a#trento01:hover span.offset, ul#trento li a#trento01:focus span.offset, ul#trento li a#trento01:active span.offset {margin-top: -110px;margin-left: 300px;}
/* Hot-Spot Number Two (2)*/
ul#trento li a#trento02 {width: 60px;height: 60px;margin-top: -80px;margin-left: 370px;/*border-bottom:1px solid green;check*/border:1px solid #ddd;}ul#trento li a#trento02:hover, ul#trento li a#trento02:focus, ul#trento li a#trento02:active {border:1px solid #903;}ul#trento li a#trento02:hover span.offset, ul#trento li a#trento02:focus span.offset, ul#trento li a#trento02:active span.offset {margin-top: -110px;margin-left: 240px;}
/* Hot-Spot Number Three (3)*/
ul#trento li a#trento03 {width: 60px;height: 60px;margin-top: -100px;margin-left: 515px;/*border-bottom:1px solid green;check*/border:1px solid #ddd;}ul#trento li a#trento03:hover, ul#trento li a#trento03:focus, ul#trento li a#trento03:active {border:1px solid #903;}ul#trento li a#trento03:hover span.offset, ul#trento li a#trento03:focus span.offset, ul#trento li a#trento03:active span.offset {margin-top: -110px;margin-left: -550px;}
/* ####################### Hot-Spot Number Four (4)*/
ul#trento li a#trento04 {width: 60px;height: 60px;margin-top: -65px;margin-left: 400px;/*border-bottom:1px solid green;check*/border:1px solid #ddd;	}ul#trento li a#trento04:hover, ul#trento li a#trento04:focus, ul#trento li a#trento04:active {border:1px solid #903;}ul#trento li a#trento04:hover span.offset, ul#trento li a#trento04:focus span.offset, ul#trento li a#trento04:active span.offset {margin-top: -125px;margin-left: 200px;}
/* ##################### Hot-Spot Number Five (5) - DAN*/
<!--ul#trento li a#trento05 {width: 60px;height: 60px;margin-top:-50px;margin-left: 90px;/*check*/border:1px solid green;	}ul#trento li a#trento05:hover, ul#trento li a#trento05:focus, ul#trento li a#trento05:active {border:1px solid #903;}ul#trento li a#trento05:hover span.offset, ul#trento li a#trento05:focus span.offset, ul#trento li a#trento05:active span.offset {margin-top: -154px;margin-left: 120px;}-->
/* #################### Hot-Spot Number Six (6) */
ul#trento li a#trento06 {width: 60px;height: 60px;margin-top: -55px;margin-left: 160px;/*check*/border:1px solid #ddd;	}ul#trento li a#trento06:hover, ul#trento li a#trento06:focus, ul#trento li a#trento06:active {border:1px solid #903;}ul#trento li a#trento06:hover span.offset, ul#trento li a#trento06:focus span.offset, ul#trento li a#trento06:active span.offset {margin-top: -154px;margin-left: -250px;}
/* ########################## Hot-Spot Number  (7) */
ul#trento li a#trento07 {width: 60px;height: 60px;margin-top: -100px;margin-left: 470px;/*check*/border:1px solid #ddd;	}ul#trento li a#trento07:hover, ul#trento li a#trento07:focus, ul#trento li a#trento07:active {border:1px solid #903;}ul#trento li a#trento07:hover span.offset, ul#trento li a#trento07:focus span.offset, ul#trento li a#trento07:active span.offset {margin-top: -104px;margin-left: 120px;}
/* ################## Hot-Spot Number  (8) */
ul#trento li a#trento08 {width: 60px;height: 60px;margin-top: -100px;margin-left: 220px;/*check*/border:1px solid #ddd;	}ul#trento li a#trento08:hover, ul#trento li a#trento08:focus, ul#trento li a#trento08:active {border:1px solid #903;}ul#trento li a#trento08:hover span.offset, ul#trento li a#trento08:focus span.offset, ul#trento li a#trento08:active span.offset {margin-top: -100px;margin-left: -300px;}
/* ################## Hot-Spot Number  (9) */
ul#trento li a#trento09 {width: 60px;height: 60px;margin-top: -15px;margin-left: 265px;/*check*/border:1px solid #ddd;	}ul#trento li a#trento09:hover, ul#trento li a#trento09:focus, ul#trento li a#trento09:active {border:1px solid #903;}ul#trento li a#trento09:hover span.offset, ul#trento li a#trento09:focus span.offset, ul#trento li a#trento09:active span.offset {margin-top: -100px;margin-left: -350px;}

/* ############## 3 Ferrara ############## */
.ferwrap {/*border: 5px solid #ddd;*/padding:0px; }
ul#fer { list-style-type: none;position: relative;display: block;background: transparent url(http://socolescu.net/wp-content/uploads/3-ferrara-neu.jpg) no-repeat 0 0;width: 400px;height: 533px;border: 10px solid #fff;margin-left:0;padding: 0;}ul#fer li { display: inline;font-size:0.7em;font-weight:normal;}ul#fer li  span{ font-weight:normal;}ul#fer li img  { border: 3px solid #fff;border-bottom:20px solid #fff;padding:0;margin-top:5px;margin-left:8px;}ul#fer li a {position: relative;display: block;text-decoration: none;}ul#fer li a span.offset { margin-top: -9000px; margin-left: -9000px;position: absolute;}ul#fer li a:hover span.offset, ul#fer li a:focus span.offset, ul#fer li a:active span.offset {color: #000;background-image: none;background-color: transparent;border: 3px solid #903;display: block;width: 160px;height: 300px;text-decoration: none;cursor: pointer;}ul#fer li a:hover span.offset span, ul#fer li a:focus span.offset span, ul#fer li a:active span.offset span {display: block;width: 160px;margin: 10px;}
/* Hot-Spot Number One (1pileckas) */
ul#fer li a#fer01 { width: 60px;height: 60px;margin-top: 273px;margin-left: 100px;border-bottom:1px solid #ddd;}ul#fer li a#fer01:hover, ul#fer li a#fer01:focus, ul#fer li a#fer01:active {border:1px solid #903;}ul#fer li a#fer01:hover span.offset, ul#fer li a#fer01:focus span.offset, ul#fer li a#fer01:active span.offset {margin-top: -110px;margin-left: 310px;}
/* Hot-Spot Number Two (2galdi)*/
ul#fer li a#fer02 {width: 60px;height: 60px;margin-top: -61px;margin-left: 160px;border-bottom:1px solid #ddd;}ul#fer li a#fer02:hover, ul#fer li a#fer02:focus, ul#fer li a#fer02:active {border:1px solid #903;}ul#fer li a#fer02:hover span.offset, ul#fer li a#fer02:focus span.offset, ul#fer li a#fer02:active span.offset {margin-top: -110px;margin-left: 250px;}
/* Hot-Spot Number Three (3simader)  */
ul#fer li a#fer03 {width: 60px;height: 60px;margin-top: -61px;margin-left: 220px;border-bottom:1px solid #ddd;}ul#fer li a#fer03:hover, ul#fer li a#fer03:focus, ul#fer li a#fer03:active {border:1px solid #903;}ul#fer li a#fer03:hover span.offset, ul#fer li a#fer03:focus span.offset, ul#fer li a#fer03:active span.offset {margin-top: -110px;margin-left: 195px;}
/* Hot-Spot Number Four (4padula)*/
ul#fer li a#fer04 {width: 60px;height: 60px;margin-top: -45px;margin-left: 265px;border-bottom:1px solid #ddd;}ul#fer li a#fer04:hover, ul#fer li a#fer04:focus, ul#fer li a#fer04:active {border:1px solid #903;}ul#fer li a#fer04:hover span.offset, ul#fer li a#fer04:focus span.offset, ul#fer li a#fer04:active span.offset {margin-top: -125px;margin-left: 150px;}
/* Hot-Spot Number Four (5sauer*/
ul#fer li a#fer05 {width: 60px;height: 60px;margin-top: -185px;margin-left: 35px;border-bottom:1px solid #ddd;}ul#fer li a#fer05:hover, ul#fer li a#fer05:focus, ul#fer li a#fer05:active {border:1px solid #903;}ul#fer li a#fer05:hover span.offset, ul#fer li a#fer05:focus span.offset, ul#fer li a#fer05:active span.offset {margin-top: -68px;margin-left: 380px;}
/* Hot-Spot Number Four (6rautmann)*/
ul#fer li a#fer06 {width: 60px;height: 60px;margin-top: -70px;margin-left: 70px;border-bottom:1px solid #ddd;}ul#fer li a#fer06:hover, ul#fer li a#fer06:focus, ul#fer li a#fer06:active {border:1px solid #903;}ul#fer li a#fer06:hover span.offset, ul#fer li a#fer06:focus span.offset, ul#fer li a#fer06:active span.offset {margin-top: -59px;margin-left: 345px;}
/* Hot-Spot Number Four (7socolescu)*/
ul#fer li a#fer07 {width: 60px;height: 60px;margin-top: -45px;margin-left: 165px;border-bottom:1px solid #ddd;}ul#fer li a#fer07:hover, ul#fer li a#fer07:focus, ul#fer li a#fer04:active {border:1px solid #903;}ul#fer li a#fer07:hover span.offset, ul#fer li a#fer07:focus span.offset, ul#fer li a#fer07:active span.offset {margin-top: -75px;margin-left: 250px;}
/* Hot-Spot Number Four (8salvi)*/
ul#fer li a#fer08 {width: 60px;height: 60px;margin-top: -5px;margin-left: 315px;border-bottom:1px solid #ddd;}ul#fer li a#fer08:hover, ul#fer li a#fer08:focus, ul#fer li a#fer08:active {border:1px solid #903;}ul#fer li a#fer08:hover span.offset, ul#fer li a#fer08:focus span.offset, ul#fer li a#fer08:active span.offset {margin-top: -131px;margin-left: 100px;}
/* ############## 4 Lissabon ############# */
ul#lis { list-style-type: none;position: relative;display: block;background: transparent url(http://socolescu.net/wp-content/uploads/4-gruppe.jpg) no-repeat 0 0;width: 400px;height: 300px;border: 10px solid #fff;margin-left:0;padding: 0;}ul#lis li { display: inline;font-size:0.7em;font-weight:normal;}ul#lis li  span{ font-weight:normal;}ul#lis li img  { border: 3px solid #fff;border-bottom:20px solid #fff;padding:0;margin-top:5px;margin-left:8px;}ul#lis li a {position: relative;display: block;text-decoration: none;}ul#lis li a span.offset { margin-top: -9000px; margin-left: -9000px;position: absolute;}ul#lis li a:hover span.offset, ul#lis li a:focus span.offset, ul#lis li a:active span.offset {color: #000;background-image: none;background-color: #eee;border: 3px solid #903;display: block;width: 160px;height: 300px;text-decoration: none;cursor: pointer;}ul#lis li a:hover span.offset span, ul#lis li a:focus span.offset span, ul#lis li a:active span.offset span {display: block;width: 160px;margin: 10px;}
/* ### Hot-Spot Number One (1)  ##########################*/ul#lis li a#lis01 { width: 60px;height: 60px;margin-top: 50px;margin-left: 90px;/*checkborder:1px solid #ddd;	*/}ul#lis li a#lis01:hover, ul#lis li a#lis01:focus, ul#lis li a#lis01:active {border:1px solid #903;}ul#lis li a#lis01:hover span.offset, ul#lis li a#lis01:focus span.offset, ul#lis li a#lis01:active span.offset {margin-top: 0;margin-left: 250px;}
/* ############################# Hot-Spot Number Two (2)*/ul#lis li a#lis02 {width: 60px;height: 60px;margin-top: -62px;margin-left: 145px;/*checkborder:1px solid #ddd;	*/}ul#lis li a#lis02:hover, ul#lis li a#lis02:focus, ul#lis li a#lis02:active {border:1px solid #903;}ul#lis li a#lis02:hover span.offset, ul#lis li a#lis02:focus span.offset, ul#lis li a#lis02:active span.offset {margin-top: 2px;margin-left: 195px;}
/* ##################### Hot-Spot Number Three (3)*/ul#lis li a#lis03 {width: 60px;height: 60px;margin-top: -62px;margin-left: 201px;/*checkborder:1px solid #ddd;	*/}ul#lis li a#lis03:hover, ul#lis li a#lis03:focus, ul#lis li a#lis03:active {border:1px solid #903;}ul#lis li a#lis03:hover span.offset, ul#lis li a#lis03:focus span.offset, ul#lis li a#lis03:active span.offset {margin-top: 4px;margin-left: 139px;}
/* ####################### Hot-Spot Number Four (4)*/ul#lis li a#lis04 {width: 60px;height: 60px;margin-top:-62px;margin-left: 256px;/*checkborder:1px solid #ddd;	*/}ul#lis li a#lis04:hover, ul#lis li a#lis04:focus, ul#lis li a#lis04:active {border:1px solid #903;}ul#lis li a#lis04:hover span.offset, ul#lis li a#lis04:focus span.offset, ul#lis li a#lis04:active span.offset {margin-top: 6px;margin-left: 84px;}


/* ############## 5 Litauen ############# */
ul#lit { list-style-type: none;position: relative;display: block;background: transparent url(http://socolescu.net/wp-content/uploads/5-litauen.jpg) no-repeat 0 0;width: 771px;height: 533px;border: 10px solid #fff;margin-left:0;padding: 0;}ul#lit li { display: inline;font-size:0.7em;font-weight:normal;}ul#lit li span{ font-weight:bold;}ul#lit li img  { border: 3px solid #fff;border-bottom:20px solid #fff;padding:0;margin-top:5px;margin-left:8px;}ul#lit li a {position: relative;display: block;text-decoration: none;}ul#lit li a span.offset { margin-top: -9000px; margin-left: -9000px;position: absolute;}ul#lit li a:hover span.offset, ul#lit li a:focus span.offset, ul#lit li a:active span.offset {color: #000;background-image: none;background-color: #eee;border: 3px solid #903;display: block;width: 160px;height: 300px;text-decoration: none;cursor: pointer;}ul#lit li a:hover span.offset span, ul#lit li a:focus span.offset span, ul#lit li a:active span.offset span {display: block;width: 160px;margin: 10px;}

/* ### Hot-Spot Number One (1)  ##########################*/
ul#lit li a#lit01 {width: 60px;height: 60px;margin-top: 150px;margin-left: 40px;/*check*/border:1px solid #ddd;}ul#lit li a#lit01:hover, ul#lit li a#lit01:focus, ul#lit li a#lit01:active {border:1px solid #903;}ul#lit li a#lit01:hover span.offset, ul#lit li a#lit01:focus span.offset, ul#lit li a#lit01:active span.offset {margin-top: -70px;margin-left: 600px;}

/* Hot-Spot Number Two (2)*/
ul#lit li a#lit02 {width: 60px;height: 60px;margin-top:-90px;margin-left: 60px;/*check*/border:1px solid #ddd;}ul#lit li a#lit02:hover, ul#lit li a#lit02:focus, ul#lit li a#lit02:active {border:1px solid #903;}ul#lit li a#lit02:hover span.offset, ul#lit li a#lit02:focus span.offset, ul#lit li a#lit02:active span.offset {margin-top: -42px;margin-left: 580px;}

/* Hot-Spot Number Three (3)*/
ul#lit li a#lit03 {width: 60px;height: 60px;margin-top: -40px;margin-left: 110px;/*check*/border:1px solid #ddd;}ul#lit li a#lit03:hover, ul#lit li a#lit03:focus, ul#lit li a#lit03:active {border:1px solid #903;}ul#lit li a#lit03:hover span.offset, ul#lit li a#lit03:focus span.offset, ul#lit li a#lit03:active span.offset {margin-top: -64px;margin-left: 530px;}

/* ####################### Hot-Spot Number Four (4)*/
ul#lit li a#lit04 {width: 60px;height: 60px;margin-top: -35px;margin-left: 160px;/*check*/border:1px solid #ddd;}ul#lit li a#lit04:hover, ul#lit li a#lit04:focus, ul#lit li a#lit04:active {border:1px solid #903;}ul#lit li a#lit04:hover span.offset, ul#lit li a#lit04:focus span.offset, ul#lit li a#lit04:active span.offset {margin-top: -91px;margin-left: 480px;}

/* ##################### Hot-Spot Number Five (5) */
ul#lit li a#lit05 {width: 60px;height: 60px;margin-top:-40px;margin-left: 380px;/*check*/border:1px solid #ddd;}ul#lit li a#lit05:hover, ul#lit li a#lit05:focus, ul#lit li a#lit05:active {border:1px solid #903;}ul#lit li a#lit05:hover span.offset, ul#lit li a#lit05:focus span.offset, ul#lit li a#lit05:active span.offset {margin-top: -113px;margin-left:260px;}

/* ################## Hot-Spot Number Six (6) */
ul#lit li a#lit06 {width: 60px;height: 60px;margin-top:30px;margin-left: 390px;/*check*/border:1px solid #ddd;}ul#lit li a#lit06:hover, ul#lit li a#lit06:focus, ul#lit li a#lit06:active {border:1px solid #903;}ul#lit li a#lit06:hover span.offset, ul#lit li a#lit06:focus span.offset, ul#lit li a#lit06:active span.offset {margin-top: -205px;margin-left: 250px;}

/* ################## Hot-Spot Number Six (7) */
ul#lit li a#lit07 {width: 60px;height: 60px;margin-top: -160px;margin-left: 460px;/*check*/border:1px solid #ddd;}ul#lit li a#lit07:hover, ul#lit li a#lit07:focus, ul#lit li a#lit07:active {border:1px solid #903;}ul#lit li a#lit07:hover span.offset, ul#lit li a#lit07:focus span.offset, ul#lit li a#lit07:active span.offset {margin-top: -107px;margin-left: 180px;}

/* ################## Hot-Spot Number Six (8) */
ul#lit li a#lit08 {width: 60px;height: 60px;margin-top: -130px;margin-left: 500px;/*check*/border:1px solid #ddd;}ul#lit li a#lit08:hover, ul#lit li a#lit08:focus, ul#lit li a#lit08:active {border:1px solid #903;}ul#lit li a#lit08:hover span.offset, ul#lit li a#lit08:focus span.offset, ul#lit li a#lit08:active span.offset {margin-top: -39px;margin-left: 140px;}

/* ################## Hot-Spot Number Six (9) */
ul#lit li a#lit09 {width: 60px;height: 60px;margin-top: -45px;margin-left: 545px;/*check*/border:1px solid #ddd;	}ul#lit li a#lit09:hover, ul#lit li a#lit09:focus, ul#lit li a#lit09:active {border:1px solid #903;}ul#lit li a#lit09:hover span.offset, ul#lit li a#lit09:focus span.offset, ul#lit li a#lit09:active span.offset {margin-top: -56px;margin-left: 95px;}