/* General
================================================== */
	
body {
	color: #606060;
	font-family: 'Merriweather', serif;
	font-size: 13px;
	line-height: 2;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

p, ul, ol, pre, dl dd {
	margin-bottom: 20px;
	-webkit-margin-before: 0;
}

li {
	line-height: inherit;
	margin-bottom: 0px;
}


a,
a:visited {
	color: #4a2f09;
}
a:hover {
	color: #4a2f09;
}
a:focus {
	color: #4a2f09;
}
a:link {
	color: #4a2f09;
}
a:active {
	position: relative;
	top: 1px;
	color: #4a2f09;
}

a.button:visited {
	color: inherit;
}

a.btn,
a.btn:visited {
	color: #505050;
	text-decoration: none !important;
}

.btn i {
	display: inline-block;
	margin-right: 5px;
}

small {
	color: #606060;	
	font-size: 10px;
	font-weight: normal;
}

code {
	font-weight: normal;
}

blockquote,
blockquote p {
	color: #707070;
	font-size: inherit;
	font-style: italic;
}

img,
object {
	max-width: 100% !important;
	height: auto;
}

.label {
	text-transform: inherit;
}

table {
	width: 100%;
	margin-bottom: 20px;
}

tr.alternate {
	background: #fcfcfc;
}

th, td {
	border: 0px dotted #ddd;
}

td.label {
	background: none;
	font-size: inherit;
}


/* Headings
================================================== */
	
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	color: #4a2f09; /*schrift headline*/
	font-weight: normal;
}

h1 {
	margin: 0 0 20px;
	line-height: normal;
	font-size: 36px;
}

h2 {
	font-size: 20px;	
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

.title {
	font-size: 20px;
}

.title-center {
	text-align: center;
}

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

.title a,
.post-title a {
	color: inherit;
	text-decoration: none;
}

.title a:hover,
.post-title a:hover {
	color: #308d44;
}

.title i,
.post-title i {
	display: inline-block;
	margin-right: 8px;
}

.alert-heading {
	font-weight: bold;
	margin-bottom: 5px;
}

.widget-section-title {
	margin-bottom: 40px;
	padding: 10px 20px;
	text-align: center;
	clear: both;
}

.widget-section-title h3 {
	margin: 0;
}

#archive-title {
	background: url('../img/bg-trans-light.png');
	color: #606060;
	text-align: center;
}

#archive-title h1 {
	margin-bottom: 0;
	line-height: 80px;
	color: #fff;
	font-family: NovecentowideNormalRegular, sans-serif;
	font-size: 20px;
}

#archive-title .category-description {
	margin-top: -30px;
}


/* Forms
================================================== */

label,
input,
button,
select,
textarea {
	font-family: 'Merriweather', serif;
	font-size: 13px;
}

input, textarea {
	width: 100%;
	height: 40px;
	line-height: 1;
	padding: 5px 10px;
	border-color: #e5e5e5;
	background: #f8f8f8;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	height: 200px;
	line-height: inherit;
}

input:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
	width: auto !important;
	height: auto !important;
}

label {
	color: inherit;
}

#submit,
input.submit {
	display: inline-block;
	padding: 15px 40px;
	background: #308d44;
	color: #fff !important;
	border: none;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
	font-family: NovecentowideNormalRegular, sans-serif;
}

#submit:hover,
input.submit:hover {
	background: #338545;
}

#submit:active,
input.submit:active {
	position: relative;
	top: 1px;
}


/* General layout
================================================== */

#main-wrap {
	position: relative;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.25);	
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.25);	
	box-shadow: 0px 0px 20px rgba(0,0,0,0.25);	
}

#outer {
	position: relative;
	margin: 0 auto 60px;
}

.boxed .wrap {
	width: auto;
	margin: 0 auto;
	background: #fff;
}

.ie .boxed .wrap {
	width: 1060px;
}


/* Top
================================================== */

#top-wrap {
	width: 100%;
	background: url('../img/bg-trans-light.png'); /*hintergrund menü oben durchgehend*/
}

.ie #top-wrap {
}
     
#top {
	min-height: 40px;
}

#top-right {
	padding-top: 5px; /* 20px orig*/
	line-height: 1;
	text-align: right;
	margin-right: 30px;
	width: 100%;
}



/* Header
================================================== */

#header-wrap {
	background: transparent;
}

#header {
	position: relative;
	padding: 30px 30px;
	text-align: center;
}

