/**************************************
* begin Page: layout.css
* Created by Yamahamarco 09.05.2015
* http://www.yamahamarco.de
**************************************/

html
{
    height: 100.2%;
}

body
{
	background: #111;
}

#seite
{
	background: url('/templates/ihtemplate/images/horsesbg.jpg') no-repeat scroll center 260px #000;
	margin: 0px auto;
	width: 980px;
	border: 1px solid #444;
}

#seite.guestbook
{
	max-width: 850px;
  	width: auto;
}

#topline
{
	background-color: #FFFF00;
	padding: 5px;
	position: relative;
	background: transparent url('/templates/ihtemplate/images/grungerandoben.png') no-repeat scroll left top ;
	height: 213px;
}

#header
{
	height: 250px;
	background: transparent url('/images/headers/50years_header.jpg') no-repeat scroll center top;
	margin-top: -195px;
}

#seite.home #header
{
	background: url('/images/headers/header-gruppe_burggraben.jpg') no-repeat scroll center top transparent;
}

#seite.geschichte #header
{
	background: transparent url('/images/headers/header-gruppecolour2.jpg') no-repeat scroll center top;
}

#seite.memory #header
{
	background: transparent url('/images/headers/header-gruppe2.jpg') no-repeat scroll center top;
}

#seite.bilder #header
{
	background: transparent url('/images/headers/header-gruppe.jpg') no-repeat scroll center top;
}

#seite.chapter #header
{
	background: transparent url('/images/headers/header-familysw.jpg') no-repeat scroll center top;
}

#seite.kontakt #header
{
	background: transparent url('/images/headers/header-run.jpg') no-repeat scroll center top;
}

#seite.guestbook #header
{
	background: transparent url('/images/headers/header-tresen3.jpg') no-repeat scroll center top;
}

#seite.guestbook #header, #seite.guestbook #topline,
#seite.guestbook #menu, #seite.guestbook #bottom,
#seite.guestbook #footer
{
	display: none;
}
#seite.guestbook #system-message-container {
  
}

#seite.chapter #wrap, #seite.chapter #content .item-pagechapter,
#seite.memory #wrap, #seite.memory #content .item-pagememory
{
	width: 100%;
}

#seite.chapter #content, #seite.memory #content,
#seite.memory #content .item-pagememory h1
{
	text-align: center;
}

#seite.home #content img, #seite.kontakt #content img
{
	margin-right: 25px;
}

#seite.memory #content .item-pagememory
{
	text-align: left;
	width: 100%;
}

#seite.memory #content .item-pagememory img
{
	vertical-align: middle;
	border: 1px solid #FFEA00;
	margin-right: 15px;
}

#seite.memory #content .item-pagememory span
{
	vertical-align: middle;
}

#menu
{
	background: url('/templates/ihtemplate/images/grungerandunten.png') no-repeat scroll left top transparent;
	margin-top: -35px;
	height: 75px;
	text-align: center;
}

.pretext
{
	color: #000;
	margin-right: 10px;
}

.languagemenu
{
	float: right;
	display: flex;
}

div.mod-languages img {
	border:1px solid black !important;
}

#wrap
{
	float: left;
	width: 100%;
}

#content
{
	padding: 15px;
	margin: 15px 15px 0;
	min-width: 200px;
	border: 1px solid #444;
	background-color: #606060;
	background-color: rgba(255, 255, 255, 0.1);
  	overflow: auto;
}

div.pull-left.item-image {
  float: left;
  margin-right: 20px;
}

.box
{
	border: 1px solid #444;
	padding: 15px;
	background-color: #606060;
	background-color: rgba(255, 255, 255, 0.1);
	margin: 15px;
}

#box1
{
	font-size: 150%;
}

#system-message-container
{
	padding: 15px;
	margin-left: 20px;
}

#footer
{
	/* width: 960px; */
	margin: 0px auto;
	padding: 15px;
	font-size: 80%;
}

#bottom p, #footer p
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	line-height: 120%;
	font-size: 80%;
}

#easybook .easy_entrylink {
	padding-top: 0.2em;
}
#easybook a.sign {
	margin-right: 1.2em;
}
#easysubmit {
  margin-top: 1em;
}
#easybook .control-label {
  /* min-width: 10em;
  float: left; */
}
#easybook .controls {
  margin: 5px;
}
#easybook input {
  padding: 12px 20px;
  font-size: 1em;
  border: 1px solid #444;
}
#easybook input[type="text"], #easybook textarea {
    padding: 6px 14px;
  border-radius: 6px;
  margin-bottom: 10px;
}
#easybook textarea {
  min-height: 6em;
}
#easybook button.btn.btn-success, #easybook input.btn.btn-success.validate {
	display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
  border-radius: 6px;
  border: none;
	cursor: pointer;
  background: #6E6D70;
  box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
  color: #DFDEDF;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-12:focus {
  box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
  outline: 0;
}
#easybook .easy_small_notice {
  padding-left: 20px;
  font-size: 0.6em;
}
#easybook .easy_intro {
  margin-top: 1em;
}
#easybook .easy_intro p {
  font-size: 1em;
}
#easybook a.sign, #easybook a.view {
  float: none;
}
#easybook div.sign {
  height: auto;
  margin-top: 1em;
}
#easybook .easy_entries {
  margin-top: 5px;
}


@media only screen and (max-width: 576px) {
  #easybook .easy_content {
	margin: 5px;
	padding: 5px;
	background-image: none;
	font-size: 0.8em;
	border: none;
}
#easybook .easy_top {
	display: flex;
  	margin-top: 10px;
}
#easybook .easy_top_left {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex
}
#easybook .easy_small {
	font-size: 0.55em;
	line-height: normal;
	font-weight: normal;
}

}