/**
 * Tags
 */
a
{
  color:               #3E709E;
  text-decoration:     none;
}

a:active, a:focus
{
  outline:             0;
  text-decoration:     underline;
}

a:hover
{
  text-decoration:     underline;
}

.youAreHere a
{
  color:               #EEEEEE;
}

.pageFooter a
{
  color:               #666666;
}

.pageLeftColumn .box a
{
  color:               #64A94B;
}

body
{
  color:               #333333;
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           9pt;
  margin:              0px;
}

body.page
{
  background:          url('/images/body_background.jpg') repeat-x fixed #FFFFFF;
  text-align:          center;
  padding:             10px;
}

body.popup
{
  background:          none #FFFFFF;
  padding:             10px 20px 10px 20px;
}

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

h1
{
  font-family:         Tahoma, Arial, Helvetica, sans-serif;
  font-size:           11pt;
  font-weight:         normal;
  margin:              0px;
  padding:             5px 0px;
}

.pageLeftColumn h1
{
  background:          url('/images/pageLeftColumn_h1_background.gif') 5px 4px no-repeat;
  font-size:           10pt;
  font-weight:         normal;
  padding:             0px 10px 0px 20px;
}

.pageMainColumn h1, .pageTotalColumn h1, .popup h1
{
  font-size:           16pt;
  color:               #444444;
}

.pageMainColumn .box h1, .pageTotalColumn .box h1
{
  padding-top:         2px;
}

.sektion h1
{
  background:          none;
  border-bottom:       1px solid #CCCCCC;
  font-size:           14pt;
  padding:             5px 0px;
  margin-bottom:       5px;
}

h2
{
  color:               #666666;
  font-family:         Tahoma, Arial, Helvetica, sans-serif;
  font-size:           9pt;
  font-weight:         bold;
  margin:              0px;
  padding:             5px 0px;
}

.pageMainColumn h2, .pageTotalColumn h2, .popup h2
{
  background:          url('/images/h2_background.gif') 0px 10px no-repeat;
  color:               #3E709E;
  padding:             5px 0px 5px 15px;
}

.sektion h2
{
  background:          none;
  color:               #444444;
  font-size:           11pt;
  font-weight:         normal;
  padding:             0px 0px 0px 0px;
}

h3
{
  color:               #666666;
  font-family:         Tahoma, Arial, Helvetica, sans-serif;
  font-size:           9pt;
  font-weight:         bold;
  margin:              0px;
  padding:             3px 0px;
}

hr
{
  background-color:    #999999;
  border:              0px;
  color:               #999999;
  height:              1px;
}

img
{
  border:              0px;
}

.sektion img
{
  border:              5px solid #FFFFFF; 
  margin-right:        15px;
}

ul li
{
  list-style-image:    url('/images/ul_li_list_style_image.gif');
  margin:              2px 0px 2px 0px;
  padding:             0px;
}

.sektion ul li, .sitemap ul li
{
  margin-bottom:       5px;
}

ol
{
  margin:              0px;
  padding:             5px 0px 5px 15px;
}

p, .p
{
  font-size:           9pt;
  line-height:         130%;
  margin:              0px;
  padding:             5px 0px;
}

strong, .strong
{
  color:               #64A94B;
  font-weight:         bold;
}

td
{
  font-size:           9pt;
}

ul
{
  margin:              0px;
  padding:             5px 0px 5px 15px;
}

.sitemap ul
{
  padding-bottom:      0px;
}

/**
 * Classes
 */
.border-1px-solid-gray
{
  border:              1px solid #CCCCCC;
}

.border-right-1px-dotted
{
  border-right:        1px dotted #CCCCCC;
}

.border-top-1px-dotted
{
  border-top:          1px dotted #CCCCCC;
}

.box
{
  background-color:    #FFFFFF;
}

.page .box
{
  margin-bottom:       10px;
}

.popup .box
{
  width:               100%;
}

.pageFooter
{
  font-size:           8pt;
}

.pageLeftColumn .box
{
  background-color:    #F6F6FA;
  border:              1px solid #DDDDE6;
  margin-bottom:       10px;
}

.pageMainColumn .box
{
  margin:              0px 0px 10px 10px;
  width:               508px;
}

.pageTotalColumn .box
{
  margin-bottom:       10px;
  padding:             0px 15px;
  width:               721px;
}

.pageLeftColumn .boxHeader
{
  background:          #DDDDDD;
  border-bottom:       1px dotted #BBBBBB;
  padding:             10px 5px;
}

