﻿/*
Theme Name: ehrenzeichen-orden.de
Theme URI: 
Description: Design from ehrenzeichen-orden.de 
Version: 1.0
Author: Maik Schindler
*/
body, table, div, input, form {
	margin : 0;
	padding : 0;
	font-family : Georgia, Times, Times New Roman, serif;
	line-height : 1.5em;
	font-size : 12px;
	color : #524F45;
}
body {
	background-color : #EAE8DE;	
}
a:link { 
	color : #324D7F;
	text-decoration : none;
}
a:visited { 
	color : #324D7F; 
	text-decoration : none;	
}
a:hover { 
	color : #6D695C; 
	text-decoration : none;
}
a:active { 
	color : #324D7F;
	text-decoration : none;
}

img { border : 0; }

ul,li {
	padding : 0;
	margin : 0;
	list-style-type : none;
}
div.clear {
	clear : both;	
}
div#root {
	width : auto;
	margin: auto;
	padding: 0;
	position : relative;
}

img.corner-top-left {
	width : 9px;
	height : 9px;
	background-image : url(https://www.ehrenzeichen-orden.de/wp-content/themes/ehrenzeichen-orden/img/corner.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	position : absolute;
	top : 0;
	left : 0;
}
img.corner-top-right {
	width : 9px;
	height : 9px;
	background-image : url(https://www.ehrenzeichen-orden.de/wp-content/themes/ehrenzeichen-orden/img/corner.png);
	background-repeat : no-repeat;
	background-position : -9px 0;
	position : absolute;
	top : 0;
	right : 0;
}

div#breadcrumb {
	padding : 7px 0;	
}
div#breadcrumb div {
	float : left;
}
div#breadcrumb div.rsaquo {
	padding : 0 3px;	
}
div#header {
	border-top : 1px solid #D8D5CA;
	position : relative;
}
div#header div#logo {
	color : #514E44;
	font-weight : bold;
	font-size : 11px;
	height : 134px;
    position : relative;
    z-index : 1;
    text-shadow: #fff 1px 1px 1px;
}
div#header div#logo img {
	margin : 50px 0 5px 0;
	cursor: pointer;
}
div#header div#logo h3 {
	display : inline;
	font-size : 14px;

}
div#header div#logo span#dgo {
	font-style : normal;
	color : #94928B;
	padding : 5px 0;
	display : block;
}
div#header div#orden {
	background-image : url(https://www.ehrenzeichen-orden.de/wp-content/themes/ehrenzeichen-orden/img/orden.png);
	background-repeat : no-repeat;
	width : 518px;
	height : 134px;
	position : absolute;
	left : 380px;
	top : 0;
	z-index : 0;
}
div#header div#header-search {
	background-image : url(https://www.ehrenzeichen-orden.de/wp-content/themes/ehrenzeichen-orden/img/search-bg.png);
	background-repeat : no-repeat;
	position : absolute;
	top : 5px;
	right : 0;
	width : 180px;
	height : 100px;
	padding : 10px;
	z-index : 1;
}
div#header div#header-search input#searchfield {
	width : 115px;
	margin : 0 0 5px 0;	
	border : 1px solid #4E6A87;
}

div#header div#header-search a:hover {
	color : #A01A00;
}


ul#navi-timeline li.timeline {
	float : left;
	background : #324D7F;
	width : 137px;
	font-size : 18px;
	color : #fff;
	margin : 0 1px 0 0;
	padding : 5px 10px;
	position : relative;
	list-style-type : none;
	cursor: pointer;
}
ul#navi-timeline li.timeline.hover {
	background : #122039;
}
ul#navi-timeline li.timeline img.arrow {
	position : absolute;
	top : 11px;
	right : 10px;
}

