/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {


	.facebook-comments, .facebook-likes {
		display: none;
	}

	#center {
		width: 95%;
	}
	#header {
		width: 95%;
		height: auto;
		margin-bottom:0px;
	}
	#header .fineline {
		width: 95%;
		background-position: -15% 0%;
		background-size: 100%;
	}
	#footer {
		width: 95%;
		background-size: 100%;
	}
	#center {
	}
	#header #logo {
		margin: 0px;
		width: 280px;
		height:50px;
		background-position: 0px -5px;
		background-size: 90%;
	}
	#header #language {
		left:80%;
		top:25px;
	}
	#header ul {
		margin:0px;
		padding-left: 0px;
	}

	#header #menusor  {
 		/* background-image:none; */
	}
	#header #submenusor {
		margin: 0px;
	}

	.logo {
		width: 95%;
		height: 40%;
	}

	#layout_1 {
		padding-left:0%;
		padding-right:0%;
		margin-left: 0%;
		margin-right:0%;
		width: auto;
		background-size: 100%;
	}

	#layout_1 .oneblock {
		width: auto;
	}
	#layout_1 .wideblock {
		width: 55%;
		margin-left: 2%;
		margin-right: 2%;
	}
	#layout_1 .wideblock img, iframe {
		max-width: 100%;
		height: auto;
	}
	#layout_1 .wideblock iframe {
		min-height: 300px;
	}
	#layout_1 .smallblock {
		width: 35%;
		margin-left: 2%;
		margin-right: 2%;
	}


	#layout_1  .imageframe {
		width: 98%;
		height: 90px;
	}

	#layout_1 .imageframe img {
		width: 98%;
	}


}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	#layout_1 .wideblock {
		width: auto;
		float:none;
		padding-left: 2%;
		padding-right: 2%;

	}
	#layout_1 .smallblock {
		width: auto;
		float:none;
		padding-left: 2%;
		padding-right: 2%;
	}
	#layout_1  .imageframe {
		height: 120px;
	}
	#layout_1 {
		border: 0;
	}



}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	#header {
		width: auto;
     	transition: max-height .3s;
     	-webkit-transition: max-height .3s;
     	display: block;
     	height: auto;
     	max-height: 50px;
     	overflow: hidden;
     	margin: 0;
     	padding: 0;
     	padding-bottom: 0px;
	}

	#header #menusor {
		background-image: none;
		font-size: 28px;
		padding-left: 10px;
		opacity: 0;
	}
 	#header #menusor li  {
		padding-right:5px; 
		width: 20px;
	}
	#header #submenusor {
		background-image: none;
		font-size: 18px;
		padding-left: 10px;
		opacity: 0;
	}
 	#header #submenusor li {
		display: list-item;
 	}
 	#header .fineline {
 		height: 10px;
 	}


	#header #head {
     background-color:#333;
     color:#fff;
     width:auto;
     height:50px;
     position: relative;
     display: block;
     box-shadow: 0px 5px 5px #ccc;
	}

	#header #logo {
		display: none;
	}

	#header a {
    color: #fff;
    text-decoration: none;
	}

	#header a:hover {
    color: #fff;
	}

	#white-logo {
     width:80%;
     max-width: 398px;
     height:40px;
     position: absolute;
     left: 10px;
     top: 3px;
	}
	#menu-button {
  	   	background:url(../ui/iphone-menu-icon.png);
 	    background-size:21px auto; 
 	    background-repeat:no-repeat;
   		width:21px;
 	    height:22px;
	    cursor: pointer;
	   	position: absolute;
		right: 10px;
	    top: 10px;
	}


	#header #language {
		float: right;
		margin-right: 20px;
		padding-left: 18px;
		position: static;
		background: url(img/arrow.png);
		background-position: 0px 9px;
		background-repeat: no-repeat;
	}
	#center {
	/*	background-image: none; 
		background-position: 0px 140px; */
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		padding: 0rem;

	}
	#center a {
		font-size: 100%;
		padding: 0px 0px;
	}
	#layout_1 {
		padding-top: 5px;
		background-image: none;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: thin;
		padding-top: 10px;
		border: 0;
		font-size: 1.7rem;
	}
	#layout_1 .wideblock {
	}
	#layout_1 .wideblock p {
	}
	#layout_1 .wideblock img, iframe {
		max-width: 100%;
		height: auto;
	}
	#layout_1 .wideblock iframe {
		min-height: 200px;
	}
	#layout_1 .smallblock {
		margin-top: 20px;
		padding-top: 20px;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: thin;
	}
	#layout_1 .smallblock p {
	}
	#layout_1  .imageframe {
		height: 70px;
	}

	.tagcloud, .facebook-comments, .facebook-likes, .blog-header {
		display: none;
	}
	.thumb-taglist {
		display: none;
	}
	#footer {
		width: auto;
		background:none;
		height:4rem;
		clear:left;
		padding-top:2rem;
		/*
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: thin;
		margin-top: 2rem;
		*/
	}




}