* { box-sizing: border-box; }
html
{
	overflow-y: scroll;
}
html, body
{
	border: 0;
	border-collapse: collapse;
	height: 100%;
	margin: 0;
	padding: 0;
	max-width: 100%;
}
body
{
	background-image: url("/assets/background.jpg");
}
body, p, td, input, textarea
{
	font-family: "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 13px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img
{ 
	max-width: 100%;
	height: auto;
}
a:hover, a:active
{
	color: #FF7300;
	text-decoration: underline ! important;
}
a:link, a:visited
{
	text-decoration: none;
}
a img
{
	border: 0;
}
p, li
{
	line-height: 21px;
}
p
{
	margin: 1em 0;
}
h1
{
	font-size: 26px;
	font-weight: normal;
}
h2
{
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 0;
}
textarea
{
	overflow: auto;
}
input:focus, textarea:focus {
	border-style: solid;
	border-color: #6FC1E2;
}
label
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#page
{
	border: 0;
	border-collapse: collapse;
	height: 100%;
	margin: auto;
	width: 685px;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#page-top, #page-bottom
{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
#page-top-left, #page-bottom-left
{
	background-image: url("/assets/left.jpg");
	padding: 0 0 0 13px;
}
#page-top-right, #page-bottom-right
{
	background-image: url("/assets/right.jpg");
	padding: 0 13px 0 0;
}
#page-top-center
{
	background-color: #fcfefc;
	padding: 0;
	padding: 0 22px;
	vertical-align: top;
	flex-grow: 1;
	max-width: calc(100% - 26px);
}
/*
@media only screen and (max-width: 686px) {
	#page-top-center
	{
		width: 616px;
	}	
}
@media only screen and (max-width: 532px) {
	#page-top-center
	{
		width: 462px;
	}	
}
@media only screen and (max-width: 378px) {
	#page-top-center
	{
		width: 378px;
	}
	.left-side
	{
		display: none;
	}
	.right-side
	{
		display: none;
	}
}
@media only screen and (max-width: 224px) {
	#page-top-center
	{
	}	
}
*/
#page-bottom-center
{
	background-color: #fcfefc;
	font-size: 11px;
	padding: 11px 22px;
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
}
#page-bottom-center div
{
	flex-grow: 1;
	text-align: right;
}
#page-header
{
	border: 0;
	border-collapse: collapse;
	margin: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#page-header > div
{
	
}
#page-header-logo
{
	margin-left: -10px;
	padding: 22px 0;
	white-space: nowrap;
}
#page-header li, #page-header p
{
	color: #000;
	font-size: 11px;
	line-height: 1.2;
}
#page-header-text
{
	padding: 11px 0;
	text-align: right;
	white-space: nowrap;
	margin-left: auto;
}

#page-header a:link, #page-header a:visited 
{
	color: #000000 ! important;
}
#page-header a:hover, #page-header a:active 
{
	color: #FF7300 ! important;
}
#page-images
{
	padding-top: 1px;
	white-space: nowrap;
	font-size: 0;
	max-width: 100%;
	overflow: hidden;
}
#page-images img
{
	margin: 0;
}
#page-print
{
	float: right;
	padding: 22px 11px;
}
@media print
{
	body
	{
		background-image: none;
	}
	#page-top-left, #page-top-right, #page-bottom-left, #page-bottom-right,
	#menuWrapper, #menu, #page-images, #page-print, #language-links
	{
		display: none;
	}
	#www-header, #www-page
	{
		display: block;
	}
	a
	{
		color: #000 ! important;
	}
}
img#asukoht
{
	float: left;
	margin-right: 13px;
}

#page-header ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#page-header li
{
	display: inline;
}
#page-header li a
{
	margin-left: 5px;
}
span.error {
	display: block;
	color: red;
}

#avaleht-teenused {
  display: flex;
  flex-wrap: wrap;
}
#avaleht-teenused-list {
   min-width: 180px
}
#avaleht-teenused-pilt {
   margin-left: auto;
}

#asukoht-kaardil {
  float: left;
  margin-right: 22px;
  margin-bottom: 22px;
}

/* Kontakt */
.columns { display: flex; flex-wrap: wrap; margin-top: -1em; width: calc(100% + 20px); margin-left: -20px; }
.columns .text { flex: 1 1 180px; margin-left: 20px; }
.columns .form { flex: 2 1 320px; margin-left: 20px; }
form { width:100%; }
form input, form textarea { display: block; width: 100% }
form input[type=submit] { width: auto; }
form .error { font-weight: normal; }

.errors {
  color: red;
  margin-bottom: 1em;
}

.no-margin {
  margin: 0;
}

.align-right {
  text-align: right;
}

        .menuWrapper {
			background-color: #eff523;
			position: relative;
          padding: 0 22px;
          box-sizing: border-box;
        }

        #menu {

          /* Make this scrollable when needed */
          overflow-x: auto;
          /* We don't want vertical scrolling */
          overflow-y: hidden;
          /* For WebKit implementations, provide inertia scrolling */
          -webkit-overflow-scrolling: touch;
          /* We don't want internal inline elements to wrap */
          white-space: nowrap;
          /* If JS present, let's hide the default scrollbar */
          /* positioning context for advancers */
          position: relative;
          font-size: 0;
        }
        .js #menu {
          /* Make an auto-hiding scroller for the 3 people using a IE */
          -ms-overflow-style: none;
          /* Remove the default scrollbar for WebKit implementations */
        }
        .js #menu::-webkit-scrollbar {
          display: none;
        }
        
        #menuContents {
          transform: none;
        }

        .menuContents-withTransition {
          float: left;
          -webkit-transition: -webkit-transform .2s ease-in-out;
          transition: -webkit-transform .2s ease-in-out;
          transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
          position: relative;
        }

        .menuContents-noTransition {
          -webkit-transition: none;
          transition: none;
        }

        .menuLink {
          text-decoration: none ! important;
          color: #000;
          font-size: 13px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
		  border-top: none;
          border-right: 1px solid #fff;
		  border-bottom: none;
		  border-left: 1px solid transparent;
          padding: 5px 11px;
        }
        .menuLink:first-child {
			border-left: 1px solid #fff;
        }
        .menuLink.active, .menuLink:hover, .menuLink:active {
		  background-color: #999;
          color: #000;
		  text-decoration: none ! important;
        }
		
		.menuLink.bold {
			font-weight: bold;
		}

        .menuAdvancer {
          /* Reset the button */
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background: transparent;
          padding: 0;
          /* Now style it as needed */
          position: absolute;
          top: 0;
          bottom: 0;
		  border: 0;
          /* Set the buttons invisible by default */
          opacity: 0;
          -webkit-transition: opacity .3s;
          transition: opacity .3s;
        }
        .menuAdvancer:focus {
          outline: 0;
        }
        .menuAdvancer:hover {
          cursor: pointer;
        }

        #menuAdvancerLeft {
          left: 0;
		  /*border-right: 1px solid #fff;*/
        }
        [data-overflowing="both"] ~ #menuAdvancerLeft, [data-overflowing="left"] ~ #menuAdvancerLeft {
          opacity: 1;
        }

        #menuAdvancerRight {
          right: 0;
		  /*border-left: 1px solid #fff;*/
		}
        [data-overflowing="both"] ~ #menuAdvancerRight, [data-overflowing="right"] ~ #menuAdvancerRight {
          opacity: 1;
        }

        .menuAdvancerIcon {
          width: 14px;
          height: 14px;
          fill: #000;
		  vertical-align: top;
        }