/* globales mobile CSS-Stylesheet fuer www.bildhauerkunst-und-malerei.de
** Autor: Ingo Rentsch, 2016-02-20
*/

body,html {
	visibility:				hidden;
	width:					100%;
	margin:					0;
	padding: 				0;

	background-image:		url('../img/000/000_m-ls_BgBoard.jpg');
	background-size:		96em;
	background-repeat:		repeat;
	background-color:		#FFE795;

	font-family:			robotoregular, sans-serif;
	font-size:				16px;
	color:					#995215;
}

h1 {
	margin:					0;
	padding: 				0;
	text-align:				center;
	text-shadow:			2px 2px 5px #995215;
	font-family:			kaiserzeitgotischregular, serif;
	font-size:				3em;
	font-weight:			normal;
	color:					#995215;
}

h2 {
	margin:					0;
	padding: 				0;
	text-align:				center;
	text-shadow:			1px 1px 3px #995215;
	font-family:			kaiserzeitgotischregular, serif;
	font-size:				2em;
	font-weight:			normal;
	color:					#995215;
}

h3 {
	margin:					0;
	padding: 				0;
	text-align:				left;
	text-shadow:			1px 1px 3px #995215;
	font-family:			kaiserzeitgotischregular, serif;
	font-size:				1.75em;
	font-weight:			normal;
	color:					#995215;
}

h5 {
	margin:					0;
	padding: 				0;
	text-align:				left;
	font-size:				1.25em;
	font-weight:			bold;
}

h6 {
	margin:					0.5em 0.5em 0 0.5em;
	padding: 				0;
	text-align:				center;
	font-size:				1.25em;
	font-weight:			bold;
}

hr {
	margin:					0.5em;
	color:					#995215;
}

article {
	margin:					0.5em;
	text-align:				justify;
	-ms-hyphens:			auto;
	-moz-hyphens:			auto;
	-webkit-hyphens:		auto;
	hyphens:				auto;
}

ul {
  text-align:				left;
}

.pagearea {
	overflow-x:				auto;
	overflow-y:				auto;
	margin:					0 2px 0 2px;

	font-family:			centabel_bookcentabel_book, serif;
	font-size:				1em;

	color:					#000000;
}

.navBtn {
	width:					48%;
	height:					3em;
	margin:					1%;
	text-align:				center;
	font-family:			robotoregular, sans-serif;
	font-size:				1em;
}

.welcomeText {
	margin:					0;
	padding:				0;
}

.welcomePic {
	width:					98%;
	margin:					1em 1% 0 1%;
}

.porFig {
	margin:					1em 0.5em 1em 1em;
	float:					right;
}

.porFig figcaption {
	margin-top:				-0.5em;
	text-align:				center;
	font-family:			robotoregular, sans-serif;
	font-size:				0.5em;
}

.porPic {
	width:					6em;
	margin:					1%;
	padding: 				0.3em;
	border-width:			0.1em;
	border-style:			solid;
	border-color:			#995215;
	border-radius:			1em;
}

.detailsTile {
  overflow:				hidden;
  position:				relative;
  margin-right:			1em;
  background-image:		url("../img/000/000_m-ls_BgDarkDiamond.jpg");
  background-size:		100%;
  float:				right;
  border-style:			solid;
  border-color:			#995215;
  border-radius:		0.5em;
}

.detailPicLs {
  position:				absolute;
  top:					0;
  left:					0;
  width:				98%;
  margin-left:			0;
  padding:				1%;
  border-radius:		0.5em;
}

.detailPicPo {
  position:				absolute;
  top:					0;
  left:					0;
  height:				98%;
  margin-top:			0;
  padding:				1%;
  border-radius:		0.5em;
}

.detailIcon {
  opacity:				0.75;
  position:				absolute;
  width:				11%;
  z-index:				3;
  cursor: 				pointer;
}

.kontactForm {
	margin-right:			0.5em;
}

.validateDiv {
	padding-left:			0.5em;
}

@font-face {
    font-family: 'kaiserzeitgotischregular';
    src: url('../fonts/kaiserzeit-gotisch-webfont.eot');
    src: url('../fonts/kaiserzeit-gotisch-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kaiserzeit-gotisch-webfont.woff2') format('woff2'),
         url('../fonts/kaiserzeit-gotisch-webfont.woff') format('woff'),
         url('../fonts/kaiserzeit-gotisch-webfont.ttf') format('truetype'),
         url('../fonts/kaiserzeit-gotisch-webfont.svg#kaiserzeitgotischregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'centabel_bookcentabel_book';
    src: url('../fonts/centabel-webfont.eot');
    src: url('../fonts/centabel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/centabel-webfont.woff2') format('woff2'),
         url('../fonts/centabel-webfont.woff') format('woff'),
         url('../fonts/centabel-webfont.ttf') format('truetype'),
         url('../fonts/centabel-webfont.svg#centabel_bookcentabel_book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}