/*  
Theme Name: Textilmuseum
Theme URI: http://www.textilmuseum.ch
Description: Stylesheet Textilmuseum.
Version: 1.0
Author: Manuel Märklin
Author URI: http://www.m-maerklin.ch/

*/

@charset "UTF-8";

@font-face {
    font-family: "Reader Medium";
    src: url('fonts/reader-medium-web.eot');
    src: url('fonts/reader-medium-web.eot?#iefix') format('embedded-opentype'),
         url('fonts/reader-medium-web.woff') format('woff'),
         url('fonts/reader-medium-web.woff2') format('woff2'),
         url('fonts/reader-medium-web.ttf') format('truetype'),
         url('fonts/reader-medium-web.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

@media all { 

/**
  * Allgemeine Definitionen
  */
	
	* {
		margin: 0;
		padding: 0
	}
	
	html {
		height: 100%;
	}
	
	body
	{
 		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		font-size: 100%;
		font-size-adjust:0.53;
		font-weight:500;
		font-style:normal;
		letter-spacing: 0.05em;
		line-height: 1.3em;
		background-color: #ffffff;
		color: #5A5A5A;
		max-width: 1200px; 
		height: 100%;
	}
	
	a {
		text-decoration: none;
	}
	
	h1,h2,h3,h4,h5,h6,cite {
		font-style: normal;
		font-weight: normal;
	}
	
	h1,h2,h3 {
		color: #CEB877;
	}
	
	h1 {
	  	font-size: 1.17em;
		margin-bottom: 1.25em;
	}

	h2 {
	  	font-size: 1.0em;
		margin-top: 0.666em;
	}

	h3 {
	  	font-size: 1.0em;
	  	padding-left: 1.666em;
	}
	
	iframe {
		width: 600px;
		height: 400px;
	}

	img {
		border: 0px;
	}

	p {
		margin-bottom: 1.458em;
	}
	
	ol, ul {
	}

	table {
		width: 100%;
	}



/**
  * Content of main layout elements
  */
	#page {
		position: relative !important;
		min-height: 90%; /* real browsers */
		text-align: left;
		margin: 0 auto;
		max-width: 100%;
		z-index: 100;
		
	}
	
	* html #entr {
		height: 100% !important;
	}
	
/* header */
	#header{
		height: 10em;
	}

	#header #logo {
		float: left;
		width: auto;
		margin-left: 114px;
		text-align: center;
	}

	#header #menu {
		display:none;
	}

/*	#header .sidebar {
		margin-top: 1.666em;
		float: right;
		list-style: none;
	}
 
	#header .sidebar li {
		list-style: none;
		text-transform: lowercase;
		display: block;
		padding-right: 20px;
		margin-bottom: 0.5em;
	}

	#header .sidebar li a {
		padding: 0.1em 0 0.1em 1.0em;
		color: #CEB877;
	}

	#header .sidebar li.active a {
		color: #9B8E5D;
		border-top: 1px solid #DFDFBD;
		border-bottom: 1px solid #DFDFBD;
	}
*/

/* wpml sprachumschalter */

#header .sidebar {
	margin-top: 1.666em;
	float: right;
	list-style: none;
}
#lang_sel_list {
	background-color: #ffffff;
	border: none;	
}
#lang_sel_list.lang_sel_list_vertical  ul {
	border: none;
	margin-top: 1.666em;
	float: right;
	list-style: none;
}
#lang_sel_list.lang_sel_list_vertical  li {
	border: none;
	list-style: none;
	text-transform: lowercase;
	display: block;
	padding-right: 20px;
	margin-bottom: 0.5em;
}
#lang_sel_list.lang_sel_list_vertical  a,
#lang_sel_list.lang_sel_list_vertical  a:visited {
	border: none;
	padding: 0.3em 0 0.3em 1.0em;
	color: #CEB877;
	font-size: inherit;
}
#lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
#lang_sel_list.lang_sel_list_vertical a:visited.lang_sel_sel {
	color: #9B8E5D;
	border-top: 1px solid #DFDFBD;
	border-bottom: 1px solid #DFDFBD;
}
#lang_sel_list ul a.lang_sel_other,
#lang_sel_list ul a.lang_sel_other:visited {
    color: #CEB877;
}


