/* ---------------     Reset     --------------- */
/* siehe - http://www.ohne-css.gehts-gar.net/0044.php */
*{
    padding : 0;
    margin  : 0;
}


body  { 
font-family      : "Courier New", Monospace;
font-size        : 8pt;
}

  @media all and (max-width: 600px){
  /* Button <Retour> */
  #buttonX  	{
		font-family:	   Arial;
	 	font-size:	    16px;
		}

  body	    	{
		font-family:	   Arial,sans-serif;		 
		 font-size:	    12px;
		}
  }



/* Attachments ausrichten  -> in emailin_action1.php ACTION==1 */
.nobr	 	{
		  white-space: nowrap; 
		  float:left;
	 	  min-width:360px;
		} 

/* div-tag Umbruch verhindern in zb: adress.php */
.nowrap		{
		  white-space: nowrap; 
		  float:left;
		} 

ul,ol,blockquote,img { margin-left: 15px; }



hr {
background-color : black;             /* Farbe fuer Opera und Firefox */ 
color            : black; 	      /* Farbe fuer Internet Explorer (IE) */
border           : 0;
margin-top       : 5px; 
height           : 1px; 
}



/**
* C h e c k b o x e n  
* Problem: in Firefox fuer Andoid-handys bleiben die Checkboxen unsichtbar
* Loesungen siehe-> https://forums.asp.net/t/1626398.aspx?Align+a+checkbox+in+span
* Derzeit verwendet in: emailin_header.php + emailin.php
* -------------------------------------------------------------------------------- >
* Es muss allerdings die div - Class "Container" erstellt werden.
*
*   <div class="container">
*		<input id="chk1" type="checkbox" />
*   </div>
*
*  BETROFFEN SIND:
* edit_user.php
* datbri_action1.php
* datbri_load_bri.php
* emailin_action1.php
* emailin_header.pfp
* emailin.php
*
*/

/**
* checkbox	{width:20/18px; height:20/18px}
* // 24 / 22
*/


.containerX{
	position:		relative;
	background-color: 	grey;
	margin:  		2px;
	padding: 		0px;
	height:  		20px;
	width:   		20px;
	}

.containerX input{
	margin: 		1px 1px 1px 1px;
	padding: 		0px;
	height: 		18px;
	width: 			18px;
	}

/* Erste Checkbox in datbri_header.php */
  #containerXX{
	position:		relative;
	background-color: 	grey;
	left:  			2px;
	top:			20px;
	padding: 		0px;
	height:  		20px;
	width:   		20px;
	}
  #containerXX input{
	margin: 		1px 1px 1px 1px;
	padding: 		0px;
	height: 		18px;
	width: 			18px;
	}

  @media all and (max-width: 600px){
  #containerXX{
	position:		relative;
	background-color: 	LightGrey;
	left:  			10px;
	top:			40px;
	padding: 		0px;
	height:  		42px;
	width:   		42px;
	}
  #containerXX input{
	margin: 		1px 1px 1px 1px;
	padding: 		0px;
	height: 		39px;
	width: 			39px;
	}
  }






/* wechselt Label-Farbe, edit_user.php */
input[type=checkbox] + label {
  color: /*#ccc*/ black;
  font-style: italic;
} 
input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
} 




/* ul leitet eine Aufzählung ein  roter Punkt, vor jede Aufzählung muss ein <li> */
ul      {}



h1           {text-decoration:none; text-align:left; font-weight:300; font-family:Arial,sans-serif;
               font-style:normal;color:green;background-color:transparent; font-size:7.6pt; margin-top:1px;margin-left:3px; }

h2           {text-decoration:none; text-align:left; font-weight:700; font-family:Arial,sans-serif;
               font-style:normal;color:red;background-color:white;font-size:7.6pt; margin-top:1px; }

h3           {text-decoration:none; text-align:left; font-weight:300; font-family:Arial,sans-serif;
               font-style:normal;color:green;background-color:transparent;font-size:7.6pt; margin-top:-2px; margin-right:100px; }

h4           {text-decoration:underline; text-align:left; font-weight:500; font-family:"Courier New",Monospace;
               font-style:normal; font-size:12pt; line-height:10pt; margin-top:1px;  }

h5           {text-align:left;  font-weight: lighter ; font-family:Arial,sans-serif;
               font-style:normal; font-size:9pt; line-height:1pt; margin-top:1px;  }

		 /* Kleine Schrift */
h6              {text-decoration:none; font-weight:700; font-family:Arial;
               font-style:normal; font-size:7.6pt;}



.button{	font-family:	Arial,sans-serif;
		color:			 #0050A0;
		font-size:		    10px; 
		text-align: 		  center; 
		height:			    18px;
  		display:	     inline-flex;
   		justify-content: 	  center;
   		align-items: 		  center;
}