#logo-text {
	line-height: 1;
	color: #fff;
	font-size: 36px;
	font-family: NovecentowideNormalRegular, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#logo-text a {
	color: inherit;
	text-decoration: none;
}

#logo-text span {
	color: #21759b;
	font-style: italic;
}

#logo-description {
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: normal;
	color: inherit;
	font-size: 13px;
	font-family: 'Merriweather', serif;
	font-weight: normal;
	letter-spacing: normal;
}


/* Menu
================================================== */

#menu-wrap {
	position: absolute;
	width: 100%;
	z-index: 100;
	background: transparent;
}

.frameshift-menu ul {
	margin: 0px;
	padding: 0px;
	line-height: inherit;
}

.frameshift-menu li {
	float: left;
	line-height: inherit;
}

.boxed .frameshift-menu-main {		
	margin: 0 -40px;
	padding: 0 40px;	
}
    
.frameshift-menu li {
	display: inline;
}

.frameshift-menu a {
	display: inline-block;
	margin: 0 25px 0 0;
	text-decoration: none;
}

.frameshift-menu-main a { 
	color: #fff;
}

.tinynav {
	display: none;
	margin: 0;
	padding: 6px 4px;
	line-height: 1.1;
	background: #fff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
 	background-position: center right;
 	background-repeat: no-repeat;
	border: 1px solid #ddd;
 	-moz-border-radius: 0px;
 	-webkit-border-radius:0px;
 	border-radius:0px;
	-webkit-appearance: none;
	outline: none;
}

.frameshift-menu-main .tinynav { /* farben navigation mobile*/
	background-color: #4a2f09; 
	border-color: #4a2f09;
	color: #fff;
}


/*  Superfish menus
================================================== */

/** ESSENTIAL STYLES */

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 100px;
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	/* fixes IE7 'sticky bug' */
	visibility:	inherit;
}

.sf-menu li {
	display: inline;
	position: relative;
	width: auto;
	list-style: none;
}

.sf-menu a {
	display: inline-block;
	position: relative;
}

/** FRAMESHIFT MENU */

.frameshift-menu,
.frameshift-menu .sf-menu li,
.frameshift-menu .sf-menu a {  /* main menu schirftfarbe ... */
	height: 20px; /* höhe mainmenu*/
	line-height: 42px; /* schrifthöhe mainmenu    ********************/
	font-size: 13px;
	font-weight:600;
	color:#fff;
	font-family: 'Merriweather', serif;
}

.frameshift-menu .sf-menu li:hover ul,
.frameshift-menu .sf-menu li.sfHover ul {
	left:			-15px;
	top:			38px; /* match top ul list item height */ /* submenu abstand zu mainmenu    *******************/
	z-index:		9999;
}

.frameshift-menu .sf-menu li:hover li ul,
.frameshift-menu .sf-menu li.sfHover li ul {
	top:			-999em;
}

.frameshift-menu .sf-menu li li:hover ul,
.frameshift-menu .sf-menu li li.sfHover ul {
	left:			100px; /* match ul width */
	top:			-5px !important;
}

.frameshift-menu .sf-menu li li:hover li ul,
.frameshift-menu .sf-menu li li.sfHover li ul {
	top:			-999em;
}

.frameshift-menu .sf-menu ul {
	height: auto;
	margin: 0;
	padding: 5px 0;
	background: url('../img/mbg7.png');
	/* 
	url('../img/palm-75.png')
	url('../img/bg-trans-dark.png');
	    background:  #8e7544;url('../img/palm-n.png');
				url('../img/bg-trans-light.png');  submenü hintergrund */
	z-index: 1;
}

.ie .frameshift-menu .sf-menu ul {
	background: url('../img/bg-trans-light.png');
}

.frameshift-menu .sf-menu li li {
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}

.frameshift-menu .sf-menu li li a,
.frameshift-menu .sf-menu li li a:visited { /* submenu schirftfarbe ... */
	display: block;
	float: left;
	height: auto;
	margin: 0;
	padding: 8px 15px;
	line-height: normal;
	font-weight:500;
	color: #4a2f09;
	font-size: 12px;
	text-decoration: none;
	text-shadow: none;
}

.frameshift-menu .sf-menu li li a:active {
	top: 0px;
}


/* Post
================================================== */
    
.category-description {
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 13px;
}

.category-description a {
	color: #21759b;
}
    
.hentry {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}

.single-post .post {
	padding-bottom: 1px;
}

.post-title,
.post-meta,
.post-teaser {
	padding-left: 180px;
	padding-right: 180px;
}

.post-title {
	margin-bottom: 40px;
}

