/* -----------------------------------------------------------------------    allgemein */ 
body {
  background-color:#C8C8C8;
  font-family:Helvetica,Arial,sans-serif;
  font-size:100.01%;
  color:black; 
  margin:0px;    /* Rand auszen */
  padding:0px;      /* innen */
  border:0px dashed white;     /* nur zum Testen */
}

p {
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#000000;
}

div.floatStop {
  clear:both;
}

a:hover {                         /* a:hover{text-decoration:none; color:#FFFFFF} */
	text-decoration:underline;
}

/* -------------------  aeuszerster Rahmen  ----------------------------------------------------*/ 
div#ID_Rahmen0 {
  width:700px; 
  margin:0px; 
  padding:0px;   
  background-color:#e8e8e8; 
  text-align:left; 
  margin-left:auto; 
  margin-right:auto;
  position:relative; top:0; left:0;       /* Referenzposition fuer Kinder festlegen */
  border:0px dashed white;
}

/* -------------------  Seitenkopf (Logo) incl. Navigation 1. Ebene (aber ohne den rot-grau-Verlaufsbalken darunter)  ----*/ 
div#ID_header_nav {
  background-color:#fafafa;
  width:700px; 
  height:140px;
  margin:0px;       /* kein margin, weil sonst background-color nicht bis auszen geht */
  padding:0;
  position:relative; top:0; left:0;      /* Referenzposition fuer Kinder festlegen */
  border:0px dashed black;     /* nur zum Testen */
  font-family:Helvetica, Arial, sans-serif;
  color:#000000;
  text-align:center;
}

div#ID_headerLine {         /* Zeile mit header_Logo und header_Foto */
  /* position:absolute; top:0; left:0; */
}

div#ID_header_Logo {
  margin:0px;      /* zum Testen */
  border:0;  /*px dashed black; */     /* nur zum Testen */
  float:left;
  width:200px; height: 100px;
}
div#ID_header_Logo * {      /* kein Rahmen um Bilder */
  border:0;
}

div#ID_header_Foto {
  margin:0px;      /* zum Testen */
  border:0;  /* 1px dashed black; */      /* nur zum Testen */
  float:right;
  width:500px; height: 100px;
}
div#ID_header_Foto * {      /* kein Rahmen um Bilder */
  border:0;
}


/* -------------------  Menuzeile unter Logozeile  ---------------------------------------------------- */

div#ID_navLine {                           /* Zeile mit Metanavigation und Nav. 1.Ebene (navMeta und nav1) */
  position:absolute; bottom:0; left:0;
  text-align:left; 
  border:0px dotted green; 
  width:100%;
}

          /* -------------------  Nagigation 1. Ebene  --------------------------------------- */
div#ID_nav1 {
  float:left;
  margin:0px;   /* zum Testen */
  margin-left:5px;
  border:0px dashed blue;      /* nur zum Testen */
  /*background-color:#80ffff;*/   /* zum Testen */
  padding:0;
  height:20px;
}

div#ID_nav1 ul {
  list-style-type:none; 
  border:0px dashed red; 
  margin:0px; 
  padding:0px;
}

div#ID_nav1 ul li {    /* eigentlich koennte auch _hier_ background-bild hin, aber dann kein a:hover moeglich */
  /*display:block;*/ 
  /*display:inline;*/ 
  float:left;      /* float:left statt display:inline - gleichwertig? */
  border:0px dashed black; height:20px; width:100px; 
}

div#ID_nav1 ul li a {
  border:0px dotted blue; color:#000000; font-size:12px; font-weight: bold; text-align:center; text-decoration:none; 
  display:block; height:17px; width:90px; margin-left:auto; margin-right:auto; padding-top:3px; 
}

div#ID_nav1 ul li a.inactive {
  background:url('graphics/reiter_nav1.png') no-repeat top center;
}

div#ID_nav1 ul li a.active {
  background:url('graphics/reiter_nav1_rot.png') no-repeat top center;
}

div#ID_nav1 ul li a.inactive:hover {
  background:url('graphics/reiter_nav1_rot.png') no-repeat top center;
  text-decoration:none;
  color:#FFFFFF;
}

          /* -------------------  Meta-Navigation  -------------------------------------------------- */
div#ID_navMeta {
  float:right;
  margin:0px;   /* zum Testen */
  margin-right:5px;
  border:0px dashed blue;      /* nur zum Testen */
  /* background-color:#ff8080; */
  /* background:url('Reiter_breit_+x2.png') no-repeat top left; */
  /*display:block; */     /* (oder inline-block.) wichtig!!! sonst wird die Hoehenangabe nicht akzeptiert. - NEIN, stimmt nicht, geht auch ohne */
  padding:0px;
  height:20px;
  /* width:200px; */ /* kann entfallen */
}


