﻿.scroll-stop {
	overflow: hidden;
}

@media (max-width:1000px) {
	.content-container {
		width: auto;
		margin: 0 5px;
	}

	#header {
		min-width: 300px;
	}

	.sparator {
		padding: 0;
	}

	.content-container ul.jobs-list {
		width: auto;
		margin-top: 10px;
	}

	#wrapper {
		margin: 0;
		padding: 0 7px;
	}

	#homepage {
		margin-top: 10px;
		width: auto;
	}

	#logo {
		margin-left: 20px;
		float: left;
	}

	.logo {
		position: relative;
		top: -20px;
	}

	#header-content {
		width: 100%;
	}

	#header-content #top-line {
		margin-right: 10px;
	}

	#homepage > #right-col {
		margin: 0;
		width: auto;
	}

	#homepage > #content {
		width: 100%;
		float: none;
	}

	#q-news {
		width: 45%;
		float: left;
	}

	#jobs {
		float: left;
		width: 50%;
		margin-top: 0;
		margin-left: 20px;
	}

	.content-container .menu {
		margin-left: 10px;
		padding-bottom: 0;
	}

	.content-container #menu {
		float: left;
	}

	.content-container .text-content {
		float: right;
		width: 68%;
	}

	.content-container .photogallery {
		margin-top: 20px;
		height: 360px;
	}

	.content-container .photogallery li {
		display: block;
		width: 98%;
	}

	.content-container .photogallery img {
		width: 100%;
		display: block;
	}

	.footer-box {
		margin: 0 0 20px 0;
		border-top: none;
	}

	.x-pages-list li {
		width: 33%;
	}

	.x-pages-list li {
		margin-right: 0 !important;
	}

	#wrapper .content-container ul.menu > li > ul {
		margin-left: 0;
	}

	.banner ul li em, .banner ul li h3 {
		font-size: 24px;
	}

	#footer-about .inner {
		width: auto;
	}

	#footer-about .col {
		width: 23%;
		margin: 0 1%;
	}

	#footer-about .col .ui-accordion-content {
		margin-bottom: 15px;
	}

	#footer-about .col.last {
		clear: both;
		float: none;
		margin: 0 auto;
		padding: 20px 0 0;
	}

	.banner ul li h3 {
		margin-bottom: 0;
		line-height: inherit;
	}

	.banner ul li em {
		margin-top: 0;
	}

	.banner ul li h3, .banner ul li em {
		left: 0;
		margin-left: 10px;
	}

	.banner ul li div {
		bottom: 10%;
	}
}

@media (max-width:760px) {
	#logo {
		margin: 0;
		float: none;
		text-align: center;
	}

	#logo .logo {
		top:0;
		overflow:hidden;
		height:40px;
	}

	#logo .logo img {
		width:160px;
	}

	#header {
		height:75px;
	}

	#header-content {
		width: 100%;
		padding-top:5px;
	}

	#header-content #top-line {
		float: none;
		display: block;
		text-align: center;
	}

	#header-content #top-line .langs2 {
		margin: -15px 0 0 0;
	}

	.content-container .text-content {
		width: 99%;
	}

	#supp-icons {
		display: block;
		top:5px;
	}

	#supp-icons #x-menu {
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
	}

	#social {
		padding-top: 0;
	}

	#social ul li {
		display: block;
		margin: 20px 0;
	}

	.content-container .photogallery .slider-area {
		margin-top: -15px;
	}

	.banner ul li em, .banner ul li h3 {
		font-size: 20px;
	}

	.dot-pager, .dot-pager2 {
		margin-bottom: -20px;
	}

	#footer-about .col {
		width: 46%;
		margin: 0 2%;
	}

	#footer-about .col:nth-child(3) {
		clear: both;
	}

	.content-container .text-content table {
		width: 100% !important;
	}

	.content-container .text-content table td {
		display: block;
		width: auto !important;
	}

	#menu {
		display: none;
	}

	.content-container .text-content img {
		width: 100% !important;
		height: auto !important;
	}

	.content-container .text-content img.x-image-size {
		width: auto !important;
	}

	.homepage .content-container {
		display:block;
	}
}

