/* REPONSIVE MEDIA QUERIES */


@media all and (max-width: 1280px) {

  	.wrap {
                max-width: 1000px;
                margin: 0 auto;
        }

	#fixedNav nav.wrap {
                max-width: 1000px;
	}

        .fixedsubnav {
                width: 1000px !important;
        }
        #head .wrap, .nav .wrap {
                max-width: 100%;
		width: auto;
        }

        .nav {
                margin-bottom: -105px;
        }

        .nav .top {
                height: 85px;
        }

        .nav .wrap {
                padding: 1.4em 10px 0 10px;
        }

	#landinglogo {
		margin-top: -0.9em;
		margin-left: 0.2em;
	}

	.subMenu a {
		font-size: 90%;
	}

        header {
                padding-top: 85px !important;
        }

	/* FRAMEIMAGE */

	.frameimage {
		width: 310px;
		 margin-right: -30px;
	}

	.frameimage .img {
                left: 32px;
                width: 244px;
        }

	.image img {
		height: auto;
                width: 100% !important;
	}
				
	img.lazy {
		height: auto;
		width: auto;
	}
	
	/* NEWSLIST */ 
	.newslist .quote {
		width: 245px;
	}

	.newslist .info {
		width: 255px;
	}

	.newslist .image {
                width: 280px;
        }


	/* NEWS */
	.news .right {
		width: 280px;
	}

	.news h1, .news .buttons {
		width: 410px;
	}

	.news .frameimage {
		width: 330px;
		margin-right: -30px;
	}

	.news .frameimage .img {
		left: 35px;
		top: 2px;
		width: 260px;
	}

	.news .image {
		width: 330px;
	}

	.news .quote, .news .box {
		margin-left: 20px;
	}

	.news .info .listTable .breakword {
        	width: 150px;
	}

	/* QUOTEBLOCK */
	.quoteblock h2 {
		width: 700px;
	}
	.quoteblock .image {
		width: 330px;
		margin: -3em -30px 0 0;
	}
	.quoteblock .text {
		width: 400px;
	}

	/* CODEBLOCK */
	.codeblock h2, .codeblock .text {
		width: 550px;
	}

	/* TEXTBLOCK */

	.textblock h2, .textblock .text {
	        width: 715px;
	        display: inline-block;
	}

	.textblock h2.right {
	        width: 730px;
	}

	.textblock .image {
		width: 310px;
		margin-right: -30px;
	}

	.textblock .image.imageleft {
		width: 310px;
		margin-right: 0px;
		margin-left: -30px;
	}

	/* COLS */

	.cols3images .frameimage {
		width: 360px;
	}

	.cols3images .img {
		left: 40px;
		width: 283px;
	}

	.cols4 .col {
        	width: 230px;
		margin-right: 23px;
	}

	.cols4 .fourth {
	        margin-right: 0;
	}

	.cols4 .customer {
		height: 152px;
	}

	.leftcol {
		width: 690px;
		padding-right: 20px;
	}

	.rightcol {
		width: 270px;
		padding-left: 20px;
	}

	.coldivider { 
		background-position: 720px top;
	}

	.customer .frame {
	        display: block;
	        width: 295px;
	        position: absolute;
	        top: -3px;
	        left: -40px;
	        border: 0;
	}

	.customer .holder {
		left: -2px;
		top: -2px;
        	width: 230px;
        	height: 155px;
	}

	.customer .img {
	        position: absolute;
	        left: 0px;
	        top: 18px;
	}

	.customer .text {
        	height: 156px;
		font-size: 85%;
	}

	.col.contact .personimage {
		width: 100px;
		height: 150px;
	}

	.col.contact .personimage .img {
		top: 10px;
        	left: 10px;
		width: 80px;
	}

	.col.contact .persontext {
		width: 210px;
	}


	.history .year {
		margin-top: 2em;
	}

	.history .text {
		width: 540px;
	}

	.bubble .persontext {
		width: 290px;
	}

	/* ANIMATION */

	.animation {
		font-size: 90%;
	}

	.bigbg {
		height: 570px;
	}

	.mediumbg {
		height: 400px;
	}

	.smallbg {
		height: 150px;
	}

	.customers {
		height: 175px !important;
	}

	#footerMenu li a .arr {
		display: none;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		min-height: 327px;
	}
	.bigimageblock .text, .bigimageblock .image {
        	width: 480px;
	}

	.bigimageblock h2 {
        	width: 315px;
	} 
}

