body{
	background:#444444;
	/*width:100%;
	height:100%;*/
	margin-top:8px;
}
#page{
	width:900px;
	font-family:sans-serif;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	box-shadow: 3px 3px 5px 6px #1A1A1A;
	margin-left:auto;
	margin-right:auto;
}

#header{
	background-image:url(.haitti//bilder/html/haitti.png);
	background-repeat:no-repeat;
	background-position:20px 20px;
	background:#ffffff;
	height:100px;
	width:100%;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	clear:both;
}

#logo{
	margin-left:15px;
	border:none !important;
}

#logo > a{text-decoration:none !important; border:none !important;	color:#fff;}
#logo > a:active{text-decoration:none !important; border:none !important;	color:#fff;}
#logo > a:visited{text-decoration:none !important; border:none !important;	color:#fff;}
#logo > a:link{text-decoration:none !important;	border:none !important;	color:#fff;}

#quick{
	background:#8FD300;
	float:right;
	padding:3px;
	padding-left:10px;
	margin:0px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
}

#quick > a{
	padding-left:20px;
	padding-right:3px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#fff;
	text-shadow:3px 3px 5px #aaa;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0px 4px;
}
#quick > a#first{
	margin-left:20px;
}
#quick > a#last{
	padding-right:10px;
}
#quick > a:link{color:#fff;}
#quick > a:visited{color:#fff;}
#quick > a:hover{color:#fff;}
#quick > a:active{color:#fff;}

#navigation{
	background:#599122;
	width:100%;
	height:40px;
	float:left;
}

#navigation > a,span,a:link,span:link{
	text-decoration:none;
	border:none;
	color:#fff;
}
#navigation > a:visited{color:#fff;}
#navigation > a:hover{color:#fff;}
#navigation > a:active{color:#fff;}

#navigation > div{
	height:100%;
	width:20%;
	float:left;
	font-family:sans-serif;
	font-weight:bold;
	font-size: 12pt;
	color: #fff;
}
#navigation > span{
	clear:left;
	margin:13px;
}

#sub{
	background:#8FD300;
	position:relative;
	top:-8px;
	left:-10%;
	clear:left;
	width:110%;
	display:none;
}

/*Browserweiche für IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#sub{
		top:-4px !important;
	}
	#sub > a > div{
	padding-top:6px !important;
	padding-bottom:-5px !important;
	padding-left:5px !important;
	}
}

#navigation > div:hover > #sub{
	display:block;
	/*opacity:0.9;*/
}

.point{
	margin:15px;
	padding-left:15px;
	border-left:1px solid #94BA71;
	color:#E9F1E2;
}

.point > .no{
	font-size:2em;
	font-weight:bold;
	color:#6A9D38;
}

#sub > a > div{
	height:25px;
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:5px;
}

#sub > a > div:hover{
	/*opacity:1.0 !important;*/
	background:#599122;
}

#sub > a{
	color:#fff;
	text-decoration:none;
	padding:0px;
}

#content{
	margin-top:0px;
	padding-top:0px;
	clear:both;
	width:100%;
	float:left;
	background:#E2EAD5;
}

#content_text{
	padding-bottom:20px;
}
/*#default{
	padding-bottom:-20px;
}*/

#content > .text > a{
	text-decoration:none;
	color:#599222;
}
#content > .text > a:visited{text-decoration:none;color:#599222;border:0px solid #000;}
#content > .text > a:hover{text-decoration:none;color:#599222;border:0px solid #000;}
#content > .text > a:active{text-decoration:none;color:#599222;border:0px solid #000;}

img{text-decoration:none !important;color:#fff;border:0px solid #000;}


#content > .text{
	background:#FFFFFF;
	margin-top:0px;
}
/*
#content > .text > p {
	margin-left:20px;
}
*/

#content > .sidebar{
	background:#E2EAD5;
	margin-left:auto;	
}

#footer{
	float:left;
	width:100%;
	font-family:Lucida Sans Unicode, Verdana, sans-serif;
	font-size: 8pt;
	color: #333333;
	background:#599222;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

#footer > .text{
	background:#8FD300;
	border-bottom-left-radius: 15px;
}

#footer> .text > h4{
	color:#222 !important;
}

/*h4{
	color:#222 !important;
}*/

#footer> .text > h3{
	margin-bottom:0px;
	padding-bottom:0px;
	color:#222 !important;
}

#footer > #footer_sidebar{
	/*background:#599222;*/
	color:#ddd;
}

#footer > #footer_sidebar > p{
	margin-left:20px;
}
#footer > #footer_sidebar > h3{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:5px;
	padding-bottom:3px;
	color:#ddd;
}

.text{
	padding-top:20px;
	padding-bottom:0px;
	width:60%;
	/*color:#666666;*/
	float:left;
}

#final{
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.text > h1, h2, h3, h4, h5, h6{
	margin-left:10px !important;
	margin-right:20px;
	color:#599222;
}
.text > h1{
	margin-left:20px !important;
}

.text > p{
	margin-left:20px;
	margin-right:20px;
}

.text > ul{
	margin-left:20px;
}

.sidebar{
	padding-top:20px;
	padding-bottom:20px;
	width:40%;
	margin-left:auto;
	float:right;
}

.sidebar > h1,h2,h3,h4,h5,h6{
	padding-left:10px;
}