.pageLeftColumn .boxContent
{
  padding:             5px 10px;
}

.buHeader
{
  background-image:    url('/images/berufsunfaehigkeit.jpg'); 
  background-position: 5px 15px; 
  background-repeat:   no-repeat
}

.clear-both
{
  clear:               both;
}

.float-left
{
  float:               left;
}
.float-right
{
  float:               right;
}

.greenBox
{
  background-color:    #F0FFF0;
}

.inputRequired
{
  color:               #FF0000;
  font-size:           8pt;
  text-align:          justify;
}

.header
{
  border:              1px solid #DDDDDD;
  border-bottom:       0px;
}

.justify
{
  text-align:          justify;
}

.kvzInfo, .ppvInfo
{
  color:                #555555;
  display:              none;
  left:                 0px; 
  padding:              5px;
  position:             absolute; 
  text-align:           justify;
  top:                  0px; 
  width:                160px;
}

.kvzInfo
{
  padding-top:         15px;
}

.lightgray
{
  color:               #999999
}

.logo
{
  background:          url('/images/formular_background.png') #F0F0F1;
  background-color:    #F0F0F0;
  border:              1px solid #DDDDDD;
  margin-bottom:       1px;
  padding:             55px 0px 54px 0px;
  text-align:          center;
}

.logo2
{
  margin-bottom:       1px;
}

.medium
{
  font-size:           8pt;
}

.pageFooterMainColumn h2.no-background-image
{
  background-image:    none;
  padding-left:        0px;
}

.pageIframe
{
  background-color:    #FFFFFF; 
  height:              100%;
  margin:              0px;
  margin-bottom:       10px;
  padding:             0px;
}

.pageIframeBorder
{
  border:              1px solid #CCCCCC;
}

.padding-10px
{
  padding:             10px;
}

.padding-bottom-0px
{
  padding-bottom:       0px;
}

.padding-bottom-10px
{
  padding-bottom:      10px;
}

.padding-left-5px
{
  padding-left:        5px;
}

.padding-left-10px
{
  padding-left:        10px;
}

.padding-right-5px
{
  padding-right:       5px;
}

.padding-right-10px
{
  padding-right:       10px;
}

.padding-top-0px
{
  padding-top:         0px;
}

.padding-top-5px
{
  padding-top:         5px;
}

.padding-top-10px
{
  padding-top:         10px;
}
.padding-top-20px
{
  padding-top:         20px;
}

.sektion
{
  background:          url('/images/startseite_sektion_background.png') #F7F7F9;
  border:              1px solid #CCCCCC; 
  border-width:        1px 0px 1px 0px; 
  margin-bottom:       10px;
  padding:             10px;
  width:               489px;
}

.step
{
  color:               #64A94B;
  float:               right;
  padding-top:         9px;
}

.sslIcon
{
  padding-right:       5px;
  vertical-align:      bottom;
}

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

.width-50percent
{
  width:               50%;
}

.youAreHere
{
  background-color:    #688E4A;
  color:               #EEEEEE;
  font-size:           7pt;
  margin-top:          1px;
  padding:             1px 2px 1px 2px; 
}

/**
 * Layout
 */
.pageOuterDiv
{
  background-color:    #FFFFFF;
  margin:              0px auto 0px auto;
  padding:             10px;
  text-align:          left;
  vertical-align:      top;
  width:               750px;
}

.pageMainColumn
{
  float:               right;
  width:               530px;
}

.pageLeftColumn
{
  width:               210px;
}

.pageTotalColumn
{
  width:               750px;
}

.pageHeader
{
  height:              230px;
  margin-bottom:       10px;
}

.pageHeaderLeftColumn
{
  float:               none;
  width:               210px;
}

.pageHeaderMainColumn
{
  float:               right;
  width:               530px;
}

.pageContent
{
  clear:               both;
}

.pageFooter
{
  background-color:    #EEEEEE;
  border:              1px solid #DDDDDD;
  clear:               both;
  color:               #666666;
  margin-top:          2px;
  padding:             10px;
  vertical-align:      top;
}

.pageFooterMainColumn
{
  float:               right;
  text-align:          center;
  width:               510px;
}

.pageFooterLeftColumn
{
  float:               none;
  text-align:          center;
  width:               188px;
}

/**
 * Menü
 */
.menu
{
  height:              40px;
}

.menu a
{
  display:             block;
  font-weight:         bold;
  text-decoration:     none;
  width:               166px;
}

