body { 
	background-color:black;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
}

body.timemachine {
	background-image:url('timemachine.jpg');
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
}

body.x {
	background-color:black;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
}

h1 {
	color:#000000; 
	font-size:13px;
	font-weight: normal;
}

a {
	color:#000000; 
	font-size:12px;
	font-weight: normal;
}

a.demo{ 
	color:#eeeeee; 
	font-size:12px;
	font-weight: normal;
}

table.main {
	border-width: 3px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-image:url('grund3.jpg');
	background-attachment: fixed;
}

table.xmain {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color:white;
}

table.xmaindemo {
	border-width: 3px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color:black;
	background-image:url('graphics/grund3demo.jpg');
}

table.xmaintm {
	border-width: 3px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: #ffeccb;
}

table.maintm {
	border-width: 3px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: #ffeccb;
}

table.pies {
	border-width: 0px;
	border-collapse: collapse;
	color: #ffffff;
	text-align:center; 
	font-size:13px;
	border-spacing: 10px;
}
canvas.pies {
	width:100%;
	text-align:center;
}

table td.pies { padding: 4px; }

table.stats {
	border-width: 3px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	width: 95vw;
	border-collapse: collapse;
	background-color: #ffffff;
}

table th.xmain {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	background-color: #eeeeee;
	border-collapse: collapse;
	color: #000000;
	font-size:5vw;
 	text-align:center;
	vertical-align:center;
}

table th.mainhead {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	text-align:center; 
	color: #ffffff;
	font-size:13px;
	background-color: #000000;
}

table th.mainheadtm {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #440000;
	border-collapse: collapse;
	text-align:center; 
	color: #ffffff;
	font-size:13px;
	background-color: #440000;
}

table td.xmain	{
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	color: #000000;
	font-size:5vw;
	text-align:center;
}

table td.xmaintm {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
 	border-collapse: collapse;
	background-color:#ffeccb;
	color: #000000;
	font-size:5vw;
	text-align:center;
}

table td.xmaindemo {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	color: #eeeeee;
	background-color: #000000;
	font-size:5vw;
	text-align:center;
}

table td.xmainlarge {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	color: #000000;
	font-size:6vw;
	text-align:center;
}

table td.logo {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	color: #000000;
	text-align:center;
	background-attachment: scroll;
}

table td.xnavigation {
	border-width: 1px;
	background-color: #ffeedd;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	text-align:center;
	color: #000000;
  	font-size:5vw;
	height:2px;
}

a.xnavigation {
	color: #444444; 
	font-size:5vw;
	font-weight: normal;
}

a.xmap {
	color: #000000; 
	font-size:5vw;
	font-weight: normal;
}

a.xmain {
	color: #000000; 
	font-size:5vw;
	font-weight: normal;
}

a.xmainlarge {
	color: #000000; 
	font-size:7vw;
	font-weight: normal;
}

table td.placemarks {
	border-width: 1px;
	background-color: #ffff00;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	text-align:right;
	color: #000000;
	font-size:13px;
	height:2px;
}

table td.xcopyright {
	font-size:4vw;
	text-align:center;
	color: #aaaaaa;
	text-align:center;
}

table td.mainleft1:hover { background-color: #aaffaa; }
table td.mainleft2:hover { background-color: #ffff79; }
table td.mainleft3:hover { background-color: #ffaaaa; }
table td.mainleft5:hover { background-color: #aaaaff; }

table td.mainleft  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:5vw;
                 text-align:left; }

table td.l,
table td.l1,
table td.l2,
table td.l3,
table td.l5,
table td.l8 {
	border: 1px solid #bbbbbb;
	border-spacing: "px;
	border-collapse: collapse;
	text-align:left;
	font-size:5vw;
	background-color: #ffeccb;
}


table td.mainleft1  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:5vw;
                 text-align:left; }
table td.mainleft2  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:5vw;
                 text-align:left; }
table td.mainleft3  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:5vw;
                 text-align:left; }
table td.mainleft5  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:5vw;
                 text-align:left; }

table td.mainleft8  
               { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:left;
                 font-size:5vw;
                 text-align:left;
		 background-color: #ff0000; }



table.rank     { border-width: 3px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 font-size:13px;
                 color: #000000;
                 border-collapse: collapse; }
table th.rank  { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 font-size:13px;
                 color: #000000;
                 text-align:center; }
table td.rank  { border-width: 1px;
                 border-spacing: 2px;
                 border-style: solid;
                 border-color: black;
                 border-collapse: collapse;
                 text-align:center;
                 font-size:13px;
                 color: #000000;
                 text-align:center; }


#location      { width:225px }
#usages        { width:225px }
#heightetc     { width:225px }
#rightphotos   { width:225px }


table.infront  { z-index: 3; 
                 background-image:url('greenwhite.jpg');
                 width:100%;
                 position: relative; }
table td.popup { color: #000000; 
                 font-size:14px;
                 font-weight: normal; }
b              { color: #660000 }
b.demo         { color:#ffff00; }


.pie           {
  margin: 5vmin auto;
  border-radius: 50%;
  width: 50vw;
  height: 50vw;
  overflow: hidden;
  background: linear-gradient(0deg, #2196f3 50%, transparent 50%), linear-gradient(to right, #2196f3 50%, #ffc107 50%);
}


.tralla {
  margin: 100px 100px 100px 100px;
}

.tralli {
}

a:hover { color: #000000; text-shadow: 0 0 20px #999999, 0 0 1px #444444;}
a.demo:hover { color: #ffffff; text-shadow: 0 0 20px #999999, 0 0 1px #444444;}

a.eupearl:link, a.eupearl:visited, a.eupearl:active { color:#ff4444;  text-shadow: 0 0 3px #000000, 0 0 12px #ffcccc, 0 0 7px #ffff00; }

a.eupearl:hover { color:#ff00ff;  text-shadow: 0 0 3px #000000, 0 0 12px #ff00ff, 0 0 7px #ff00ff; }

a.hotels:link, a.hotels:visited, a.hotels:active { color:#ff0000;  text-shadow: 50px 10px 10px #0000ff, -50px -10px 10px #ff0000, 0 0 3px #00cc00; }

a.hotels:hover { color:#ff0000;  text-shadow: -50px 10px 10px #0000ff, 50px -10px 10px #ff0000, 0 0 3px #ff00ff; }


.collapsible {
  background-color: #fff;
  color: blue;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 5vw;
  border-width: 1px;
}

.collapsibletm {
  background-color: #ffeccb;
  color: blue;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 5vw;
  border-width: 1px;
}

.active, .collapsible:hover, .collapsibletm:hover {
  background-color: #ffa;
}

.content {
  display: none;
  overflow: hidden;
  background-color: #ffffff;
}

H1,H2,H3,H4 {all: unset;}

.unofficialtowernumbering {
	color:#0088ff;
	font-style:italic;
}