@media all and (max-width: 1100px) {

	body {
		font-size: 90%;
	}

	.wrap {
                max-width: 900px;
                margin: 0 auto;
        }

	#fixedNav nav.wrap {
                max-width: 900px;
	}

	.fixedsubnav {
		width: 900px !important;
	}
	#head span.icon {
		margin-top: -0.55em;
	}

	#landinglogo {
		margin-top: -1.2em;
		margin-left: 0.2em;
	}

	.menu a {
		padding: 0.5em 0.4em 0.4em 0.4em;
		font-size: 100%;
	}

	.nav .phone a {
		background-image: url('/media/landing-page/img/icons/phone-icon-small.png');
		background-position: 0.8em center;
	}

	.nav .wrap {
		padding-top: 1.8em;
	}

	/* NEWSLIST */ 
	.newslist h2, .newslist .text {
		width: 380px;
	}

	.newslist .quote {
		width: 230px;
	}

	.newslist .info {
		width: 220px;
	}

	/* NEWS */

	.news h1, .news .buttons {
		width: 360px;
	}

	.news .right {
		width: 250px;
	}

	.news .frameimage {
		width: 290px;
	}

	.news .frameimage .img {
		left: 30px;
		top: 2px;
		width: 228px;
	}

	.news .image {
		width: 300px;
	}

	.news .info .listTable .breakword {
        	width: 130px;
	}

	/* QUOTEBLOCK */
	.quoteblock h2 {
		width: 600px;
	}
	.quoteblock .text {
		width: 290px;
	}

	/* CODEBLOCK */
	.codeblock .code {
		width: 300px;
	}

	.codeblock .code img {
		min-width: 0 !important;
	}

	/* TEXTBLOCK */
	.textblock h2, .textblock .text {
	        width: 615px;
	}

	.textblock h2.right {
	        width: 630px;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		min-height: 298px;
	}
	.bigimageblock .text, .bigimageblock .image {
        	width: 430px;
	}

	.bigimageblock h2 {
        	width: 265px;
	} 

	/* COLS */

	.leftcol {
		width: 610px;
	}

	.rightcol {
		width: 250px;
	}

	.coldivider { 
		background-position: 640px top;
	}

	.cols3images .frameimage {
		width: 325px;
	}

	.cols3images .img {
		left: 35px;
		width: 258px;
	}

	.cols4 .col {
        	width: 210px;
		margin-right: 20px;
	}

	.cols4 .fourth {
	        margin-right: 0;
	}

	.cols4 .customer {
		height: 138px;
	}

	#footerMenu li.col4 {
		clear: both;
	}

	#footerMenu li {
		width: 22.5%;
		padding-right: 3%;
	}

	#footerMenu li.col7, #footerMenu li.col3 {
	        width: 23%;
	        padding-right: 0%;
	}

	#footerMenu li li a {
		font-size: 100%;		
	}

	#footerMenu .arr {
		display: inline-block;
	}

	.customer .frame {
	        display: block;
	        width: 267px;
	        position: absolute;
	        top: -3px;
	        left: -36px;
	        border: 0;
	}

	.customer .img {
	        position: absolute;
	        left: 0px;
	        top: 13px;
	}

	.customer .holder {
		left: 0px;
		top: -2px;
        	width: 210px;
        	height: 141px;
	}

	.col.contact .personimage {
		width: 70px;
		height: 120px;
	}

	.col.contact .personimage .img {
		top: 5px;
        	left: 5px;
		width: 60px;
	}

	.col.contact .persontext {
		width: 210px;
	}

	.bubble .persontext {
		width: 240px;
	}

	.history .year {
		margin-top: 1.6em;
	}

	.history .text {
		width: 440px;
	}

	#epressi, #twitter {
		margin-bottom: 0;
	}
	

	#fixed .button {
		font-size: 120%;
	}
	

	#footerMenu li a .arr {
		display: inline-block;
	}

	#footerMenu li a {
		padding: 0.7em 0.1em;
	}

  	/* ANIMATION */

        .bigbg {
                height: 510px;
        }

        .mediumbg {
                height: 360px;
        }

        .smallbg {
                height: 140px;
        }
	.customers {
		height: 160px !important;
	}
}


