/*
Theme Name: Neutrum - Neutrumisiert NewsFeed
Theme URI: http://www.xn--applejnger-feb.de/
Description: Schlichtes NewsFeed-ThemeVersion: 1.0
Author: Dirk Pannasch
Author URI: http://www.pannasch.net/
Tags: white, widgets, fixed width, postthumbnail, custom menu, business, localized, w3c-conform, clean, search engine optimized,
*/
  

/* Body */
* {margin:0; padding:0;}
body {background:#fff url(images/custom-login-logo-top.svg); background-size: 400px; background-position:0 10px; background-repeat:repeat-x; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; color:#888; font:95% Courier, 'Times New Roman',Tahoma, Arial, sans-serif;}
#wrap {position:relative; margin:50px auto 15px; -moz-border-radius:25px; border-radius:25px; max-width:750px;border:0px solid #e0233e;} /*** Breite des Blogs ändern. Von 1000px auf 1200px z.b. ***/ 

/* Links */
a {font-weight:normal; text-decoration:none; color:#888;}
a:hover {color:#1080bf;}
a img {border:none;}
.contenttext a {color:#1080bf;}

/* Header */
#headerimage a {display:block; width:100%; height:90px; text-align:left; }
#topbar {position:fixed; width:100%; height:35px; -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px#fff; box-shadow: 0 0 5px #fff;}
#menubar {position:fixed; z-index:1;  width:750px; height:25px; padding:5px 0 5px; background: url(images/bg-menubarX.png) bottom center no-repeat;}
#menubar li {display:inline; float:right; margin-right:20px;}
#menubar a {color:#888;}
#menubar a:hover {color:#1080bf;}

/* Main menu */
.menu ul {float:left; list-style:none; display:inline; margin-left:20px;}
.menu ul li {line-height:1.5em; text-align:left;}
.menu ul li a {float:left;}
.menu ul li a:hover, .menu ul li.current_page_item a {background:#1080bf; padding:5px 0 15px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

/* Individuelles menu */
.menu-kopfmenu-container ul {float:left; list-style:none; display:inline; margin-left:20px;}
.menu-kopfmenu-container ul li {line-height:1.5em; text-align:left;}
#menu-kopfmenu li a {float:left;}
#menu-kopfmenu li a:hover, #menu-kopfmenu li.current_page_item a {background:#1080bf; padding:5px 0 15px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

/* Content */
#content {position:relative; z-index:1; line-height:1.6em;  -moz-border-radius:25px; border-radius:25px;} 
#contentwide {line-height:1.6em;} 
#content h2,#contentwide h2 {line-height:1.8em; font-size:1.2em; font-weight:normal; margin:0 0 10px;}
#content h3,#contentwide h3 {margin:0 0 8px;}
#content img,#contentwide img {border:1px solid #d0d0d0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}
#content .postthumbnail {border:none; margin:25px auto 25px;}
.post {margin:0  0 65px 0; padding:0 5px; border-bottom:0px solid #888;}
.post h1 {font-size:1.50em; font-weight:normal; line-height:2.0em; margin:0 0 2px 0; border-bottom:1px solid #e3e3e3;}
.post h1:before {content:"+++"; margin-right:5px;}
.post h1:after {content:"+++"; margin-left:5px;}
.post h1 a {color:#888;}
.post h1 a:hover {color:#1080bf;}
.more-link {display:block; margin:10px 0 0 10px; color:#1080bf;}
.sign {display:block; margin:30px 0 0;}
.contenttext p {margin-top:5px; text-align: justify;}
.clear {clear:both;}

/* Footer */
#footer {border-top:0px solid #e0e0e0; font-size:0.8em; clear:both; font-weight:normal; line-height:1.7em; margin:0 auto; padding:20px 0; text-align:center; width:100%;}
#footer p {color:#d3d3d3; margin:0; padding:0;}
#footer a {color:#d3d3d3; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {text-align:center; border-top:1px solid #859a9f; border-bottom:1px solid #859a9f; margin:20px; font-size:1.3em; color: #859a9f; padding:20px 0;}
label {background-color:inherit; color:#606060; font-weight:normal;}
table#wp-calendar {margin:0 0 20px; width:140px;}
strong {color:#666;}
em {background:#caeafc; color:#666; padding:1px 2px;}

/* Forms */
#s {background:#ffffff; color:#888; border:1px solid #cccccc; text-align:center; padding:4px;}
#submit {background:#ffffff; border:1px solid #cccccc;  margin:0 0 66px; text-align:center; padding:4px;}
#submit:hover {background:#1080bf; color:#fff;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Tahoma,Arial,Sans-Serif; margin:0; padding:4px;}
#searchform {float:right;}

/* Respond */
#respond {background-color:#fff; border-top:1px solid #cccccc; margin:30px 0 10px 0; padding:8px 5px 8px 8px;} 
#respond p{margin:0 0 10px 0;} 
.comment-form-author label:before {content:"\2022";}
.comment-form-email label:before {content:"\2022";}
.comment-form-comment label {width:100%; float:left; margin:0 0 5px;} 
textarea {font-size:1.0em; width:400px;} 
#cancel-comment-reply-link {display:block; line-height:2.9em;} 

/* WP image align classes */
img {max-width:100%;height:auto;} /*Fluid Images */
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
img.alignright {display:inline; margin:20px 0 4px 15px;}
img.alignleft {display:inline; margin:20px 15px 4px 0;}
.alignright {float:right; margin:10px 0px 10px 40px;}
.alignleft {float:left; margin:10px 40px 10px 0px;}
.no-border {border:none !important;}

/* Comments */
.comment {border-left:0px solid #cccccc; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.comment-meta a {color:#1080bf; font-size:0.8em;  font-weight:normal; font-style:italic; line-height:1.0em; margin:0 0 10px;}
.comment-author-admin {background:#fff;}
.comment-body {margin:20px 0 0;}
.comment-author {margin-right:10px; float:left;} 
.comment-author-link {color:#1080bf; padding:20px 0 0; font-size:1.3em;} 
#contentwide ol li {list-style:none;}
#content ol li {list-style:none;}
#contentwide .comment img {border:none; margin-bottom:-2px;} /* Kommentar-Smilies */
#content .comment img {border:none; margin-bottom:-2px;} /* Kommentar-Smilies */
#content .wp-smiley, #contentwide .wp-smiley {background:transparent; border: none; float: none; padding: 0; margin-bottom:0px;} /* Kommentar-Smilies */
#comments-title {float:left; width:100%;}
#cancel-comment-reply-link {float:left; width:100%; margin:0 0 15px; font-size:0.9em;}
.navigation {display:block; padding:10px 0 10px; text-align:center;}
.nav-previous {float:left; margin-right:10px; width:45%;}
.nav-next {float:right; margin-left:10px; width:45%;}
.gravatarside {float:left; width:48px; height:48px; margin:0 5px 5px 5px;}
.required {display:none;}
label {float:left; width:100%;}
.reply a {color:#d3d3d3;}
.reply a:hover {color:#1080bf;}

/* WP-Monalisa-Smilies */
#contentwide .comment .wpml_ico {border:none; margin-bottom:-12px;} 
#content .comment .wpml_ico {border:none; margin-bottom:-12px;}

/* Various classes and id´s*/
.youtube-player {width:100%;}
#error {width:99%; margin-bottom:-8px; text-align:center;}
#xhtml {border:0px solid #cccccc; padding:0 10px; margin:20px 0 0 0;}
#back-to-top {color:#d3d3d3; float:right; margin:30px 0 0 0;}
#back-to-top a {color:#d3d3d3;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.prevlink {float:left; margin:0 10px 0 0; width:45%;}
.nextlink {float:right; margin:0 0 0 10px; width:45%;}
#mig:after {content:url(images/made-in-germany.png);}
#wp-calendar a {text-decoration:underline;}
.page-numbers  {margin:0 2px; color:#d3d3d3; padding:3px;}
.page-numbers:hover {color:#1080bf;}
.next  {color:#d3d3d3;}
.current {background:#1080bf; color:#fff; padding:2px 4px;}
.current:hover {color:#d3d3d3;}
/* Special "Niemand scrollt auf Webseiten!?" */
body.postid-401 {background: url(images/sexy-legs.jpg) no-repeat center 200px; color:#000;}
body.postid-401 a {color:#000;}
body.postid-401 .contenttext p {background: rgba(255, 255, 255, 0.7); padding:10px;}
body.postid-401 .contenttext p.headline {display:inline-block; background:none; font-size:5.0em; line-height:1.0em;}
body.postid-401 .contenttext p.hl1 {text-align:left; margin:40% 0 0;}
body.postid-401 .contenttext p.hl2 {text-align:left; margin:2200px 0 0;}
/* Special Leckel */
img#visitcard-1 {position:relative; z-index:2; border:none; margin:10px 0 0 -10px;}
img#visitcard-2 {position:relative; z-index:1; border:none; margin:30px 0 0 -70px;}


/* jQuery Searchfield */
/* Container */
#osx-container {min-width:300px; max-width:500px; background-color:#fff; color:#000; font:1.3em Courier, 'Times New Roman',Tahoma, Arial, sans-serif; padding-bottom:4px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#container {margin:0 auto; padding:20px 5px 0; width:100%;}
#osx-content {padding:20px 0;}
#osx-modal {position:fixed; z-index:100; top:0px; left:0px; width:100px; height:100px; background: url(images/bg-modal.png)no-repeat;}
#searchform {margin:20px auto; width:100%;}
#searchform input {width:160px;}
#osx-modal-content, #osx-modal-data {text-align:center; display:none;}
#osx-modal-data {font-size:0.9em; padding:6px 12px;}
#osx-modal-data li {list-style:none;}
#osx-modal-data li a {color:#888; list-style:none;}
/* Overlay */
#osx-overlay {background-color:#fff; cursor:wait;}
#osx-container a {color:#1080bf;}
#osx-container #osx-modal-title {color:#1080bf; background-color:#fff; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #fff;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#1080bf; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
.demo {margin:0px 0 0px 0px;}


/* ########################################################################### */
/*  --------------------------------------------- His  Responsiveness --------------------------------------------- */
/* ########################################################################### */

	
@media screen and (min-width:240px) and (max-width:768px) {
body {font:100% Courier, 'Times New Roman',Tahoma, Arial, sans-serif;}
.post h1 {text-align:center;}
.prevlink {margin:10px 0; width:100%;}
.nextlink {margin:10px 0; width:100%;}
.post h1:before, .post h1:after {display:block;}
body.postid-401 {background: url(images/sexy-legs.jpg) no-repeat center 400px; color:#000;}
body.postid-401 .contenttext p.headline {font-size:2.8em;}
body.postid-401 .contenttext p.hl2 {text-align:left; margin:750px 0 0;}
img#visitcard-1 {margin:0 auto;}
img#visitcard-2 {margin:0 auto;}

} /* Ende @media screen */	




/* Abstand */