@charset "utf-8"; /* charset festlegen */
/* ************************************************ */
/* DATEI: gdnrw_GRID_basis.css                      */
/* Basis-Style für alle Seiten des GD NRW           */
/* ************************************************ */
/* "#" -> "id"-Selektor; "." -> "class"-Selektor    */
/* top, right, bottom, left                         */
/* ************************************************ */

/* ------------------------------------------------ */
/* --- Allgemein ---------------------------------- */
/* ------------------------------------------------ */

/* --- viewport --- */
@viewport {
  width: device-width;
  zoom: 1;
}

/* --- html --- */
html {
  font-family: 'Raleway', sans-serif;
  /* font-family: Verdana, Arial, sans-serif; */
  /* font-family: "Trebuchet MS", Arial, sans-serif; */
  font-size: 1.0em;
  line-height: 1.5;
  font-style:normal;
  font-weight: normal;
  width: 100%;
  /* 
  height: 100%;
  */
  margin: 0px;
  padding: 0px;
  /*   */
  box-sizing: border-box; 
  /* Wird dann wichtig, wenn der Gridzelleninhalte  (z.B. div.v_foto oder img.v_img) einen border haben. Dann werden die Größen falsch berechnet und die border „sprengen“ erneut das Grid. Die Eigenschaft ist generell empfehlenswert. */
}

/* --- body --- */
body {
  width: 100%;
  letter-spacing: normal;
  color: #000000;
  background-color: #F5F5F5; 
  /*
  height: 100%;
  max-width: auto; 
  font-family: Arial, Verdana, sans-serif; 
  background:url(../image/bg_farbverlauf.png) center repeat-y;
  background-size:100% auto;
  */
  margin: 0px; /* notwendig um die "blinde" Scrollleiste im IE6 zu entfernen */
  padding: 0px; /* notwendig um die "blinde" Scrollleiste im IE6 zu entfernen */
  text-align: left;
  vertical-align: top;
}

* { 
  box-sizing: inherit; 
  /* s.o. */
}

/* --- Bilder allgemein --- */
img {
  border-width: 0px;
  border-style: none;
  background-color: transparent;
  /* 
  border:0px none transparent; 
  */
}

/* --- Bilder - Rahmen --- */
.img_rahmen {
  background-color: #F5F5F5;
  border: 1px solid #999999;
}

/* --- Text - kursiv --- */
.txt_kursiv {
  font-style: italic;
}

/* --- Text - rot --- */
.txt_rot {
  color: red;
}

/* --- Text - fett --- */
.txt_fett {
  font-weight: bold;
}

/* --- Text - hervorgehoben --- */
.txt_hervor {
  font-weight: bold;
  color: #333333;
}

/* --- Text - hoch --- */
.txt_hoch {
  font-size: 0.75em;
  position: relative;
  top: -0.6em;
}

/* --- Text - tief --- */
.txt_tief {
  font-size: 0.75em;
  position: relative;
  bottom: -0.4em;
}

/* --- Text - GD NRW im Text --- */
.txt_gd {
  font-weight: bold;
  letter-spacing: 1px;
  color: #FF6633;
  background-color: transparent; /* #F5F5F5 */
}

/* --- Text - GD NRW im Text --- */
.txt_gd2 {
  font-weight: bold;
  letter-spacing: 1px;
  color: #666666;
  background-color: transparent; /* #F5F5F5 */
}

/* --- Text - abstand --- */
.txt_abstand {
  font-size: 18px;
}

/* --- float aufheben --- */
.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

/* --- unsichtbar --- */
.unsichtbar {
  position: absolute !important;
  top: -2000px !important;
  left:-2000px !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  display: inline;
}

/* --- Links allgemein --- */
a:link {
  color: #FF6633;
  text-decoration: none;
  border-style: none;
}

a:hover {
  color: #009933;
  text-decoration: none;
  border-style: none; /* cursor:url(../image/gd_cur.gif); */
}

a:visited {
  color: #FF6633;
  text-decoration: none;
  border-style: none;
}

