/**
*
*  	Cascading Style Sheet des Videotemplates
*

*
*   @copyright EVISCO AG <www.evisco.com>
*   Stand: 10.08.2020
*
*/

/*
  ---------------------------------------------------------------------
  	central definitions
  ---------------------------------------------------------------------
*/

body
	{
 	background-color:#FFFFFF;
 	margin:0;
 	padding:0;
	/*Allgemeine Fontdefinition - bei Bedarf loeschen od. aendern : */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:100;
	font-style:normal;
	text-decoration:none;	
 	color:#404040;
	/*IE-Tauglichkeit mit HTC*/
	behavior:url("csshover.htc");
	}
	


h1	{
 	margin:0;
 	padding:0;
	color:#d20000;
	font-size:1.4em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none
	}


h2	{
 	margin:0;
 	padding:0.5em 0 0 0;
	font-size:1.3em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none
	}

h3	{
	font-size:1em;
	font-weight:bold;
	font-style:normal;
	}



h3, h4, h5, h6,
ul, ol, li,
form, input, select, p, .headline, .bu, .eingabe, .required, .subheadline, span,
#subnavi a, #subnavi a:active, #subnavi a:hover
	{
 	margin:0;
 	padding:0;
	}

input
	{
	padding: 0.25em;
	}

img {
	border:none;
	}


	
a, a:visited
	{
	font-weight:medium; 
	font-style:normal;
	text-decoration:none;
	}
	
a:hover	
	{ 
	text-decoration:underline;
	}

a:active	
	{ 
	color:#FF5151;
	}	
	
	
p	{ 
	padding-bottom:1em;
	}

	




header
	{
	margin: 0.2em 0 0.5em 0;
	}


article
	{
	position:relative;
 	margin:0;
 	padding:0;
	max-width: 1250px;
	font-weight:medium;
	font-style:normal;
	text-align:justify;
	border:0px solid cyan;
	}
	
article h1
	{	
	text-align:left;
	}
	
article a
	{
	font-size:inherit;
	text-decoration:none;
	}

article a:hover
	{
	text-decoration:underline;
	}
	

	
textarea
	{
	width: 80%;	
	}
	

/*
  ---------------------------------------------------------------------
 	ID Definitionen
  ---------------------------------------------------------------------
*/	



#Register, #RegisterFullflex
	{
	display: -webkit-flex;
	display: flex;
	padding: 2px 2px 8px 2px;
	border:0px solid cyan;
	}


#RegisterFullflex
	{
	border:0px solid orange;
	}





/*
  ---------------------------------------------------------------------
 	Klassendefintion
  ---------------------------------------------------------------------
*/	


.textMiddle
	{
	font-size: 90%;
	}

.Btn
	{
	display: block;
	border: none;
	text-align: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
	}

.Btn a
	{

	}


.ZelleZwei
	{
	-webkit-flex-basis: 40%;
	flex-basis: 40%;
	margin: 0 0 0 5px;
	padding: 5px;
	text-align: right;
	display: block;
	}

.ZelleCheckboxText
	{
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	margin: 0 0 0 5px;
	padding: 5px;
	text-align: right;
	display: block;
	}


.EingabefeldZwei
	{
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	padding: 5px;
	display: block;
	}

.EingabefeldCheckbox
	{
	-webkit-flex-basis: 20%;
	flex-basis: 20%;
	padding: 5px;
	display: block;
	}



.ZelleVier
	{
	-webkit-flex-basis: 20%;
	flex-basis: 20%;
	margin: 0 0 0 5px;
	padding: 5px;
	text-align: right;
	display: block;
	}

.ZelleVierRechts
	{
	-webkit-flex-basis: 10%;
	flex-basis: 10%;
	margin: 0 0 0 5px;
	padding: 5px;
	text-align: right;
	display: block;
	}


.EingabefeldVier
	{
	-webkit-flex-basis: 30%;
	flex-basis: 30%;
	padding: 5px;
	display: block;
	}

.EingabefeldVierRechts
	{
	-webkit-flex-basis: 15%;
	flex-basis: 15%;
	padding: 5px;
	display: block;
	}




.clearing 
	{
	border:medium none;
	clear:both;
	float:none;
	font-size:1px;
	margin:0;
	padding:0;
	}

.select 
	{ 
	background:#ffffff; 
	color:#000000; 
	font-family:Verdana, Arial, Helvetica; 
	font-size:8pt; 
	font-weight:none; 
	}






/*-----------------Textdefintion----------------- */


.error	
	{
 	margin:0;
 	padding:0px 0px 0px 18px;
	color:#d11919;
	font-weight:normal;
	font-style:normal;
	text-decoration:none
	}



	


	






	
/* ### FORMULAR  ### */	
	

table.Formular	
	{
	width:100%;
	border-collapse:collapse;
 	margin:0;
	}
	
