/*

    test.css

    Stylesheet-Datei, Projekt "Glashaeger"
    Stand: 19.03.05

    Farben:   dunkelblau      hauptnavi             #003082     0,48,130
              2. dunkelblau   subsubnavi            #1C4690     28,70,144
              blau            text, heads           #0053A1     0,83,161
              graublau        tabellen, bildunter   #204568     32,69,104

              1. gr�n         navi                  #007475     0,116,117
              2. gr�n         tabellen-linien       #21A6A7     33,166,167

              rot             navi                  #DC241F     220,36,31
              2. rot          subsub-active         #ea4f4a     234,79,74

              hellblau        Hintergrund           #D1E0F5     209,224,245

              NEU:
              sehr helles Blau  DHTML-Fenster       #C5D6EE     197,214,238
*/

body
{
  margin:0px;
  padding:0px;
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-size:12px;
  line-height:20px;
  color:#0053a1;
  background-color:rgb(240,244,255);
  background-image:url("/standard/verlauf_bg2.gif");
  background-repeat:repeat-x;
  background-position:0 128px;
}


p, li
{
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-size:12px;
  line-height:20px;
  margin:8px 0px 2px 0px;
  padding:0px;
}

p.impressum
{
  font-size:11px;
  line-height:16px;
}

p.enger
{
  line-height:14px;
}

p.bildunter
{
  font-size:11px;
  font-weight:normal;
  line-height:14px;
  color:#204568;
  margin:3px 0px 0px 0px;
  clear:both;
}

p.kasten
{
    background-color:rgb(255,255,255);
    border:1px solid rgb(33,166,167);
    padding:4px;

}
/* *********************************************************** ALLGEMEIN: A, UL, LI  ************ */
a
{
  font-size:12px;
  color:#007475;
  font-weight:bold;
}
a:link, a:visited
{
  color:#007475;
  text-decoration:none;
}

a:hover
{
  color:#007475;
  text-decoration:underline;
}

a:active
{
  color:#ff4200;
}

.naviitem a:hover
{
  color:#007475;
  text-decoration:none;
}

ul
{
  margin:0px 0px 0px 12px;
  padding:0px 0px 0px 12px;
}

li
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
/* ----------------------------------------------- AJAX / DHTML ---------------------------------- */




/* ----------------------------------------------------------------------------------------- */


/*
  Gesamt-Container (enthaelt alles).
  Falls er mittig sitzen soll,
  muss die html-Eigenschaft "align"
  im HTML-Code gesetzt werden (keine
  CSS-Eigenschaft)

  position != static ist wichtig, damit
  enthaltene Container sich darauf beziehen,
  auch wenn diese "absolute" gesetzt sind
*/
div#alles
{
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:auto;
  min-height:100%;
  margin:auto;
  padding:0px 0px 48px 0px;
  background-color:transparent;
  background-image:url("/standard/head/images/hintergrund-1900x168.jpg");
  background-repeat:no-repeat;
  background-position:center top;
  /*
  background-image:url("/standard/kringel.jpg");
  background-repeat:no-repeat;
  background-position:center;
  */
}


/*
  Kopf-Bereich, Hauptcontainer
  enthaelt Hintergrund A (Wiederholer)
  sowie weitere Container f. Logo und Navi
*/
div#kopf
{

  position:relative;
  top:0px;
  left:0px;
  height:208px;
  width:100%;
  margin:0 0 10px 0;
  padding:0px;
  /* AVS, war hidden */
  overflow:visible;
  z-index:9000;
}

/* ********************************************************************************************************
                                                                      K O P F
  Kopf-Container
  enthaelt Hintergrund B
  sowie weiteren Container f. Logo und Navi
*/
div#kopfcont
{
  position:relative;
  top:0px;
  left:0px;
  /*height:143px;*/
  height:168px;
  width:780px;
  overflow:visible;
  margin:auto;
  padding:0px;
  

}

div#kopfcontprint
{
  display:none;
}


div#logo
{
  display:block;
  position:absolute;
  top:10px;
  right:-10px;
}