.page .page .post-title {
}

.attachment .post-title,
.single-attachment .post-title {
	margin-bottom: 20px;
}

.single-post .post-teaser,
.single-post .post-meta {
	margin-bottom: 40px;
}

.single-post .post-meta {
	margin-bottom: 70px;
}
    
.post-image {
	position: relative;
	margin-top: -60px;
	margin-bottom: 60px;
}

.post-image a {
	display: block;
}

.post-image a:active {
	top: auto;
}

.post-image-no {
	margin-top: -60px;
}

.post:first-child .post-image-no {
	margin-top: 0;
}

.post-title {
	text-align: center;
	font-size: 30px;
}

.post-title-date,
.post-meta,
.post-date-status {
	color: #c0c0c0;
	font-family: NovecentowideNormalRegular, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

.post-date-status,
.post-title-date {
	text-align: center;
}

.post-title-date {
	margin-bottom: 40px;
}

.post-meta a {
	color: inherit;
}

.post-format-link {
	display: inline-block;
	margin-right: 5px;
	color: inherit !important;
	text-decoration: none !important;
}

.post-teaser {
	text-align: justify;
}

.post-tags {
	clear: both;
}

.author-box {
	margin-bottom: 60px;
	padding: 60px 180px 40px;
	background: #f8f8f8;
	clear: both;
}

.author-box:last-child {
	margin-bottom: 0;
}

.author-box .avatar {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0px;
}

.author-box h4 {
	margin-bottom: 10px;
	line-height: normal;
	font-size: 14px;
}

.moretag-wrap {
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.moretag {
	display: inline-block;
	padding: 5px 15px;
	background: #8e7544;
	color: #fff !important;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
	font-family: NovecentowideNormalRegular, sans-serif;
	text-decoration: none !important;
}

.moretag:hover {
	background: #338545;
}

/** Pagination */

.pagination,
.attachment-navigation {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	background: #f8f8f8;
	text-align: center;
}

.pagination a {
	float: none;
	display: block;
	background: #fff;
}

.pagination li a {
	float: left;
}

.pagination a:hover,
.pagination .active a {
	background: #fcfcfc;
}

.post-navigation {
	position: absolute;
	top: 0;
	width: 100%;
}

.post-navigation .previous,
.post-navigation .next {
	position: fixed;
	top: 50%;
	left: 0px;
	width: auto;
	margin-top: -30px;
}

.post-navigation .next {
	left: auto;
	right: 0px;
}

.post-navigation .previous a,
.post-navigation .next a {	
	display: block;
	width: 50px;
	height: 60px;
	line-height: 60px;
	background: url('../img/bg-trans-light.png');
	color: #fff !important;
	font-family: NovecentowideNormalRegular, sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-decoration: none !important;
	text-align: center;
}

.attachment-navigation .center,
.attachment-navigation.first .next {
	text-align: center;
}

.attachment-navigation .previous,
.attachment-navigation.first .center {
	text-align: left;
}

.attachment-navigation .next {
	text-align: right;
}

.attachment-navigation.third .span4 {
	width: 185px;
}

.gallery-caption {
	display: block;
	padding: 5px 10px;
	background: url(../img/bg-dots.png);
	clear: both;
}

.attachment .post-attachment-image,
.single-attachment .post-attachment-image {
	float: left;
	width: auto;
	margin-top: 0;
	margin-bottom: 40px;
}

.attachment .image-caption,
.single-attachment .image-caption {
	padding: 10px 20px;
	background: #f8f8f8;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.single .image-description,
.single-attachment .image-description {
	padding-left: 180px;
	padding-right: 180px;
	text-align: center;
}

.attachment .post-meta,
.single-attachment .post-meta {
	margin-bottom: 40px;
	text-align: center;
}

/** Image gallery */

.image-gallery {
	clear: both;
}

.post-teaser .image-gallery {
	margin-left: -140px;
	margin-right: -140px;	
	padding-top: 20px;
}

.post-teaser .image-gallery.width-700 {
	margin-left: 0;
	margin-right: 0;
}

.post-teaser .image-gallery.width-700 .span8 {
	width: 100%;
}

.image-gallery-item {
	padding: 0 0 40px;
}

.image-gallery-caption {
	margin-bottom: -10px;
}

/** Image slider */

.image-slider {
	clear: both;
}

.post-teaser .image-slider {
	margin-left: -180px;
	margin-right: -180px;
	margin-bottom: 40px;
	padding-top: 20px;
}

.post-teaser .image-slider.width-300 {
	width: 300px;	
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.post-teaser .image-slider.width-470 {
	width: 470px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.post-teaser .image-slider.width-700 {
	margin-left: 0;
	margin-right: 0;
}

/** Post formats */

.format-link {
	background: #f8f8f8;
}

.format-link .post-teaser {
	line-height: normal;
	color: #505050;
	font-size: 36px;
	text-align: center;
	letter-spacing: -1px;
}

.format-link .post-teaser:hover {
	color: #308d44;
}

.format-link .post-teaser a,
.format-link .post-teaser a:hover {
	display: block;
	width: 100%;
	margin-top: -40px;
	margin-bottom: -40px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: inherit;
	text-decoration: none;
}

.single-format-link .format-link {
	background: transparent;
}

.single-format-link .post-teaser {
	padding-bottom: 1px;
}

.single-format-link .post-title,
.single-format-link .post-meta {
	display: none;
}

.format-status {
	background: #303030;
}

.single-format-status .format-status {
	background: transparent;
}

.format-status .post-teaser {
	padding-top: 20px;
	line-height: normal;
	color: #fff;
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	letter-spacing: -1px;
}

.single-format-status .post-teaser {
	margin-bottom: 40px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: #303030;
}

.single-format-status .post-meta {
	text-align: center;
}

.format-quote {
	background: #303030;
}

.single-format-quote .format-quote {
	background: transparent;
}

.format-quote a {
	text-decoration: none;
}

.format-quote blockquote,
.format-quote blockquote p {
	padding-left: 0;
	color: #fff;
	border-left: 0;
	font-style: normal;
	text-align: center;
	line-height: normal;
	letter-spacing: -1px;
}

.format-quote blockquote {
	padding-top: 20px;
	font-size: 36px;
}

.single-format-quote blockquote {
	margin-left: -180px;
	margin-right: -180px;
	margin-bottom: 40px;
	padding-top: 60px;
	padding-left: 180px;
	padding-right: 180px;
	padding-bottom: 60px;
	background: #303030;
}

.single-format-quote .post-meta {
	text-align: center;
}

.format-quote cite {
	display: inline-block;
	margin-top: 20px;
	font-size: 12px;
	color: #909090;
	letter-spacing: normal;
}

.format-quote cite a {
	color: inherit !important;
	text-decoration: underline;
}

/** Other */

.alert {
	margin-bottom: 20px;
}

.alert a {
	text-decoration: underline;
}

.alert a.btn,
.alert a.close {
	text-decoration: none;
}

/** Arrows */

.arr {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #eee url(../img/bg-arr-right.png) no-repeat center center;
	text-indent: -9999px;
}

.arr:hover {
	background-color: #e4e4e4;
}

.arr-left {
	background-image: url(../img/bg-arr-left.png);
}

.arr-grid {
	background-image: url(../img/bg-arr-grid.png);
}

.arr-right {
	background-image: url(../img/bg-arr-right.png);
}

.arr-up {
	background-image: url(../img/bg-arr-up.png);
}

.arr-down {
	background-image: url(../img/bg-arr-down.png);
}


/* Comments
================================================== */

#comments,
#pings,
#respond {
	position: relative;
	padding: 0 180px 60px;
	clear: both;
}

#comments,
#pings {
	padding-bottom: 0;
}

#comments #respond {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#comments h3,
#pings h3,
#respond h3 {
	margin-bottom: 40px;
	font-size: 20px;
	text-align: center;
}
    
.comment-list,
.ping-list {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}

.comment-list {
	padding-top: 20px;
}

.comment-list .children {
	margin: 0 0 0 40px;
	font-size: inherit;
	list-style: inherit;
}

.comment-list li {
	line-height: inherit;
}

.comment-inner {
	margin-bottom: 60px;
}

.comment-author {
	line-height: 1.5;
}

.comment-author .avatar {
	float: left;
	margin: 0 20px 20px 0;
}

.comment-meta {
	font-size: 12px;
}

.comment-meta a,
#cancel-comment-reply-link {
	color: #909090;
	font-family: NovecentowideNormalRegular, sans-serif;
	font-size: 10px;
}

.comment-content {
	clear: both;
}

.reply {
	display: inline-block;
}

.comments-nocomments,
.comments-closed {
	display: none;
}

#reply-title small {
	font-size: 11px;
}