/* column container */
	.section {
		clear: both;
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	
	.col {
		display: block;
		float:left;
		margin: 0px;
	}
	
	.group:after {
		clear:both;
	}
	
	.col_1 {
		width: 24%;
	}

	.col_2 {
		width: 76%;
	}

	

/* left column: navigation  */

 	#nav {
		padding-left: 1.666em;
	}
	

	/* left column: navigation  */
	#nav li.menu-item {
		list-style-type: none;
		padding: 0.3em 0;
	}

	#nav li.menu-item a {
		color: #CEB877;
		font-size: 1.17em;
		cursor: pointer;
	}

	#nav li.current-menu-item a {
		color: #9B8E5D;
	}

	/* inactive top link: hide sub items  */
	#nav li.menu-item ul {
		display: none;
	}

	/* active top link: show sub items  */
	#nav li.current-menu-item ul,
	#nav li.current-menu-parent ul,
	#nav li.current-menu-ancestor ul,
	#nav li.current-post-ancestor ul
	{
		display: block;
	}

	#nav li.menu-item li.menu-item {
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		padding-left: 1.666em;
	}

	#nav li.menu-item li.menu-item a {
		color: #9B8E5D;
		font-size: 1.0em;
	}

	#nav li.menu-item li.current-menu-item,
	#nav li.menu-item li.current-post-ancestor,
	#nav li.menu-item li.current-menu-parent,
	#nav li.menu-item li.current-post-parent {
		border-top: 1px solid #DFDFBD;
		border-bottom: 1px solid #DFDFBD;
	}

	/* left column: info  */
	#nav #info {
		margin-top: 4.0em;
		margin-bottom: 4.0em;
		color: #9B8E5D;
	}

	#nav #info a,
	#nav #info p {
		color: #9B8E5D;
	}

	/* left column: sponsors  */
	#nav #sponsor {
		margin-top: 4.0em;
	}

	#nav #sponsor h2 {
		color: #9B8E5D;
	}


/* content */

	.date {
		font-size: 0.917em;
	}

	div.overview .date {
		color: #CEB877;
	}
	
	.gold {
		color: #CEB877;
	}
	
	#blog {
 		font-family: Georgia, Times, serif;
		letter-spacing: 0em;
		font-size-adjust:0.48;
		max-width: 50em;
		padding-left: 9.996em;
	}

	#blog td {
		vertical-align: top;
	}

	#blog h1,
	#blog h2,
	#blog h3,
	#blog .date {
		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		letter-spacing: 0.05em;
		font-size-adjust:0.53;
	}

	#blog h2 {
		line-height: 1.1em;;
	}

	#blog li,
	#blog ul {
		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		letter-spacing: 0.05em;
		font-size-adjust:0.53;
		font-size: 0.917em;
		line-height: 1.666em;
		list-style-type: none;
	}

	#blog li {
		border-top: 1px solid #9B8E5D;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding-top: 0.333em;
		padding-left: 1.666em;
	}

	#blog td.text {
		vertical-align: top;
		padding-right: 1.666em;
		padding-bottom: 1.666em;
	}

	#blog td.text a {
		color: #CEB877;
	}

	#blog td.text h1,
	#blog .post h1,
	#blog td.text h2,
	#blog .post h2 {
	  	font-size: 1.5em;
	  	margin-top: 0;
		margin-bottom: 0.25em;
	}

	#blog td.text h1 + p,
	#blog .post h1 + p,
	#blog td.text h2 + p,
	#blog .post h2 + p {
	  	margin-top: 1.25em;
	}

	#blog td.img {
		padding-bottom: 1.666em;
	}

	#blog .post .date {
		margin-bottom: 1.666em;
	}

	#blog a,
	#blog .element a,
	#blog .entry a,
	#blog .post a {
		color: #CEB877;
	}

	#blog .element {
		margin-bottom: 1.25em;
	}

	#blog .entry {
		margin-top: 1.25em;
		margin-bottom: 1.666em;
	}

	#blog .info {
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding-left: 1.666em;
	}

	#blog .info p {
		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		letter-spacing: 0.05em;
		font-size-adjust:0.53;
		font-size: 0.917em;
	}

	#blog .hint {
		color: #9B8E5D;
		border-top: 1px solid #9B8E5D;
		border-bottom: 1px solid #9B8E5D;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		padding: 0.333em 0 0.333em 1.666em;
	}

	#blog .hint,
	#blog .hint h1,
	#blog .hint h2,
	#blog .hint h3,
	#blog .hint p {
		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		letter-spacing: 0.05em;
		font-size-adjust:0.53;
		font-size: 0.917em;
		line-height: 1.666em;
	}

	#blog .hint h1,
	#blog .hint p {
		margin-bottom: 0;
	}

	#blog .back a {
		color: #9B8E5D;
	}

	#home {
		padding-left: 1.996em;
	}

	#home .overview {
		margin-left: 1.666em;
		margin-bottom: 1.666em;
		max-width: 180px;
		height: 360px;
		overflow: hidden;
		float: left;
	}

	#home .overview a img {
		max-height: 245px;
	}

	#home .overview h2 {
		margin-bottom: 0;
	}

	#home .overview h2 a {
		color: #9B8E5D;
	}