div#ID_navMeta ul {
  list-style-type:none; 
  border:0px dashed red; 
  margin:0px; padding:0px; 
  /* float:right; nein, sowas gehört hier nicht hin! sonst startet Firefox eine neue Zeile */
  /* display:inline; */ /* weglassen? sonst startet Firefox eine neue Zeile? */
}

div#ID_navMeta ul li {
  display:inline;
  /* float:left; */       /* kein float:left statt display:inline hier, weil sonst text dazwischen (• / ˙) erst zum Schluss angezeigt wird */
  border:0px dashed black; 
  font-size:11px;
}

div#ID_navMeta ul li a { 
  color:#000000; font-weight:normal; text-decoration:none; 
}

div#ID_navMeta ul li a:hover { 
  text-decoration:underline; 
}

div#ID_navMeta ul li a.flag {   /* damit bei Opera die Flagge nicht nach oben rutscht */
  padding-bottom:1px;
  vertical-align:text-bottom;
}

div#ID_navMeta ul li a.flag:hover { 
  text-decoration:none; 
}


/* -------------------  Navigation 2. Ebene ----------------------------------------------------------*/

div#ID_nav2 {
  float:left; width:200px; /*background-color:yellow;*/ padding-top:10px; border:0px dashed black;
}

div#ID_nav2 ul {
  list-style-type:none; margin:0px; padding:10px; /*background-color:red;*/ border:0px dashed white;
}

div#ID_nav2 ul li {
  margin-top:0px; margin-bottom:20px; height:20px; width:180px; border:0px dashed red;
}

div#ID_nav2 ul li a {
  display:block; height:17px; width:170px;
  color:black; font-size:12px; text-decoration:none; 
  padding-top:3px; 
  padding-left:10px;     /* mehr geht z.Zt. nicht, Button ist zu schmal */
}

div#ID_nav2 ul li a.inactive {
  background:url('graphics/butt_nav2.png') no-repeat top left;
}

div#ID_nav2 ul li a.active {
  background:url('graphics/butt_nav2_active.png') no-repeat top left;
}

div#ID_nav2 ul li a.inactive:hover {
  background:url('graphics/butt_nav2_active.png') no-repeat top left;
  color:white;
}

div#ID_nav2 ul li a.nav1_name {
  font-weight:bold;
  padding-left:0px; width:180px; text-align:center;
}


/* -------------------  Hauptbereich auf Startseite ----------------------------------------------------------*/

div#ID_main_pStart {
  border:0px dashed black; /* background-color:#e8e8e8; schon bei ID_Rahmen0 definiert */
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px; color:#000000; 
  padding:2em 5em 50px;
}

div#ID_main_pStart div.float_clear {
  clear:both;
}

div#ID_main_pStart h1 {
  font-family:Helvetica, Arial, sans-serif;
  text-align:center;
  font-size:20px;
}

div#ID_main_pStart p.cl_text {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; 
  font-size:12px;
  color:#000000;
  line-height:150%;
  /* text-indent:1em; */
}

/* folgendes wird nicht mehr gebraucht:
div#ID_main_pStart ul a {
  text-decoration:none !important;       / * Links in Aufzaehlungen nicht unterstreichen ... * /
  color:gray;
}

div#ID_main_pStart ul a:hover {
  text-decoration:underline !important;             / * ... aber gehooverte Links in Aufzaehlungen unterstreichen * /
}

div#ID_main_pStart a:hover {
  text-decoration:underline !important; 
  / * color:black; * /
}
*/


/* -------------------  Hauptbereich auf Produkt-Seite und Applications-Seite --------------------------------------------------*/

div#ID_main_pProd {
  /*float:left; background-color:green;*/ 
  margin-left:200px; /*width: 400px;*/ padding:5px 2em 50px; border:0px dashed blue; 
}

div#ID_main_pProd p.cl_text, div#ID_main_pProd * {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; 
  font-size:12px;
  color:#000000;
  line-height:150%;
  /* text-indent:1em; */
}

div#ID_main_pAppl {
  /*float:left; background-color:green;*/ 
  margin-left:200px; /*width: 400px;*/ padding:5px 2em 50px; border:0px dashed blue; 
}

div#ID_main_pAppl p.cl_text {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; 
  font-size:12px;
  color:#000000;
  line-height:150%;
  /* text-indent:1em; */
}