.menu a:active, .menu a:focus, .menu a:hover
{
  text-decoration:     none;
}

.menu ul
{
  list-style-type:     none;
  margin:              0px;
  padding:             0px;
}

.menu li
{
  float:               left;
  list-style-image:    none;
  margin:              0px;
  padding:             0px;
  position:            relative;
}

.menu table 
{
  position:            absolute; 
  top:                 0px; 
  left:                0px;
}

.menu ul li
{
  background:          url('/images/menu_ul_li.png') #90B1D6;
  height:              41px;
  padding:             0px;
  text-align:          center;
  text-transform:      uppercase;
  width:               176px;
}

.menu ul li:hover
{
  background:          url('/images/menu_ul_li_hover.png') #93C781;
}

.menu ul li a
{
  color:               #FFFFFF;
  font-family:         Tahoma, Arial, Helvetica, sans-serif;
  font-size:           11pt;
  height:              29px;
  padding-top:         11px;
  width:               176px;
}

.menu ul ul
{
  background-color:    #FFFFFF;
  border:              0px solid #DDDDDD;
  left:                0px;
  position:            absolute;
  top:                 41px;
  visibility:          hidden;
  width:               176px;
}

.menu ul ul li
{
  background:          url('/images/menu_ul_ul_li_background.gif') repeat-y;
  border-bottom:       0px;
  height:              auto;
  margin:              0px;
  margin-bottom:       1px;
  text-align:          left;
  text-transform:      none;
  width:               176px;
}

.menu ul ul li:hover
{
  background:          url('/images/menu_ul_ul_li_hover_background.gif') repeat-y;
}

.menu ul ul li a
{
  color:               #5E8BC2;
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           9pt;
  height:              auto;
  padding:             4px 3px;
  width:               168px;
}

.menu ul ul li a:active, .menu ul ul li a:focus
{
  background:          url('/images/menu_ul_ul_li_hover_background.gif') repeat-y;
}

.menu ul ul ul
{
  left:                176px;
  margin-top:          0px;
  top:                 0px;
  visibility:          hidden;
  width:               176px;
}

.menu ul ul ul.left
{
  left:                -176px;
}

.menu ul ul ul li
{
  width:               176px;
}

.menu ul ul ul li a
{
  width:               168px;
}

.menu ul :hover ul
{
  visibility:          visible;
}

.menu ul :hover ul ul
{
  visibility:          hidden;
}

.menu ul :hover ul :hover ul
{
  visibility:          visible;
}

/**
 * Artikel-Liste
 */
.artikelListe
{
  height:              180px;          /* wird ggf per JS verlängert */
  margin:              0px;
  overflow:            auto;           /* wird per JS auf hidden gesetzt */
  padding:             0px;
  position:            relative; 
}

.artikelListeContent
{
  padding:             10px 10px;
  position:            absolute; 
  top:                 0px;
  width:               170px; /* wird per JS verändert */
  z-index:             1;
}

.artikelListeUp, .artikelListeDown
{
  background-color:    #F0F0F0;
  cursor:              pointer;
  height:              15px; 
  left:                0px;
  margin:              0px;  
  padding:             0px;
  position:            absolute; 
  text-align:          center; 
  width:               100%; 
  visibility:          hidden;         /* wird per JS auf visible gesetzt */
  z-index:             2; 
}

.artikelListeUp
{
  border-bottom:       1px dotted #BBBBBB;
  margin-top:          0px;
  top:                 0px;
}

.artikelListeDown
{
  border-top:          1px dotted #BBBBBB;
  bottom:              0px;
  margin-bottom:       0px;
}

.artikelListeUp:hover, .artikelListeDown:hover
{
  background-color:    #E8E8E8;
}

.artikelListeItem a, .artikelListeItem a:link, .artikelListeItem a:visited
{
  color:               #333333;
}

.artikelListeMoreLink
{
  font-size:           8pt;
  text-align:          right;
}

.artikelKurzfassung
{
  font-weight:         bold;
  margin:              5px 0px;
}

.artikelAutor, .artikelQuelle
{
  color:               #666666;
  font-size:           8pt;
}


/**
 * Formulare
 */
.formular
{
  background:          url('/images/formular_background.png') #F0F0F1;
  border:              1px solid #CCCCCC; 
  border-width:        1px 0px 1px 0px; 
  padding:             5px;
  width:               499px; 
}

input, option, select, textarea, button
{
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           9pt;
}