@media all and (max-width: 940px) {

	.animation span.textp {
		font-size: 125%;
	}

	.animation .pagination li a {
		padding: 8px;
	}

	.bigbg h1.title {
		font-size: 260%;
	}

	.bigbg .button {
		font-size: 130%;
	}

	.smallbg .button {
		font-size: 85%;
	}

	.bigbg .prevslide, .bigbg .nextslide { font-size: 300% }

	.show940 { 
		display: inline-block;
	}

	.hide940 {
		display: none !important;
	}

	div.show940, .circle img.show940 { 
		display: block;
	}

	#cont .wrap, #header .wrap {
		margin: 0 40px 0 40px;
	}

	#fixedNav nav.wrap {
	        max-width: 650px;
	}

	.fixedsubnav {
		width: 650px !important;
	}

	#head #openSites {
		display: inline-block;
	}

        #sites li.current {
                display: none;
        }

        #sites ul {
                display: none;
                position: absolute;
                top: 2.3em;
        }

        #sites ul li {
                float: none;
                display: block;
                margin: 0;
        }

 	#sites ul li a {
                display: block;
                white-space: nowrap;
        }

	.FI #tools li.additional {
	        display: inline-block;
	}

	.lang-fi .menu li.last {
		display: none;
	}

/* MOBILEMENU START */

	.openMenu {
		display: block;
                margin-top: 1.1em;
	}

	.menu a {
		float: none;
	}

	#fixedNav nav.wrap {
		display: none !important;
	}

	.nav {
		margin-bottom: -75px;
	}

	.nav .top {
		border-bottom: 0;
	}

	.nav .wrap {
		padding-top: 0.5em;
		position: relative;
	}

	#landingpage .nav .wrap {
		padding: 2em 10px 0 10px;
	}

	header {
		padding-top: 55px !important;
	}

	.menuwrap {
		position: absolute;
		top: 67px;
		left: 0px;
		right: 0px;
		margin: 18px 0 0 0;
	}

	.menu {
		display: none;
		width: 340px;
		width: 100%;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.1); 
		background: #fff;
		padding: 0;
	}

	.menu li {
		border-top: 1px dotted #ddd;
		display: block;
		float: none;
	}

	.menu a {
		font-size: 110% !important;
		font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
		padding: 0.8em 0.8em 0.8em 0.7em !important;
	}

	.menu li.hastoggle a {
	    	padding-left: 3.1em !important;
	}

	.menu li.current a {
	        background-color: #FFF !important;
	        color: #000 !important;
		text-shadow: none;
	}

	.menu li a:hover, .menu li.current a:hover {
		background-color: #f9f9f9 !important;	
	}

	.menu li.additional {
		display: block;
	}

	.menu .arr {
		display: inline-block;
	}

	.menu li.last {
		display: block !important;
	}

	#fixedNav {
	}