div#logoprint
{
  display:none;
}

/*
@media print
{
  div#logo
  {
    display:none;
  }

  div#logoprint
  {
    display:block;
    position:absolute;
    top:0px;
    right:125px;
  }

}
*/

div#subnavi
{
  position:absolute;
  top:81px;
  height:31px;
  left:10px;
  text-align:left;
}

div#subsubnavi
{
  position:absolute;
  top:172px;
  height:31px;
  left:10px;
  text-align:left;

}

/*div#kontakt
{
  position:absolute;
  top:81px;
  height:31px;
  left:auto;
  right:0px;
  text-align:right;
}*/

div#kontakt
{
  /* display:none; */
  position:absolute;
  top:134px;
  height:34px;
  right:44px;
  text-align:right;
}

div#facebook
{
  position:absolute;
  top:134px;
  right:-6px;
  height:34px;
  text-align:right;
}
/* ----------------------------------------------------------------------------------------------------- */


/* *********************************************************** N A V I ********************************* */
/* ul.navi, */ul.subnavi, ul.subsubnavi
{
  list-style:none;
  margin:0px;
  padding:0px 0px 8px 6px;
}

ul.subnavi, ul.subsubnavi
{
  list-style:none;
  margin:0px;
  padding:8px 0px 0px 0px;
}

ul.subsubnavi
{
  padding:0px 0px 0px 0px;
}

/*
ul.navi li
{
  display:inline;
  width:auto;
  height:32px;
  margin:0px 24px 0px 0px;
  padding:0px 0px 8px 6px;
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  background-image:url("/standard/head/images/leer.png");
  background-repeat:no-repeat;
  background-position:0% 90%;
  font-size:16px;
  font-weight:normal;
  line-height:100%;

}
*/
/*  Subnavi */
ul.subnavi li, ul.subsubnavi li
{
  display:inline;
  width:auto;
  height:31px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 6px 0px;
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-size:12px;
  line-height:100%;
  color:#003082;
}

/*ul.navi li a, */ ul.subnavi li a
{
  font-size:16px;
  /*color:#003082;*/
  color:white;
/*  AVS: navi-fett navi-normal */
  font-weight:normal;
}

ul.subnavi li a
{
  font-size:12px;
}

ul.subsubnavi li, ul.subsubnavi li a
{
  color:#1c4690;
  font-size:12px;
/*  AVS: navi-fett navi-normal */
  font-weight:normal;
}

/*
ul.navi li.akt
{
  background-image:url("/standard/head/images/tropfen.png");
}
*/


/* ul.navi li a:link, ul.navi li a:visited, ul.subnavi li a:link, ul.subnavi li a:visited
{
  color:#003082;
  text-decoration:none;
}
*/

ul.subsubnavi li a:link, ul.subsubnavi li a:visited
{
  color:#1c4690;
  text-decoration:none;
}

/*ul.navi li a:hover,*/ ul.subnavi li a:hover, ul.subsubnavi li a:hover
{
  /*color:#007475;*/
  /*color:rgb(220,36,31);*/
  /*color:#DC241F;*/
  color:#ff4200;
  text-decoration:underline;
}

/*ul.navi li a:active,*/ ul.subnavi li a:active
{
  /*color:#DC241F;*/
  color:#ff4200;
}

ul.subsubnavi li a:active
{
  color:#EA4F4A;
}


/*ul.navi li.akt a:link, ul.navi li.akt a:visited, ul.navi li.akt a:hover, ul.navi li.akt a:active,*/ ul.subnavi li.akt a:link, ul.subnavi li.akt a:visited, ul.subnavi li.akt a:hover, ul.subnavi li.akt a:active
{
  /*color:#DC241F;*/
  color:#ff4200;
}

ul.subsubnavi li.akt a:link, ul.subsubnavi li.akt a:visited, ul.subsubnavi li.akt a:hover, ul.subsubnavi li.akt a:active
{
  color:#EA4F4A;
}



/* ----------------------------------------------------------------------------------------------------- */