/* WP Image Caption, NextGEN singlepic */
	.caption,
	.singlepic {
		margin-top: 1.666em;
		position: relative;
		/* left: -8.333em; */
		clear:both;
		display:block !important;
	}

	.caption-text,
	.singlepic-title {
		color: #5A5A5A;
		float: left;
		width: 16.666em;
		height: 16.666em;
		vertical-align: middle;
		line-height: 16.666em;
	}

	.caption-container,
	.singlepic-container {
		/* margin-left: 1.666em; */
		height: 16.666em;
	}

	.caption-container a img,
	.singlepic-container a img {
		vertical-align: middle;
		border:0px;
		height: 100%;
		width: auto;
	}


/* NextGEN gallery */
	.gallery {
		overflow: hidden;
		margin-top: 1.666em;
		margin-bottom: 1.666em;
		position: relative;
		left: -36px;
		width: 648px;
		clear:both;
		display:block !important;
	}

	.gallery-title {
		color: #CEB877;
		float: left;
		margin-right: 18px;
		width: 180px;
		height: 180px;
		vertical-align: middle;
		line-height: 180px;
	}

	.gallery-container {
		height: 180px;
		overflow:hidden;
	}

	.gallery-container .buttons {
		float: left;
		display: block;
		width: 36px;
		line-height: 180px;
		vertical-align: middle;
	}

	#blog .gallery-container .buttons a {
		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		letter-spacing: 0.05em;
		font-size: 2.0em;
		height: 100%;
	}

	.gallery-container .viewport {
		float: left;
		width: 576px;
		height: 180px;
		overflow: hidden;
		position: relative;
	}
	
	.gallery-container .next {
		text-align: right;
	}
	
	.gallery-container .disable {
		visibility: hidden;
	}
	
	.gallery-container .overview {
		list-style: none;
		position: absolute;
	}
	
	#blog .gallery-container .overview li {
		float: left;
		text-align: center;
		border-top: 0;
		padding:0;
		margin: 0;
		margin-right: 18px;
		width: 180px;
		height: 180px;
		line-height: 180px;
	}

	.gallery-container .overview li img {
		vertical-align: middle;
		background-color:#FFFFFF;
		border:0px;
	}

/* Slimbox2 */
	#lbImage div {
		background-color: transparent;
	}

	#lbCaption,
	#lbCaption a,
	#lbNumber {
 		font-family: "Reader Medium", Tahoma, Verdana, sans-serif;
		font-size: 0.917em;
		font-size-adjust:0.53;
		font-weight:500;
		font-style:normal;
		letter-spacing: 0.05em;
		line-height: 1.3em;
		background-color: #ffffff;
		color: #5A5A5A;
	}
	
	#lbCaption,
	#lbCaption a {
		font-size: 1.2em;
	}
	

/* footer */
	#footer {
		clear: both;
		height: 5em;
		padding-left: 1.666em;
		padding-top: 2.0em;
	}

	#footer a {
		color: #9B8E5D;
	}

}


/**
 *	Phone
 */
