html, body {
	margin: 0px;
	padding: 0px;
	font-family: test,Open Sans,serif;
	font-size: 15pt;
	color: #999;
	background-color:#FFF;

}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
	background-color:#FFF;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAVSZHAADXgAaQuCV7gAAAAASUVORK5CYII=) repeat;
  	border-radius: 25px;
 
    -ms-touch-action: none;
    touch-action: none;
}

hr {
border: none;
border-top: 1px solid #CCC;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}

p{
	margin: 0px 0px 0px 0px;
	font-size: 30pt;
	color: #999;
}

h1{
	font-size:18px;
}

h2{
	margin: 10px 0px -20px 0px;
	font-size:18px;
}

a {
	text-decoration:none;
	color:#666;
	font-size: 18px;
}

a:hover {
	text-decoration:line-through;
	color:#CCC;
	font-size:18px;
}

.anmerkung{
	padding: 0px 15px 0px 0px;
	display: inline-table;
  	border-radius: 25px;
	background-color:#CCC;
}

.anmerkungspan{
	margin: 5px 0px 0px 10px;
	float: right;
	
}

.miinputButton{
	padding: 5px;
	background-color:#999;
	border: none;
  	border-radius: 25px;
	font-family: test,Open Sans,serif;
	font-size: 15pt;
	color: #fff;
}

.miinputButton:hover{
	padding: 5px;
	background-color:#CCC;
  	border-radius: 25px;
	font-family: test,Open Sans,serif;
	font-size: 15pt;
	color: #999;
}

.miinputText{
	border: none;
	background-color:#999;
	font-family: test,Open Sans,serif;
	font-size: 15pt;
	color: #fff;
}

.left{
	width:100%;
	height: 67%;
	overflow:hidden;
	background-color:#FFF;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAVSZHAADXgAaQuCV7gAAAAASUVORK5CYII=) repeat;
}

.right{
	width:100%;
	height: 33%;
	min-height:300px;
	background-color:#FFF;
}

.outer{
	display: table;
	margin: 0 auto;
	text-align: center;
}

.inner{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 100px;
}

@media only screen and (max-device-width: 1000px) {

html, body {
	margin: 0px;
	padding: 0px;
	font-family: test,Open Sans,serif;
	font-size: 40pt;
	color: #999;
	background-color: #fff;

}

#imagelightbox{
    position: fixed;
    z-index: 9999;
	background-color: #F2F2F2;
  	border-radius: 25px;
 
    -ms-touch-action: auto;
    touch-action: auto;
}

p{
	margin: 00px 0px 0px 0px;
	font-size: 60pt;
	color: #999;
}

h1{
	font-size:18px;
	font-size:40px;
}

h2{
	margin: 10px 0px -20px 0px;
	font-size:18px;
	font-size:40px;
}

a {
	text-decoration:none;
	color:#666;
	font-size:50px;
}

a:hover {
	text-decoration:line-through;
	color:#CCC;
	font-size:50px;
}

.anmerkung{
	display:inline-block;
  	border-radius: 75px;
	background-color:#CCC;
	width: 100%;
}

.anmerkungspan{
	margin: 0px 0px 0px 10px;
	float: right;
	
}

.miinputButton{
	padding: 10px;
	background-color:#999;
	border: none;
  	border-radius: 50px;
	font-family: test,Open Sans,serif;
	font-size: 60pt;
	color: #fff;
}

.miinputText{
	border: none;
	background-color:#999;
	font-family: test,Open Sans,serif;
	font-size: 60pt;
	color: #fff;
	width: 90%;
}

.left{
	height: 67%;
	width:100%;
	background: none;
	background-color: #F2F2F2;
}

.right{
	width: 100%;
	height: 33%;
	/*background: repeating-linear-gradient(-55deg, #F2F2F2, #F2F2F2 10px, #FFF 10px, #FFF 20px);*/
	background:none;
}

.outer{
	display: table;
	margin: 0 auto;
	text-align: center;
}

.inner{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 100px;
}

}