@charset "UTF-8";
/*
Theme Name: Mesop Theme 
Description: Das Standard Mesop-Theme 
Version: 1.0 
Author: Jörn Johansen - jenero.net 
License: not free
License URI: https://jenero.net
Text Domain: mesop
*/

* {
	margin: 0;
   padding: 0;
   border: 0;
}

body {
   font-family: Microsoft Sans Serif, Arial, Helvetica, sans-serif;
   text-align: center;
}

#wrapper {
   width: 970px;
   margin: 0 auto;
   background-color: #F7F2BD;
   text-align: left;
}

/* -------------------------------------------------- */
/* ================== Kopfbereich =================== */
/* -------------------------------------------------- */

#header {
   width: 100%;
   height: 432px; /* 388 Bild + 40 Mainmenu + 4 Abstand*/
   min-height: 432px;
   background: url(images/header.jpg) no-repeat;
   position: relative;
}

/* ================== Kopf - Legals =================== */

#legals {
   /*background-color: khaki;*/
   width: 472px;
   height: 40px;
   position: absolute;
   left: 468px;
   top: 76px;
}

#legals ul {
   line-height: 40px;
   text-align: right;
   font-size: 14px;
}

#legals li {
   list-style-type: none;
   display: inline;
   margin-left: 20px;
}

#legals a {
   color: #74661B;
   text-decoration: none;
   text-transform: uppercase;
}

/* ================== Kopf - Haupt-Menü =================== */

#mainmenu {
   background-color: #845326;
   height: 40px;
   min-height: 40px;
   width: 100%;
   position: absolute;
   top: 392px;
   color: #FAF6C7;
}

#mainleft {
	float: left;
}

#mainright {
	float: right;
   background-color: #A16D3E;
	
}

#mainmenu p {
   line-height: 40px;
}

#mainmenu h2 {
   display: none;
}

#mainmenu ul {
   margin-left: 30px;
}

#mainmenu li {
   float: left;
   margin-right: 30px;
   line-height: 40px;
   list-style-type: none;
   text-transform: uppercase;
}

#mainmenu a {
   color: #E1DEBF;
   text-decoration: none;
   font: 16px Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
   line-height: 40px;
}

#mainmenu .current-menu-item, #mainmenu .current-menu-parent {
   background-image: url(images/current-cat.gif);
   background-position: center;
}


/* ---------------------------------------------- */
/* ================== Inhalt =================== */
/* ---------------------------------------------- */

#bodyframe {
   background-color: #FAF5C2;
   overflow: hidden;
   margin-top: 4px;
   border-top: 2px solid #693322;
}

.shadowtop {
   height: 20px;
   background-repeat: no-repeat;
}

.shadowright {
   background-repeat: repeat-y;
   background-position: right;  
}

.shadowbottom {  
   height: 20px;
   background-repeat: no-repeat;
}

/* ================== Inhalt - Seitenspalte =================== */

#sidebar {
   width: 310px;
   float: left;
   padding-top: 22px;
}

#sidebar li {
   list-style-type: none;
}

#sidebar .sidebox {
   width: 280px;
   margin-bottom: 20px;
   margin-left: 30px;
}

#sidebar .boxhead_ro {
   background: url(images/HG_box-ro.gif) top right no-repeat;
   height: 20px;
}

#sidebar .boxhead_lo {
   background: url(images/HG_box-lo.gif) top left no-repeat;
   height: 20px;
}

#sidebar .boxbody {
   padding: 0 30px 30px 10px;
   background: url(images/HG_box-uu.gif) bottom right no-repeat;
}

#sidebar .boxinner p {
   font-size: 12px;
   margin-bottom: 10px;
	line-height: 16px;
}

#sidebar .widgettitle {
   display: none;
}

#sidebar .boxinner h2 {
   font-size: 18px;
   margin-right: 30px;
   margin-bottom: 20px;
   color: #845326;
   text-transform: uppercase;
   letter-spacing: 2px;
   border-bottom: 1px solid #845326;
}

#sidebar .boxinner ul .entry-title {
	font: bold 12px Georgia, "Times New Roman", Times, serif; 
	border-bottom: none;
	text-transform: none;
	margin: 0 0 5px;
	line-height: 16px;
	letter-spacing: normal;
}

#sidebar .boxinner ul h2, #sidebar .boxinner ul h3 {
	font: bold 11px Georgia, "Times New Roman", Times, serif; 
	border-bottom: none;
	text-transform: none;
	margin: 0 0 5px;
	line-height: 16px;
	letter-spacing: normal;
}