ul#navi-kategorie li.main-kategorie {
	position : relative;
	float : left;
	background : #fff;
	width : 137px;
	background-image : url(https://www.ehrenzeichen-orden.de/wp-content/themes/ehrenzeichen-orden/img/main-navi-bg.png);
	background-repeat : repeat-x;
	margin : 0 1px 0 0;
	padding : 5px 10px 5px 10px;
	font-weight : bold;
	height : 52px;
}
ul#navi-kategorie li.main-kategorie.activ {
	background-image : url(https://www.ehrenzeichen-orden.de/wp-content/themes/ehrenzeichen-orden/img/main-navi-bg-activ.png);
}
ul#navi-kategorie li.main-kategorie a {
	text-decoration : none;
	color : #524F45;
}
ul#navi-timeline li.first,
ul#navi-timeline li.last,
ul#navi-kategorie li.first,
ul#navi-kategorie li.last {
	width : 138px;
}
ul.sub-kategorie {
	position : absolute;
	left : 0;
	top : 52px;
	background : #F7F6F2;
	padding : 5px 0;
	width : 157px;
	display : block;
	z-index : 3;
}
ul.sub-kategorie li {
	padding : 2px 5px;
	margin : 0 5px;
	background : #F7F6F2;
	font-weight : normal;
}
ul.sub-kategorie li:hover {
	background : #B6C2D7;
}

ul.sub-kategorie.first,
ul.sub-kategorie.last {
	width : 158px;
}

div#content {
	float : left;
	margin : 30px 30px 0 0;
	width : auto;
}
div#sidebar {
	float : left;
	margin : 30px 0 0 0;
	width : 280px;
}
div.box {
	margin : 0 0 10px 0;	
}
div.box-header {
	background : #324D7F;
	color : #fff;
	font-weight : bold;
	padding : 7px 10px;	
	position : relative;
}
div.box-header img.arrow {
	position : absolute;
	right : 10px;
	top : 9px;	
}
div.box-content {
	padding : 20px;
	background : #fff;	
}
div.box-content div.another-orden {
	clear : both;
	margin : 0 0 5px 0;
}
div.box-content div.another-orden img {
	margin : 0 5px 0 0;	
}

h1,
h2 {
	font-size : 20px;
	font-weight : normal;
	display : inline;
}
div#teaser {
	margin : 10px 0 30px 0;
	padding : 0;
	text-align : justify;
}
div#teaser ul,
div#teaser li {
	margin : 0 0 0 10px;
	list-style-type : disc;
}

div.index-post {
	float : left;
	width : 303px;
}
div.index-post.first {
	margin : 0 33px 0 0;
}
div.index-post div.index-posted-in {
	font-weight : bold;
	border-bottom : 1px solid #D8D5CA;
	padding : 10px 0;
	margin : 0 0 10px 0;
}
div.index-post div.post-image {
	width : 303px;
	height : 303px;
	position : relative;
}
div.index-post div.post-image img.image-product {
	width : 303px;
	height : 303px;
}

div.index-post div.index-post-title {
	margin : 20px 0 0 0;
	background : #F2F1EB;
	padding : 10px;
}
div.index-post div.index-post-non-bg {
	padding : 10px;	
}
div.index-post div.index-post-with-bg {
	padding : 10px;	
	background : #F2F1EB;
}
div.index-post div.index-post-non-bg div.key,
div.index-post div.index-post-with-bg div.key {
	float : left;
	width : 100px;
	font-style : italic;
}
div.index-post div.index-post-non-bg div.value,
div.index-post div.index-post-with-bg div.value {
	float : left;
	width : 180px;
}
div.index-post div.index-post-non-bg div.value li,
div.index-post div.index-post-with-bg div.value li {
	list-style-type : disc;
}
div.index-post div.index-post-more {
	padding : 10px 10px 40px 10px;
	text-align : right;
	font-weight : bold;
}
div.index-post div.index-post-more a:link {
	text-decoration : none;	
}