#cancel-comment-reply-link {
	position: absolute;
	top: 0px;
	left: 0px;
}

#commentform {
	margin: 0;
}

#commentform label {
	font-weight: normal;
	font-size: inherit;
}
    
.comment-form-section {
	margin-bottom: 20px;
}

.form-allowed-tags {
	margin-bottom: 10px;
}

.comment-navigation {
	margin-top: -40px;
}

.form-submit {
	padding-top: 5px;
}


/* Footer
================================================== */

#footer-wrap {
	padding-top: 40px;
	background: url('../img/bg-trans-light.png'); /* hintergrund footer */
}
    
#footer {
	padding-bottom: 10px;
	color: #fff; /* schriftfarbe footer allgemein */
	font-size: 12px;
}

#footer a {
	color: #fff; /* schriftfarbe footer link */
	text-decoration: underline;
	font-size: 12px;
}

#footer .title {
	margin: 0 0 20px;
	line-height: normal;
	color: #4a2f09; /* schriftfarbe footer titel */
	font-size: 17px;
}

#footer .title a {
	text-decoration: none;
}

#subfooter-wrap {
	padding: 80px 0 0;
	background: transparent;
}

.social-icons {
	margin-bottom: 40px;
	text-align: center;
}

.social-icons a {
	margin: 0 10px;
	-moz-opacity:.50;
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	opacity:.50;
}