a:active {
  color: #FF0000;
  text-decoration: none;
  border-style: none;
}

h1 {
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: bold;
  letter-spacing: 1px; 
  /*
  letter-spacing: 0.1em; 
  */
  color: #333333;
  background-color: transparent;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 8px 0px;
  text-align: left;
  /*
  vertical-align: middle;
  */
}

h2 {
  font-size: 1.15em;
  /* line-height: 2.0em; */
  font-weight: bold;
  letter-spacing: normal;
  /*
  letter-spacing: 0.1em; 
  */
  color: #333333;
  background-color: transparent;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px;
  text-align: left;
  /*
  vertical-align: middle;
  */
}

h3 {
  font-size: 1.05em;
  /* line-height: 1.8em; */
  font-weight: bold;
  letter-spacing: normal;
  color: #333333;
  background-color: transparent;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 4px 0px;
  text-align: left;
  /*
  vertical-align: middle;
  */
}

/* --- Mittelteil - Liste ueber ul li --- */
ul.ul1 {
  list-style-position: outside;
  list-style-image: url(../button/liste_1.gif);
  text-indent: 0px;
  margin: 5px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}

ul.ul1 li { /* jedes Element li unterhalb von ul.ul1 */
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 4px 0px;
}

/* --- Mittelteil - Liste ueber ul li - klein --- */
ul.ul2 {
  list-style-position: outside;
  list-style-image: url(../button/liste_2.gif);
  text-indent: 0px;
  margin: 3px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
}

ul.ul2 li {
  padding: 0px 10px 2px 0px;
}


/* --- Automatische Silbentrennung - funktioniert noch nicht überall --- */
/* --- !!! Sprache muss in html-Datei definiert sein z.B.: <html lang="de"> --- */

p { 
  /*
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  */
  /* hyphenate-limit-chars: auto 3; */
  /* hyphenate-limit-lines: 2; */
}



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

/* --- Listen mit Nummerierung ---*/
ol.ol1 {
  counter-reset:listenpunkt_ol1;
  list-style-type:none;
  font-weight: bold;
  text-indent:0px;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

ol.ol1 li:before {
  content: counter(listenpunkt_ol1) ". ";
  counter-increment:listenpunkt_ol1;
  margin: 0px 0px 0px 0px;
  padding: 0px 24px 4px 0px;
}

ol.ol2 {
  counter-reset:listenpunkt_ol2;
  list-style-type:none;
  font-weight: normal;
  text-indent:-40px;
  margin: 3px 0px 10px 0px;
  padding: 0px 0px 0px 40px;
}

ol.ol2 li:before {
  content: counter(listenpunkt_ol1)"."counter(listenpunkt_ol2,decimal) ". ";
  counter-increment:listenpunkt_ol2;
  padding: 0px 12px 5px 0px;
}



/* ################################################################################# */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  overflow: auto;
  /* Für den IE6 und IE7 */
  /*
  *zoom: 1;
  */
}

/* ################################################################################# */
@media not print {
  .neutralisation {
    clear: both; /* hebt float: ??? auf */
  }
}

@media print {
  .neutralisation {
    /* clear: both; hebt float: ??? auf */
  }
}

@media print {
  /*
  body {
    overflow: visible !important;
    display: block;
    height: auto;
  }
  .bereich_2spaltig_rechts,
  #sprunglinks, 
  #bereich_nrw, 
  #bereich_kopf, 
  #bereich_impress, 
  #bereich_logo,
  #bereich_fuss  { 
    display: none !important;
  }
  */

}

/* ################################################################################# */
/* go2top-Button */
#button_go2top {
  /*
  display: none;
  */
  position: fixed;
  bottom: 0.2em;
  right: 0.4em;
  z-index: 9999;
  font-size: 3em;
  border: none;
  outline: none;
  background-color: #FF6633;
  color: white;
  cursor: pointer;
  padding: 0.1em 0.3em 0.3em 0.3em;
  border-radius: 4px;
}

#button_go2top:hover {
  background-color: #FF7744;
}

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