/* ad_style.css                                                           */
/* Basis-Stylesheet                                                       */
/*                                                                        */
/* *****************************************************************      */
/* Projektname: ad = Artdaten SH (Naturschutz)                            */
/* *****************************************************************      */
/*                                                                        */    
/* DigSyLand https://www.digsyland.de/ mail@digsyland.de                  */    
/* Friedel Hosenfeld -- hosenfeld@digsyland.de                            */    
/*                                                                        */    
/*                                                                        */    
/* lr: fh, 27-FEB-2024. Übernahme von vp.                                 */
/* ---------------------------------------------------------------------- */


/* Vorgaben: */
  body {background-color:#FFFFFF;
        width:1200px;}     /* weiss */

  
/* Schriftarten, ... */  
  body,p,div,ul,textarea {
        font-family: Arial, Helvetica, sans-serif;
        /* font-size:0.95em; */
        font-size:12px;
        color:#000000;}     /* 0.95em statt 12px, damit der IE6 vergrößern/verkleinern kann  CID:fh211118:auf 12px geändert, da es sonst Probleme mit geschachtelten DIVs gibt*/


/* ######### */



/* Verschiedene Zeichenbereiche: */
/* ----------------------------- */


  .adumrahmung {padding:2px;
                  border:1px solid #006699;}  /* Zusatzrahmen im Seitenmenue */


 /* Einzelne Elemente und Klassen: */
 h1{
  font-size: 18px;
  line-height:18px;
 }

  h2 {font-size:13px;}

  h3, h4 {font-size:12px;}
  

  label.userreg {display:block;
         float:left;
         width:150px;
         text-align:right;
         padding-right:5px;}



 /* Links a href ... */
 a,a:visited {color:navy;}  /* Auch besuchte Links immer in Blau darstellen. */
 


 /* Einzelklassen, Hervorhebungen, ... */
 
  /* Farben: */
  .rot {color:#FF0000;}
  .bggelb {background-color:yellow;}		/* gelber Hintergrund */
  .bghellgrau {background-color:#E6E4E4;}	/* hellgrauer Hintergrund */
  .bgmint {background-color:#C0FFC0;}		/* mintfarbener Hintergrund */
  
  .bgchmrot {font-weight:bold; background-color:red;}		/* Kennzeichnung der Chemie-Werte: rot */
  .bgchmgruen {background-color:#D3FFBE;}	/* Kennzeichnung der Chemie-Werte: grün */
  .bgchmorange {background-color:orange;}	/* Kennzeichnung der Chemie-Werte: orange */
  
  /* Weiteres: */
  .fett {font-weight:bold;}
  .kursiv {font-style:italic;}
  .gross {font-size:120%;}
  .klein {font-size:75%;}
  
 /* Klassen für  verschiedene Formatierungen */
 
 .rechts,.dbnumber {text-align:right;}
 .links,.dbstring {text-align:left;} 
 .zentriert {text-align:center;}

 input[readonly],input[disabled],select[disabled],textarea[disabled],.disabled {background-color:#EFEFEF}

 
 textarea {max-width:700px;} /* Textarea in der Breite begrenzen */

.ausgeblendet {visibility:hidden;} 
.versteckt {display:none;} /* damit mit show und hide einschaltbar */
.blockrechts {float: right;}
.blocklinks {float: left;}


 .inaktiv {color:grey;}  /* Graue Schrift */

/* ========================================================================= */
/* klaus fix */


/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after  {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

body{
   margin-top: 0px;
 }



.adbuttonsmassn img, .actionbutton img{
  vertical-align: text-bottom;
}

.smallcap{
font-size: 11px;
  font-variant: small-caps;
}

.adblocklink {font-size:0.85em;} /* Links am Ende eines Blocks, CID:fh200920*/


input, select, textarea{
  /* border: solid 1px gray; <-- dies entfernt 3D-Effekt, ist aber besser zum Erkennen der Inputs */
  padding: 2px 2px;
  margin-bottom: 15px;
}

/* Abstände der inputs */
input, select, textarea{
  margin-bottom: 15px;
}

table input, table select, table textarea{
  margin-bottom: 0px;
}

label{
  line-height: 18px; /*entspricht input height*/
  padding-bottom: 3px;
  margin-bottom: 3px;/* abstand Zeile*/
}

/* Standard-Breite eingeklappt */
label.longlabel{
  width: 400px;
}

textarea.adinput, textarea.llur,  textarea.mlur, textarea.llurmlur, textarea.adinputpflicht, textarea.adinputpflichtleer{
  width: 98%;
  margin-left: 1em;
}


 fieldset{ border-color: #CBCBCB; }


/* =========================================================================== */
/* jQuery-Validator-Meldungen                        */
/* Validator-Hervorhebungen, jquery.validate.pack.js erforderlich */
/*  Validation  */
/* error indicator message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#E88484;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 4px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}


/*  Markierung der inputs  */
.invalid{
  border: solid 1px red;
}

/* pure CSS arrow for popup  */
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FFFE36 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:60px;
}



/* Sammelfehler - error container und Erfolgsmeldung */
#errors, #success {
	background-color:#EEEEEE;
	color:#000000;
	width:650px;
	padding:20px;
	margin:5px auto;
	display:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* title */
#errors h2 {
	margin:-5px 0;
    padding-left: 2em;
	color:#CC0033;
}

#errors strong{
    font-weight: bold;
    color: #4080BF
}

/* Ende-Validator-Meldungen                        */
/* =========================================================================== */