@font-face { /* favorit */ font-family: Raleway-Thin; src: url(webfonts/Raleway-Thin.ttf);	}
@font-face { /* favorit */ font-family: Raleway-Light; src: url(webfonts/Raleway-Light.ttf);	}
@font-face { /* favorit */ font-family: Raleway-ExtraLight; src: url(webfonts/Raleway-ExtraLight.ttf); }

/* https://www.stefanjudis.com/…ers */

	/* WebKit and Chromiums */
	::-webkit-scrollbar {background-color: #111;}
	::-webkit-scrollbar-thumb {background: #222;}
	::-webkit-scrollbar-corner {background: #222;}

html	{
	/* Firefox */
	scrollbar-color: #222 #111;
}

body {
	font-family: Raleway-Light,sans-serif,serif;
	color: #ccc;
	text-shadow: 1px 1px 3px #fff;
	background: #000 url("img/ctverec.png") no-repeat right center fixed;
	background-size: 50%;
	max-width: 60%;
	margin-left: 5%;
}

/*
*/
h1  {
	margin: 0px;
	padding: 0px;
	font-size: 4em;
}

h2  {
	margin: 0px;
	padding: 0px;
	font-size: 3em;
}
a {
	color: #999;
	text-decoration: none;
	text-shadow: #fff 1px 1px 2px;
	}
a:hover {
	color: #ccc;
	text-decoration: none;
	text-shadow: #fff 2px 2px 2px;
	} 

.header {
	color: #ccc;
}

.imageheader {
	display: none;
}

.menu {
	font-size: 1.3em;
	padding: 15px 0px 0px 0px;
/*
	background-color: rgba(16, 16, 16, 0.7);
*/
}

.boxed {
	border: 1px solid #333;
	padding: 5px;
}
.cont {
	/*border: 1px solid #600;*/
	padding: 5px;
	text-align: justify;
	position: relative;
}

.footer {
	color: #666;
	text-shadow: #999 0px 0px 2px;
/*	
	width: 20%;
	min-width: 280px;
	border: 1px solid #060;
*/
	position: absolute;
	bottom: 0;
	right: 0;
	
}

.almosthidden {
	color: #000;
	text-shadow: none;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.ru {
		font-family: sans-serif,serif;
		text-shadow: 1px 1px 1px #666;
}
p.popup a span img {
	display: none;
}

p.popup a:hover span img {
    display: block;
    position: absolute;
	left: 20%;
/*	
	top: 10px;
*/
}       




/*
mobil: 
	portrait	360 x 616 @ 288 dpi
	landscape 	640 x 336 @ 288 dpi
tablet:
	portrait	600 x 902 @ 192 dpi
	landscape	960 x 543 @ 192 dpi

*/

/* portrait ge 800px */
@media	screen and (orientation: portrait) {
	body {
		max-width: 100%;

	}
	.cont {
		max-width: 100%;
		/*border: 1px solid #600;*/
		margin: 0 auto;
		padding: 5px;
	}
}

/* portrait lt 800px */
@media	screen and (orientation: portrait) and (max-width: 799px) {

	body {
	background-image: none;
	margin-left: 0;
	}
	
	h1 {font-size: 2em;}
	h2 {font-size: 1.5em;}

	.header {
		display: none;
	}

	.imageheader {
		max-width: 95%;
		height: auto;
		display: block;
		text-align: center;
		/* Top Right Bottom Left */
		padding: 15px 0px 15px 0px;
	}
	.menu {
		width: 100%;
		text-align: center;
		font-size: 1.5em;
	}
	.cont {
		max-width: 100%;
		/*border: 1px solid #060;*/
		margin: 0 auto;
		padding: 5px;

	}
	
}

/*screen and (orientation: landscape) and (min-resolution: 120dpi),*/

@media	screen and (orientation: landscape) and (max-height: 799px) {

	body {
	background: #000 url("img/ctverec.png") no-repeat right center fixed;
	background-size: 50%;
	}

	h1 {font-size: 2em;}
	h2 {font-size: 1.5em;}

	.header {
		margin: 5px;
		color: #fff;
	}
	.menu {
		/*text-align: center;*/
		font-size: 1.5em;
	}

	.cont {
		margin: 5px;
		/*border: 1px solid #060;*/
		padding: 5px;
	}
}