/* ========================================================== */
/* ||######################################################|| */
/* ||#                   D I V E R S E S                  #|| */
/* ||######################################################|| */
/* ========================================================== */

body {
  font-family : tahoma;
  font-size   : 12px;
  background-color:  #C8D3E1;
}

img {
  border: 0px;
}

img.bordered {
  border: 1px solid #000000;
}

#contentbereich textarea {
   width:700px;
   margin-bottom:10px;
}

h1 {
   font-family:Arial;
   font-size:20px;
   margin:0px;
   padding:0px;
}
h2 {
   font-family:Arial;
   font-size:16px;
   margin:0px;
   padding:0px;
}
h3 {
   font-family:Arial;
   font-size:12px;
   margin:0px;
   padding:0px;
}
p {
   margin:0px;
   padding:0px;
}

td {
   vertical-align:top;
}

/* ========================================================== */
/* ||######################################################|| */
/* ||#        B I L D S C H I R M B E R E I C H E         #|| */
/* ||######################################################|| */
/* ========================================================== */


#logobereich {
  position: absolute;
  top     : 10px;
  left    : 270px;
  width   : 700px;
  height  : 90px;
}

#contentbereich {
  position: absolute;
  top     : 110px;
  left    : 260px;
  width   : 700px;
}

#menuebereich {
  position: absolute;
  top     : 110px;
  left    : 10px;
  width   : 240px;
}

/* ========================================================== */
/* ||######################################################|| */
/* ||#                D I V - K A E S T E N               #|| */
/* ||######################################################|| */
/* ========================================================== */

div.box1 {
  background-color: #FFFFFF;
  padding        : 6px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 10px;
  border         : 1px solid #000000;
}

div.box2 {
  background-color: #FFFFFF;
  padding        : 6px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 0px;
  border-left    : 1px solid #000000;
  border-right   : 1px solid #000000;
  border-top     : 1px solid #000000;
  border-bottom  : 0px;
}

div.box1nopadding {
  background-color: #FFFFFF;
  padding        : 0px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 0px;
  border-left    : 1px solid #000000;
  border-bottom  : 1px solid #000000;
  border-top     : 1px solid #000000;
  border-right   : 0px;
}

div.box2nopadding {
  background-color: #FFFFFF;
  padding        : 0px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 0px;
  border-left    : 1px solid #000000;
  border-top     : 1px solid #000000;
  border-right   : 0px;
  border-bottom  : 0px;
}

div.box1yellow {
  background-color: #FBE7B7;
  font-size:11px;
  padding        : 0px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 0px;;
  border         : 1px solid #000000;
}

div.box1admin {
  background-color: #FF9191;
  font-size:11px;
  padding        : 6px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 10px;;
  border         : 1px solid #000000;
}

div.box1nocolor {
  padding        : 6px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 10px;
  border         : 1px solid #000000;
}

div.box2nocolor {
  padding        : 6px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 0px;
  border-left    : 1px solid #000000;
  border-right   : 1px solid #000000;
  border-top     : 1px solid #000000;
  border-bottom  : 0px;
}

div.box1background {
  background-image : url(grafik/bghead.gif);
  padding        : 0px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 10px;
  border         : 1px solid #000000;
}

div.box2background {
  background-image : url(grafik/bghead.gif);
  padding        : 0px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  border-top     : 1px solid #000000;
  border-right   : 1px solid #000000;
  border-left    : 1px solid #000000;
  border-bottom  : 0px;
}

div.head {
  background-color: #99B8D0;
  font-weight:600;
  padding-left   : 6px;
  padding-right  : 6px;
  padding-top    : 3px;
  padding-bottom : 3px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 0px;
  border-left    : 1px solid #000000;
  border-right   : 1px solid #000000;
  border-top     : 1px solid #000000;
  border-bottom  : 0px;
}

#contentbereich div.topheadline {

  font-weight:600;
  font-family:Arial;
  font-size  :20px;
  padding-left   : 6px;
  padding-right  : 6px;
  padding-top    : 4px;
  padding-bottom : 4px;
  margin-left    : 0px;
  margin-right   : 0px;
  margin-top     : 0px;
  margin-bottom  : 10px;
  border         : 1px dashed #415A81;
}

#menuebereich div.rohreoben {
  background-image:url(grafik/rohre_oben.gif);
  height:15px;
  width:240px;
}
#contentbereich div.rohreoben {
  background-image:url(grafik/rohre_oben_mitte.gif);
  width:520px;
}

#menuebereich div.rohremitte {
  background-image:url(grafik/rohre_mitte.gif);
  width:240px;
}
#contentbereich div.rohremitte {
  background-image:url(grafik/rohre_mitte_mitte.gif);
  width:520px;
}

