﻿body {
	position:relative;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:1850px;
	background: #2088FB;
}

#complete_site {
/*	border:thin solid black*/
}

p {
	color:black;
	font-size: 16px;
	font-weight: normal;
	text-align:justify;
	margin: 0;
}

h1 {
	color:white;
	font-size: 20px;
	margin:0;
	padding:5px;
	vertical-align:middle;
}

h2 {
	margin:20px 15px 15px 15px;
}

em.bolditalic {
	font-weight:bold;
	font-style:italic;
}

em.boldred {
	font-weight:bold;
	font-style:normal;
	color:red
}

a.nolink {
	color:white;
	border-bottom: 1px dashed #EEE;
    text-decoration:none
}


/*Ausrichten von Grafiken*/

#header {
	margin: 20px 0;
}

#country {
	margin:20px 0 0 0 ;
}

/*Anzeige der Scans der Vorder- und RÃ¼ckseite*/

#wrappernotes {
	width:1800px; 
	height:auto; 
	margin: 0 auto;
}

#banknotescans {
	margin: 20px auto;
	text-align:center;
}

#banknotescans img {
	border:thick black solid
}

#banknotescans p {
	margin:0;
	width:auto;
	text-align:center;
	font-size: 16px;
	color:white;
	padding:10px;
}

/*verscheidene Schrift-Stile*/

#countryname {
	background-color:mediumaquamarine;
	width:90%;
	margin:auto;
	padding:1px;
	font-size:40px;
	font-weight:bold
}

#seriestitle {
	background-color:#FADEA5;
	text-align:center;
	font-weight:bold;
	width:1400px;
	margin: 0 auto;
	padding:20px 0
}

.textwhite {
	color:white;
	font-size: 16px;
	font-weight:normal;
	text-align:justify;
	line-height:1.5em;
	padding:10px;
	vertical-align:middle;
}

.textpick {
	color:white;
	font-size: 14px;
	font-weight:normal;
	text-align:center;
	padding:5px;
	vertical-align:middle;
}

.naviblack {
	color:black;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}

.copyright {
	color:white;
	font-size: 16px;
	text-align:center;
	line-height:1.6em;
	padding:5px;
}

.imghover:hover {
	opacity:0.5;
}

#donator {
	color:white;
	font-size: 12px;
}


#denomination {
	color:black;
	font-size: 27px;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0;
}

#catalogblack {
	color:black;
	font-size: 27px;
	font-weight:bold;
	margin:20px 0 5px 0;
	padding:0;
}

#size {
	color:black;
	font-size: 20px;
	font-style:italic;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0;
}

#printer {
	color:#800000;
	font-size: 20px;
	font-style:italic;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0;
}

#footercopyright {
	color:white;
	background-color: transparent;
	width:1450px;
	margin:auto;
	font-size: 12px;
	text-align:right;
	font-weight:normal;
}

/* Design verschiedener Tabellen */

#notetable {
	display:block;
	width:1250px;
	background-color:black;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

#picktable {
	width:1500px;
	background-color:black;
	border-collapse:collapse;
	border:solid white thin;
	border-bottom-width:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#picktable td {
	border: thin solid white;
}

#remarkstable {
	width:1500px;
	background-color:#666666;
	border-collapse:collapse;
	border:solid white thin;
	border-top-width:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#remarkstable td {
	border: thin solid white;
}

#footertable {
	width:1250px;
	background-color:#666666;
	border-collapse:collapse;
	border:thin solid white;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px
}

#texttable {
	display:block;
	width:1500px;
    background-image: url('Images/Pergament.gif');
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#texttable td {
	width:750px;
	border: thin solid black;
	line-height:1.4em;
	padding:10px;
}

#navigationtable {
	/* display:block; */
	width:1400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #8AC5FF;
	border-collapse:collapse;
	border: solid medium black;
	}

#navigationtable tr {
	padding: 5px 0px;
}

#navigationtable td {
	border: thin solid #0080FF;
	color:black;
	font-size: 16px;
	line-height:1.6;
	padding: 7px 5px 0px 5px;
}

.navitabletitle {
	width:1250px;
	background: transparent;
	margin-left: auto;
	margin-right:auto;
	margin-top: 20px;
}

.navitablenotes {
	display:block;
	width:1250px;
	background-color:#CCCCCC;
	border:2px black solid;
	border-collapse:separate;
	margin-left:auto;
	margin-right:auto;
}

.navitablenotes td {
	width:200px;
	background-image:url('Images/pergament.gif');
	border: 2px black solid;
}

.dotted {
	border-bottom: 1px dashed #EEE;
    cursor: help; 
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dashed #EEE;
    cursor: help;
}

.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 0s;
    visibility: hidden;
    width: auto; 
    bottom: 102%;
    left: 20px;
    /*margin-left: -60px; Use half of the width (120/2 = 60), to center the tooltip */
    background-color: lightskyblue; 
    color: black;
    font-style:normal;
    font-weight:normal;
    font-size:13px;
    text-align: center;
    padding: 5px 10px;
    border-color: #444444;
    border-style: solid ;
    border-width:thin;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;

}

/* End of tooltip css style */

/* dropdown graphic or text */
.ttdropdown {
    position: relative;
    display: inline-block;
    font-style:normal;
    border-bottom: 1px dashed #EEE;
	cursor: help;
}

.ttdropdown-content {
    display: none;
    position: absolute;
    top: -110px;
    left: 20px;
    border-radius: 6px;
    background-color: lightskyblue;
    text-align:center;
    min-width: 100px;
    padding: 10px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
}

.ttdropdown:hover .ttdropdown-content {
    display: block;
}

.ttdesc { 
	display:block;
	color:black;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
    padding: 5px;
    text-align: center;
}*/
/* End of dropdown graphic or text */