@media screen and (max-width:800px)
{

	body {
		max-width:auto;
		font-size: 80%;
	}
	
	img,
	img[class*="align"],
	img[class*="wp-image-"],
	.ngg-slideshow img,
	iframe {
		border: 0px;
		max-width: 97.5%;
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
		-ms-interpolation-mode: bicubic;
	}

	img.size-full {
		max-width: 97.5%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}	

	#header {
		height: auto;
	}
	
	#header .sidebar {
		margin: 22px 22px 0 88px;
		width: 190px;
		float: left;
		display: none;
	}
	
	#lang_sel_list {
	    height: auto;
	}
	
	#lang_sel_list.lang_sel_list_vertical {
	   	width: 100%;
	}
	 
	#lang_sel_list.lang_sel_list_vertical ul {
	    width: 100%;
	} 
	
	#lang_sel_list.lang_sel_list_vertical li {
	    width: 33%;
	}
	
	#lang_sel_list.lang_sel_list_vertical ul a {
		font-size: 13px;
		padding: 0;
	}
	
	#lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
	#lang_sel_list.lang_sel_list_vertical a:visited.lang_sel_sel {
		border: none;
	}
 
	#header #logo {
		margin-left: 44px;
		width: 172px;
	}

	#header #logo img,
	#header #menu img {
		max-width: 100%;
	}

	#header #menu {
		display: block;
    	padding-left: 44px;
    	padding-right: 22px;
    	text-align: right;
    	cursor: pointer;
	}

	.col_1 {
		width: 100%;
		display: none;
		position: absolute;
		padding-left: 44px;
		background-color: #ffffff;
	}

	.col_2 {
		width: 100%;
	}

	#nav {
		margin-top: 35px;
		padding-left: 0;
	}
	
	#nav li.menu-item a,
	#nav li.menu-item li.menu-item a {
		font-size: 17px;
	    line-height: 22px;
   	}

	#nav li.menu-item li.menu-item {
		padding-left: 44px;
	}

	#nav #info {
		padding-left: 44px;
	}
	
	#nav #info p,
	#nav #info a {
		font-size: 0.833em;
	}
	
	#sponsor {
		display: none;
	}
	
	#blog,
	#home {
		margin-top: 1.666em;
		padding-left: 44px;
		width: auto;
	}

	#blog .element a {
		display: block;
	}

	#blog .info {
		padding-left: 0;
	}

	#blog .hint {
		padding: 0.333em 0 0.333em 0em;
	}

	#blog td.text {
		width: 50%;
	}

	#blog td.img {
		width: 30%;
	}

	#blog td.img a img {
		height: auto;
		width: 100%;
	}

	#home .overview {
		float: none;
		height: auto;
		width: auto;
		margin-left: 0;
	}

	#home .spacer {
		display: none;
	}

	#footer {
		clear: both;
		height: 3em;
		padding-left: 44px;
	}

/* WP Image Caption, NextGEN singlepic */
	.caption,
	.singlepic {
		position: static;
		left: 0;
		display: inline;
	}

	.caption-text,
	.singlepic-title {
		float: none;
		width: 100%;
		height: 1.666em;
		line-height: 1.666em;
	}

	.caption-container,
	.singlepic-container {
		margin-left: 0;
		height: auto;
	}
	
	.caption-container a img,
	.singlepic-container a img {
		height: auto;
	}

/* NextGEN gallery */
	.gallery {
		position: static;
		left: 0;
		width: auto;
	}

	.gallery-title {
		display: none;
		
		float: none;
		margin-right: 0;
		margin-bottom: 1.666em;
		height: auto;
		line-height: 1.666em;
	}

	.gallery-container {
		height: auto;
		overflow: hidden;
	}

	.gallery-container .prev,
	.gallery-container .next {
		display: none;
	}

	.gallery-container .viewport {
		height: auto;
		margin-bottom: 1.666em;
	}
	
	.gallery-container .overview {
		position: static;
		max-width: 97.5%;
		height: auto;
		width: auto9; /* ie8 */
	}

	#blog .gallery-container .overview li {
		float: none;
		margin-right: 0em;
		height: auto;
		line-height: 0;
		text-align: left;
		margin-bottom: 0.5em;
	}

}


/**
 *	Phone
 */
@media screen and (max-width:400px)
{
	#blog td.img {
		width: 20%;
	}
}


/**
 *	Small monitor
 */
@media screen and (min-width:801px) and (max-width:1100px)
{

	body {
		font-size: 80%;
	}

	#home .spacer {
		display: none;
	}

	iframe {
		width: 450px;
		height: 300px;
	}

/* NextGEN gallery */
	.gallery {
		left: -18px;
		width: 528px;
		clear:both;
		display:block !important;
	}

	.gallery-title {
		float: none;
		margin-right: 1.666em;
		width: 100%;
		height: 1.666em;
		line-height: 1.666em;
	}

	.gallery-container .viewport {
		width: 360px;
	}

	#blog .gallery-container .overview li {
		font-size: 125%;	/* vertical align in firefox: reset font-size to use original line height */
	}
	
}