td.Formular, td.FormularObenfrei, td.FormularUntenfrei, td.FormularObenLinksfrei, td.FormularObenRechtsfrei
	{
	border-color:#f0f5fa;
	}	
	
td.Formular
	{
	text-align:right;
	}		

td.FormularLinks
	{
	text-align:left;
	}

.FormularKopfBG, td.FormularKopfBG
	{
	padding: 0 0 0.25em 0.75em;
	background-color:#EDEDED;
	}
	
td.FormularFeld
	{
	font-weight:bold;
	text-align:left;
	border-color:#f0f5fa;
	}	
		
td.FormularAnm
	{
	border-color:#2873B2;
	}	

td.FormularUntenfrei
	{
	font-weight:bold;
	}
	
td.FormularObenfrei
	{
	font-weight:bold;
	}
	
td.FormularTextRechts
	{
	text-align:right;
	}

	
td.FormularAnm
	{
	text-align:left;
	}	

	
.Formspacer	
	{
 	margin:0;
 	padding:5px 3px 5px 0.65em;
	}	
	




	

/* SENDEN Button */	
	
input.buttonSenden, input.buttonSenden a  
	{
	padding: 0.75em;
	color: #FFFFFF;
	background-color:#d11919;
	font-size: 1em;
	font-weight: bold;
	text-shadow: -1px -1px #ad002d;
	border-left:1px solid #ff3368;
	border-right:1px solid #ad002d;
	border-top:1px solid #ff3368;
	border-bottom:1px solid #ad002d;
	border-radius: 0.35em;
	}
	
input.buttonSenden:hover
	{
	text-shadow: -1px -1px #730000;
	background-color:#e5003b;
	}		
	

/* SENDEN Reset */	
	
input.buttonReset, input.buttonReset a  
	{
	padding: 0.75em;
	color: #FFFFFF;
	background-color:#656565;
	font-size: 1em;
	font-weight: bold;
	text-shadow: -1px -1px #222222;
	border-left:1px solid #8c8c8c;
	border-right:1px solid #222222;
	border-top:1px solid #8c8c8c;
	border-bottom:1px solid #222222;
	border-radius: 0.35em;
	}
	
input.buttonReset:hover
	{
	text-shadow: -1px -1px #bf6215;
	background-color:#DF8337;
	border-left:1px solid #f09143;
	border-right:1px solid #DF8337;
	border-top:1px solid #f09143;
	border-bottom:1px solid #DF8337;
	}	





.formatFields 
	{
	background-color:#F7F7F7;
	border:1px solid #acacac;
	border-radius: 0.25em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 1em;
	}
	
select.formatFields 
	{
	background-color:#F7F7F7;
	border:1px solid #acacac;
	border-radius: 0.25em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal; 
	}

.full
	{
	width: 65%;		
	}




/* 
################  BREAKPOINTS  ################  
*/
	
		@media only screen and (max-width: 1280px) 
			{			
			
			}


		@media only screen and (max-width: 1060px) 
			{			
		
			}


		@media only screen and (max-width: 1024px)
			{
			/* iPad Horizontal */
				
			article
				{
				max-width: 730px;
				}
				
			.ZelleCheckboxText
				{
				-webkit-flex-basis: 70%;
				flex-basis: 70%;
				}
				
			.full
				{
				width: 95%;		
				}

			}


		@media only screen and (max-width: 770px) 
			{
			/* iPad Vertikal */

			}


		@media only screen and (max-width: 680px) 
			{
			/* Mobile */
				
			textarea
				{
				width: 100%;	
				}

			.EingabefeldCheckbox
				{
				-webkit-flex-basis: 10%;
				flex-basis: 10%;
				}				
				
			}


		@media only screen and (max-width: 480px) 
			{
				
			h2	{
				font-size:1em;
				}
				
			#Register
				{
				-webkit-flex-direction: none;
      			flex-direction: none;
				padding:0.5em 2px 0.65em 2px;
				}
				
			#RegisterFullflex
				{
				padding:0.5em 2px 0.65em 2px;
				}

			
			.Zelle, .ZelleZwei, .ZelleVier, .ZelleVierRechts, .ZelleCheckboxText
				{
				text-align: left;
				}

			.formatFields 
				{
				font-size: 110%;
				}
	
			}
	

		@media only screen and (max-width: 360px) 
			{
				
			#Register
				{
				-webkit-flex-direction: column;
      			flex-direction: column;
				height: auto;
				padding:0.25em 2px 0.35em 2px;
				}
				
			.Zelle, .ZelleZwei, .ZelleVier, .ZelleVierRechts, .EingabefeldZwei, .EingabefeldVier, .EingabefeldVierRechts
				{
				-webkit-flex-basis:auto;
				flex-basis:auto;
				display:inline;
				border:0px solid #ff8080;
				}	

			}