#sidebar .boxinner ul li {
	margin-bottom: 20px;
}

#sidebar .sidebox h3 {
   font: italic bold 14px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom: 8px;
}


/* ================== Inhalt - Content =================== */

#content {
   width: 660px;
   float: right;
}

#content .shadowtop {
   width: 620px;
   background-image: url(images/shadowtop-x.jpg);
   margin: 22px 10px 0 30px;
}

#content .shadowright {
   padding-right: 20px;
   background-image: url(images/shadowright-x.jpg); 
   margin: 0 10px 0 30px;
}

* html #content .shadowright {
   
}

#content .shadowbottom {
   width: 620px;
   background-image: url(images/shadowbottom-x.jpg);
   margin: 0 10px 22px 30px;
}

* html #content .shadowbottom {
   margin: 0 20px 0 30px;
   padding-top: -10px;
   background-position: 0;
   width: 100%;
}

#content .inner {
   background-color: #F1EECA; 
   background-image: url(images/bg-content.jpg);
   background-repeat: repeat-x; 
   border-right: 1px solid #C6C18F;
   border-bottom: 1px solid #C6C18F;
   border-left: 1px solid #C6C18F;
   padding: 10px 40px 0;
	font-size: 14px;  
}

#content .inner p {
   margin-bottom: 10px;
}

#content .storytitle {
   font: italic 20px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom: 10px;
}

#content h2 {
   font: italic 18px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom: 10px;
}

#content h3 {
   font: italic 16px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom: 8px;
}

#content .post {
   margin-bottom: 50px;
}

#content .post .more-link {
   display: block;
   text-align: right;
}

.quellenangaben {
   margin-bottom: 10px;
   text-align: right;
}

.quellenangaben li {
   font-size:12px;
   display: inline;
   margin-right: 5px;
   list-style-type: none;
   color: #845326;
}

#content a, #sidebar a {
   color: #756B21;
}

#content .storytitle a {
   text-decoration: none;
   color: #756B21;
}

#content .singlepage a {
   text-decoration: none;
   color: #845326;
}

#content .quellenangaben a {
   
}

img.alignleft {
   float: left;
   margin-right: 12px;
   margin-bottom: 6px;
}

img.alignright {
   float: right;
   margin-left: 12px;
   margin-bottom: 6px;
}

#content .inner .vorzurueck {
   margin-bottom: 50px;
   text-align: center;
}

#singlepage p:first-child {
   font-weight: bold;
   color: #756B21;
}

#singlepage h2 {
   font: italic 18px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom:6px;
}

#singlepage h3 {
   font: italic 16px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom:6px;
}

#singlepage h4 {
   font: italic 14px Georgia, "Times New Roman", Times, serif;
   color: #756B21;
   margin-bottom:6px;
}

#content .mehrseiten {
   font-size: 14px;
   color: #845326;
   margin-top: 20px;
}

#content .mehrseiten a {
   color: #756B21;
   margin: 0 10px 0;
}

#content .mehrseiten_top {
   margin: 0 0 20px 10px;
   border: 1px solid #756B21;
   float: right;
   padding: 12px;
}

#content .mehrseiten_top a {
   display: block;
   margin: 0;
}

/* ---------------------------------------------- */
/* ================== Diverses =================== */

input,
#mailfield,
input[type=email],
#s2email { /* Newsletter Eingabefeld für E-Mail-Adresse */
   width: 300px;
   padding: 4px 10px;
   background-color: #FAF5C2 !important;
   border-top: 1px solid #C6C18F;
   border-left: 1px solid #C6C18F;
   margin-top: 10px;
   color: #845326;
}

#buttonanmeld, #buttonabmeld,
input[type=submit] {
   background-color: #E3DEAB;
   width: 150px;
   padding: 4px;
   color: #845326;
   border-top: 1px solid #C6C18F;
   border-right: 1px solid #845326;
   border-bottom: 1px solid #845326;
   border-left: 1px solid #C6C18F;
}

input[value=Subscribe] {
	background-color: #d6c786 !important;
}

input[value=Unsubscribe] {
	background-color: #edc9a6 !important;
}

.fehlermeldung {
   color: #CC0033;
}

.okmeldung {
   color: Green;
}


#id-33 input {
  /* width: 250px; */
   padding: 4px;
}


/* ---------------------------------------------- */