.social-icons a:hover {
	-moz-opacity:1;
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}

#credit {
	margin-bottom: 20px;
	text-align: center;
	color: #4a2f09; /* schriftfarbe credits */
	font-size: 12px;
}

#credit p {
	margin-bottom: 0;
}

#credit a {
	color: #4a2f09; /* schriftfarbe credits link */
	text-decoration: underline;
	font-size: 12px;
}


/* 404
================================================== */

#the404 {
	margin-bottom: 40px;
	line-height: 1.5;
	color: #404040;
	font-size: 400px;
	text-align: center;
}


/* Button CSS
==================================================
dunkles braun 4a2f09
helles braun 8e7544
ganz helles braun 9b8355
*/

.btn.plain {
	display: inline-block;
	padding: 5px 15px;
	background: #8e7544;  /* button bg*/
	color: #fff !important;
	border: none;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-family: NovecentowideNormalRegular, sans-serif;
	font-weight: 300;
	text-decoration: none !important;
	text-shadow: none;
	width: 150px;
}

.btn.plain:hover {
	background: #4a2f09; /* button over*/
}

.btn-large.plain {
	padding: 10px 20px;
}

/* Widget CSS
================================================== */
    
.first {
	margin-left: 0px;
	clear: both;
}

#footer .widget {
	float: left;
	width: 300px;
	margin-left: 40px;
}

#footer .widget-spaces-wrap .widget {
	float: none;
	width: inherit;
	margin-left: 0;
}

#footer .widget-spaces {
	width: inherit;
}

#footer .widget_text {
	padding-bottom: 10px;
}

.widget_categories .postform {
	width: 100%;
	margin-bottom: 20px;
}

.tagcloud {
	padding-bottom: 20px;
	line-height: normal;
}

#wp-calendar {
	width: 100%;
	margin-bottom: 30px;
}

#wp-calendar th,
#wp-calendar td {
	border-color: #404040;
	border-style: solid;
}

#wp-calendar caption {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	background: url('../img/bg-trans-light.png');
}

#wp-calendar tbody td {
	text-align: center;
}

#wp-calendar #prev {
	text-align: right;
}

#wp-calendar tfoot .pad {
	display: none;
}

#wp-calendar a {
	text-decoration: none;
}
    
/** SPACES */

.widget-spaces {
	padding-bottom: 20px;
}

.widget-spaces-center {
	text-align: center;
}

#footer .widget-spaces {
	margin-bottom: 0;
}

.space-image {
	position: relative;
	margin-bottom: 15px;
}

.space-image a {
	display: block;
}

.space-icon {
	margin-top: -10px;
	line-height: 1;
	font-size: 150px;
	color: #404040;
}

.space-icon a {
	color: inherit;
	text-decoration: none;
}
    
/** SLIDER */
    
/* Browser Resets */

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles */ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

.widget-slider,
.image-slider {
	position: relative;
	margin-bottom: 40px;
	clear: both;
}

.alignleft .image-slider,
.alignright .image-slider {
	padding-top: 0;
}

.flexslider {
	background: url(../img/loading.gif) no-repeat center center;
}

.flexslider.height-450 {
	height: 450px;
}

.flexslider.height-410 {
	height: 410px;
}

.flexslider.height-120 {
	height: 120px;
}

.flexslider .slides li {
	position: relative;
}

.flexslider a {
	display: block;
}