/* single.php */
div.single-post {
	margin : 0 0 30px 0;	
}
div.single-post div.post-image {
	width : 303px;
	float : left;
	position : relative;
}
div.single-post div.post-image.front {
	margin : 0 33px 0 0;
}
div.single-post div.post-image img.image-product {
	width : 303px;
	height : 303px;
}
div.single-post div.post-image img.image-banner {
	width : 303px;
}
div.single-post div.single-post-box {
	width : 303px;
	float : left;
}
div.single-post div.single-post-box.first {
	margin : 0 33px 0 0;
	padding: 10px 0 0 0;
}
div.single-post div.single-post-box.ad {
	padding: 20px 0 0 0;
}
div.single-post div.single-post-non-bg {
	padding : 10px 0;	
}
div.single-post div.single-post-with-bg {
	padding : 10px 0;	
	background : #F2F1EB;
}
div.single-post div.single-post-non-bg div.key,
div.single-post div.single-post-with-bg div.key {
	float : left;
	width : 90px;
        padding : 0 0 0 10px;
	font-style : italic;
}
div.single-post div.single-post-non-bg div.value,
div.single-post div.single-post-with-bg div.value {
	float : left;
	width : 203px;
}
div.single-post div.single-post-non-bg div.value li,
div.single-post div.single-post-with-bg div.value li {
	list-style-type : disc;
}



div#footer {
	background : #F7F6F2;
	text-align : center;
	color : #6D695C;
	padding : 10px 50px;
	position : relative;
	width : auto;
	margin : auto;
}
div#footer a:link {
	text-decoration : none;
}
div#footer ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
div#footer ul li {
	padding : 15px 0 0 0;
	font-weight : bold;
}
div#footer ul li a {
	color : #6D695C;
}
div#footer ul li ul.children li {
	display : inline;
	font-weight : normal;
	border-right : 1px solid #6D695C;
	padding : 0 2px 0 5px;
}
div#footer ul li ul.children li.last { 
	border-right : 0px; 
}
div#footer ul li ul.children li a {
	color : #6D695C;
	white-space : nowrap;
}
div#footer div#footer-pagelinks {
	margin : 30px 0 0 0;	
}
div#footer div#footer-pagelinks a {
	margin : 30px 0 0 0;
	color : #6D695C;
}


div.amaapi {
	padding : 0 0 25px 0;
}
div.amaapi h3 {
	background : #324D7F;
	display : block;
	padding : 5px;
	margin : 0 0 10px 0;
	color : #fff;
}
div.amabox {
	padding : 5px 0 0 0;
	float : left;
	width : 303px;
}
div.amabox.first {
	margin : 0 33px 0 0;
}
div.amabox div.amaimg {
	text-align : center;
	background : #F2F1EB;
}
div.amabox div.amaimg img {
	border : 2px solid #EAE8DE;
	padding : 5px;
	margin : 15px;
	background : #fff;	
}
div.amabox div.amadesc { }
div.amabox div.amadesc span {
	font-weight : bold;
}

div#related-posts {
	border-top : 1px solid #9CACBC;
	margin : 10px 0 0 0;
}
div#related-posts-headline {
	
}
div#related-posts h4 {
	display : inline;
	font-size : 12px;	
}
div.related-box {
	border-top : 1px solid #9CACBC;
	margin : 10px 0 0 0;
	padding : 10px 0 0 0;
}
div.related-box div.thumb {
	float : left;
	margin : 0 5px 0 0;
}
div.related-box div.thumb img {
	margin : 0;
	border : 1px solid #ccc;
}

/* 6.8 - Other */
.alignleft,
.alignright,
.aligncenter,
.alignnone {
	max-width: 100%;
}

.alignleft img,
.alignright img,
.aligncenter img,
.alignnone img {
	width: 100%;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin: 30px 30px 30px 0;
}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin: 30px 0 30px 30px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin: 30px auto 30px auto;
}

.alignnone, img.alignnone {
	clear: both;
	display: block;
	margin: 10px auto 10px;