.wrap{
	float:none;
	clear:both;
	margin:0px;
	padding:0px;
	border:none;
}

form{

}

form > input[type="text"],input[type="email"]{
	background:none;
	margin-bottom:6px;
	margin-left:10px;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	border-left:none;
	border-right:none;
	border-top:none;
	font-size:12pt;
	width:90%;
}

form > textarea{
	margin-left:10px;
	margin-bottom:6px;
	font-family:sans-serif;
	font-size:12pt;
	width:90%;
}

form > input[type="submit"]{
	font-size:12pt;
	margin-left:10px;
	margin-right:0px;
}

.h1form{ 
	font-size: 2.5rem; 
	margin-right: 20px; 
	color: #599222;
}

.input-group-btn{
	/*padding-left:20px;*/
	margin-left:auto;
	margin-right:auto;
}

.timesubmit {
	position: relative;
	padding-left: 20px;
	float: left;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.btn-primary-green { 
	color: #fff; 
	background-color: #599222; 
	border-color: #599222; 
	margin-left: 0px !important;
}

.btn-primary-green:hover { 
	color: #212529; 
	background-color:#E2EAD5; 
	border-color:#E2EAD5;
}

.geheimnis{ 
	margin-left: 20px; 
	margin-right: 20px;
}

.h3form{ 
	margin-left:0 !important; 
	margin-bottom: 1rem; 
	padding-left:0;
}

#timeselect > .col-md-4{ 
	max-width:100%;
}

.col-md-4{ 
	padding:0;
}
.col-md-6{
	margin-left: 5px;
    margin-right: 5px;
	max-width:100%;
	flex:100%;
}

.row {
	margin-left:0;
	margin-right:0;
}


.overlay {
		height: 0%;
		width: 100%;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-y: hidden;
		transition: 0.5s;
	}

	.overlay-content {
		position: relative;
		top: 25%;
		width: 100%;
		text-align: center;
		//margin-top: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.overlay a, .overlay p{
		padding: 8px;
		text-decoration: none;
		font-size: 36px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}

/* Small screen / tablet / 760px to 991px */
	@media (max-width: 991px) {
		.overlay-content {
			position: relative;
			top: 10%;
			width: 100%;
			text-align: center;
			//margin-top: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.overlay a, .overlay p{
			padding: 8px;
			text-decoration: none;
			font-size: 25px;
			color: #818181;
			display: block;
			transition: 0.3s;
		}
		
		.overlay .closebtn {
			position: absolute;
			top: 20px;
			right: 45px;
			font-size: 60px;
		}
	}

/* Smaller screen / tablet+phone / 480px to 759px */
	@media (max-width: 759px) {
		.overlay-content {
			position: relative;
			top: 8%;
			width: 100%;
			text-align: center;
			//margin-top: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.overlay a, .overlay p{
			padding: 1px;
			text-decoration: none;
			font-size: 20px;
			color: #818181;
			display: block;
			transition: 0.3s;
		}
		
		.overlay .closebtn {
			position: absolute;
			top: 20px;
			right: 25px;
			font-size: 30px;
		}
	}

/* Extra small screen / smartphone / 280px to 479px */
	@media (max-width: 479px) {
	  .overlay-content {
			position: relative;
			top: 8%;
			width: 100%;
			text-align: center;
			//margin-top: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.overlay a, .overlay p{
			padding: 1px;
			text-decoration: none;
			font-size: 14px;
			color: #818181;
			display: block;
			transition: 0.3s;
		}

		.overlay .closebtn {
			position: absolute;
			top: 20px;
			right: 25px;
			font-size: 30px;
		}
	}
	
/* Extra small screen / smartphone / 279px */
	@media (max-width: 279px) {
	  .overlay-content {
			position: relative;
			top: 8%;
			width: 100%;
			text-align: center;
			//margin-top: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.overlay a, .overlay p{
			padding: 1px;
			text-decoration: none;
			font-size: 20px;
			color: #818181;
			display: block;
			transition: 0.3s;
		}

		.overlay .closebtn {
			position: absolute;
			top: 20px;
			right: 25px;
			font-size: 30px;
		}
	}

	/*@media screen and (max-height: 450px) {
	    .overlay {overflow-y: auto;}
	    .overlay a {font-size: 20px}
		.overlay .closebtn {
			font-size: 40px;
			top: 15px;
			right: 35px;
		}
	}*/

	.showLinkh1{
		margin-left:10px !important;
		margin-right:20px;
		color:#599222;
	}
	
	.showLinkh1{
		margin-left:20px !important;
	}

.apikeysubmit {
    position: relative;
    padding-top: 20px;
    float: right;
}


.overlay-content {
    text-align: center;
}

#timestamp{
    text-decoration: none;
    border: none;
    color: #fff;
}

.fieldset-otl {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

#otl_link_ausgabe{
	max-width:100%;
	flex-basis:100%;
}

#token{
	border-radius: 4px;
	padding: 10px !important;
	margin-top: 1%;
	width: 100%;
	margin-bottom: 2%;
}


#geheimnis{
	border-radius: 4px;
	padding: 10px !important;
	margin-top: 1%;
	width: 100%;
	margin-bottom: 2%;
}

#textarea{
	margin-top:15px;
	padding: 5px;
	width: 100%;
}

.col-md-6-otl{
flex-basis: 100% !important;
max-width: 100% !important;
}