/* ---------------------------------------------------------- */
/* General page/wide definitions                              */
/* ---------------------------------------------------------- */

body				{background-image:url('./Logos/background.png'); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed;}
body				{scrollbar-highlight-color: rgba(180,180,180,0.3); scrollbar-arrow-color: rgba(65,84,225,0.3); scrollbar-face-color: rgba(65,84,225,0.3);}
*					{box-sizing: border-box; } 
html				{font-family: Verdana, Geneva, sans-serif; font-weight: 500; }

.menuspace			{padding: 0px; }
.menuspace::after	{content: ""; clear: both; display: table; }
.mainspace			{padding: 0px; }
.mainspace::after	{content: ""; clear: both; display: table; }
.title				{color: black; padding: 1px; text-align: center;	}
.title::after		{content: ""; clear: both; display: table; }	
.text				{padding: 0px;	text-align: left; }
.text::after		{content: ""; clear: both; display: table;	}	
.thumbs				{padding: 0px; text-align: left;	}
.thumbs::after		{content: ""; clear: both; display: table; }

/* ---------------------------------------------------------- */
/* Table definitions                       */
/* ---------------------------------------------------------- */
table					{margin:auto; font-family: Verdana, Geneva, sans-serif; }
td						{text-align: left; font-size: 1.1vw; border: 1.0vw; border-collapse: collapse;}
tr.entry				{padding: 0.10vh; background-color: #E0E0E0;}
tr.video				{padding: 0.10vh; background-color: #E0E0E0;}
td.video				{background-color: #E0E0E0; border-style: solid; border-width: 0.10vh; border-color: blue; padding: 0.60vh; width:1.0vw;}

/* ---------------------------------------------------------- */
/* DIV definitions                                            */
/* ---------------------------------------------------------- */
#preloadspace		{height: 0.01vh; width: 0.01vw; }

/* ---------------------------------------------------------- */
/* Paragraph (text layout) definitions                        */
/* ---------------------------------------------------------- */
p					{color:black; display: block; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; text-align: center; }
p.debug				{font-size: 1.0vw;}

a   {color: black; text-decoration: none; }
b   {color:blue; }

/* ---------------------------------------------------------- */
/* Column (layout) definitions                                */
/* ---------------------------------------------------------- */
[class*="col-"] 
	{
    float: left;
    padding: 0.25vw;
/*	background-color: rgba(242,242,242,0.6); 
	border-color: rgba(0,0,255,0.4); 
    border-style: solid; 
    border-width:1px;
	width: 100%; */
    }

/* ---------------------------------------------------------- */
/* Define static settings                                     */
/* ---------------------------------------------------------- */
	.col-header-logo 		{width:  8.6vw; }
	.col-header-buffer		{width: 17.0vw; }
	.col-header-text 		{width: 63.0vw; }

	.col-main-left-arrow		{width:  1.0vw; height: 60.0vh; }
	.col-main-right-arrow	    {width:  1.0vw; height: 60.0vh; }
	.col-main-slideshow-text	{width: 98.0vw; height:  2.2vh; clear:left}
	.col-main-thumbnails 		{width: 98.0vw; height: 12.5vh; overflow:auto;} 

	img.arrow			{border: none; width:0.7vw; height:60vh; vertical-align: middle; display: block; margin: 0px; }
    img.logosize		{border-color: rgba(65,84,225,0.8); border-style: solid; border-width: 0.2vw; width:4.8vw; height:8vh; vertical-align: middle;display: block; margin: auto;}
	img.thumblandscape	{border-color: rgba(65,84,225,0.8); border-style: solid; border-width: 0.10vh 0.12vw 0.10vh 0.12vw; width:3.5vw; height:6vh; display:inline; vertical-align: middle; margin: auto; }
	img.thumbportrait	{border-color: rgba(65,84,225,0.8); border-style: solid; border-width: 0.10vh 0.12vw 0.10vh 0.12vw; width:3.5vw; height:8vh; display:inline; vertical-align: middle; margin: auto; }
	img.mainlandscape	{border-color: rgba(65,84,225,0.8); border-style: solid; vertical-align: middle;display: block; margin: auto; }
	img.mainportrait	{border-color: rgba(65,84,225,0.8); border-style: solid; vertical-align: middle;display: block; margin: auto; }

	p.oldblokedisplay	{font-size: 1.4vh; color:rgba(65,84,225,2.0); }
	p.oldblokeannotation{font-size: 1.8vh; color:rgba(65,84,225,2.0); }
	p.oldblokeheader	{font-size: 3.0vh; color:blue;} 

/* ---------------------------------------------------------- */
/* Define variable settings based on Viewport dimensions      */
/* ---------------------------------------------------------- */

/* Estimation for tablets and phones in portrait mode */ 
@media only screen and (min-aspect-ratio:5/10) 
	{
	.col-main-menus     {width: 18.0vw; height: 60.0vh; overflow:auto; clear:left}
	.col-main-images    {width: 76.0vw; height: 50.0vh; }
	img.mainlandscape	{width: 76.0vw; height: 50.0vh; }
	img.mainportrait	{width: 38.0vw; height: 50.0vh; }
	p.oldblokemenus		{font-size: 0.8vh; margin-top:0.3vh; margin-bottom:0.3vh; }
	}

/* Estimation for classic home pc format          */
@media only screen and (min-aspect-ratio:14/10) 
	{
	.col-main-menus     {width: 18.0vw; height: 73.0vh; overflow:auto; clear:left}
	.col-main-images    {width: 76.0vw; height: 73.0vh; }
	img.mainlandscape	{width: 36.0vw; height: 48.0vh; }
	img.mainportrait	{width: 28.0vw; height: 52.0vh; }
	p.oldblokemenus		{font-size: 1.4vh; margin-top:0.3vh; margin-bottom:0.3vh; }
	}

/* Estimation for classic home pc format          */
/* @media only screen and (min-aspect-ratio:14/10) 
	{
	.col-main-menus     {width: 18.0vw; height: 73.0vh; overflow:auto; clear:left}
	.col-main-images    {width: 76.0vw; height: 73.0vh; }
	img.mainlandscape	{width: 76.0vw; height: 72.0vh; }
	img.mainportrait	{width: 38.0vw; height: 72.0vh; }
	p.oldblokemenus		{font-size: 1.4vh; margin-top:0.3vh; margin-bottom:0.3vh; }
	}
*/

/* Estimation for tablets in landscape */ 
@media only screen and (min-aspect-ratio:19/10) 
	{
	.col-main-menus 	{width: 20.0vw; height: 60.0vh; overflow:auto; clear:left}
	.col-main-images 	{width: 75.0vw; height: 60.0vh; }
    img.logosize		{width:  4.0vw; height:  9.0vh; }
    img.mainlandscape	{width: 30.0vw; height: 36.0vh; }
	img.mainportrait	{width: 20.0vw; height: 36.0vh; }
	p.oldblokemenus		{font-size: 1.8vh; margin-top:0.3vh; margin-bottom:0.3vh;}
	}

/* Estimation for laptops, mobiles in landscape  */ 
@media only screen and (min-aspect-ratio:21/10) 
	{
	.col-main-menus     {width: 20.0vw; height: 73.0vh; overflow:auto; clear:left}
	.col-main-images    {width: 75.0vw; height: 73.0vh; }
    img.logosize		{width:  4.0vw; height: 10.0vh; }
	img.mainlandscape	{width: 60.0vw; height: 72.0vh; }
	img.mainportrait	{width: 26.0vw; height: 72.0vh; }
	p.oldblokemenus		{font-size: 2.0vh; margin-top:0.3vh; margin-bottom:0.3vh; }
	}