/* -------------------  Hauptbereich auf Support-Seite ----------------------------------------------------------*/

div#ID_main_pSupp {
  /*float:left; background-color:green;*/ 
  margin-left:50px; /*width: 400px;*/ padding:5px 2em 50px; border:0px dashed blue; 
}

div#ID_main_pSupp p.cl_text {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px; color:#000000; 
  line-height:150%;
}

div#ID_main_pSupp ul {
  border:0px dashed blue;      /* nur zum Testen */
  margin-left:0px;
  margin-top:0em;
  margin-bottom:1em;
  padding-left:0px;
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px; color:#000000; font-weight:bold;
  line-height:150%;
  list-style-type:none;
}
div#ID_main_pSupp ul ul{
  list-style-type:circle;
}
div#ID_main_pSupp ul ul a{
  border:0px dashed yellow;      /* nur zum Testen */
  padding-left:0px;
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px; /*color:#000000;*/ font-weight:normal;
  line-height:150%;
  /*list-style-type:none; */
}

div#ID_main_pSupp dl dt {
  border:0px dashed blue;      /* nur zum Testen */
  margin-left:0px;
  margin-top:2em;
  margin-bottom:1em;
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px; color:#000000; font-weight:bold;
  line-height:150%;
}
div#ID_main_pSupp dl dd{
  border:0px dashed blue;      /* nur zum Testen */
  padding-left:0px;
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px; color:#000000;
  line-height:150%;
  list-style-type:none; 
}


/* -------------------  Hauptbereich auf Download-Seite und Company-Seite  ----------------------------------------------------------*/

div#ID_main_pDownld {
  /*float:left; background-color:green;*/ 
  margin-left:50px; /*width: 400px;*/ padding:50px 2em 60px; border:0px dashed blue; 
}

div#ID_main_pDownld *, div#ID_main_pDownld p.cl_text {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; 
  font-size:12px; 
  line-height:150%;
  /*color:#000000; */
}
div#ID_main_pDownld h1 {
  font-weight:bold;
}
div#ID_main_pDownld a {
  /*color:#FF0000; */       /* zum Testen */
  font-weight:bold;
  text-decoration:none;
}
div#ID_main_pDownld a:hover {
  text-decoration:underline;
}


div#ID_main_pCompany {
  /*float:left; background-color:green;*/ 
  margin-left:10px; /*width: 400px;*/ padding:30px 4em 60px; border:0px dashed blue; 
}

div#ID_main_pCompany *, div#ID_main_pCompany p.cl_text {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; 
  font-size:12px; 
  line-height:150%;
  /*color:#000000; */
}

div#ID_main_pCompany p.cl_foto {
  border:0px dashed blue;
  margin-bottom:0px;
  text-align:center; 
}
div#ID_main_pCompany p.cl_caption {
  border:0px dashed blue; 
  margin-top:0.5em;
  font-size:10px; 
  text-align:center;
  line-height:150%;
}


/* -------------------  Hauptbereich auf Contact-Seite und Impressum-Seite  ----------------------------------------------------------*/

div#ID_main_pContact, div#ID_main_pImpressum {
  /*float:left; background-color:green;*/ 
  margin-left:10px; /*width: 400px;*/ 
  padding-top:30px;
  padding-left:8em;
  padding-bottom:60px; 
  border:0px dashed blue; 
}

div#ID_main_pContact *,   div#ID_main_pContact p.cl_text,
div#ID_main_pImpressum *, div#ID_main_pImpressum p.cl_text {
  font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:12px;
  line-height:150%;
  /*color:#000000; */
}
div#ID_main_pContact h1, div#ID_main_pImpressum h1 {
  font-weight:bold;
}

/* -------------------  Footer  ------------------------------------------------------------*/

div#ID_footer {
  /* position:absolute; bottom:0; left:0; */
  /* margin-top:50px; */
  border:0px dashed blue;      /* nur zum Testen */
  /* background-color:#ff8080; */
  background:url('graphics/footer.png') no-repeat top left;
  display:block;      /* (oder inline-block) wichtig!!! sonst wird die Hoehenangabe nicht akzeptiert */
  height:17px;
  width:695px;
  padding-left:5px; padding-top:3px;  /* Text etwas einruecken und nach unten schieben */
  font-family:Helvetica,Arial,sans-serif;
  font:11px normal;
  color:#000000; 
  text-decoration:none;
}

div#ID_footer a {
  border:0px dashed green; font-family:Helvetica,Arial,sans-serif; text-decoration:none; color:#000000; 
}

div#ID_footer a:hover {
  text-decoration:underline; 
}