/* Body 
 */


:focus {
outline: 1px solid #565656
}

 @media all and (-ms-high-contrast:none)
{
    div:focus {outline: 0px }
}

body {
  color: #333;
  height: auto;
  padding-bottom: 20px;
}
@media screen { body {background:url(../img/bg_verlauf.gif) repeat-x 0px 110px; } }

body, td { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; }
html { overflow-y:scroll }

/* Links 
 */
a {   text-decoration: none; color:#303030; }
#static_content a { color:#AF354E }
a:hover {  color:#AF354E; text-decoration: underline; }

.content_div a { text-decoration:underline }
/* Container sichtbar machen 
 */

/*.container_12 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
  background-image: url(../img/12_col.gif);
}*/

/* Schriftarten 
 */
p { margin: 1em 0; line-height:18px }

.zusatz { font-size:13px; color:#AF354E }
.dachzeile { color:#5B6C7C; font-weight:bold; margin-top:0; margin-bottom:2px }
.dachzeile_rot { color:#AF354E; font-weight:bold; margin-top:0; margin-bottom:2px; border-bottom:1px solid #cfcfcf; line-height: 18px; }

.schwarz { color:#303030 }
.teasertext {  }
.metanav { font-size:13px; color:#5B6C7C }
h1 { color:#5B6C7C; font-size:24px; }
h2 { color:#5B6C7C; font-size:20px; }
h3 { color:#5B6C7C; font-size:18px; }
h3.gr { color:#5B6C7C;font-size:20px; }
strong {color:#5B6C7C; }
hr { margin-top:7px }

#pfad { font-size:13px; color:#5B6C7C; margin-top:6px }
#pfad a:link, #pfad a:visited { color:#5B6C7C; text-transform:none; }
#pfad a:hover, #pfad a:active { color:#AF354E }
#pfad a.homelink:link, #pfad a.homelink:visited { color:#AF354E }

a.intern:link, a.intern:visited { background-image:url(../img/link_intern.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:19px }
a.extern:link, a.extern:visited { background-image:url(../img/link_extern.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:21px }
a.download:link, a.download:visited { background-image:url(../img/link_download.gif); background-repeat:no-repeat; padding-left:19px }
a.video:link, a.video:visited { background-image:url(../img/link_video.gif); background-repeat:no-repeat; padding-left:21px }
a.intern:hover, a.intern:active, 
a.extern:hover, a.extern:active,
a.download:hover, a.download:active,
a.video:hover, a.video:active { color:#303030 }
a.link_weiter:link, a.link_weiter:visited {background:url(../img/pfeil_rechts.gif) no-repeat right center; padding:10px;padding-left:0;padding-right:35px; text-decoration:none }
/*a.link_weiter:hover, a.link_weiter:active {background-image:url(../img/pfeil_rechts_rollover.gif); }*/
a.link_zurueck:link, a.link_zurueck:visited {background:url(../img/pfeil_links.gif) no-repeat left center; padding:10px;padding-left:0;padding-left:35px; text-decoration:none }
/*a.link_zurueck:hover, a.link_zurueck:active {background-image:url(../img/pfeil_links_rollover.gif); }*/
a.link_rot:link, a.link_rot:visited { text-decoration:underline; color:#AF354E; text-transform:none}
a.link_rot_o:link, a.link_rot_o:visited { text-decoration:none; color:#AF354E; text-transform:none}
a.link_rot_o:hover { text-decoration:underline; }
a.link_ohne:hover  { text-decoration:none }

#unten { position:fixed; bottom:0px; min-height:48px; }
#unten a { text-transform:none }
#unten img { margin-right:6px }
#unten .trenner { border-left:1px solid #9F9FA1;width:1px;height:18px;margin-right:14px;margin-left:8px }


.radio_rt { padding-left:1px;float:left;width:20px;margin-right:10px;height:20px;margin-top:5px }
.radio_rt img, .radio_ge img, .radio_gn img, .radio_gr img { position:absolute; }
.radio_rt input, .radio_ge input, .radio_gn input, .radio_gr input { position:absolute; padding:0;margin:0; margin-left:4px; margin-top:3px }
.radio_ge { padding-left:1px;float:left;width:20px;margin-right:10px;height:20px; }
.radio_gn { padding-left:1px;float:left;width:20px;margin-right:10px;height:20px;margin-top:5px }
.radio_gr { padding-left:1px;float:left;width:20px;margin-right:10px;height:20px; }

#header { height:99px; padding-top:11px }

.kasten { background-color:white; border:1px solid #B6C0CA; padding:10px; border-bottom:0 }
.kasten2 { background-color:white; border:1px solid #B6C0CA; padding:10px; }
.kastenbg_300 { background:white url(../img/bg_teaser300.gif) repeat-x left bottom }
.kastenbg_unten { background:white url(../img/bg_unten.gif) repeat-x left bottom }
.kasten_border2px { border:2px solid #B6C0CA;border-bottom:0 }
.img_rand { border:1px solid #B6C0CA }
.kasten_schatten { background:#ECEFF4 url(../img/kasten_schatten.png) repeat-x left bottom; padding-bottom:8px; margin-bottom:20px }
.kasten_streifen {  background-image:url(../img/streifen.gif); }
.kasten_aktiv { background:#DEE3E7;color:#AF354E }


.kasten_schatten  .ohne2 a.intern:link,
.kasten_schatten  .ohne2 a.intern:visited { padding: 10px; padding-left: 26px; display: block; background-position: 10px 12px;}
	
/*.layouttab_600 { float:left; width:600px; }
.layouttab_280 { float:left; width:280px; }
*/

ul.liste_documents { list-style-type:none; padding:0; margin:0 }
ul.liste_documents li { background:url(../img/icon_document.gif) no-repeat 0px 0px; padding-left:30px; margin:0; margin-bottom:15px }

/*
Druck
*/
@media print { 
   .vd, #header, #pfad, #unten { display:none }
    .drucken_640 { width:640px }
  body {  min-width: 640px; }
  .container_12,.container_16 {  margin-left: 0; width: auto; }
  .grid_12 { width:auto }    
  .grid_9 { width:auto }    

/* NEU */  
#rechte_spalte { display:none }
.container_12 .grid_12, .container_16 .grid_16 { width:auto }
.kastenbg_300 { background:none; background-color:white }
  
}

/* aus alter Vers. */
.handbuch_uh { display:none }

/* für tabellen */
table.border2 { border:0;  }
.border2 th { font-weight:normal; text-align:left }

.checkbox_layout p { margin:0;padding:0;margin-left:22px;margin-top:3px;padding-bottom:2px;  }
.checkbox_layout input { margin-left:0;float:left;}
.checkbox_layout td { border:0 }
.checkbox_layout th { text-align:left;padding:2px;padding-left:5px }

.border3 td { padding-right:5px; padding-bottom:8px; vertical-align:top }

.baustein_kasten { display:block; width:122px; height: 78px; background-image:url(../img/baustein_kasten.png); background-position:left bottom;
	 padding:9px; padding-top:12px; float:left; margin-right:20px; margin-bottom:10px; color:#5B6C7C; cursor:pointer;
	 text-transform:normal; line-height:15px; font-size:13px}
.baustein_kasten img { margin-bottom:2px }

.mybutton { display:block; width:140px; height: 28px; background-image:url(../img/cta_default.gif); color:white; text-align:center;
	  padding-top:10px;cursor:pointer;padding-bottom:1px;padding-left:0px;padding-right:1px;   }
.mybutton:hover { background-image:url(../img/cta_rollover.gif); text-decoration:none; padding-top:11px;padding-bottom:0px;padding-left:1px;padding-right:0px } 

.mybutton_r { display:block; width:140px; height: 28px; background-image:url(../img/cta_rollover.gif); color:white; text-align:center;
	  padding-top:10px;cursor:pointer;padding-bottom:1px;padding-left:0px;padding-right:1px; background-position:-1px -1px;  }
.mybutton_r:hover { background-image:url(../img/cta_default.gif); text-decoration:none; padding-top:11px;padding-bottom:0px;padding-left:1px;padding-right:0px;
	  background-position:1px 1px; } 

.mybutton2 { display:block; width:190px; height: 28px; background-image:url(../img/cta2_default.gif); color:white; text-align:center;
	  padding-top:10px;cursor:pointer;padding-bottom:1px;padding-left:0px;padding-right:1px;  }
.mybutton2:hover { background-image:url(../img/cta2_rollover.gif); text-decoration:none; padding-top:11px;padding-bottom:0px;padding-left:1px;padding-right:0px } 

.mybutton2_r { display:block; width:170px; height: 28px; background-image:url(../img/cta2r_default.gif); color:white; text-align:center;
	  padding-top:10px;cursor:pointer;padding-bottom:1px;padding-left:0px;padding-right:1px;  }
.mybutton2_r:hover { background-image:url(../img/cta2r_rollover.gif); text-decoration:none; padding-top:11px;padding-bottom:0px;padding-left:1px;padding-right:0px } 


.subnav_fragen { font-size:13px }
.subnav_fragen li { font-size:1em;line-height:2.4em }
.fortschritt_grau { width:2.4em; height:2.4em; display:inline-block; background-color:#B5B5B5; border-radius:50%; text-align:center; }
.fortschritt_aktiv { width:2.4em; height:2.4em; display:inline-block;  background-color:#6E8294; border-radius:50%; text-align:center; }
.fortschritt_grau a { color:black;font-weight:bold;text-decoration:none;display:block }
.fortschritt_aktiv a { color:white;font-weight:bold;text-decoration:none;display:block }
a.link_weiss { color:white; text-decoration:none }
.label_grau { color:#181818 }
.aktiv { color:#546473 }
.copyright { font-size:12px }

input[type=text], textarea { background:url(../img/bg_input.gif) repeat-x left top !important; border:1px solid #757575 !important;padding:2px; font-size:12px }
input[type=text], textarea {  font-family:Verdana, Helvetica, Arial, sans-serif !important; font-size:13px !important; }
input[type=text] {  font-size:12px !important; }
.check_tab td { font-size:13px; line-height:18px }
.check_tab a:link, .check_tab a:visited { text-transform:none; color:#AF354E; }

table.border1 { border-collapse:collapse; }
table.border1 td { border:1px solid #b0b0b0 !important }
.hellblau { color:#1F83BF }
label { font-size:13px }
.rahmen_rot { border:2px solid #AF354E }
.font13 p, .font13 th, .font13 td { font-size:13px }
.ampel { position:absolute; color:black;font-size:13px; margin-top:16px}
.massn_list { list-style-type:none; }
.massn_list input[type=checkbox] {position:relative;left:-11px;top:2px;margin-left:-19px }

#rechte_spalte { position:absolute;top:212px;left:50%;margin-left:250px;width:220px }
/*@media print { #rechte_spalte { top:135px; } }*/

/*----------benchmark-------*/
.diagr { border:0; border-top:2px solid #00B050; background:url(../img/diagramm-bg.gif) repeat-x }
.diagr th { border-top:2px solid #5E8CC3; padding-top:10px; font-size:12px; font-weight:normal }
.diagr td { vertical-align:bottom; padding:10px; padding-top:0; padding-bottom:0; text-align:center; font-size:13px; height:300px  }

.balken { padding:10px; width:40px;  }
.balken.rt { background-color:#C00000 }
.balken.ge { background-color:#FFC000 }
.balken.gn { background-color:#00B050 }
.balken.gr { background-color:#2050f0 }

.diagr_quer { border:0; border-right:2px solid #00B050; background:url(../img/diagrammquer-bg.gif) top right repeat-y }
.diagr_quer td {  border-bottom:1px solid #ccc; padding-bottom:4px; padding-top:7px; text-align:left; height:auto;padding-left:0;padding-right:0 }
.diagr_quer th { border:0;border-right:2px solid #5E8CC3;padding-right:10px; border-bottom:1px solid #ccc; padding-bottom:4px; padding-top:7px }
.diagr_quer th { text-align:left }

.diagr_quer .balken { height:5px ; padding:0; padding-top:4px ;padding-bottom:4px; float:left; }
.diagr_quer span { margin-left:5px }
	
#sp_li { width:400px; float:left; }
#sp_re { margin-left:40px; width:240px; float:left; }

ul.ul_benchm { margin:0;padding:0;list-style-type:none }
ul.ul_benchm li { margin-left:1px;padding-left:0;margin-top:2px }
.ul_benchm a:link, .ul_benchm a:visited { background-image:url(../img/link_benchm.gif); background-position:0px 2px; background-repeat:no-repeat; padding-left:19px }

/*---------- -------*/
#unten_div2 { float:right;margin-right:10px; min-width:240px }
#div_ansicht { float:left; width:320px;margin-right:60px }
#div_einstellungen { float:left;width:320px }
.input_400 { width:400px }
.baustein_cl { width:470px }
.kasten700 { width:700px;margin-bottom:0px }
.spalte1_width490 { width:490px }
.width300 { width:300px }
.cl_infotext { width:600px;    word-wrap: break-word; }
.width700 { width:700px }
.width670 { width:670px }
.width470 { width:470px }
.width640 { width:640px }
.width440 { width:440px }

.nur_mobil { display:none }
.nicht_mobil_inline { display:inline }
.textarea630 { width:630px }

.check_tab img { max-width:75% }

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.img_wrap_left { float:left; margin-right:10px;margin-bottom:5px;max-width:37.5% }
.img_wrap_left img { max-width:100% }
.img_wrap_right {float:right; margin-left:10px;margin-bottom:5px;max-width:37.5% }
.img_wrap_right img { max-width:100% }
.img_wrap_n { float:left; margin-right:10px;margin-bottom:5px;width:calc(50% - 10px)}
.img_wrap_n img { max-width:100% }
.img_wrap img { max-width:100% }

@media (max-width:699px) {
   .img_wrap_left { float:none; max-width:auto }
   .img_wrap_right { float:none; max-width:auto }
   .img_wrap_n { float:none; max-width:auto }
}

/*------------- radio button ------------*/
.rb_gross input[type="radio"] {
    position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
label.rb_gross {
    display: block;
    position: relative;
    margin-top:1px;
    padding-left: 32px;
    margin-bottom: 0px;
}
label.rb_gross.rb_rt span {     background: #E4021A; }
label.rb_gross.rb_ge span {     background: #FFED00; }
label.rb_gross.rb_gn span {     background: #98BF0C; }
label.rb_gross span {
    width: 20px;
    height: 20px;
    border-radius:20px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
}
label.rb_gross span b {
    position: absolute;
    top: 4px;
    left: 4px;
    background: #fff;
    width: 8px;
    height: 8px;
    border:2px solid #fff;
    display: block;
    border-radius:8px;
}
.rb_gross input[type="radio"] + span {
   box-shadow: 0px 0px 0px 1px #707070;
}

.rb_gross input[type="radio"]:checked + span b {
    background: #686868;
}
.rb_gross input[type="radio"]:focus + span  {
    box-shadow: 0 0px 1px 2px #000;
}
.rb_gross input[type="radio"]:hover + span {
   box-shadow: 0 0px 1px 2px #000;
}

@media (max-width:699px) {
table.mobil_block { display:block }
table.mobil_block tr, table.mobil_block td { display:block }
}

/* lightbox */
.glightbox-clean .gdesc-inner {
    padding: 10px!important;
}
.glightbox-clean .gslide-description {
    background: none!important;
    color:#e8e8e8!important
}
@media (min-width: 769px) {
.goverlay {
    background: rgba(0,0,0,.82)!important;
}
}
.goverlay {
    background: rgba(0,0,0,.82)!important;
}
.glightbox-mobile .glightbox-container .gslide-desc {
    color: #f8f8f8!important;
}
/* */

/* Screenreader */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
/* BITV */
ul.ohne { list-style-type:none; margin-top:18px; margin-bottom:15px }
ul.ohne li {margin-left:0; margin-top:5px; margin-bottom:7px }
ul.ohne2 { list-style-type:none; margin-top:0px; margin-bottom:0px }
ul.ohne2 li {margin:0;  }
ul.ul_footernav { list-style-type:none; display:inline }
ul.ul_footernav li { display:inline; margin-left:0;}
ul.ul_footernav li:before { content:" | "; }
ul.ul_footernav li:first-child:before{ content:""; }

ul.dummy_ul { display:inline; margin:0; padding:0; list-style-type:none }
ul.dummy_ul li { margin:0}

ul.kasten_grau_rechts { margin:0; padding:0; list-style-type:none;
      background-color:#64788C; border:3px solid white; box-shadow:2px 4px 4px 0px #bfcacc; margin-bottom:10px }
ul.kasten_grau_rechts li { margin:0; border-bottom:1px solid #B7C0C5; }
ul.kasten_grau_rechts li a { padding:5px;  display:block; background-image:url(../img/pfeil_ws.gif); background-repeat:no-repeat; background-position:7px 7px; padding-left:25px }
ul.kasten_grau_rechts li:last-child { border-bottom:0px }

.check_tab { font-size: 13px; }
.check_tab h4.dachzeile,
.check_tab h5.dachzeile { margin-top:6px; margin-bottom:8px }
.check_tab_spalte1 { float:left; width:490px; margin-right:20px }
.check_tab_spalte1schmal { float:left; width:290px; margin-right:20px }
.check_tab_spalte2 { float:left; width:160px; }
.check_tab_spalte3 { float:left; margin-left:20px; width:170px; }
.clear_both { clear: both; }

input[type=button]:hover, input[type=submit]:hover { background-color:#eee}
#popup_win a { color:#AF354E }



.cl_infotext table { border-collapse: collapse; }
.cl_infotext table td, .cl_infotext table th { border:1px solid #888; padding:3px }