.flexslider .slider-overlay h3 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../img/bg-dots-title-white.png) no-repeat left bottom;
}

.flexslider .slider-overlay.no-teaser h3 {
	margin-bottom: 10px;
	padding-bottom: 0;
	background: none;
}

.flexslider .slider-overlay a {
	display: inline;
	color: inherit;
	text-decoration: underline;
}

.flexslider img.wp-post-image.attachment-post-thumbnail {
	float: none !important;
	width: 100%;
	margin: 0 !important;
}

.flex-direction-nav {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 50px;
	height: 25px;
	background: url(../img/bg-trans-75.png);
}

.span3 .flex-direction-nav,
.span4 .flex-direction-nav {
	left: 0px;
	bottom: 0px;
}

.flex-direction-nav li {
	display: inline-block;
	width: 25px;
}

.flex-direction-nav li .prev,
.flex-direction-nav li .next {
	display: block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	cursor: pointer;
}

.flex-direction-nav li .prev {
	background-image: url(../img/bg-arr-left-white.png);
}

.flex-direction-nav li .next {
	background-image: url(../img/bg-arr-right-white.png);
}

.flex-direction-nav li .prev:hover,
.flex-direction-nav li .next:hover {
	background-color: #338545;
}

.flex-direction-nav li a:active,
.flex-direction-nav li a:active {
	top: 0px !important;
}

.flexslider .slider-overlay {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 25%;
	max-height: 80%;
	padding: 25px 35px 10px;
	background: url(../img/bg-trans-75.png);
	color: #fff;
	overflow: hidden;
}

.flexslider .slider-overlay.no-teaser {
	width: auto;
	padding: 15px 25px 5px;
}

.flexslider .slider-overlay h3,
.flexslider .slider-overlay h3 a {
	color: inherit;
	font-size: 18px;
	text-decoration: none;
}

.flexslider .slider-overlay h3 a:hover {
	text-decoration: underline;
}

.searchform .search-text {
	width: 78%;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
}

.form-password .password {
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}


/* WordPress CSS
================================================== */

.aligncenter,
div.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.aligncenter {
	margin-top: 5px;
    margin-bottom: 15px;
}

div.aligncenter {
	margin-top: 0;
}