.button1 	{font-family:Arial,sans-serif;color:#0050A0;font-size:10px;height:18px;width:100px;}
.button_del	{font-family:Arial,sans-serif;color:#0050A0;font-size:10px; text-align: center; height:18px;}

/* Button nur mit Klammern */
.buttonX {
		font-family:	   	      Arial;
    		font-size:		       14px;
   		background-color:	transparent;
    		background-repeat:        no-repeat;
    		border: 		       none;
    		cursor:		 	    pointer;
    		overflow: 		     hidden;
    		outline:		       none;
}
.buttonX:hover   {color:#FF0000;background:white;text-decoration:none;}



/*.input  {font-family: "Courier New",Monospace;font-size:11px; border: 0px solid #006;color: #00008B; background-color: #E6F7D5;}*/
/*.inputR {font-family: "Courier New",Monospace;font-size:11px; border: 0px solid #006;color:black;background-color: #EAEAEA;}*/

.input  {font-family: Arial;font-size:14px; min-height:21px; border: 0px solid #006;color: #00008B; background-color: #E6F7D5;}
.inputR {margin-bottom:2px;font-family: Arial;font-size:12px; min-height:16px; border: 0px solid #006;color:black;background-color: #EAEAEA;}


label   {display: block;width: 100px;float: left;margin: 1px 1px 1px 1px;text-align:right;}
label1  {display: block;width: 65px; float: left;margin: 3px 1px 1px 1px;text-align:right;}

/* .breakX  {width: 65px;margin: 1px 1px 1px 1px;text-align:right;display: block;} */




br { clear: left; }

/* Text B r i e f d a t e i  */
/* textarea {font-size:9pt;background-color:rgb(230,247,213);color:blue;overflow:scroll;} */
textarea {font-size:10pt;font-family:DejaVu,monospace; background-color:rgb(230,247,213);color:blue;overflow:scroll;}

/** 
 *  LINKS LEUCHTEN BEI MOUSEOVER - NICHT UNTERSTRICHEN 
 *
 *  wichtigste Einstellung ist a:focus
 *  dass man weiss, wo man zuletzt war
 *  
 */
a	    {color:black;background:white;text-decoration:none;}
a:link      {color:black;background:white;text-decoration:none;}
a:visited   {color:#B22222;background:white;text-decoration:none;}
/* a:hover     {color:blue;background:white;text-decoration:none;} */
a:focus     {color:darkblue;font-weight:bold;}
a:active    {color:darkblue;background:white;text-decoration:none;}



select{
      width            : 120px;
      height           : 17px;
      font-family      : Monospace,"Courier New"; 
      font-size        : small;      
	} 

option {
      width            : 260px;
      font-family      : Monospace,"Courier New"; 
      font-size        : small;  
	}


 @media screen and (min-width: 601px){

  /* ---------------    Main Container    672px --------------- */

  #frame {
	width		: 700px;
	height		: auto;
	margin		: 1px auto;
	text-align	: left;
	border		: 1px solid #999999;
  }

  #header {
	height		: 20px;
	text-align	: left;
        background	: #F5F5F5;
	color           : #F5F5F5;
  }

  #main {
	width      	: 669px;
	background 	: #FFFFFF;
	color           : black;
  }

  #navi {
       float       	: left;
       width       	: 90px;
       padding     	: 5px 0 5px 0;
       background  	: #FFFFFF;
       color            : black;
       margin-left      : 3px;
}


  #content {
	float       	: left;
	width       	: 565px;
	height     	: 420px;
	/*border-left	: 1px solid #999999;*/
	border-left	: 0px;
	background  	: #FFFFFF;
	color           : black;
  }


  #footer {
        clear      	: both;
        background 	: #F5F5F5;
        color           : black;
  }

  #brief{
	display     	: block;
	float       	: left;
	/*width       	: 488px;*/
  }

  #cascade_adress_dat_bri {
	/*width :99% ;*/
	/*height:277px;*/
  }

} 
/* ende @media min 6001 */



#briefcontainer {
    display             :block;
    float               :left;
    width               :592px;
    background          :#FFFFFF;
    color               :blue;
    border-top          :1px;
    border-left         :0px;
    border-right        :0px;
    border-bottom       :1px;
    border-style        :solid;
    border-color        :blue;    
    padding             :5px;
    margin              :0px;
    height              :50px;
    overflow            :auto;
}




/* UnterBezeichnung #table_standard_adress _aaktiv  */
.table_standard {
    display     		: block;
    float       		: left;
    width       		: 99%;
    background  		: #FFFFFF;
    color               	: black;
    border-bottom		: 0px;
    border-top			: 0.3px;
    border-left			: 0px;
    border-right		: 0px;
    border-style		: solid;
    padding     		: 2px;
    margin-top  		: 1px;
    height      		: 265px;
    overflow    		: scroll;
    margin-bottom		: 3px;

}

#table_standard_akontakt {
    max-height			:  151px;
}
#table_standard_aaktiv	 {
    min-height			:  180px;
    height                      :  auto;
    max-height                  :  70vh;
}


/* table ----------------------------------------------- */

table{
    font-family		: Arial,Monospace;
    font-size           : 8pt;
    border-spacing	: 0px;
    border-collapse	: collapse;
    overflow            : auto;
}

th {
    text-align		: left;
    font-weight		: bold;
    padding		: 1px;
    border		: 2px solid #FFFFFF;
    background		: #ACACAC;
    color		: #FFFFFF;
}



td {
    text-align		: left;
    padding		: 1px;
    border		: 2px solid #FFFFFF;
    background		: #f7f7f7;
}



html, body{ 
	margin		: 0; 
	padding		: 0;
	height		: 100%;
	border		: 0 solid;
	}



/*#framex	{ height: 97%; }*/

/*#navix	{ 
	min-width	: 80px; 
	width		: 20%; 
	}
*/



/* #mainx	{ height: 95%;}   */
/* #contentx	{ height: 65%; }  */
/* #mailtext	{ height: 90%; }  */
/* #div_text	{ height: 99%; }  */
/* #text_email	{ height: 70%; }  */