/*
Theme Name: knspr6
Theme URI: http://wordpress.org/
Description: Version 6 des knuspermagier themes
Author: knuspermagier
Version: 1.0
Tags: knuspermagier
*/

@font-face {
  font-family: 'Droid Serif';
    src: url(dsr.ttf) format("truetype");         
}

@font-face {
  font-family: 'OFL Sorts Mill Goudy TT';
    src: url(ofl.ttf) format("truetype");         
}

/* ---------------------------------------------------------------------------------
   BEGIN
   --------------------------------------------------------------------------------- */
body {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1em;
	
	background: url(images/comment-background.png);
}

#top { 
	background: url(images/headceil.png) repeat-x;
	color: #eee;
	
	padding-top: 8px;
	height: 27px;
	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

#top .top-container {
	width: 850px;
	margin: auto;
}

#top .title {
	float: left;
	font-weight: bold;
	font-size: 1.2em;
}

#top .title a {
	color: inherit;
	text-decoration: none;
}

#top .navi {
	float: right;
	margin: .1em 0 0 0;
}

#top .navi li {
	display: inline;
	float: left;
	margin: 0 .5em;
}

#top .navi li a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #eee;
	font-family: Helvetica, sans-serif;
	padding: .1em;
	font-size: .8em;
}

#top .navi li a:hover {
	border-bottom: none;
}

.footer {
	text-align: center;
	font-size: .7em;
	margin: 1em 0;
	color: #666;
}

.footer a {
	color: inherit;
}

.footer a:hover {
	text-decoration: none;
}


.prevnext {
	width: auto;
	max-width: 250px;
	
	margin: auto;
	
	background: #111;
	color: #eee;
	
	font-size: .9em;
	
	padding: .5em;

	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	position: absolute;
}

.prevnext a {
	color: inherit;
	text-decoration: none;
}

.prev {
	left: 7%;
}

.next {
	right: 7%;
}

.center {
	right: 49%;
}

.editlink {
	text-align: center;
	margin: .5em;
	
	color: #aaa;
}

.editlink a {
	text-decoration: none;
	color: inherit;
}

#posts {
	width: 100%;
}

.post {
	width: 100%;
	
	border: 1px #ccc solid;
	border-left: none;
	border-right: none;
	border-top: none;
	
	padding: 1em 0 1em 0;
	
	background: url(images/light-background.png);
}

.post .post-container {
	width: 850px;
	margin: auto;
	padding: 2em 0;
}

.post .post-meta {
	float: left;
	
	width: 60px;
        margin:1px 10px 0 0;
}

.post-meta .box {
	color: #111;
}

.post-meta .box:hover {
	background-position: bottom left;
	
	opacity: 1;
}

.post .post-meta .box a {
	color: inherit;
	text-decoration: none;
}

.post-like {
	text-align: center;
	float: right;
	
	width: 60px;
        margin:1px 0 0 0;
}

.post-meta .post-comments {
	display: block;
	font-size: 2em;
	text-align: center;
}

.single .post-meta .post-comments {
	display: none;
}

.post .post-inner-meta {
font-size:0.7em;
margin:0.5em 0 0;
opacity:0.3;
text-align:center;
}

.post .post-inner-meta a{
color: inherit}

.post .post-content {
	width: 720px;
	float: left;
}

.post .post-title {
	font-family: "OFL Sorts Mill Goudy TT", Georgia, serif;
	font-size: 2.3em;
        line-height: 44px;
}

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

.post .post-body {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 12pt;
	line-height: 145%;
	
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .4);
}

.post .post-body .bigskip {
	margin-top: 2em;
}


.post .post-body h3 {
	font-size: 1.3em;
	font-weight: bold;
	
	margin: .5em 0 0 0;
}

.post .post-body a:link, .post .post-body a:active {
	color: #0078ff;
	text-decoration: none;
}

.post .post-body a:active {
	position: relative;
	top: 1px;
	left: 1px;
}

.post .post-body a:visited {
	color: #0265d5;
	text-decoration: none;
}

.post .post-body a:hover {
	text-decoration: underline;
}

.post .post-body p {
	padding: .8em 0;
}

.post .post-body img.left {
	float: left;
	margin: 0 5px 0 0;
}

.post .post-body img.right {
	float: right;
	margin: 0 0 0 5px;
}


.post .post-body img.center, .post .post-body .wp-caption {
	display: block;
	margin: auto;
	margin-bottom: 1em;
}

.post .post-body .wp-caption {
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        font-size: .8em;
        text-align: center;
	margin: 1.5em auto;
}

.post .post-body img.shadow, .post .post-body .wp-caption img {
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .75);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
}