.alignleft,
.alignright {
	float: left;
	width: auto;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.alignright {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.alignnone {
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 20px;
    font-size: 12px;
}

.wp-caption.aligncenter,
.wp-caption.alignnone {
	margin-bottom: 30px;
}

.wp-caption img {
	float: none;
	padding: 0px;
	border: none;
}

.wp-caption-text {
	margin: 0 0 -10px;
	padding: 5px 10px;
	background: #f8f8f8;
}

.gallery-icon img {
	border: none !important;
}

.gallery-item .wp-caption-text {
	margin: 10px 0 0;
	padding: 0;
	background: none;
}

.sticky {
}

.bypostauthor {
}

.mu_register {
	width: auto;
	padding: 40px 0 20px;
}

.mu_register .error {
	width: 75%;
	padding: 8px 35px 8px 14px;
  	margin-bottom: 5px;
  	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  	background-color: #f2dede;
  	border: 1px solid #eed3d7;  	
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mu_register #blog_title,
.mu_register #user_email,
.mu_register #blogname,
.mu_register #user_name {
	width: 75%;
	font-size: 24px;
	margin: 5px 0;
}

.mu_register input[type="submit"] {
	padding-left: 60px;
	padding-right: 60px;
}

.mu_register .prefix_address,
.mu_register .suffix_address {
	font-size: 18px;
	display:inline;
}

.mu_register label {
	font-weight: 700;
	font-size: 15px;
	display: block;
	margin: 10px 0;
}

.mu_register label.checkbox,
.mu_register label.checkbox input {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}

.mu_register label.checkbox {
	margin-right: 10px;
}

.mu_register .mu_alert {
	padding: 8px 35px 8px 14px;
  	margin-bottom: 20px;
  	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  	background-color: #fcf8e3;
  	border: 1px solid #fbeed5;
}


/* Plugin CSS
================================================== */

.pp_description {
	margin-top: 10px !important;
}

a.pp_arrow_next {
	position: static;
	left: auto;
}

/* Gravityforms */

.gform_fields {
	padding: 0px;
}

.gfield {
	margin: 0 0 10px;
}

.gfield_html {
	padding-top: 10px;
}

.gform_wrapper h3.gform_title {
	color: #404040;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper .textarea {
	line-height: 25px;
	background: #fff;
	border: 1px solid #e9e9e9;
	color: #444!important;
	font-family: Arial, sans-serif;
	font-size: 12px!important;
}

.chzn-search input,
.chzn-container-multi input {
	line-height: normal!important;
}

.gform_button,
.gform_next_button,
.gform_previous_button {
	padding: 7px 25px 7px 28px;
	background: #174b75 url(img/bg-arr-right-white.png) no-repeat 10px center;
	color: #fff!important;
	font-family: 'Droid Serif', serif;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

.gform_next_button,
.gform_previous_button {
	padding-left: 25px;
	background-image: none;
}

.gform_previous_button {
	margin-right: 10px;
}

.gform_button:hover,
.gform_next_button:hover,
.gform_previous_button:hover {
	background-color: #444!important;
}


/* Bootstrap CSS
================================================== */

.alert {
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
}

pre {
	padding: 8px;
	color: #555;
  	background-color: #fcfcfc;
  	border: 1px dotted #ddd;
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
}

.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  	padding: 8px;
  	background-color: #fefefe;
  	border: 1px dotted #e5e5e5;
}

.prettyprint.linenums {
  	-webkit-box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee;
    -moz-box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee;
    box-shadow: inset 40px 0 0 #fcfcfc, inset 41px 0 0 #eee;
}

ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
} 

ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

.tooltip {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
}

.modal-header,
.modal-footer {
	margin: 0;
  	padding: 0 20px;
  	line-height: 50px;
  	border: none;
  	background: url(../img/bg-dots.png);
  	font-size: 16px;
}

.modal-footer {
	padding: 15px 20px;
	line-height: 1;
}

.modal-header h3 {
	margin: 0;
	padding: 0;
	line-height: inherit;
}

.modal-header .close {
	margin: 0;
  	line-height: 50px;
}

.modal-body {
	padding: 15px 20px;
}

.popover-title {
	margin-bottom: 0;
  	padding: 10px 15px;
  	line-height: 1;
  	background: #fff url(../img/bg-dots.png);
  	border: none;
}
.popover-content {
	margin: 0;
  	padding: 1px 15px 15px;
}
    

/*  Useful
================================================== */
    
.left {
	float: left;
	width: auto;
}

.right {
	float: right;
	width: auto;
}


/* Clearing
================================================== */

.clearfix:before,
.clearfix:after {
  	content: '\0020';
  	display: block;
  	overflow: hidden;
  	visibility: hidden;
  	width: 0;
  	height: 0;
}
.clearfix:after {
  	clear: both;
}
.clearfix {
  	zoom: 1;
}

.clear,
.wrap {
	clear: both;
}


/**
 * Media Queries
 *
 * Make this theme look sexy in
 * different browser sizes and devices.
 */


/*  Landscape phone to portrait tablet
================================================== */

@media (max-width: 768px) {
	
	


	
	
	.boxed {
		margin: 0 20px;
	}
	
	.boxed .wrap {
		width: auto;
	}
	
	.boxed .frameshift-menu-main,
	.boxed .frameshift-menu-sub {		
		margin: 0 -20px;
		padding: 0 20px;	
	}
	
	.flexslider {
		height: auto !important;
	}
	
	.flexslider .overlay {
		display: none;
	}
	
	.frameshift-menu a {
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.social-icon {
		margin-right: 5px;
	}

	#top-wrap {
		margin: 0 -20px;
		padding: 0 20px;
	}
	
	.widget-latest .title-widget,
	.widget-latest-work .title-widget {
		margin-left: 0;
	}
	
	.widget-latest .title-widget .arr,
	.widget-latest-work .title-widget .arr {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: -5px;
		margin-bottom: 15px;
	}
	
	.title,
	.hentry.page .post-title,
	.post-meta,
	.widget-latest .title-widget,
	.widget-latest-work .title-widget {
		background-position: center bottom;
	}
	
	.post-image,
	.space-image .alignleft,
	.space-image .alignright {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.span4 .post-image .overlay,
	.span6 .post-image .overlay,
	.size-post-thumbnail .overlay {
		left: 50%;
		margin-left: -150px;
	}
	
	.span3 .post-image .overlay,
	.size-post-thumbnail .overlay {
		left: 50%;
		margin-left: -107px;
	}
	
	.span3 .overlay {
		max-width: 215px;
	}
	
	.size-post-thumbnail .overlay {
		max-width: 215px!important;
	}
	
	#filter,
	.title-nav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.title-nav {
		margin-top: 0;
	}
	
	.title-nav a {
		margin: 0 2px;
	}
	
	#the404 {
		font-size: 150px;
		text-shadow: 5px 5px 0 #fff;
	}
	
	.pagination .next,
	.attachment .pagination .next
	.single-attachment .pagination .next {
		float: none;
	}
	
	.pagination-numbers .next {
		float: left;
	}

	.attachment-navigation.third .span4 {
	    width: auto;
	}
	
	.image-gallery-item {
		text-align: center;
	}
	
	.gallery-icon img {
		float: none;
	}
	
	.gallery-item {
		width: auto !important;
	}
	
	.mu_register #blog_title,
	.mu_register #user_email,
	.mu_register #blogname,
	.mu_register #user_name,
	.mu_register .error,
	.mu_register input[type="submit"] {
		width: 100%;
	}
	
	.call-to-action-text,
	.call-to-action-button {
		display: block;
		padding-right: 0;
		text-align: center;
	}
	
	.call-to-action-button .btn {
		margin: 20px 0 10px;
	}
	
	#credit-wrap {
		margin-top: 0;
		padding-top: 20px;
	}

	#footer .widget {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.pagination .previous,
	.pagination .next,
	.attachment-navigation .previous,
	.attachment-navigation .next {
		text-align: center !important;
	}
	
	.pagination .previous,
	.pagination .center,
	.attachment-navigation .previous,
	.attachment-navigation .center {
		margin-bottom: 10px;
	}
	

}