@media (max-width:640px) {
	#jobs {
		margin-left: 5px;
		width: 100%;
	}

	.content-container .menu {
		float: none;
	}

	.dot-pager a, .dot-pager2 a {
		height: 25px;
		padding: 0 10px;
		background: url('/design/dot-pager-dots-large.png') 2px -67px;
	}

	.dot-pager2 a.activeSlide {
		background-position: 2px -2px;
	}

	.dot-pager a.activeSlide {
		background-position: 3px -2px;
	}

	.x-pages-list li {
		width: 45%;
	}

	#q-news {
		float: none;
		width: 100%;
	}

	.banner ul li {
		width: 100% !important;
	}

	.banner ul li em, .banner ul li h3 {
		font-size: 18px;
		width: 90% !important;
		left: 0;
	}

	.text-content .jobs-list-content .faq-list li {
		width: 100%;
	}

	#footer-about .col {
		width: 95%;
		border-top: 1px solid #d9d9d9;
	}

	#footer-about .col .title {
		font-weight: bold;
		border: none;
		margin: 0;
		padding: 0;
		height: 50px;
		line-height: 50px;
		background: url('/design/grey-arrow.png') right center no-repeat;
		cursor: pointer;
	}

	#footer-about .col .title.ui-state-active {
		background-image: url('/design/grey-arrow-down.png');
	}

	#footer-about .col .cell a {
		display: block;
	}

	#top-line .langs {
		width: 55px;
	}

	#footer-logo {
		margin: 40px 0 40px 0;
		display: block;
	}
}

@media (max-width:480px) {
	.x-pages-list li {
		float: none;
		margin-bottom: 0;
		width: auto;
		height: 60px;
	}

	.x-pages-list li {
		padding-top: 0;
		padding-bottom: 0;
	}

	.x-pages-list li a {
		display: block;
	}

	.x-pages-list li strong {
		font-weight: normal;
		line-height: 47px;
	}

	.x-pages-list li div {
		display: none;
	}

	.banner ul li em, .banner ul li h3 {
		font-size: 16px;
	}

	.banner ul li {
		width: auto;
	}

	#top-line .langs {
		width: 45px;
	}
}

@media (max-width:360px) {
	#q-news ul {
		margin: 0;
		padding: 0;
	}

	#q-news img {
		display: none;
		width: 1px;
	}

	.content-container .text-content {
		float: none;
		width: auto;
	}

	#header-content {
	}

	#homepage > #right-col {
		margin: 0;
		width: auto;
	}

	#homepage > #content {
		width: 100%;
		float: none;
	}

	#jobs {
		margin-left: 0;
		width: 100%;
	}

	#footer p {
		padding: 30px 20px 0;
	}

	#footer p a {
		font-size: 15px;
		margin-bottom: 20px;
		line-height: 25px;
	}

	#footer p:last-child {
		font-weight: bold;
		padding-left: 20px;
		padding-right: 20px;
	}

	.content-container .text-content h1 {
		margin: 20px 0 15px 0;
		font-size: 18px;
	}

	.text-content .jobs-list-content h2 {
		font-size: 16px;
	}

	.content-container .text-content p {
		font-size: 1.09em;
		line-height: 19px;
	}

	.content-container ul.jobs-list li .date {
		width: auto;
		display: block;
	}

	.content-container ul.jobs-list li .pos-name {
		width: 70%;
	}

	.text-content .jobs-list-content .faq-list {
		margin: 0;
	}

	.content-container .menu li.x-active a, .content-container .menu li a.active {
		border-right: none;
	}

	.content-container .menu {
	}

	.content-container .menu, .content-container .menu ul, .content-container .menu li, .content-container .menu li.x-active ul {
	}

	.content-container .menu li li li ul {
		margin-left: 10px;
	}

	.pager {
		margin-top: 10px;
	}

	.content-container .photogallery {
		margin-top: 10px;
	}
}