.post .post-body img.darkshadow {
	-moz-box-shadow: 0 0 20px rgba(80, 80, 80, .9);
	-webkit-box-shadow: 0 0 20px rgba(80, 80, 80, .9);
}

.post .post-body img.noborder {
	border: none;
}

.post .post-body .flickr-image {

	display: block;
	margin: auto;
	margin-bottom: 1em;
	
	
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .75);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .75)
}

.post .post-body .flickr-images {
	list-style-type: none;
	margin: 0 !important;
	text-align: center;
}

.post .post-body .flickr-images li {
	display: inline;
}

.post .post-body .flickr-images img {
	margin: 10px;
	-moz-box-shadow: 0 0 20px rgba(127, 127, 127, .4);
}


.post .post-body blockquote {
	border-left: 2px #000 solid;
	
	margin: 0 2em;
	padding: 0 1em;
	
	font-size: .8em;
}

#flickr-image-popup {
	display: none;
	border: 1px #222 solid;
}

.post .post-body object.youtube {
	display: block;
	width: 640px;
	height: 505px;
	margin: auto;
}

.post .numberOfNotes {
	background: rgba(0, 0, 0, .8);
	color: #EEEEEE;
	display: inline;
	font-size: .8em;
	margin-top: -48px;
	padding: .7em;
	position: absolute;
}

.post .post-body .columns-2 {
	-moz-column-count:2;
	-moz-column-gap:25px;
}

.post .post-body ul {
	list-style-type: square;
	margin: 0 2em;
}
.post .post-body ol {
	list-style-type: decimal;
	margin: 0 2em;
}


.post .post-body li {
	margin: 1em 0;
}

.post .footnote-anchor {
	position: relative;
	top: -10px;
	font-size: .8em;
	font-family: Helvetica, sans-serif;
	margin: 0 5px 0 0;
}

.post .footnote-anchor:before {
	content: "[";
}

.post .footnote-anchor:after {
	content: "]";
}

.post .footnote-tooltip {
	display: none;
	background: #111;
	
	padding: .4em;
	margin: .4em;
	
	font-size: .8em;
	font-family: Helvetica, sans-serif;
	color: #eee;
	
	text-shadow: none;
}

.post .like-count {
color:#FFFFFF;
font-size:0.7em;
font-weight:bold;
margin:-23px 0 0 -3px;
position:absolute;
text-shadow:0 0 5px rgba(0, 0, 0, 0.4);
}

.post .like-confirmation {
        font-size: 1.3em;
        font-weight: bold;
        
        margin: 0 0 0 15px;
        
	color: red;
	display: none;
}


/**
 * Retired
*/
.post .post-content .post-image {
	margin: 0 0 1em;
	text-align: center;
}
.post .post-content .post-image img {
	width: 720px;
}

.navigation {
}

.pager {
	margin: auto;
	text-align: center;
	
	padding: 1em;
}

.pager li {
	display: inline;
	margin: .5em;
}

.pager li a {
	font-family: Verdana;
	font-size: .75em;
	
	background: #111;
	border: 1px #ccc solid;
	
	padding: .5em;
	
	color: #efefef;
	text-decoration: none;
	
	text-align: center;
	
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px;
}

.pager li.page-current a {
	font-weight: bold;
	background: #333;
}

.pager li:hover a {
	background: #333;
}


/**
 * Comments
*/

.comments {
	border-top: 2px #ddd solid;
	
	padding: 1em 0;
}

.comments .comments-container {
	width: 650px;
	margin: auto;
}

.comments-container .nocomments {
	font-family: "Droid Serif";
	font-size: 1.1em;
	line-height: 125%;
}

.comments-container .comment {
	margin: 1em 0;
}

.comments-form {
	margin: 1em auto;
	
	text-align: center;
	width: 410px;
}

.comments-form .user-fields li {
	display: inline;
}

.user-fields {
}

.user-fields input {
	padding: 2px;
	font-family: Helvetica, sans-serif;
	font-size: .9em;
	
	border: 1px #ddd solid;
	
	background: rgba(255, 255, 255, .4);
	
	width: 125px;
	margin: 0 1px;
}

.comments-form textarea {
	width: 393px;
	
	padding: 5px;
	margin: 5px 1px;
	
	
	font-family: Helvetica, sans-serif;
	font-size: .9em;
	border: 1px #ddd solid;
	
	background: rgba(255, 255, 255, .4);
}

.user-fields input:focus, .comments-form textarea:focus {
	background: rgba(255, 255, 255, .8);
}

.comments-form .comment-submit  {
	margin: .8em auto 0;
	width: 393px;
}

.comments-form .comment-submit .submit {
	float: right;
}