input[type=text], select, textarea, button
{
  border:              1px solid #999999;
}

input[disabled], select[disabled], textarea[disabled]
{
  color:               #333333;
}

select, textarea, button
{
  padding:             1px;
}

input[type=text]
{
  padding:             2px;
}

input.button
{
  background-color:    #5E8BC2;
  background-image:    url('/images/input_button_background.png');
  border:              0px;
  color:               #FFFFFF;
  font-weight:         bold;
  height:              20px;
}

input.button:hover
{
  background-image:    url('/images/input_button_hover_background.png');
}

input.button[disabled], input.button[disabled]:hover
{
  background-image:    url('/images/input_button_disabled_background.png');
}

p.button
{
  padding-top:         15px;
  text-align:          right; 
}

.highlightedElement
{
  background-color:    #FFFFE6;
}

.label
{
  color:               #555555;
  padding-top:         6px;
  text-align:          right;
  vertical-align:      top;
}

/**
 * Schatten bei Bildern
 */
div.shadow, div.shadow div, div.shadow div div
{
  display:             inline-table;
}
div.shadow
{
  background:          url('/images/div_shadow_background.png') right bottom no-repeat;
  float:               left;
  margin-right:        -3px;
}
div.shadow div
{
  background:          url('/images/div_shadow_div_background.png') left bottom no-repeat;
}
div.shadow div div
{
  background:          url('/images/div_shadow_div_div_background.png') right top no-repeat;
  padding:             0px 4px 5px 0px;
}
div.shadow div div img
{
  border:              0px solid #EEEEEE;
  display:             block;
}

/**
 * Popup dialog
 */
#popupMask 
{
  position:            absolute;
  z-index:             200;
  top:                 0px;
  left:                0px;
  width:               100%;
  height:              100%;
  background-color:    #000000; 
  display:             none;
}

#popupContainer 
{
  background:          #FFFFFF;
  display:             none;
  left:                0px;
  padding:             0px;
  position:            absolute;
  top:                 0px;
  z-index:             201;
}

#popupInner 
{
  width:               100%;
}

#popupTitleBar 
{
  background:          url('/images/popupTitleBar_background.png') #FFF6F6;
  border:              0px solid #CCCCCC; 
  border-bottom:       1px dotted #CCCCCC; 
  height:              25px;
  padding:             10px;

  position:            relative;
  z-index:             203;
}

#popupTitle 
{
  background:          url('/images/popupTitle_background.gif') 10px 10px no-repeat;
  color:               #666666;
  float:               left;
  font-size:           11pt;
  padding:             5px 0px 5px 25px;
}

#popupControls 
{
  float:               right;
  padding:             3px 3px 5px 0px;
}

#popupCloseBox
{
  cursor:              pointer;
}

#popupFrame 
{
  background-color:    #FFFFFF; 
  border:              0px solid #CCCCCC;
  border-top:          0px;
  height:              100%;
  margin:              0px;
  padding:             0px;
  position:            relative;
  width:               100%;
  z-index:             202;
}

/**
 * Anzeigenblock
 */
.anzeigenBlockLinks, .anzeigenBlockRechts
{
  width:               190px; 
}

.anzeigenBlockLinks
{
  float:               left; 
  margin:              5px 10px 10px 0px;
}

.anzeigenBlockRechts
{
  float:               right; 
  margin:              5px 0px 10px 10px;
}

.anzeige
{
  border:              1px solid #CCCCCC;
  cursor:              pointer;
  margin-bottom:       5px;
  padding:             5px;
}

.anzeigeTitel, .pageMainColumn .box .anzeigeTitel a
{
  color:               #64A94B;
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           9pt;
  font-weight:         bold;
  text-decoration:     underline;
}

.anzeigeText
{
  color:               #666666;
  font-family:         Arial, Helvetica, sans-serif;
  font-size:           8pt;
}

/**
 * Riesterrechner
 */
#RiesterFoerderrechner sup
{
  font-size:           7pt;
}

#RiesterFoerderrechner .betragInput
{
  text-align:          right; 
  width:               75px;
}

#RiesterFoerderrechner .betragInput2
{
  text-align:          right; 
  margin-left:         15px;
  width:               60px;
}

#RiesterFoerderrechner .transparent
{
  background-color:     transparent;
  border:               0px solid transparent;
}

#RiesterFoerderrechner .semiTransparentText
{
  opacity:              0.2;
  filter:               alpha(opacity=20);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);  
  -moz-opacity:         0.2;
}