/*
  Fuss-Bereich
*/
div#fuss
{
	display:none;
	/*
  position:relative;
  margin:0px auto 0px auto;
  border-top:24px solid transparent;
  border-bottom:32px solid transparent;
  height:81px;
  width:100%;
  z-index:100;
  */
  /*
  das ist der Standard (falls was schiefgeht)
  eigentlich aber wird dieses Element durch
  extra nachgeladenen CSS �berschrieben
  je nach gew�nschtem Fussmotiv
  */
  /*
  background:url("/standard/foot/images/fuss-ausspannen.jpg") repeat-x;
  */
}


div#fussprint
{
  display:none;
}


/*
  Nutz-Inhaltsbereich, erst mal auch ein
  grosser div
*/

div#container
{
  position:relative;
  width:780px;
  min-height:290px;
  margin:0px auto 0px auto;
  padding:0px;
  z-index:1;
  overflow:visible;
}

div.nutzen
{
  position:relative;
  top:10px;
  left:0px;
  /* margin:0px auto 0px auto; */
  margin:0px auto 10px auto;
  padding:0px;
  width:780px;
  height:auto;
  border:0px none;
  overflow:visible;
  text-align:left;
  vertical-align:bottom;
  z-index:2;
}

/*
  �?erschrift-Klasse, wie Textblock, aber ganze
  Nutzen-Breite
*/
div.header
{
  position:relative;
  top:0px;
  left:10px;
  width:770px;
  height:auto;
}
/*
  Textblock-Klasse, kann mehrfach pro Seite auftreten
*/

/*  ################################## textblock + rechteSpalte = Normallayout */
div.textblock
{
  position:relative;
  top:0px;
  left:10px;
  padding:0px 0px 0px 0px;
  width:390px;
  height:auto;
  vertical-align:bottom;
  border-top:0px none;
  border-bottom:0px none;
  border-left:0px none;
  /* f�r Opera: */
  border-right:380px solid transparent;
}

div.rechteSpalte
{
  position:absolute;
  clear:both;
  bottom:7px;
  left:420px;
  width:320px;
  height:auto;
  vertical-align:bottom;
  overflow:visible;
}
/* ############################################################################ */


div.ganzebreite
{
  position:relative;
  top:0px;
  left:10px;
  width:770px;
  height:auto;
  padding:0px;
  margin:0px;
  text-align:left;
}

td
{
  vertical-align:top;
}

tr > td, tr > th
{
  padding-left:10px;
}

table.tabelle td, table.tabelle th, td.tabelle, th.tabelle
{
  font-size:12px;
  border-bottom:1px solid #21a6a7;
  color:#204568;
  padding-left:0px;
}

th
{
  text-align:left;
}

table.kleiner td, table.kleiner th
{
  font-size:10px;
  line-height:11px;
  padding:1px 0 1px 0px;
  margin:0;
}

table.kleiner td
{
  border:0;
}


div.ganzebreite td
{
  width:33%;
  padding:0px 10px 0px 0px;
}




/* ########################################## alternativ (Produkte) ########### */
div.textblockklein
{
  position:relative;
  top:0px;
  left:10px;
  width:160px;
  /*  die tats�chliche H�he wird per PHP aus der Bildh�he ermittelt und
      in der HTML-Datei als y-Versatz f�r den nachfolgenden Block
      eingesetzt
  */
  height:auto;
  vertical-align:bottom;
  /* f�r Opera: */
  border-right:610px solid transparent;
  text-align:left;
}

div.rechteSpaltegross
{
  position:absolute;
  clear:both;
  bottom:0px;
  left:190px;
  width:550px;
  height:auto;
}

div.overlap
{
  padding:12px 0px 0px 0px;
}

/*
div#rechtsbild
{
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:30;
  text-align:right;
  vertical-align:bottom;
}
*/

div#rechtsbild
{
  position:relative;
  bottom:0px;
  right:0px;
  text-align:right;
  vertical-align:bottom;
}

/*  ############################ brauchen wir das noch? ###################### */
div.headerrechts
{
  position:relative;
  top:0px;
  left:0px;
  width:auto;
  height:auto;
}