/* MOBILEMENU STOP */

	/* NEWSLIST */ 
	.newslist h2, .newslist .text {
		width: 360px;
	}

	.newslist .quote {
		display: none;
	}

	.newslist .info {
		display: none;
		width: 370px;
	}

	/* NEWS */
	.news h1, .news .buttons, .news .left, .news .right {
		width: 100%;
		float: left;
	}

	.news .frameimage {
		margin-top: 1em;
	}

	.news .quote, .news .info {
		clear: none;
		margin-top: 0.8em;
		margin-left: 0;
	}

	.news .box {
		margin-left: 0;
	}

	.news .image {
		display: none;
	}

	.news .info .listTable .breakword {
        	width: auto;
	}


	/* QUOTEBLOCK */
	.quoteblock h2 {
		width: auto;
	}

	.quoteblock .text {
		width: 350px;
	}

	.quoteblock .image {
		margin-top: 0em;
	}

	.quoteblock .personinfo {
		display: none;
	}

	/* CODEBLOCK */
	.codeblock h2, .codeblock .text {
		width: auto;
		float: none;
		display: block;
	}
	.codeblock .code {
		width: 280px;
		padding-bottom: 1em;
	}

	/* TEXTBLOCK */
	.textblock h2 {
		width: 100% !important;
		display: block;
		padding-bottom: 0.6em;
	}

	.textblock .text {
		float: none;
		width: auto;
		display: inline;
	}

	.textblock .frameimage, .textblock .image {
		margin-top: 0;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		padding: 0.5em 0 1em 0;
		min-height: auto;
	}
	.bigimageblock .text, .bigimageblock.imageleft .text {
		clear: none;
		float: left;
        	width: 385px;
	}

	.bigimageblock .image, .bigimageblock.imageleft .image {
		float: right;
		position: relative;
		width: 240px;
	}

	.bigimageblock h2, .bigimageblock.imageleft h2 {
		float: left;
        	width: 230px;
	}
	.bigimageblock .statistics {
		font-size: 90%;
	} 

	/* COLS */

	.leftcol {
		width: 68%;
	}

	.rightcol {
		width: 25%;
		padding-left: 0;
	}

	.coldivider { 
		background-position: 71% top;
	}

	.cols3 .col {
		width: 48%;
	}

	.cols3 .third {
		padding-right: 2%;
	}

	.cols3 .second {
		padding-right: 0;
		padding-left: 2%;
	}

	.cols3 .cleardiv.two {
		display: block;
	}

	.cols3 .cleardiv.three {
		display: none;
	}

	.cols3images .col {
		width: 100%;
		padding: 0;
	}

	.cols3images .frameimage {
		float: left;
		margin: 10px 0 0 -35px;
	}

	.cols3images .clear {
		clear: none;
	}

	.cols3images ul, .cols3images p {
		width: 55%;
		float: left;
	}

	.cols3images.notext .col {
		width: 29%;
		padding-right: 6.5%;
	}

	.cols3images.notext .col.third {
		padding-right: 0;
	}

	.cols3images.notext .frameimage {
		width: 250px;
	}

	.cols3images.notext .img {
		left: 27px;
		width: 197px;
	}

	.cols4 {
		padding: 1em 0;
		margin-bottom: 10px;
	}

	.cols4 .col {
        	width: 23%;
		margin: 1%;
		height: auto;
	}

	/* LISTCOLS */

	.listcols2, .listcols2 li, .listcols2 li.second, .listcols3, .listcols3 li, .listcols3 li.third {
		width: auto !important;
		float: none;
		padding-right: 0;
	}

	.listcols2 li, .listcols3 li {
		padding-left: 25px !important;
	}

	ol.listcols2 li, ol.listcols3 li {
		 padding-left: 0px !important;
	}

	.listcols2 li.first, .listcols3 li.first {
        	clear: none;
	}

	.listcols3 br {
		display: none;
	}

	/* MISC */


	.formbox .cell {
		display: block;
		padding: 0 10px 10px 10px;
	}

	.formbox .submit {
		width: 100%;
		padding: 10px 0 0 0;
		text-align: center;
	}

	.col.contact .persontext {
		float: left;
		padding-left: 2em;
	}

	.customer .frameimage {
		float: left;
		background: #fff;
		border: 1px solid #ddd;
		margin: 0 !important;
		width: 100% !important;
		padding: 8px 0 4px 0;
	}

	.customer .frameimage img {
		position: static;
	}

	.customer .frame, .customer .holder {
		display: none !important;
	}

	.bubble .personimage {
		margin: 0 1em 0.5em 0;
		width: 100px;
		height: 140px;
		padding: 0;
	}

	.bubble .personimage img {
		position: static;
	}

	.bubble .persontext {
		width: auto;
		float: none;
	}

	html[lang="fi"] .bubble .persontext {
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap;
		white-space: pre-line;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.history .image {
		display: none;
	}

	.history .text {
		float: none;
		width: auto;
	}
		
	input.searchinput {
		width: 140px;
	}

	footer .col .col p {
		min-height: 120px;
	}

	/* ANIMATION */

	#header .animation .wrap {
		margin: 0 20px;
	}

	.bigbg {
		font-size: 75%;
	}

	.mediumbg {
		font-size: 75%;
	}

        .bigbg {
                height: 460px;
        }

        .mediumbg {
                height: 340px;
        }

        .smallbg {
                height: 140px;
        }

	.customers {
		height: 125px !important;
	}

	.customers .cols4 {
		padding: 0;
	}

	.customers h2.center {
		padding-bottom: 0;
	}

	#elem115 {
		display: none;
	}

	#landingpage footer .copyright img {
		float: none;
	}

	#landingpage footer .copyright, #landingpage footer ul, #landingpage footer ul li, #landingpage footer ul li a {
		text-align: center;
		display: block;
		float: none;
	}
	#landingpage footer ul {
		font-size: 120%;
		padding: 0 15px;
		border-bottom: 1px solid #222;
		margin-bottom: 3em;
	}

	#landingpage footer ul li {
		border: 0;
	}

	#landingpage footer ul li a {
		padding: 1em 0;
		border-top: 1px solid #222;
	}

}

