/* +++  Styles für www.bit-informationsdesign.de +++++++++++++++ */
/* +++  haupt.css - Layout für Folgeseiten  ++++++++++++++++++++ */
/* +++  copyright BIT GmbH Hamburg 2005  +++++++++++++++++++++++ */

/* +++  Version 1 von Eberhardt Jeske 4.9.2005  ++++++++++++++++ */
/* +++  Stand bbj 22.05.2006  ++++++++++++++++++++++++++++++++++ */

  html, body {
margin:10px 0;
height:101%;
}

/* +++  Layout-Bereiche  +++++++++++++++++++++++++++++++++++++++ */

/* +++  Seite  +++++++++++++++++++++++++++++++++++++++++++++++++ */

  div#seite {
text-align:left;
margin:auto;
width:100%;
max-width: 47em;
/*background-image:url(../_img/bg0.gif);*/
background-color:#ecf4f9;
border:1px solid #466880;
}

  div#skip {
font-size:.83em;
height:1.2em;
}
  #skip.hellblau {background-color:#a0c5d7;}
  .blaugrau {background-color:#749cb5;}
  .orange {background-color:#ff9934;}
  .rot {background-color:#d43c24;}
  .gelb {background-color:#f9cf49;}
  .gruen {background-color:#478243;}
  .hellgruen {background-color:#6cb750;}
  .grau {background-color:#979797;}

  div#bgauge {
margin:40px 0 0 0;
background-image:url(../_img/bgauge.gif);
background-position: left bottom;
background-repeat:no-repeat;
background-color:transparent;
}

  div#logodiv {
width:auto;
float:left;
margin:12px 0 0 12px;
}
  img#logo {
width:93px;
height:34px;
border:2px solid #ecf4f9;
}


/* +++ Hauptmenü   +++++++++++++++++++++++++++++++++++++++++ */

  div#hmenu {
float:right;
width:auto;
margin:-12px 12px -12px 0;
padding:0;
background-color:transparent;
}

  #hmenu ul li {
display:inline;
margin:0;
padding:0;
list-style:none;
}
  #hmenu ul li img{
height:12px;
width:12px;
}

  li#blaugrau img {border:2px solid #749cb5;}
  li#orange img {border:2px solid #ff9934;}
  li#rot img {border:2px solid #d43c24;}
  li#gelb img {border:2px solid #f9cf49;}
  li#gruen img {border:2px solid #478243;}
  li#hellgruen img {border:2px solid #6cb750;}
  li#grau img {border:2px solid #979797;}

/* +++ Servicemenü   +++++++++++++++++++++++++++++++++++++++++ */

  div#smenu {
width:auto;
margin:6px 12px;
padding:6px 0 0 0;
}

  #smenu ul {
float:right;
height:28px;
width:184px;
}
   #smenu ul li {
display:inline;
margin:0;
padding:0;
list-style-image:none;
}

#smenu ul li img {
border:2px solid #ecf4f9;
}
#smenu ul li.hier img {
border-bottom:2px solid #ff9933;
}

  li#impressum img {
width:18px;
height:24px;
}
  li#kontakt img {
width:28px;
height:24px;
}
  li#neues img {
width:27px;
height:24px;
}
  #hilfe img {
width:27px;
height:24px;
}
  #sitemap img {
width:28px;
height:24px;
}
  li#suchen img {
width:27px;
height:24px;
}

/* +++ Pfade   ++++++++++++++++++++++++++++++++++++++++++++++++++ */

  div#sitenav {
clear:both;
position:relative;
margin:0 0 0 12px;
padding:0;
width:auto;
height:2.5em;
}

  div#pfeile {
position:absolute;
left:0;
bottom:0;
float:left;
width:145px;
margin:0;
padding:0;
}

   #pfeile ul li {
display:inline;
margin:0;
padding:0;
list-style:none;
}

  #pfeile img {
display:block;
width:44px;
height:22px;
}

  #pfeile li#anfang img {border:2px solid #000;}
  #pfeile li#hoch img {border:2px solid #a0c5d7;}
  #pfeile li#weiter img {border:2px solid #466880;}


  div#kapitel {
position:absolute;
left:0;
bottom:0;
width:80%;
margin:0 0 0 145px;
padding:0;
}

  #kapitel h2, #kapitel p {
padding-left:70px;
margin-bottom:-.05em;
color:#436A87;
font-size:1em;
font-weight:bold;
letter-spacing:.1em;
word-spacing:.1em;
font-family:Arial, Helvetica, sans-serif;
}

  div#pmenu {
clear:both;
height:1em;
width:auto;
margin:0 0 0 12px;
font-size:.69em;
color:#466880;
border-top:1px solid #ff9933;
}
  #pmenu ul {
width:auto;
padding-left:215px;
}
  #pmenu ul li {
display:inline;
margin:0;
padding:0 1px;
list-style:none;
}


/* == +++ Bereichs-Navigation: ++++++++++++++++++++++++++++++++ ==*/

  div#bereich {
float:left;
margin:1em 12px 0 12px;
padding:0;
width:10.3em;
font-family:Arial, Helvetica, sans-serif;
font-size:.79em;
font-weight:bold;
}
  #bereich ul {
list-style-type:none;
list-style-image:url(../_img/nav/hin.gif);
/*width:9.3em;*/
margin-left:6px;
margin-bottom:32px;
padding-left:12px;
}

  #bereich h3 {