/*  Portrait tablet to landscape and desktop
================================================== */

@media (min-width: 769px) and (max-width: 1024px) {
	

	
	.boxed .wrap {
		width: 764px;
	}
	
	.boxed .frameshift-menu-main {		
		margin: 0 -20px;
		padding: 0 20px;	
	}
	
	#header {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.flexslider {
		height: auto !important;
	}
	
	.flexslider .overlay {
		padding: 15px 25px 0;
	}	
	
	.widget-latest .title-widget {
		margin-left: 20px;
	}
	
	.searchform .search-text {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}	

	.attachment-navigation.third .span4 {
	    width: 145px;
	}	
	
	#credit-wrap {
		margin-top: 0;
	}

	#footer .widget {
		width: 228px;
		margin-left: 20px;
	}
	

}

/*  Landscape phones and down
================================================== */

@media (max-width: 480px) {
	
	.boxed .wrap {
		width: auto;
	}
	
	.post-title,
	.post-meta,
	.post-teaser,
	.author-box,
	#comments,
	#pings,
	#respond,
	.attachment .image-description,
	.single-attachment .image-description {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	
	
	.credit-left,
	.credit-right {
		float: none;
		width: auto;
		text-align: center;
	}

	#cancel-comment-reply-link {
		top: 30px;
		width: 100%;
		text-align: center;
	}

	.post-teaser .image-gallery {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}

	.post-teaser .image-slider {
		margin-left: -40px !important;
		margin-right: -40px !important;
	}

	.post-teaser .image-slider.width-470,
	.post-teaser .image-slider.width-700 {
		margin-left: auto !important;
		margin-right: auto !important;
	}

}

/*  Portrait tablet
================================================== */

@media (max-width: 1024px) {

	#top {
		margin: 0 -20px;
	}

    #top-left {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0px;
		text-align: left;
	}
	#top-right {
		width: 90%;
		float: none;
		text-align: right;
		margin-top: -10px;
		margin-bottom: 25px;
		margin-right: 30px;
	}
	
	.tinynav {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	
    .frameshift-menu {
    	padding-top: 13px !important;
    }
    
    .frameshift-menu ul,
    .pagination-numbers ul {
    	display: none
    }

    .post-title,
	.post-meta,
	.post-teaser,
	.author-box,
	#comments,
	#pings,
	#respond,
	.attachment .image-description,
	.single-attachment .image-description {
		padding-left: 80px;
		padding-right: 80px;
	}

	.comment-list .children {
		margin-left: 20px;
	}

	.post-teaser .image-gallery {
		margin-left: -60px;
		margin-right: -60px;
		padding-bottom: 20px;
	}

	.image-gallery-item {
		padding-bottom: 20px;
	}

	.post-teaser .image-slider {
		margin-left: -80px;
		margin-right: -80px;
	}
	
	.pagination,
	.attachment-navigation {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/*  Large desktop
================================================== */

@media (min-width: 1060px) {

	.boxed .wrap {
		width: 1060px;
	}

}

@media (min-width: 1025px) and (max-width: 1059px) {

	.post-teaser .image-gallery {
		width: 980px;
	}


	
}