/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   CSS-Reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End CSS Reset */

div {
	box-sizing:border-box;
}

ul {
	list-style:disc;
}
html {
	width:100%;
	height:100%;
	overflow-x:none;
}
body {
	position:relative;
	width:100%;
	height:100%;
	font-family:sans-serif;
	font-style:normal;
	font-size:10pt;
	/* background-image:url("/images/background/background.jpg");
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	*/
	box-sizing:border-box;
	overflow-x:hidden;
}


#grayBox {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8) !important;
	z-index:100;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out;
}
#grayBoxContent {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:95vw;
	max-height:95vh;
}
#grayBox img {
	display:block;
	vertical-align:middle;
	width:100%;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out;
}	
img.zoom {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
}
#loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	background-color:rgba(255,255,255,0.7);
	background-image:url("/images/ajax-loader.gif");
	background-repeat:no-repeat;
	background-position:center center;
}
#loader > div {
	text-align:center;
	margin-top:60vh;
	font-size:2em;
}
.outer {
	position:absolute;
	height:100%;
	width:100%;
	box-sizing:border-box;
	overflow-x:hidden;
}
.container {
	position:relative;
	width:100%;
	height:94%;
	overflow-x:hidden;
}
.header {
	width:95%;
	border-bottom:2px solid red;
	margin:1% 2.5%;
	box-sizing:border-box;
}
.logo {
	width:170px;
	height:61px;
	margin:1% 2.5%;
}
.logo img {
	width:100%;
}
.content {
	width:100%;
	height:100%;
	margin-bottom:100px;
	box-sizing:border-box;
	overflow-x:hidden;

}
.hypens, p, li {
	hyphens:auto;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
}


.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

/* ******************************  farben ****************************** */
.blue {
	color:blue;
}
.editable {
	background-color:#f0f3d3;
}
/* ******************************  Tabellen, Ausrichtungen ****************************** */ 

.table {
	display:table;
	box-sizing:border-box;
}
.row {
	display:table-row;
	box-sizing:border-box;
}
.cell {
	display:table-cell;
	box-sizing:border-box;
}

.top {
	vertical-align:top;
}
.middle {
	vertical-align:middle;
}
.bottom {
	vertical-align:bottom;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.col1 {
	float:left;
}
.col2 {
	float:right;
}

/* ****************************** Sonstiges ****************************** */   
.none {
	display:none;
}
.db {
	border:3px dotted red;
}
.pointer {
	cursor:pointer;
}
.notAllowed {
	cursor:not-allowed;
}
.hide {
	display:none;
}
.show {
	display:block;
}
.debug {
	display:none;
}
/* ******************************  Responsive ****************************** */ 

@media (min-width:1001px) {
 	.smartphone { display:none; } 
	.smartphone_inline { display:none; }
	/* .desktop { display:block; } */
}

@media (max-width:1000px) {
	.smartphone { display:block; } 
	.smartphone_inline { display:inline-block; }
	.desktop { display:none !important; }
	.outer {
		left:0;
		float:left;
		transition:left 0.7s linear;
	}
	#sm_opener {
		position:absolute;
		background-image:url("/images/menu/opener.png");
		background-repeat:no-repeat;
		width:34px;
		height:28px;
		top:15px;
		right:15px;
		z-index:5;
	}
	.content {
		width:90%;
		margin-left:5%;
	}
	.table, .row, .cell {
		display:block;
	}
	.allways_table { display:table; }
	.allways_row { display:table-row; }
	.allways_cell { display:table-cell; }
	.sm_w90p {
		width:90%;
	}
	.sm_w100p {
		width:100%;
	}
	#grayBoxContent {
		width:100%;
	}
}