.comments-form .comment-submit .comment-notify {
	display: inline;
	width: 70%;
	
	float: left;
	font-size: .75em;
}

.comments-form .comment-submit .comment-notify label {
	position: relative;
	top: -3px;
	left: 2px;
}

.comments-form .comment-submit .submit {
	font-family: "Droid", serif;
	font-size: 1.1em;
	
	border: none;
	
	background: transparent;
}

.comments-form .comment-submit .submit:focus {
	position: relative;
	top: 1px;
	left: 1px;
}

.comment .comment-avatar {
	width: 40px;
	float: left;
}

.comment .comment-avatar img {
	position: relative;
	top: 3px;
}

.comment .comment-author {
	font-weight: bold;
	display: inline;
	margin: 0 .3em 0 0;
	float: left;
}

.comment .comment-author a {
        color: inherit;
        text-decoration: none;
}

#cancel_reply {
font-size:10px;
margin-top:20px;
position:absolute;
}

.comment .comment-body {
	width: 90%;
	float: left;
	
	font-family: "Droid Serif";
	font-size: .9em;
	line-height: 125%;
	
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .4);
}

.comment .comment-body p {
	margin: 0 0 .5em;
}


.comment .comment-body .thdrpy {
	clear: both;
}

.comment .comment-body .thdrpy a {
	font-size: .8em;
	font-family: Helvetica, sans-serif;
	float: right;
	
	color: #555;
}

#searchform {
	text-align: center;
	display: inline;
	float: right;
	margin-left: 25px;
}

#searchform input {
background:none repeat scroll 0 0 #111111;
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none dotted;
border-width:medium medium 1px;
color:#EEEEEE;
font-family:Helvetica,sans-serif;
font-size:0.8em;
margin-top:2px;
}

/* 
 * SPECIAL ASPECTS FOR /dark/ posts
*/
.dark .post-inner-meta {
        color: #eee;
}

.dark .post-meta .box {
	color: #eee;
}

.dark .post-meta .box:hover {
}

.dark {
	background: url(images/dark-background.png);
}

.dark .post-title {
	color: #eee;
}

.dark .post-body {
	color: #eee;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4) !important;
}
















/*
 * Special for reviews
*/

.review-container {
	width: 71%;
	margin: auto;
}

.review-list-container {
	width: 71%;
	margin: auto;

	position: relative;
	left: -10000px;
}


.reviewRecent {
	margin: 0;
	padding 0;
}


.reviewRecent li {
	margin: 0 10px !important;
	padding: 0 !important;

	width: 250px;
	height: 220px;

	float: left;
	display: inline;
}

.reviewRecent .review-image {
	width: 100%;
	border: 5px #fff solid;
	-moz-border-radius: 5px;

	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
}

.reviewRecent .review-title {
	font-family: Helvetica, sans-serif;
	font-size: .8em;

	background: rgba(0, 0, 0, .6);
	padding: 3px;

	color: #fff;

	display: block;
	width: 244px;
	position: relative;
	margin-top: -26px;
	margin-left: 5px;
}

.reviewRecent .review-stars {
	display: block;
	text-align: right;

	position: relative;
	top: 25px;
}

.review-nav {
	position: absolute;
	top: 480px;

	
}

.review-nav a {
	text-decoration: none;	
	color: #444;
	font-family: Georgia;
	font-weight: bold;
	display: block;
	font-size: 2.5em;
	background: #fff;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	padding: 2px 6px 6px 6px;
}

.review-prev {
	left: 25px;
}

.review-next {
	right: 25px;
}

.einkauftable {
	font-family: Verdana, sans-serif;
	font-size: .9em;
	border: 2px #ddd solid;
}


.einkauftable td {
	padding: 5px;
}

.einkauftable td:first-child {
	width: 90%;
}

.einkauftable tr:nth-child(2n) {
	background: #ddd;
}



/** timeline **/
#slider {
	width: 50%;
	margin: auto;
}

.timelineLimit {
	width: 100%;
	overflow: hidden;

}

.timeline {
	width: 2000px;
	padding: 0 1em;
}

.timelineItem {
	float: left;
	margin: 10px;
	width: 320px;
padding:5px;

	background: rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	font-family: Verdana, sans-serif;
	font-size: .8em;
}

.timelineItem ul {
	list-style-type: square;
	margin: 5px;
}


.timelineItem ul li {
	margin: 4px; 
}


.post-newmeta {
	position: absolute;
	text-align: center;
	width: 100%;
}

.post-newmeta span {
	background: #111;
	color: #eee;
	
	padding: 5px;
}

.post .post-body p.big {
	font-family: Helvetica, sans-serif;
	line-height: 44px;
	font-weight: bold;
	font-size: 2.3em;
}