.main
{
	margin: 0px;
	padding: 0px;
}
.container
{
	padding: 0;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
.header
{
	grid-column: span 12;
	padding-right: 1px;
}
.header-inner
{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	background-color: #FF8F40;
}
.logo
{
	grid-column: span 4;
}
.navigation-menu
{
	grid-column: span 8;
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	grid-column-gap: 10px;
	padding: 15px;
	justify-items: center;
	justify-content: start;
	align-items: end;
}
.main-content
{
	grid-column: span 12;
	justify-self: stretch;
	align-self: stretch;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 10px;
	padding: 0px;
}
.main-content-item
{
	grid-column: span 6;
	justify-self: stretch;
	align-self: stretch;
	padding: 20px;
}
.main-content-full-item
{
	grid-column: span 12;
	justify-self: stretch;
	align-self: stretch;
	padding: 20px;
}
.footer
{
	background-color: #FF8F40;
	grid-column: span 12;
	padding: 5px;
	color: #FFFFFF;
	font: 13px/1.1em 'Open Sans', sans-serif;
}

.menuSeparator
{
	grid-column: span 1;
	color: white;
	height: 15px;
	font: 13px/1.1em 'Open Sans', sans-serif;
}

.menuItem
{
	grid-column: span 2;
	color: white;
	height: 15px;
	font: 13px/1.1em 'Open Sans', sans-serif;
	white-space: nowrap;
}

a.menuItem
{
	color: white;
}

a.selected
{
	color: lightblue;
}

a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}

@font-face {
  font-family: 'Chelsea Market';
  font-style: normal;
  font-weight: 400;
  src: local('Chelsea Market'), local('ChelseaMarket-Regular'), url(../common/font2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Chelsea Market';
  font-style: normal;
  font-weight: 400;
  src: local('Chelsea Market'), local('ChelseaMarket-Regular'), url(../common/font1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'symbols font';
  font-style: normal;
  font-weight: 400;
  src: url('../common/symbols.woff2') format('woff2');
}

.font-fly
{
	font-family: chelsea market, comic sans ms;
	line-height: 1.0em;
	font-size: 19px;
}

.div-fly
{
	bottom: 30px;
	right: 30px;
	width: 400px;
	height: 200px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 1px 25px;
	z-index: 2000;
}

.div-fly-reviews
{
	bottom: 180px;
	right: 0px;
	width: 120px;
	height: 160px;
	position: absolute;
	padding: 0px;
	z-index: 2001;
	overflow:hidden;
}

.font-text
{
	font-family: chelsea market, comic sans ms;
	line-height: 1.2em;
	font-size: 16px;
}

.font-text-small
{
	font-family: chelsea market, comic sans ms;
	line-height: 1.2em;
	font-size: 14px;
}

.font-title
{
	font-family: chelsea market, comic sans ms;
	line-height: 1.0em;
	font-size: 19px;
}

.font-big
{
	font-family: 'Open Sans';
	line-height: 1.0em;
	font-size: 1.7vw;
}

.font-img
{
	font-family: 'Open Sans';
	line-height: 1.0em;
	font-size: 1.7vw;
}

.font-title-white
{
	font-family: chelsea market, comic sans ms;
	line-height: 1.0em;
	font-size: 19px;
	color: rgba(255, 255, 255, 1);
}

.silber
{
	color: #A0A0A0;
}

.text-red
{
	color: rgba(255, 57, 0, 1);
}

.text-green
{
	color: rgba(147, 148, 56, 1);
}

.text-green-background
{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(177, 179, 52, 1);
}

.text-white
{
	color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 900px)
{
	.logo
	{
		grid-column: span 12;
	}
	.navigation-menu
	{
		grid-column: span 12;
	}
	.main-content-item
	{
		grid-column: span 12;
	}
}

@media screen and (max-width: 450px)
{
	.logo
	{
		grid-column: span 12;
	}
	.navigation-menu
	{
		grid-column: span 12;
	}
	.menuSeparator
	{
		grid-column: span 0;
		display: none;
	}
	.menuItem
	{
		grid-column: span 14;
	}
	.main-content-item
	{
		grid-column: span 12;
	}
}

.stretchWidthImage
{
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
    width: 100%;
    height: auto;
}

.icon
{
	font-family: "symbols font";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin: 5px;
	text-align: center;
	/* opacity: .8; */

	/* for safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* you can be more comfortable with increased icons size */
	font-size: 150%;

	/* font smoothing. that was taken from twbs */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */

	/* uncomment for 3d effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-arrow
{
	font-family: "symbols font";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin: 5px;
	text-align: center;
	/* opacity: .8; */

	/* for safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* you can be more comfortable with increased icons size */
	font-size: 150%;
	color:#FFFFFF;
	background-color:#FF0000;
	padding:5px;
	/* font smoothing. that was taken from twbs */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */

	/* uncomment for 3d effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow-blue
{
	font-family: "symbols font";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin: 5px;
	text-align: center;

	font-variant: normal;
	text-transform: none;

	line-height: 1em;

	font-size: 1.3vw;
	color:#FFFFFF;
	background-color:#0053C5;
	padding:5px;
}

.icon-arrow-inline
{
	padding:2px;
}

.button-arrow
{
	display: inline-block;
	text-decoration: inherit;

	/* for safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	padding-left: 10px;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	color:#FFFFFF;
	background-color:#0053C5;
	/* font smoothing. that was taken from twbs */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
}