@media all and (max-width: 840px) {	
	.menu a {
		font-size: 110%;
	}
}

/* FOCUS ON MOBILE */ 

@media all and (max-width: 767px) {

	#openNav {
		top: 10px;
		right: 10px;
	}

	.menuwrap {
		top: 47px;
	}

  	.nav .top {
                height: 65px;
        }

	#landingpage .nav .wrap {
		padding-top: 1em;
	}

	#landinglogo {
		margin-top: -0.8em;
		height: 60px;
	}

        .openMenu {
                margin-top: 0.6em;
        }
	
	.fancybox-title {
		display: none;
	}

	.loading {
		background-image: none;
	}

	#cont .wrap {
		clear: both;
		margin: 0 10px 0 10px;
	}

	.bg {
		padding: 0.5em 0 1.5em 0 !important;
	}	

	.scrollarrow {
		font-size: 250%;
		width: 48px;
		height: 48px;
		margin: -25px auto;
	}

	#habla_window_div, .AR .olrk-state-compressed #habla_window_div {
		display: none !important;
	}

	header {
		font-size: 80%;
	}

	h1, h2, h3 {
		margin: 0.6em 0 0.8em 0;
		width: 100% !important;
	}
	.info {
		font-size: 100% !important;
	}

	#lang {
		margin: 0;
	}

	#cont p, #cont ul, #cont ol {
		font-size: 110%;
	}

 	p .button {
		font-size: 90%;
	}

	.button {
		white-space: normal;
	}

 	p .date {
		font-size: 75%;
	}

	#cont h2 {
		font-size: 180%;
	}

	#cont h3 {
		font-size: 135%;
	}

	.rightcol {
		font-size: 100%;
	}

	.rightcol .item {
		border-top: 1px solid #ddd;
		padding-top: 1em;
	}

	#breadcrumbs {
		padding: 0.8em 0 0.5em 0;
		border-bottom: 1px solid #ddd;
	}
	
	#news .second {
		border-top: 1px solid #ddd;
	}

	

	/* FRAMEIMAGE */
	.frameimage {
		border: 1px solid red !important;
		width: 40% !important;
		margin: 0 0 0 1em;
                border: 1px solid #ddd !important;
        }
 
	.frame {
                display: none;
        }

	.frameimage .img {
                position: static;
                width: 100%;
                float: left;
        }

	.frameimage .button {
		display: none;
	}

	
	/* NEWSLIST */ 

	.newslist .text {
		float: none !important;
	}

	.newslist .quote {
		display: none;
	}

	.newslist .frameimage {
		margin: 0 0 1em 2em;
	}

	/* NEWS */
	
	.news h1 {
		font-size: 180%;
	}

	.news .frameimage {
		margin-right: 0;
	}

	.news .frameimage .img {
		position: static;
		width: 100%;
	}

	.newslist .text {
		width: auto !important;
		display: inline;
	}

	/* QUOTEBLOCK */

	.quoteblock .text {
		width: auto;
		float: none;
	}

	.quoteblock .personinfo {
		margin: 0;
	}

	.quoteblock .personimage, .personintroduction .personimage {
		width: 60px;
		margin: 0 1em 0.5em 0;
		height: auto;
		border: 1px solid #ddd;
	}

	.quoteblock .personimageright {
		margin: 0 0 1em 1em;
	}

	.quoteblock .personimage .img, .personintroduction .img {
		width: 100%;
		float: left;
		position: static;
	}

	.quote-picture {
		width: 100px;
		height: 100px;
		margin: -51px auto;
	}

	.quoteonlyblock .quote {
		padding-top: 2em;
	}

	/* CODEBLOCK */
	.codeblock .code {
		width: 280px;
	}

	/* TEXTBLOCK */

	.textblock h2 {
		padding-bottom: 0;
	}

	.textblock .frameimage {
		margin: 0 0 1em 2em !important;
	}

	.textblock .imageleft {
		margin: 0em 2em 1em 0 !important;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock .text, .bigimageblock h2 {
		width: auto !important;
		display: block !important;
		float: none !important;
	}

	.bigimageblock h2 {
		width: 100% !important;
	}

	.bigimageblock .image {
		padding-top: 0.8em;
		margin: 0 0 0.5em 2em;
	}

	.bigimageblock .statistics {
		font-size: 80%;
		width: 215px;
		margin-top: 0.5em;
	}

	/* COLS */

	.leftcol, .rightcol, .cols3 .col, .cols2 .col {
		clear: both;
		width: 100% !important;
		float: none;
		display: block;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.cols3 .col {
		padding: 1em 0;
		background: transparent url('/media/landing-page/img/hdivider.gif') top center repeat-x;
	}

	.colorbg .cols3 .col, .cols3 .col.first {
		background: none;
	}

	.cols3images .frameimage {
		margin: 10px 20px 15px 0px;
	}

	.cols3images.notext .col {
		width: 29% !important;
		clear: none;
		float: left;
		padding-right: 6.5%;
	}

	.cols3images.notext .col.third {
		padding-right: 0;
	}

	.cols3images.notext .frameimage {
		width: 100% !important;
	}

	.cols3images.notext .img {
		left: 27px;
		width: 197px;
	}

	.cols3 .cleardiv.three, .cols3 .cleardiv.two {
		display: none;
	}

	.cols2 .col.first > img {
		margin-top: 2em;
	}

	.coldivider {
		background: none !important;
	}

	footer {
		padding-top: 2em;
	}

	#footerMenu ul {
		width: 100%;
		margin-bottom: 1em;
	}

	#footerMenu li {
		width: 100% !important;
		padding: 0 !important;
		clear: both;
	}

	#footerMenu li a {
		font-size: 150%;
	}

 	#footerMenu li li a {
		font-size: 120%;
	}

	#footerMenu li li a:hover {
		color: #aaaaaa;
		background-color: transparent;
	}

	#footerMenu li li a:hover .arr {
		color: #aaaaaa;
	}

	footer .social {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	#logos {
		border: 0;
		text-align: center;
	}

	#logos a {
		float: none !important;
	}

	#twitterButton {
		clear: both;
	}

	#fixed {
		position: static;
		float: left;
		width: 100%;
		text-align: center;
		font-size: 80%;
		padding: 5px 0;
	}

	#fixed .button {
		float: none;
		height: auto !important;
	}

	#fixed .button .tip {
		display: none;
	}

	.col.contact .personimage {
		width: 50px;
		height: 100px;
	}

	.col.contact .personimage .img {
		top: 5px;
        	left: 5px;
		width: 40px;
		border: 1px solid #ddd;
	}

	.col.contact .persontext {
		width: auto;
		padding-left: 1em;
	}
	
	.col.contact .persontext table {
		margin-top: 0;
	}

	.history .year .text {
		font-size: 300%;
	}

	.history .year .tip {
		font-size: 180%;
		top: 90%;
	}

	header {
		display: none;
	}
	
	#landingpage header {
		display: block;
	}

	header .wrap {
	}

	header.mobileheader {
		display: block;
	}

	/* ANIMATION */

	#customers.animation .elem {
		opacity: 1 !important;
		position: static !important;
	}

	.animation .hdivider {
		background: none;
	}

	.animation h1 {
		width: auto !important;
		font-size: 320% !important;
		max-width: 100% !important;
	}

	.animation h1 .text {
		white-space: normal !important;
	}

	.animation h1 .text br {
		display: none;
	}

	.animation .textp {
		width: 100% !important;
		font-size: 160% !important;
		 text-shadow:
                -1px -1px 0 rgba(255,255,255,1),
                1px -1px 0 rgba(255,255,255,1),
                -1px 1px 0 rgba(255,255,255,1),
                1px 1px 0 rgba(255,255,255,1),
                -2px -2px 0 rgba(255,255,255,0.5),
                2px -2px 0 rgba(255,255,255,0.5),
                -2px 2px 0 rgba(255,255,255,0.5),
                2px 2px 0 rgba(255,255,255,0.5),
                0px 0px 5px rgba(255,255,255,0.1),
                0px 0px 7px rgba(255,255,255,0.1),
                0px 0px 12px rgba(255,255,255,0.1),
                0px 0px 15px rgba(255,255,255,0.1),
                0px 0px 17px rgba(255,255,255,0.2),
                0px 0px 20px rgba(255,255,255,0.3),
                0px 0px 25px rgba(255,255,255,0.4),
                0px 0px 30px rgba(255,255,255,0.5),
                0px 0px 40px rgba(255,255,255,0.6) !important;

	}