div.textblockrechts
{
  position:relative;
  top:0px;
  left:0px;
  width:auto;
  height:auto;
}
/* ############################################################################# */

div.kasten
{
	border:1px solid rgb(33,166,167);
	padding:2px 4px 2px 4px;
	margin:8px 4px 0 0;
	width:40%;
	display:inline;
	float:left;
	font-size:80%;
}

div.kasten p
{
	font-size:11px;
	line-height:12px;
	margin:1px 0 1px 0;
}

div.kasten h5
{
	margin:0 0 1px 0;
	padding:0;
	line-height:12px;
}

h1
{
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-size:20px;
  line-height:110%;
  color:#0053A1;
  font-weight:normal;
  margin:0px 0px 6px 0px;
  padding:0px;
}

h4
{
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-size:12px;
  line-height:14px;
  color:#0053A1;
  font-weight:bold;
  margin:2px 0px 0px 0px;
  padding:20px 0px 0px 0px;
}

h5
{
  font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-size:11px;
  line-height:12px;
  color:rgb(32,69,104);
  font-weight:bold;
  margin:2px 0px 0px 0px;
  padding:4px 0px 0px 0px;
}

.naviitem
{
  margin:0px 0px 0px 0px;
  font-size:120%;
  vertical-align:-5%;
}

.abstWaag
{
  padding:0px 4px 0px 6px;
}

.mehrAbstand
{
  padding-top:20px;
}

.rechts
{
  text-align:right;
}

.error
{
  border:solid 1px #ff4200;
  padding:2px;
  color:rgb(51,51,51);
}

.grau
{
  color:#204568;
}

.neu
{
  /* bei Produkt�bersicht */
  font-size:100%;
  /*
  border:1px solid rgb(220,36,31);
  */
  border:0px none;
  padding:1px;
  margin:0px 0px 0px 6px;
  color:rgb(220,36,31);
  font-weight:bold;
}

.tiefklein
{
	font-size:30%;
	vertical-align:baseline;
}

/* ############################## Formulare Forms ####################################### */
input, textarea, select
{
  border:1px solid #99B9E8;
  background-color:#E5EEFA;
}

textarea
{
  width:380px;
  height:100px;
}

input
{
  width:380px;
  height:18px;
}

select
{
  height:22px;
}

input.mittel
{
  width:325px;
}

input.klein
{
  width:162px;
}

input.sehrklein
{
  width:68px;
}

input.mini
{
  width:36px;
}

input.ohne, select.ohne
{
  width:auto;
  height:auto;
}

input.submit
{
  width:162px;
  height:auto;
  border:2px outset #99B9E8;
}

img
{
  border:0px none;
  padding:0;
  margin:0;
}

img.rahmen
{
  border:1px solid rgb(0,83,161);
}

/* die b�hne geh�rt euch (button) */
div.dbge
{
  position:relative;
  top:-316px;
  left:406px;
  z-index:1000;

}

@media print
{
  div#alles
  {
    background-color:white;
    background-image:none;
  }

  div#kopfcontprint
  {
    display:block;
    position:absolute;
    top:0px;
    left:-100px;
    height:143px;
    width:980px;
    overflow:visible;
    margin:auto;
    padding:0px;
  }

  div#kopf
  {
    width:auto;
    overflow:visible;
  }

  body
  {
    background-color:white;
  }

  p,li
  {
    font-size:11pt;
    line-height:125%;
    margin:8pt 0pt 2pt 0pt;
  }
  p.impressum
  {
    font-size:10pt;
    line-height:140pt;
  }

  p.enger
  {
    line-height:110%;
  }

  p.bildunter
  {
    font-size:10pt;
    font-weight:normal;
    line-height:120%;
    color:#204568;
    margin:3pt 0pt 0pt 0pt;
    clear:both;
  }

  div#fussprint
  {
    display:block;
    position:relative;
    margin:0px auto 0px auto;
    border-top:24px solid white;
    border-bottom:32px solid white;
    height:81px;
    width:100%;
    z-index:101;
  }

  div#fuss
  {
    display:none;
  }

}