form {
  width:89%;
  /*margin: 20px auto; */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin-bottom:15px;
   font-size:2vh;
 }
 

@media screen and (orientation: landscape) {
	form {
  width:80%;
  margin: auto;
    font-size:4vh;
  font-size:2vw;
	}
	
}
@media screen and (orientation: portrait) {
	form {
  width:95%;
  margin: auto;
    font-size:4vh;
  font-size:2vh;
	}
ht {    font-family:Arial;
    	font-style:normal;
 	line-height:150%;
        /*font-size:3vh;*/
		font-size:2.8vh;
}
	
}

.TABA {
    /*width: 500px;
    right: 0px;*/
    
}

.TABA .feld label {
	width:28%;
	/*text-align: left;*/text-align: right;
	/*font: 14px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;*/
	/*margin-bottom: 5px;*/
	display: inline-block;
	vertical-align:middle; 
	
}

.TABA  .feld1 label, .TABA  .feld2 label {
	/*width:28%;*/
	/*text-align: left;*/text-align: right;
	/*font: 14px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;*/
	/*margin-bottom: 5px;*/
	display: inline-block;
	/*vertical-align:middle; */

}
.TABA  .feld2 label {
	vertical-align:middle; 
}

.TABA .feld #bild {float:right;width:50%
}
.TABA .feld #Auswahl {float:left;width:49%;top: 7vh;
}


@media screen and (orientation: portrait) {
.TABA .feld label {
	width:95%;
	text-align: left;/*text-align: right;*/
	/*font: 14px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;*/
	/*margin-bottom: 5px;*/
	display: inline-block;
	vertical-align:middle; 
		font-size:initial;
	
}
.TABA .feld #bild {float:left;width:100%;
}
.TABA .feld #Auswahl {float:left;width:100%;top: 1vh;
}
.TABA  .feld1 label, .TABA  .feld2 label {font-size: initial;}
.TABA  .feld2 label {float:left;
}	
}	
.TABA .feld input {
	width:70%;float:right;
	display: inline-block;
	position: relative;
	vertical-align:middle;
}
@media screen and (orientation: portrait) {
.TABA .feld input {
	width:100%;	/*font: 14px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;*/
	font-size:initial;
}	
	
}
.TABA .feld {
	padding-bottom: 12px;
	padding-top: 12px;
	position: relative;
	clear: both;
}
.TABA .feld1, .TABA .feld2 {
	padding-bottom: 12px;
	padding-top: 12px;
	
}



.TABA .F_100 {
	width: 96%;
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
	.TABA .F_101 {
	width: 46%;
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}

#xAbreise {float:rigth}
#xdatepicker{float:left}

@media screen and (orientation: portrait) {
	.TABA .F_101 {
	width: 96%;
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
}

#yes {
	float:left;-webkit-appearance: none;-moz-appearance: none;width:46%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left:2%;
	font-weight: bold;
	padding: 1% 0%;
	border: 0px solid #404040;
color: #404040;
background-color: #E7E7E7;
}
#no {
	float:right;-webkit-appearance: none;-moz-appearance: none;width:46%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-right:2%;
	font-weight: bold;
	padding: 1% 0%;
	border: 0px solid #404040;
color: #404040;
background-color: #E7E7E7;
}

@media screen and (max-width: 60em)  and (orientation landscape){
	table {
		width: 100%;
		margin: 0;
		border: none;
	}
	td {
		hyphens: auto;
	}

}
@media screen and (max-width: 600px) and (orientation landscape) {
	table {
		width: 100%;
		margin: 0;
		border: none;
	}
	td {
		hyphens: auto;
	}

}

@media screen and (max-width: 60em) and (orientation portrait) {
	table {
		width: 90%;
		margin: 0;
		border: none;
	}


}
@media screen and (max-width: 325px) and (orientation portrait) {
	table {
		width: 90%;
		margin: 0;
		border: none;
	}


}

@media screen and (max-width: 2245em) {
	ctr, cth, ctd {
 		display: block;
	}
	
	tr {
		padding: 1em;
		border-top: 0 none;
	}
	
	th {
		padding: 0;
	}
	
	td {
		padding: 1em 0 0;
	}
}





/* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */

/* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */

:-moz-any(.custom-select):before {
	background-color: #fff; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
}


/*aus Style1.css */


select {width: 50%}


@font-face {

    font-family: 'mistralregular';

    src: url('font/mistral3-webfont.woff') format('woff'),

         url('font/mistral3-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}
}

a:link {  text-decoration:none }
a:visited {  text-decoration:none; color:#000000; }
a:active {  text-decoration:none; color:#000000; outline: none; }
a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:hover { text-decoration:none; color:#ff0000; }
a:active { text-decoration:none; color:#ff0000; outline: none; }
a:focus { text-decoration:blink; color:#000000; outline: none; }





.hidepics {
  width:0px;
  height:0px;
  display:none;
}

ht1  {
   font-family:Arial;
    	font-style:normal;
        font-size:1.2em;


}

ht2  {
   font-family:Arial;
    	font-style:normal;
        font-size:1.5em;


}
h2 {
   font-family:Arial;
    	font-style:normal;
        font-size:1.7em;


}
h2t {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
        font-size:2.7em;


}
h2tl {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
        font-size:2.7em;

}
h2tA {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
        font-size:2.8em;


}
h2tB {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
        font-size:2.8em;
	    position: relative;
            top: -300px; right: -690px

}

h2tC {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
        font-size:4vh;



}



@media screen and (orientation: landscape) {
h2tC {
  font-size:4vw;
	}
	

h2tCU {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
        font-size:4.3em;
		position: absolute;
bottom: 0;


}

xxxht {

   font-family:Arial;
    	font-style:normal;
 	line-height:120%;
        font-size:2em;
a:hover { text-decoration:none; color:#000000; };
a:active { text-decoration:none; color:#000000; };


}

htx {

   font-family:Arial;
    	font-style:bold;
 	line-height:120%;
        font-size:2em;
	border:3px; };



}
h2x{

   font-family:Arial;
    	font-style:bold;
 	line-height:120%;
        font-size:1.5em;
	border:3px; };



}

h3 {

   font-family:Arial;
    	font-style:normal;
 	line-height:120%;
        font-size:2.3em;


}
h  {
   font-family:Arial;
    	font-style:normal;
        font-size:1.2em;


}

h2tm {
   font-family:'mistralregular';
    	font-style:normal;
        font-weight:normal;
	font-size:330%;
	text-shadow: black 0.1em 0.1em 0.2em;
	line-height: 150%;



}