/*
	.animation h1 {
		line-height: 1.4 !important;
		font-size: 240% !important;
	}



	.animation .textp {
		width: 100% !important;
		font-size: 160% !important;
	}

*/

	.animation .button {
		font-size: 200% !important;
	}

	.animation .background-cover {
		left: auto !important;
		right: -280px !important;
	}

	.customers .elem {
		position: static;
	}

	.showmobile { 
		display: inline-block;
	}

	.hidemobile { 
		display: none;
	}

	div.showmobile { 
		display: block;
	}

	.mobilewrap {
		float: left;
		clear: both;
		display: block;
	}

	.mobilebutton {
		display: block;
	}

	#breadcrumbs {
		display: none;	
	}
	
	#mobiletrail, #mobiletrail #breadcrumbs {
		display: block;	
	}

	.prevslide, .nextslide, #subMenu, #tools li, #social, .olrk-available {
		display: none !important;
	}

	.slide.loading {
		background-image: none;
	}
}

@media all and (max-width: 500px) {

	#cont .mobilewrap {
		width: 92%;
		padding: 0px 4%;
	}

	.animation h1 {
		font-size: 280% !important;
	}

	.bigbg {
		height: 420px;
	}

	.nav .phone {
		display: none;
	}

	#landinglogo {
		float: none;
	}

	.form input, .form button {
		margin: 0px !important;
	}

	dl.form dt, dl.form dd {
		width: 100% !important;
	}

	#newsletterBox .button {
		margin: 20px 0 !important;
	}

	.editor iframe {
        	height: 200px !important;
	}


	/* COLS */

	.cols3images ul, .cols3images p {
		width: 100%;
	}

	.cols3images.notext .col {
		width: 100% !important;
	}

	.cols4 .col {
		width: 46%;
		margin: 2%;
	}

	.cols5 .col {
		width: 100%;	
	}

	/* FRAMEIMAGE */
	.frameimage, .frameimage .img, .image, .imageleft {
		width: 100% !important;
		display: block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}


	/* NEWS & NEWSLIST */ 

	.newslist {
		padding: 0;
	}

	.newslist .text, .newslist .quote, .news .text, .news .quote, .newslist .info {
		width: 100%;
		display: inline-block;
	}

	.newslist .quote, .news .quote {
		margin: 0.5em 0 1em 0;
	}

	/* QUOTEBLOCK */

	.quoteblock .personimage {
		margin-top: 0.4em;
	}

	.quoteblock .personinfo {
		width: 100%;
		display: block;
		padding: 1em 0 1em 0;
	}

	.quoteblock .persontext {
		width: auto;
		float: none;
	}

	/* CODEBLOCK */
	.codeblock h2, .codeblock .text, .codeblock .code {
		width: 100%;
		display: block;
	}

	.codeblock .code {
		margin: 0;
		padding-bottom: 2em;
	}

	/* TEXTBLOCK */
	.textblock .image {
		margin-top: 2em !important;
		margin-bottom: 0em !important;
	}

	.history h2 {
		clear: both;
	}

	.col.contact .persontext {
		padding-left: 0;
	}

	.col.contact .personimage {
		margin-right: 5px;
	}
	/* BIG IMAGE BLOCK */
	.bigimageblock {
		padding: 0;
	}
	.bigimageblock .statistics {
		font-size: 100%;
		width: 100%;
		margin-top: 0.5em;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;    
		box-sizing: border-box; 
	}

	.customers {
		height: 230px !important;
	}

	#fixed .button {
		clear: both;
		display: block;
		margin: 10px;
	}
}

