body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#817339;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	}

p {
	text-indent: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.angoloSD {
	position: absolute;
	right: 0px;
	padding: 0;
	z-index: 1;
}
div.angoloSS {
	position: absolute;
	left: 0px;
	padding: 0;
	z-index: 1;
}


.pari {
	background-color: #FFF8C6;
}

.dispari {
	background-color: #ECE5B6;
}

.sri_contentpage {
	position: absolute;
	display: block;
	left: 165px;
	top: 1px;
	right: 165px;
}

.sri_header {
	display: block;
	top: 1px;
	background: #9999cc;
	height: 80px;
	overflow: none;
	background-image: url(coins.jpg);
	background-position: left;
	background-repeat: repeat;
	color: #FFFFDD;
	z-index: 6;
}

img.sri_header_img {
	width:100%;
	height:80px;
	display:block;
	position:absolute;
	z-index:5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.sri_content {
	border: 1px solid black;
	background-color: gray;
	display: block;
	background-color: #750001;
	/*background-image: url(coatofarms.jpg);*/
	background-image: url(coatofarms.jpg);
	padding: 10px;
}

.sri_footer {
	display: block;
	background: #99cc99;
	height: 55px;
	overflow: hidden;
	margin-top: 3px;
	text-align: center;
	padding-top: 5px;

}

.sri_left {
	background-color: black;
	position: absolute;
	display: block;
	width: 160px;
	left: 1px;
	top: 1px;

}

.sri_right {
	border: 1px solid black;
	background-color: orange;
	position: absolute;
	display: block;
	height: 800px;
	min-width: 160px;
	right: 1px;
	top: 1px;
	background-image: url(taler.jpg);
}


#subtitle {
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
	word-spacing: 7px;
	color: #EEEEDD;
	display: block;
}


/* convenience div for padding inside positioned divs */
div.paddingwrap {
	margin: 0;
	padding: 1em;
}

h1,h2,h4 {
	margin: 0;
	padding: 0;
}

h3 {
	padding-left: 20px;
	/*background-color: #cc9900;*/
	background-image: url(ghirigoro2.jpg);
	background-color: #FFCC66;
	border-top: solid #cc9900 3px;
	border-bottom: solid #cc9900 3px;
}

h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 20px;
	background-image: url(ghirigoro.gif);
	background-color: #bbDD99;
	border-top: solid #cc9900 3px;
	border-bottom: solid #cc9900 3px;
}

h5 {
	padding-left: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #aabb34;
	border-top: solid #cc9900 3px;
	border-bottom: solid #cc9900 3px;
}

code {
	display: block;
	background-color: #dddddd;
}

h1 {
	text-align: center;
}

h2 {
	border-top: 2px dashed black;
	border-bottom: 2px dashed black;
	background-image: url("cornicetta.gif");
	background-position: center 0px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 10px;
	text-align: center;
}

div.legenda {
	font-weight: bold;
	font-variant: small-caps;
}

div.miniarticolo {
	font-weight: bold;
	color: yellow;
}

div.copyright {
	font-size: small;
	font-style: italic;
	text-align: center;
	border: 1px solid gray;
}

div.sommario {
	background: #FF9900;
	text-align: center;
	padding: 10px;
	margin: 5px;
	border: solid 1px black;
	font-size: small;
}

div.links {
	background: #FFCC55;
	text-align: center;
	padding: 10px;
	margin: 5px;
	border: solid 1px black;
}

div.evidenzia {
	background: #FFCC55;
	text-align: center;
	padding: 10px;
	margin: 5px;
	border: solid 1px black;
}

span.nome {
	font-style: italic;
}

div.posseduto {
	background: #a0a0a0;
}

img {
	padding: 5px;
}

img.capolettera
{
	padding-left: 10px;
	display: inline;
	position: relative;
	float: left;
}

div.lettera {
	background: #FFCC66;
	text-align: center;
}

div.kreis {
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}


table.dinastia {
	border: 1px solid gray;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.territorio  {
	border: 1px solid gray;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #dcdcdc;
}

table.scheda  {
	border: 2px solid gray;
	margin-top: 20px;
	margin-bottom: 20px;
}

.scheda td {
	border: 0.5px solid gray;
}

.scheda dt {
	font-weight: bold;
	background: #aabbcc;
}

.scheda th {
	border: 0.5px solid gray;
	text-align: left;
	background: #aabbcc;
}

a.tooltip {
	position: relative; /*questa ? fondamentale*/
	z-index: 24;
}

a.tooltip:hover {
	z-index: 25;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span {
	/*lo span verr? mostrato solo sullo stato :hover */
	display: block;
	position: absolute;
	top: 2em;
	left: -2em;
	width: 15em;
	border: 1px solid #0cf;
	background-color: #cff;
	color: #000;
	text-align: center;
	text-decoration: none;
}



a.notatooltip {
	position: relative; /*questa e' fondamentale*/
	z-index: 24;
}

a.notatooltip:hover {
	z-index: 25;
}

a.notatooltip span {
	display: none;
}

a.notatooltip:hover span {
	/*lo span verr? mostrato solo sullo stato :hover */
	display: block;
	position: absolute;
	top: 2em;
	width: 50em;
	border: 1px solid #0cf;
	background-color: #cff;
	color: #000;
	text-decoration: none;
}


span.mytooltip {
	display: none;
	z-index: 200;
	/*lo span verr? mostrato solo sullo stato :hover */
	/*display: inline;
	position: absolute;*/
/*	top: 50%;
	left: 50%;*/
	/*border: 1px solid #0cf;*/
	/*background-color: #cff;
	color: #000;
	text-align: center;
	text-decoration: none;*/
}



/*span.tooltipHidden {
	display: none;
	text-decoration: none

}*/


#predecessore {
	background: #a0a0a0;
	padding-left: 10px;
	padding-right: 10px;
	width: 33%;
}

#successore {
	background: #f0f0f0;
	padding-left: 10px;
	padding-right: 10px;
	width: 33%;
}

#ruolo {
	width: 33%;
	font-weight: bold;
}

#dinth {
	background: #f0fFf0;
}