width:100%;
margin:0 0 .5em 0;
border-bottom:1px solid #ecf4f9;
}

  #bereich h3#hier {
color:#000;
border-bottom:1px solid #ff9933;
}

  #bereich ul li{
margin:0 0 .25em 0;
border-bottom:1px solid #ecf4f9;
padding:0;
}

#bereich ul li#hier{
list-style-image:url(../_img/nav/lp1.gif);
border-bottom:1px solid #ff9933;
}


#bereichimg {
margin-bottom:32px;
border:1px solid #ff9933;
width:160px;
height:160px;
}

div#motto {
color:#436a87;
border:1px solid #ff9933;
width: 100%;
font-size:1.33em;
margin-bottom:32px;
padding:16px;
}
#motto blockquote {
background: url(../_img/qo_orange.gif) no-repeat left top;
}
#motto blockquote div{
background: url(../_img/qu_orange.gif) no-repeat right bottom;
text-align: center;
width:auto;
padding: 20px 5px;
}

div#keywords {
color:#ff9933;
border:1px solid #ff9933;
background-color:blue;
width: 100%;
margin-bottom:32px;
padding:16px;
}
#keywords h2 {
}
#keywords h3 {
}


/* +++  Inhaltsbereich: ++++++++++++++++++++++++++++++++++++++++ */

  div#content {
margin-left:220px;
padding: .75em  1.5em 3em .5em;
width:auto;
font-size:.83em;
}

  #stand {
color:#436A87;
font-size:.73em;
text-align:right;
padding:1em 55px 1em 0;
}

/* +++ Fussbereich: +++++++++++++++++++++++++++++++++++++++++++++ */
  div#fuss {
clear: both;
position:relative;
height:25px;
margin:1em 6px 0 6px;
font-size:.73em;
color:#436A87;
}

  div#copy {
position:absolute;
bottom:2px;
left:0;
width:30em;
}

  div#fussnav {
position:absolute;
bottom:2px;
right:0;
width:auto;
padding:0;
}
  #copy ul, #fussnav ul {
width:auto;
vertical-align:bottom;
}
  #copy ul li, #fussnav ul li {
display:inline;
margin:0;
padding:0 1px;
list-style:none;
}

  li#topimg img {
margin-left:12px;
width:22px;
height:23px;
border:2px solid #ecf4f9;
}



/* +++ Skip- Links ++++++++++++++++++++++++++++++++++++++++++++++ */

#skip.hellblau a:link,
#skip.hellblau a:visited,
#skip.hellblau a:hover
{color:#a0c5d7;}

#skip.blaugrau a:link,
#skip.blaugrau a:visited,
#skip.blaugrau a:hover
{color:#749cb5;}

#skip.orange a:link,
#skip.orange a:visited,
#skip.orange a:hover
{color:#ff9934;}

#skip.rot a:link,
#skip.rot a:visited,
#skip.rot a:hover
{color:#d43c24;}

#skip.gelb a:link,
#skip.gelb a:visited,
#skip.gelb a:hover
{color:#f9cf49;}

#skip.gruen a:link,
#skip.gruen a:visited,
#skip.gruen a:hover
{color:#478243;}

#skip.hellgruen a:link,
#skip.hellgruen a:visited,
#skip.hellgruen a:hover
{color:#6cb750;}

#skip.grau a:link,
#skip.grau a:visited,
#skip.grau a:hover
{color:#979797;}

#skip a:active, #skip a:focus {
color:#00f !important;
background:#fff;
font-weight:bold;
}

/* +++ Pfad- Links ++++++++++++++++++++++++++++++++++++++++++++++ */

#pmenu a:link,
#pmenu a:visited
{color:#466880; text-decoration:none;}

#pmenu a:hover,
#pmenu a:focus
{color:#00c; text-decoration:underline;}

#pmenu a:active
{color:#00f; text-decoration:underline;}

/* +++  Image Links mit border  ++++++++++++++++++++++++++++++++ */

  div.imglink {float:left;}

  #logodiv a:active img, #logodiv a:hover img, #logodiv a:focus img,
  #hmenu a:active img, #hmenu a:hover img, #hmenu a:focus img,
  #smenu a:active img, #smenu a:hover img, #smenu a:focus img,
  #pfeile a:active img, #pfeile a:hover img, #pfeile a:focus img,
  #topimg a:active img, #topimg a:hover img, #topimg a:focus img {
border:2px solid blue !important;
}

/* +++  Links Bereichsmenu  ++++++++++++++++++++++++++++++++++++ */

   #bereich a:link, #bereich a:visited {
color:#436A87;
text-decoration:none;
}

   #bereich a:hover, #bereich a:focus {
color:#00c;
text-decoration:underline;
}

   #bereich a:active {
  color:#00f;
text-decoration:underline;
}
/* +++  Up-Links Content  ++++++++++++++++++++++++++++++++++++++ */
a.hr {
display:block;
width:100%;
text-align:right;
vertical-align:bottom;
border-bottom:1px solid #ff9933;
}

a.hr img {margin-bottom:-2px;}

/* +++  Links Fußzeile  ++++++++++++++++++++++++++++++++++++++++ */

   #fuss a:link, #fuss a:visited {
color:#436A87;
text-decoration:none;
}

   #fuss a:hover, #fuss a:focus {
color:#00c;
text-decoration:underline;
}

   #fuss a:active {
  color:#00f;
text-decoration:underline;
}