/*! \file default.css

  \brief Festlegen der Schriftart für alle HTML Seiten. Vorgaben für Links
      bezüglich Farbe und Aussehen.

  \author Dipl. Inf. Jörg Pachale
  \author Thomas Schroeder

  \par Copyright: 
  Copyright 2003 dieCobol.de Gesellschaft mbH\n
  Freiligrathstraße 21, 63071 Offenbach\n
  E-Mail:  develop@diecobol.de\n
  Internet: <a href="http: //www.diecobol.de" target="_blank">www.diecobol.de</a>
*/


/*--------------------------------------*\
    css-bals
\*--------------------------------------*/
BODY
{
  background-color: white;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: rgb(0,0,0);
  margin: 0px;
}

.main_table
{
  width: 770px;
  vertical-align: top;
  text-align: left;
  border-spacing: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/*--------------------------------------*\
    titel
\*--------------------------------------*/
.kopf 
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.kopf img
{         
  margin: 0px;
  border: 0px;
  padding: 0px; 
  text-decoration: none;
}  

.kopf .home img
{
  margin: 0px;
  border: 0px;
  padding: 10px 10px 0px 20px;   
}

.infotext
{
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/*--------------------------------------*\
    rechte Seite 
\*--------------------------------------*/
.unten
{
  width: 400px;
  float: right;
  vertical-align: top;
  background-color: white;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.unten p
{
  color: black;
  text-align: right;
  font-size: 11px;
  margin: 0px;
  border: 0px;
  padding: 5px 0px 5px 0px;
}

/*--------------------------------------*\
    linke Spalte
\*--------------------------------------*/
.main_menu
{
    font-size: 12px;
    height:42px;
    background-image: url("../image/all/menu_background.gif");
    padding-left:13px;
    text-decoration: none;
}

.main_menu td
{
    vertical-align: top;
    padding-top: 8px;
}

.main_menu a
{
    text-decoration: none;
}
.main_menu a:hover
{
    color:#008EDA;
    text-decoration: none;
}

#dropmenudiv{
position:absolute;
border:1px solid rgb(221,221,221);
border-bottom-width: 0;
line-height:24px;
z-index:100;
font-size:10px;
margin-top:10px;
width:400px;
opacity: .95;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid rgb(221,221,221);
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a
{

}

#dropmenudiv a:hover{
    /*hover background color*/
    background-color: white;
    color:#008EDA;
}
/* c7eafb*/

/*--------------------------------------*\
    linke Spalte
\*--------------------------------------*/
.spalte_links
{
  width: 160px;
  height: 100%;
  vertical-align: top;
  background-color: #0099CC;
  margin: 0px;
  border: 0px;
  border-left: 6px solid white;
  padding: 0px;
}

.kasten_links
{
  width: 205px;
  margin: 0px 0px 0px 0px;
  border: 1px solid rgb(230,230,230);
  padding: 10px 0px 10px 10px;
  background-color: rgb(240,240,240);
}

.kasten_links tr td table
{
  width: 205px;
  margin: 0px 0px 0px 0px;
  border: 1px solid rgb(230,230,230);
  padding: 10px 0px 10px 10px;
  background-color: rgb(240,240,240);
}

.kasten_links h1
{
  display: block;
  height: 13px;
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  border: 0px;
}

.kasten_links .grey_11
{
  display: block;
  color: #888888;
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  border: 0px;
}

.kasten_links a
{
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  border: 0px;
}

.kasten_links a:hover
{
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

.kasten_links input
{
  display: inline;
  font-size: 11px;
  width: 100%;
  height: 15px;
  margin: 0px;
  margin-left: 5px;
  border: 1px inset #CCCCCC;
  padding: 0px;
}

.kasten_links button
{
  display: inline;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  background-color: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.kasten_links .flaggen
{
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 5px;
}

.kasten_links .flaggen a
{
  display: inline;
  border: 0px;
  padding: 0px 0px 0px 0px;
}
 
/*--------------------------------------*\
    rechte Seite 
\*--------------------------------------*/
.spalte_rechts
{
  width: 589px;
  vertical-align: top;
  background-color: white;
  margin: 0px;
  border: 0px;
  padding: 0px 2px 0px 5px;
}

.inhalt_headline
{                        
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.inhalt_subheadline
{                        
    font-size: 11px;
    font-weight: bold;
}


.inhalt_tab
{                        
  width: 589px;
  border-spacing: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;  
}

.inhalt_kopf
{
  vertical-align: top;
  background-color: white;
  background-repeat: no-repeat;  
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.inhalt_kopf p
{
  float: left;
  color: black;    
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  border: 0px;
}

.inhalt_kopf a
{
  float: right;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  margin: 0px;
  border: 0px;
  padding: 5px 5px 3px 0px;
}

.inhalt_block
{
  height: 100%;
  margin: 0px;
  border-style: solid;
  border-color: black;
  border-width: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

.inhalt_ihresuche
{
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  color: black; 
  margin: 0px;
  margin-bottom: 20px;
  border: 0px;
  padding: 0px;  
  padding-left: 30px; 
}

.inhalt_ihresuche h1
{
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana;
  text-decoration: none;
  color: black; 
  margin: 0px;
  border: 0px;
  padding: 0px;  
}

.inhalt_ihresuche p
{
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  color: black; 
  margin: 0px;
  border: 0px;
  padding: 0px;  
  padding-left: 6px;  
}

.inhalt_ihresuche table
{
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  color: black; 
  padding-left: 10px; 
}

.inhalt_ihresuche td
{
  vertical-align: top;
}

.inhalt_ihresuche .change
{
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana;
  text-decoration: none;
  color: #0099CC; 
  margin: 0px;
  border: 0px;
  padding: 0px;  
}

.inhalt_group_block
{
  width: 430px;
  color: black; 
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px;  
  padding-left: 0px; 
}

.inhalt_group_auswahl
{
  color: black; 
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  background-color: white;
  margin: 0px;
  border: 0px;  
  padding: 0px 0px 15px 15px;
}                   

.inhalt_group_auswahl h1
{
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana;
  text-decoration: none;
  text-align: left;
  color: black; 
  margin: 0px;
  border: 0px;  
  padding: 5px 0px 8px 0px;
}

.inhalt_group_auswahl p
{
  clear: none;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  color: black; 
  margin: 0px;
  border: 0px;  
  padding: 0px 0px 0px 0px;
}

.inhalt_group_auswahl a
{
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: underline;
  color: black; 
  margin: 0px;
  border: 0px;  
  padding: 0px 0px 0px 0px;
}

.inhalt_group_auswahl p a
{
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana;
  text-decoration: underline;
  color: black; 
  margin: 0px;
  border: 0px;  
  padding: 0px 0px 0px 0px;
}

.inhalt_group_auswahl table
{
  margin: 0px 0px 0px 3px;
  border: 0px;  
  padding: 0px 0px 0px 13px;
}

.inhalt_group_auswahl .ohne
{
  margin: 0px 0px 0px 0px;
  border: 0px;  
  padding: 0px 0px 0px 0px;
  background-color: #EEEEEE;
}

.inhalt_group_auswahl td
{
  margin: 0px;
  border: 0px;  
  padding: 0px 5px 0px 0px;
}

.inhalt_group_auswahl select
{
  clear: none;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  color: black; 
  background-color: #FFFFFF;
  border-style: inset;
  margin: 0px 0px;
  border: 1px inset #CCCCCC;
  padding: 1px;
}

.inhalt_group_auswahl input 
{
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
}

.hidden input
{
  display: none;
  text-decoration: none;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.inhalt_group_auswahl textarea
{
  display: inline;
  color: black;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana;
  text-decoration: none;
  background-color: #EEEEEE;
  border-style: inset;
  margin: 2px 0px;
  border: 1px inset #CCCCCC;
  padding: 2px;
}

.inhalt_group_auswahl .hoehe
{
  width: 1px;
  height: 20px;
}

.inhalt_info
{
  float: left;
  clear: none;
  width: 410px;
  font-size: 11px;
  background-color: white; /*#BEE6F3;*/
  margin: 0px 0px 20px 10px;
  border: 1px solid #BEE6F3;
  padding: 10px 10px 10px 10px;
}

.inhalt_info h1
{
  display: block;
  color: black;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
}

.inhalt_info p
{
  color: black;
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 10px;
}

.inhalt_info img
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.inhalt_liste_kopf
{
  width: 100%; 
  color: black;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
  margin: 0px;  
  padding: 0px;  
}

.inhalt_liste_kopf p
{
  display: inline;
  width: 180px;
  background-color: #EEE;
  text-align: center;
  padding: 5px;
}

.inhalt_liste_kopf a
{
  color: black;
  font-weight: bold;
  text-decoration: underline;
}

.inhalt_erg_liste
{
  float: left;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.inhalt_erg_liste a img
{
  width: 35px;
  margin: 0px;
  margin-right: 7px;
}

.inhalt_erg_liste h1
{
  color: black;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
  margin: 0px;
  border: 0px;
  padding: 2px 0px 0px 5px;
}

.inhalt_erg_liste p
{
  color: black;
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 15px 5px;
}

.inhalt_erg_liste a
{
  text-decoration: none;
}

.art_left
{            
  float: left;
  clear: both;
  width: 100px;
  color: black;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px 30px 5px 0px;
}

.art_left a
{
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  text-decoration: underline;
  margin: 0px;
  margin-bottom: 2px;
  border: 0px;
  padding: 0px;
}

.art_left img
{
  text-decoration: none;
  margin: 0px;
  margin-right: 2px;
  border: 0px;
  padding: 0px;
}

.art_tbl_detail
{
  width: 100%;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: #FFFFFF;
}

.art_tbl_detail th
{
  width: 100%;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
  padding: 4px 10px;
  background-color: #EEEEEE;
}

.art_tbl_detail.super th 
{
  color: white;
  background-color: #0099CC;
}

.art_tbl_detail.simple th 
{
  margin: 0px;
  border: 0px;
  padding: 0px;
  color: white;
  background-color: white;
}

.art_tbl_lft_row
{
  width: 140px;
  padding: 1px 0px 1px 10px;
}

.art_tbl_lft_row.schmal
{
  width: 30px;
  text-align: right;
}

.art_tbl_lft_row.breit
{
  width: 380px;
  text-align: left;
  padding: 1px 0px 1px 10px;
}

.art_tbl_rgt_row
{
  width: 240px;
  padding: 1px 0px 1px 10px;
}

.art_tbl_rgt_row.breit
{
  width: 350px;
  padding: 1px 0px 1px 10px;
}

.art_tbl_rgt_row.schmal
{
  width: 0px;
}

.art_right
{
  width: 580px;
  float: right;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  margin: 0px 15px 15px 0px;
  border: 0px;
  padding: 0px;
}

.avatar
{
    visibility: hidden;
  float: right;
  clear: none;
  width: 100px;
  font-size: 11px;
  background-color: #BEE6F3;
  margin: 0px 5px 0px 0px;
}

.avatar h1
{
  display: block;
  height: 100%;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  border: 0px;
  border-top: 1px solid white;
  padding: 5px 0px 3px 3px;
}

.avatar p
{
  font-size: 11px;
  font-weight: normal;
  color: black;
  background-color: #BEE6F3;
  margin: 0px;
  border: 0px;
  padding: 12px 10px 0px 10px;
}

.avatar a
{
  color: black;
}

.avatar h2
{
  margin: 20px 0px 0px 0px;
}

.warenkorb_add
{
  float: right;
  width: 530px;
  text-align: right;
  margin: 0px 15px 5px 0px;
  padding: 3px;
}

.warenkorb_add p
{
  display: inline; 
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: white;
  background-color: #0099CC;
  margin: 0px;
  border: 1px solid #0099CC;
  padding: 3px 10px;
}

.warenkorb_add input
{
  font-size: 11px;
  font-weight: bold;
}

a
{
  text-decoration: underline;
  color: black;
}

/* Zeile "Anfrage" */
h3
{
  clear: both;
  color: black;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 15px 0px 0px 0px;
}

h3 a
{
  color: black;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

.grau
{
  background-color: #eeeeee;
}

.hidden
{
  visibility: hidden;
  display: none;
}

.links
{
  float: left;
}

.rechts 
{
  float: right;
}

/*! \var div{ font-family: Verdana,Helvetica,sans-serif;}
    \brief Festlegen der Schriftfamilie in "div" Bereichen

    In diesen Bereichen wird durch "{ font-family: Verdana,Helvetica,sans-serif;}" die Schriftfamilie
    (in angegebener Reihenfolge) Verdana, Helvetica und sans-serif festgelegt. Diese werden entsprechend
    der Unterstütung durch den verwendeten Browser eingesetzt.
*/

/*! \var td{ font-family: Verdana,Helvetica,sans-serif;}
    \brief Festlegen der Schriftfamilie in "td" Bereichen

    In diesen Bereichen wird durch "{ font-family: Verdana,Helvetica,sans-serif;}" die Schriftfamilie
    (in angegebener Reihenfolge) Verdana, Helvetica und sans-serif festgelegt. Diese werden entsprechend
    der Unterstütung durch den verwendeten Browser eingesetzt.
*/

/*! \var form{ font-family: Verdana,Helvetica,sans-serif;}
    \brief Festlegen der Schriftfamilie in "form" Bereichen

    In diesen Bereichen wird durch "{ font-family: Verdana,Helvetica,sans-serif;}" die Schriftfamilie
    (in angegebener Reihenfolge) Verdana, Helvetica und sans-serif festgelegt. Diese werden entsprechend
    der Unterstütung durch den verwendeten Browser eingesetzt.
*/

/*! \var .linkline01
    \brief Vorgabe fuer Links auf "weiss, unterstrichen".

    Mit dieser CSS-Klasse werden unterstichene Links mit der Farbe weiss realisiert.
*/

/*! \var .linkline02
    \brief Vorgabe für Links auf "schwarz, unterstrichen".

    Mit dieser CSS-Klasse werden unterstichene Links mit der Farbe schwarz realisiert.
*/

div{ font-family: Verdana,Helvetica,sans-serif; font-size:11px;}
td { font-family: Verdana,Helvetica,sans-serif; font-size:11px;}
ul { margin-left:8px;padding-left:8px}
form{ font-family: Verdana,Helvetica,sans-serif; font-size:11px;}
.linkline01{ color: #000000; text-decoration: underline;}
.linkline02{ color: #000000; text-decoration: underline; }

.weiterbutton {
  /* background-color: lightgrey; */
  /* padding-top: 1px; */
  /* padding-bottom: 1px; */
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  /* border-style: outset; */
  /* border-width: 1px; */
  /* border-color: grey; */
  text-decoration: underline;
  font-weight: bold;
  white-space: nowrap;
}

.bals_blue_dark {color:#008EDA}
.bals_blue_light {color:#c7eafb}

.home_news_header
{
    padding-top:10px;
    padding-bottom:10px;
    font-weight: bold;
}
.home_news_content 
{
    padding-left: 6px;
    vertical-align: top;
}

.home_news_divider
{
    margin-top: 5px;
    margin-right: 20px;
    border-bottom:1px dotted rgb(221,221,221);
    height: 1px;
}