/* IPHONE 4S Landscape  */

@media all and (max-width: 480px) {
	#head {
		padding: 10px 0;
	}

	#head a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#head a, #head #openSites, #head #openSites {
		margin: 0;
	}
}

@media all and (width: 480px) {
	#head a {
		width: 207px;
	}
 	#head a.login {
                width: auto;
        }
}

/* IPHONE 4S Portrait */

@media all and (max-width: 320px) {
	header.mobileheader h1 {
	        font-size: 200%;
	}
	table.listTable {
		border: 0px;
	}
	table.listTable tr td:first-child {
		font-weight: bold;
	}
	table.listTable tr, table.listTable td {
		display: block;
		clear: both;
		width: 100% !important;
		text-align: left !important;
	}
	table.listTable tr {
		margin-bottom: 1em;
	}
	.mobile .fancybox-prev span.nav span.button, .mobile .fancybox-next span.nav span.button {
		display: none;
	}
}

@media all and (width: 320px) {
	#head a {
		width: 127px;
	}
	#head a.login {
		width: auto;
	}
}

@media all and (max-width: 319px) {
	#sites {
		margin-bottom: 5px;
	}
	#lang, #sites {
		width: 100% !important;
	}
	#head #openSites {
		float: none;
		display: block;
		margin: 0px;
	}
	.openMenu {
		margin-top: 55px;
		float: none;
		text-align: center !important;
		display: block;
		padding: 0.6em 0;
	}

	.openMenu span {
		margin: 0.1em 0.1em 0 0;
	}
	.nav .top {
		height: 115px !important;
	}
	.menuwrap {
		top: 95px;
	}
	
	#logo {	
		width: 100% !important;
		background-position: center center;
	}
}