#menuebereich div.rohreunten {
  background-image:url(grafik/rohre_unten.gif);
  width:240px;
  height:15px;
  margin-bottom:10px;
}
#contentbereich div.rohreunten {
  background-image:url(grafik/rohre_unten_mitte.gif);
  width:520px;
}


/* ========================================================== */
/* ||######################################################|| */
/* ||#                   T A B E L L E N                  #|| */
/* ||######################################################|| */
/* ========================================================== */

table.tablebox {
  margin-bottom:10px;
  background-color:#FFFFFF;
  width:100%;
  border-left  : 1px solid #000000;
  border-top   : 1px solid #000000;
}

td.tdbox {
  vertical-align:top;
  padding:6px;
  border-bottom :1px solid #000000;
  border-right  : 1px solid #000000;
}

td.tdhead {
  background-color: #E9C583;
  font-weight:600;
  padding-left   : 6px;
  padding-right  : 6px;
  padding-top    : 3px;
  padding-bottom : 3px;
  margin         : 0px;
  border-right   : 1px solid #000000;
  border-bottom  : 1px solid #000000;
  border-left    :0px;
  border-top     : 0px;
}

table.tableboxnocolor {
  margin-bottom:10px;
  width:100%;
  border-left  : 1px solid #000000;
  border-right : 1px solid #000000;
  border-top   : 1px solid #000000;
}

td.tdboxnocolor {
  vertical-align:top;
  padding:6px;
  border-bottom :1px solid #000000;
}

/* table.tableartikel1 {
  background-color:#C8D3E1;
  border: 1px solid #000000;
  width:200px;
  text-align:center;
  padding:5px;
  font-size:11px;
  margin-right:8px;

table.tableartikel2 {
  background-color:#C8D3E1;
  border: 1px solid #000000;
  width:200px;
  text-align:center;
  padding:5px;
  font-size:11px;
  margin-left:8px;
}

} */

table.tableartikel1 {
  background-color:#C8D3E1;
  text-align:center;
  font-size:11px;
  margin-right:8px;
}

table.tableartikel2 {
  background-color:#C8D3E1;
  text-align:center;
  font-size:11px;
  margin-left:8px;
}

/* ========================================================== */
/* ||######################################################|| */
/* ||#                      L I N K S                     #|| */
/* ||######################################################|| */
/* ========================================================== */

a:link      { text-decoration:none;      color:#415A81; }
a:visited   { text-decoration:none;      color:#415A81; }
a:hover     { text-decoration:underline; color:#415A81; }
a:activated { text-decoration:none;      color:#FF0000; }

a.black:link      { text-decoration:underline; color:#000000; }
a.black:visited   { text-decoration:underline; color:#000000; }
a.black:hover     { text-decoration:none;      color:#FF0000; }
a.black:activated { text-decoration:underline; color:#000000; }

a.fett:link      { text-decoration:none; color:#415A81; font-weight:600; }
a.fett:visited   { text-decoration:none; color:#415A81; font-weight:600; }
a.fett:hover     { text-decoration:underline; color:#415A81; font-weight:600; }
a.fett:activated { text-decoration:none; color:#415A81; font-weight:600; }

#menuebereich a.box {
  display : block;
  width        : 198px;
  margin-left  : 15px;
  margin-right : 15px;
  color           : #FFFFFF;
  text-decoration : none;
  padding       : 5px;
  margin-bottom : 5px;
  border           : 1px solid black;
  background-color : #415A81;
}
#menuebereich a.box:hover {
  display : block;
  width        : 198px;
  margin-left  : 15px;
  margin-right : 15px;
  color           : #FFFFFF;
  text-decoration : none;
  padding       : 5px;
  margin-bottom : 5px;
  border           : 1px solid black;
  background-color:#99B8D0;
  margin-bottom : 5px;
}
#menuebereich a.box:active {
  display : block;
  width        : 198px;
  margin-left  : 15px;
  margin-right : 15px;
  color           : #FFFFFF;
  text-decoration : none;
  padding       : 5px;
  margin-bottom : 5px;
  border           : 1px solid black;
  background-color : #415A81;
}


/* ========================================================== */
/* ||######################################################|| */
/* ||#                S C H R I F T Z Ü G E               #|| */
/* ||######################################################|| */
/* ========================================================== */

p {
  padding: 0px;
  margin:  0px;
}

p.small {
  font-size: 11px;
}

/* ========================================================== */
/* ||######################################################|| */
/* ||#                   F O R M U L A R E                #|| */
/* ||######################################################|| */
/* ========================================================== */

input.login {
  width:200px;
  height:20px;
  margin:3px;
}