@import url("reset.css");



@font-face { font-family: 'OswaldRegular';
             src: url('../fonts/Oswald-Regular.ttf') format('truetype');
	}
	
	
	
	
	
	
html, body
{
	height:100%;
	background:#ffffff;
	font-family: arial;
}

/*unter 700*/
h1
{
	line-height: 1.2em;
	font-size: 1.4em;
}
h2
{
	line-height: 1.2em;
	font-size: 1.2em;
}

p, input
{
	line-height: 1.4em;
	font-size: 1em;
}
.btn
{
	font-size:1em;
}
.min
{
	font-size:1em;
}


@media (min-width:800px)
{
	.center800
	{
		max-width: 800px;
	}
	.center400
	{
		max-width: 400px;
	}

	h1
	{
		line-height: 1.2em;
		font-size: 1.6em;
	}
	h2
	{
		line-height: 1.2em;
		font-size: 1.2em;
	}
	p, input
	{
		line-height: 1.4em;
		font-size: 1em;
	}
	.btn
	{
		font-size:1em;
	}
	.min
	{
		font-size:1em;
	}
}






h1 {
    margin: 0;
    padding: 1% 0;
    text-align: center;
	font-family: Arial;
    text-overflow: ellipsis;
	font-weight: bold;   
	color: #fff;
}

 h2 {
   margin: 0;
    padding: 1%;
 //   text-align: center;
	font-family: Arial;
    text-overflow: ellipsis;
	font-weight: bold;   
}


h1 {
	background: #bebebe;
	color: #fff;
}
h2 {
	background: #ccc;
	color: #fff;
}

.row1
{
		background: #e0e0e0;
}

.row2
{
		background: #f0f0f0;
}

.row3
{
		background: #555;
}






.white
{
    color: #fff;
}
.black
{
    color: #000;
}

.bg
{
	background:rgba(50, 100, 50, 0.9);
}

.nz
{
	clear:both;
}

p
{
	padding:1%;
	color: #444;
	background: #fff;
}

.u
{
	color: #000;
	font-weight: bold;
}


.row1
{
	margin: 0 auto;
	width:100%;
//	background: url(../images/intro-bg3.jpg) no-repeat center center #112211;
}
.row2
{
	margin: 0 auto;
	width:100%;
//	background: url(../images/intro-bg3.jpg) no-repeat center center #112211;
}
.row3
{
	margin: 0 auto;
	width:100%;
//	background: url(../images/intro-bg3.jpg) no-repeat center center #112211;
}

.center800,.center400
{
	margin: 0 auto;
		//background: #00ff00;
}

.panel
{
//	text-align: center;
	width:100%;
	//background: #0000ff;

}


	.table0
	{
		display: table;
		width: 100%;
		height: 80%;
		background-size: auto 100%;
	}
  
	.spalte1
	{ 
		display: table-cell;
		width: 100%;
		vertical-align: middle;
	}




img {
    margin: 0;
    padding: 0;
    border: 0;
	display:block; 
	max-width: 100%;
	height: auto;
} 


input, select, textarea 
{
	width: 100%;
	box-sizing: border-box;

	padding: 0.7em;
	border: 1px solid lightgray;
	font-family: arial;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



 
/* --------------------------
 screen 
-------------------------- */
@media (max-width:699px)
{
	.screen200
	{
		display:block;
	}
	.screen800
	{
		display: none;
	}
	
}




/* --------------------------
wide screen 
-------------------------- */

@media (min-width:800px)
{
	.row1
	{
		margin: 0 auto;
		width:100%;
	//	background: url(../images/intro-bg3.jpg) no-repeat center center #111122;
		float: left;
	}
	.row2
	{
		margin: 0 auto;
		width:100%;
	//	background: url(../images/intro-bg3.jpg) no-repeat center center #111122;
		float: left;
	}
	.row3
	{
		margin: 0 auto;
		width:100%;
	//	background: url(../images/intro-bg3.jpg) no-repeat center center #111122;
		float: left;
	}

	/*
	center
	*/
	.center800,.center400
	{
		margin: 0 auto;
		//width:1024px;
		width:100%;
//		max-width: 1200px;
//		max-width: 70%;
		
	}
	
	.panel
	{
		width:100%;
		float: left;
		
		display: -ms-flex;
		display: -webkit-flex;
		display: flex; 
		

	}
	
	
	.cont1
	{
		padding:2%;
		width:100%;
		float: left;
	}

	.cont2
	{
		padding:2%;
		width:50%;
		float: left;
		
	}
	
	.cont3
	{
		padding:2%;
		width:33.333333333333333%;
		float: left;
	}

	.cont4
	{
		padding:2%;
		width:25%;
		float: left;
	}
}





.btn1{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn1.active, .btn1.focus, .btn1:active, .btn1:focus, .btn1:hover { color:#fff; background-color:#ec971f; border-color:#ffffff; }


.btn2{color:#fff;background-color:#3a79ac;border-color:#eea236}
.btn2.active, .btn2.focus, .btn2:active, .btn2:focus, .btn2:hover { color:#fff; background-color:#3071a9; border-color:#ffffff; }

.btn
{
	//width:98%;
	padding:0.5em 0.5em;
//	font-size:0.9em;
	text-decoration: none;
	line-height:1.3333333;
	border-radius:6px;
}

/*
.mt-40{
	width:100%;
	margin-top:1.2em!important;
	}
*/

.video
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}

.icons
{
//	width:5%;
//	background-color:#ec971f;
}

	.table2
	{
		display: table;
		width: 100px;
//		height: 80%;
//		background-size: auto 100%;
	}
  
	.spalte2
	{ 
		display: table-cell;
		//width: 100%;
		//vertical-align: middle;
	}

.list-unstyled{padding-left:0;list-style:none}

.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-sm{height:30px;line-height:30px}
select[multiple].input-sm,textarea.input-sm{height:auto}







.enjoy-css {
	width:100%
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal "Times New Roman", Times, serif;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  
  
//  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
//  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
//  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
/*  
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  */
}


.imgTab
{
	width:100%;
	//background: rgba(256,232,232,1);
	padding: 0;
}

.bold
{
	font-weight: bold;  
}
.imgTab td
{
	width:50%;
	padding: 2%;
	vertical-align: middle;
	//background: rgba(252,252,252,1);
}