/*--- general ---*/

    html { overflow: auto; }
    body, html { background: rgb(255,255,255); height: 100%; margin: 0; font-family: Verdana, sans-serif; color:#30302f;}
    body#epozcontent { background: rgb(255,255,255); padding: 10px; } /* epoz editor */
    .hideme, #shortcuts, #shortcuts_title, #fontsize { display: none; }
    .clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
        .clearfi { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; float:none;}
    .clear { clear: both; }
    h1 { color:#b22f31; font-size:20pt; margin-top:0; margin-bottom:30px;}
    h2{font-size:14px; color:#b22f31; margin:0;}
    h3, h4, h5, h6{font-size:12px; color:#b22f31; margin:0;}
    .disclaimer { font-size:11px; }
    #content{line-height:21px; font-size:12px; color:#30302f; padding-bottom:15px;}
        #content hr{height:1px; display:block; margin: 0 !important;  margin-bottom:10px!important; color:#b22f31; background-color:#b22f31; border:0px;}

    @media print {
        #nav, #author, #news_archive, .news_preview, #news_selection, #backlink, #nav_arrow, #paragraph, .infolist_toplink, .gmnoprint, #sujetbig, #sujet, #subnav, #functions { display: none!important; }
     #content{float:none; font-size:14px; clear:both; width:auto!important; height:auto!important; padding-bottom:0!important; margin-bottom:0!important; margin-left:0;  width:90%!important;}
     html, body, #rel{height:auto!important;  overflow:visible!important; font-size:14px;}
     #center{background-image:none!important; background-color:#fff!important; overflow:visible!important;}
    }


/*--- News ---*/

    .news_image{float:right; margin-left:10px; margin-bottom:10px; border:1px solid #c2c3c3;}

    #more_news .news_preview{list-style:none; overflow:auto; padding:0; margin:0;}
    #more_news .header{text-align:left; background-color: #b22f31; margin-top:25px; margin-right:20px; }
        #more_news .header h3{font-size:16px; color:#fff; padding-top:6px; padding-bottom:3px; padding-left:10px; }
        #more_news .news_preview .entry{ padding-left:10px; background-color:#fff;  padding-right:15px; border-right:1px solid #b22f31; margin-right:20px; overflow:auto; float:none; clear:both; border-bottom:1px solid #b22f31; padding-bottom:10px; padding-top:10px; text-align:left;}

            #more_news .news_preview .entry img{float:right; margin-left:10px; border:1px solid #c2c3c3; margin-top:-15px;}
            #more_news .news_preview .entry h3 a{text-decoration:none; font-size:14px;}
            #more_news .news_preview .entry .more{font-size:11px;}


/*--- team ---*/
    #staff_overview{margin-top:15px; height:auto; width:auto; overflow:auto;}
    .staff_member{width:260px; float:left; border:1px solid #b22f31; position:relative; margin-bottom:15px; height:165px; background-color:#fff;}
    .staff_member:nth-child(1n){margin-right:15px;}


    .staff_text .info{font-size:11px; width:135px; position:absolute; right:0px; top:30px; }
        .staff_text .info ul{list-style:none; margin:0; padding:0;}
    .staff_text a{ width:109px; display:block;  margin-left:5px; margin-top:8px;}
        .staff_text .head{padding-left:5px; padding-top:4px; background-color:#b22f31;}
        .staff_text .head h2{font-size:16px; color:#fff; background-color:#b22f31; padding-top:3px; padding-bottom:3px; display:block;}



/*--- links ---*/

    a {color:#b22f31; }
    a:hover {text-decoration:none; }
    a:hover, a:active { outline: 0; }
    a img { border: 0; display: block; }
    a.online { background: url(../images/icons/ie.gif) no-repeat 0 50%; display: inline-block; padding-left: 23px; }
    a.popup { background: url(../images/icons/ie.gif) no-repeat 0 50%; display: inline-block; padding-left: 23px; }
    a[href$=".xls"] { background: url(../images/icons/xls.gif) no-repeat 0 50%; display: inline-block; padding-left: 23px; }
    a[href$=".pdf"] { background: url(../images/icons/pdf.gif) no-repeat 0 50%; display: inline-block; padding-left: 23px; }
    a[href$=".xml"].rss { background: url(../images/icons/rss.gif) no-repeat 0 50%; display: inline-block; padding-left: 21px; }
    .infolist_toplink{border-bottom:1px solid #b22f31;}
        .infolist_toplink a{text-decoration:none; font-size:11px;}

    .onlinetool_overview_tiny, .onlinetool_overview{list-style:none;}

    .rss_feeds{list-style:none; padding:0; margin-left:10px;}



/*--- lists ---*/

    ul, ol { margin-top:5px;}


/*--- appointmentmaker form ---*/



    .appointmentmaker .section_title{display:none;}
    .appointmentmaker .required_text{ float:right; font-size:11px;}
    .appointmentmaker .required_text:after{clear:both; float:none;}
    .appointmentmaker fieldset fieldset legend {font-weight:bold; background-color:#fff; font-size:14px; color:#b22f31; padding-right:5px; padding-left:5px; margin-left:-7px;}



    .appointmentmaker .section{border:none; padding:0;}
    .appointmentmaker #contact_first{float:left; border:none; width:230px; background-color:#fff;  padding-left:25px; padding-bottom:5px;}

    .appointmentmaker #dateappointment{ position:relative; width:558px;}
    .appointmentmaker #contact_second{ overflow:hidden; position:absolute; right:0;border:none; width:230px; background-color:#fff; padding-left:25px; padding-bottom:5px; display:inline-block;}

    .appointmentmaker .privacy_policy{margin-top:15px; width:auto;}
        .appointmentmaker .privacy_policy fieldset{float:left; border:none;  background-color:#fff;  padding-left:25px; border:none; width:auto; }

    .appointmentmaker #message_contact{border:none; margin-top:15px; background-color:#fff; padding-left:25px!important; padding-right:25px; padding-bottom:5px;}
       .appointmentmaker  #message_contact textarea {width:500px;}

    .appointmentmaker .senddata label{font-weight:bold; display:inline-block; width:150px;}
    .appointmentmaker .error_msg{display:none;}
    .appointmentmaker .error label{font-weight:bold; color:#b22f31; }

    .appointmentmaker .summary th{background-color:transparent!important; color:#30302f; }
    .appointmentmaker .summary caption{font-weight:bold; font-size:14px; color:#b22f31; text-align:left;}

    .appointmentmaker button{margin-right:7px;}
      .appointmentmaker input{margin-bottom:5px;}

    .datepicker{width:185px!important;}


    .progress_bar{list-style:none; margin:0; padding:0; border:1px solid #b22f31; overflow:hidden; }
     .progress_bar li.done{background-color:#b22f31;}
     .progress_bar li.active{background-color:#b14a4c;}
        .progress_bar li.active a, .progress_bar li.done a{color:#fff; text-decoration:none;}
    .progress_bar li{float:left; display:inline; width:154px; padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:4px;}
   .progress_bar li.done:last-child{width:155px;}
    .progress_bar li a{display:block; }
    .progress_steps{clear:both; float:left; font-size:11px; }


/*--- forms ---*/

    button, input, select, textarea { font-family: inherit; font-size: 100%; }
    .error_value{border:1px solid #b22f31; color:#b22f31; }
    button {margin-top:14px; }


    @media print {
        form { display: none; }
    }

/*--- datepicker ---*/


    .datepicker{height:220px;}
    .datepicker h2{font-size:12px; color:#30302f;}
    td.active { font-weight: bold; color:#b22f31; }
    td.dpclickable { cursor: pointer; }
    .dpprev{margin-right:90px;}

/*--- general table ---*/

    table { border-collapse: collapse; margin-top:10px; margin-bottom:10px; }
    td, th { padding: 2px 4px; border: 1px solid #b22f31; vertical-align: top; }
    th { text-align: left; background: #b22f31; color:#fff; }
    thead td, thead th { font-weight: bold; color: #fff; background: #b22f31; vertical-align: bottom; }
    tbody tr:hover th { background: #b22f31; color: #fff; }
    tbody tr:hover td { background: #c2c3c3; color: #b22f31; }

    .notable td, .notable th { padding: 0 30px 0 0; border: 0; background: none; vertical-align: top; }
    .notable tbody tr:hover th, .notable tbody tr:hover td { color: #000; background: none; }
    .thead { display: none; }
    .open th{color:#30302f!important;}

    #legal_notice th{color:#b22f31;}

/*--- onlinetool overview---*/

    .onlinetool_overview{ overflow:auto; margin:0; padding:0;}
        .onlinetool_overview li{float:left; width:275px; border-bottom:1px solid #b22f31; height:190px; background-color:#fff;}
        .onlinetool_overview li:first-child{ border-right: 1px solid #b22f31;   }
        .onlinetool_overview li p{padding-right:25px; padding-left:25px; padding-bottom:10px;}

        .onlinetool_overview li:nth-child(2) .popup{padding-left:25px;}

        .onlinetool_overview li p{font-size:11px;}

        .onlinetool_overview li .popup{background-color:#b22f31; color:#fff; display:block; background-image:none; text-decoration:none; font-weight:bold; padding-top:3px; padding-bottom:3px; background-image:url(../images/design/arrow_red.gif); background-position: 250px 9px; background-repeat:no-repeat;}
        .onlinetool_overview li .popup:hover{background-image:url(../images/design/arrow_grey.gif); background-color:#c2c3c3; color:#b22f31;}
        .onlinetool_overview li:first-child .popup {border-right:1px solid #fff;}
        .onlinetool_overview li p .toolmehr{display:inline; margin:0!important; padding:3px!important; }

/*--- image object ---*/

    div.zms_graphic.floatleft { float: left; }
    div.zms_graphic.floatright { float: right; }
    div.zms_graphic.right { text-align: right; }
    div.zms_graphic.center { text-align: center; }
    div.graphic.alignleft { float: left; text-align: right; }
    div.graphic.alignright { float: right; text-align: right; }

/*--- ie6nomore ---*/

    #ie6nomore { background: rgb(255,255,255); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
        #ie6nomore .box { height: 250px; left: 50%; margin: -125px 0 0 -275px; position: relative; top: 50%; width: 550px; }
        #ie6nomore .browser { float: left; width: 75px; }

/*--- slimbox ---*/

      #lbOverlay { background:#c2c3c3; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
    #lbCenter, #lbBottomContainer { background: rgb(255,255,255); left: 50%; overflow: hidden; position: absolute; z-index: 9999; }
    .lbLoading { background: #fff url(../images/popup/loading.gif) no-repeat center; }
    #lbImage { background-repeat: no-repeat; border: 10px solid rgb(255,255,255); left: 0; position: absolute; top: 0; }
    #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; }
    #lbPrevLink { left: 0; }
    #lbPrevLink:hover { background: transparent url(../images/popup/previous.gif) no-repeat 0% 30%; }
    #lbNextLink { right: 0; }
    #lbNextLink:hover { background: transparent url(../images/popup/next.gif) no-repeat 100% 30%; }
    #lbBottom { border: 10px solid #fff; border-top: 0; text-align: left; }
    #lbCloseLink { background: transparent url(../images/popup/close_big.gif) no-repeat center; display: block; float: right; height: 20px; margin: 5px 0; width: 21px; }
    #lbCaption, #lbNumber { margin-right: 71px; }
    #lbCaption { font-weight: bold; }

/*--- iframe popup ---*/

    .ip_overlay { background:#c2c3c3; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 8900; }
    .ip_popup { background: rgb(255,255,255); left: 50%; overflow: hidden; top: 50%; position: fixed; z-index: 9000; }
        .ip_popup .close { background:url(../images/popup/close.gif) no-repeat 100% 50%; height: 15px; overflow: hidden; right: 13px; text-indent: -99999px; top: 13px; position: absolute; width: 16px; }
        .ip_popup .title { left: 15px; margin: 0; position: absolute; right: 50px; top: 10px;  display:none;}
    .ip_content { bottom: 15px; left: 15px; position: absolute; top: 40px; right: 15px; }
        .ip_content iframe { height: 100%; bottom: 0; left: 0; position: absolute; top: 0; right: 0; width: 100%; }
    .ip_loading { background: rgb(255,255,255) url(../images/popup/loading.gif) no-repeat 50%; }

/*--- design ---*/
    #start_center{width:960px; position:absolute; left:50%; margin-left:-480px; top:50%; margin-top:-287px; height:574px; }
        #center{width:960px; position:relative; margin:auto; min-height:550px; overflow:hidden; background-image:url(../images/design/verlauf_unterseite.jpg); background-color:#fdfdff; background-position:left top; background-repeat:repeat-x;}

  #start_logo{position:absolute; right:40px; top:0; z-index:2;}
        #logo{position:absolute; top:42px; left:50px; z-index:10;}
    #gotoshortcuts{display:none;}
    #contactinfo{display:none;}

        #content{margin-top:214px;  width:555px; position:relative; z-index:9; float:right; padding-right:45px;}

    .startpage #sitetitle{display:none;}
    #paragraph{position:absolute; top:200px; left:20px;}


/*--- navigation ---*/
     #navstart{position:absolute; background-color:#b22f31; list-style:none; padding:0; margin:0; position:absolute; bottom:10px; right:38px;}
     #nav{position:absolute; background-color:#b22f31; list-style:none; padding:0; margin:0; position:absolute; top:138px; width:637px; right:0; z-index:15;}

        #navstart li, #nav li{float:left; margin-left:11px; margin-right:11px; padding-top:9px; padding-bottom:9px;}
            #navstart li.first, #nav li.first{margin-left:26px;}
            #navstart li.last, #nav li.last{margin-right:26px;}

        #navstart a, #nav a{display:block;  color:#fff; text-decoration:none; font-size:14px; font-weight:bold; }


/*--- subnavigation ---*/
    #subnav{list-style:none; padding:0; margin:0; width:325px; float:left; margin-top:208px; margin-bottom:15px; position:absolute; z-index:66; }
         #subnav a{font-size:12px; color:#30302f; text-decoration:none; }

         #subnav a.active, #subnav a.activenode, #subnav a:hover{color:#b22f31;}

    #subnav li.active, #subnav li.activenode{padding-left:76px; background-image:url(../images/design/subnav_bg.gif); background-repeat:no-repeat; background-position:left 7px;}
    #subnav li{padding-left:76px; margin-top:5px;}


        #start_verlauf{position:absolute; top:70px; background-image:url(../images/design/verlauf_startseite.jpg); height:455px; right:0; width:380px;}
        #start_slogan {position:absolute; left:70px; top:230px;}
        #start_kanzleivideo {position:absolute; left:70px; top:350px;}
        #rel{min-height:574px;}

        #nav_arrowstart{width:50px; height:7px; background-color:#c2c3c3; position:absolute; margin-left:335px; bottom:0; display:none; z-index:50; }
        #nav_arrow{width:50px; height:7px; background-color:#c2c3c3; position:absolute; margin-left:324px; top:175px; display:none; z-index:50; }





/*--- functions ---*/
    .startpage #functions{position:absolute; background-color:#b22f31; list-style:none; padding:0; margin:0; position:absolute; bottom:10px; left:0;}

      #functions{position:absolute; background-color:#b22f31; list-style:none; padding:0; margin:0; position:absolute; bottom:19px; left:0; z-index:8;}

        #functions li{float:left;  padding-top:9px; padding-bottom:9px;}
            #functions li a{border-right:1px solid #fff;}
                #functions li a.last{border-right:none;}
            #functions a{color:#fff; font-size:11px; text-decoration:none; display:block; font-weight:bold; padding-left:9px; padding-right:8px; }
                #functions a:hover, #functions a.active{text-decoration:underline;}


        .onlinerechner_erinnerungsservice h2.title{display:none;}
/*--- author ---*/
    #author{position:absolute; bottom:19px; right:10px;  }
     #start_author{position:absolute; bottom:10px; width:9px; height:76px; right:10px;}


        #author a, #start_author a{display:block; width:9px; height:76px; background-repeat:no-repeat; background-image:url(../images/design/designby.png);}
            #author a:hover, #start_author a:hover{background-image:url(../images/design/designbyh.png);}
            #author a span, #start_author a span{display:none;}

/*--Routenplaner--*/
    #news_selection{position:absolute; right:15px; top:0;}
    .news_overview{text-align:right;  margin-right:-30px; margin-top:-10px;}

/*--Routenplaner--*/
    .routenplaner{border:none; margin:0; padding:0;}
        .routenplaner legend{font-size:14px; color:#b22f31; margin-bottom:0.4em; font-weight:bold;}
       .routenplaner legend {margin-left:-0.6em;} /* style fuer IE6 */
    .routenplaner > legend {margin-left:0;} /* style fuer alle anderen browser */
    *+html .routenplaner legend {margin-left:-0.6em;} /* style fuer IE7 */
    .routenplaner_button{margin-top:5px;}

    .routenplaner .size4{width:300px;}

/*--Startseitenbilder small--*/

  .infolist_overview{list-style:none; margin:0; padding:0;}
  .infolist_overview li{margin-bottom:10px; }
    .infolist_overview li p{margin:0; padding-left:10px; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #b22f31; border-right:1px solid #b22f31; border-left:1px solid #b22f31;}
    .infolist_overview li a{ border-top: 1px solid #b22f31; border-left:1px solid #b22f31; border-right:1px solid #b22f31; font-weight:bold; display:block; background-color:#b22f31; color:#fff; padding-left:10px; padding-top:3px; padding-bottom:3px; text-decoration:none; background-image:url(../images/design/arrow_red.gif); background-position: 98% 9px; background-repeat:no-repeat;}
        .infolist_overview li a:hover{background-image:url(../images/design/arrow_grey.gif); background-color:#c2c3c3; color:#b22f31;}

/*--Startseitenbilder small--*/
    .picssmall {position:absolute; left:398px; top:70px;}
    .buehne {height:455px; width: 186px; overflow: hidden; position: relative;}
    .buehne a{cursor:default;}
    .pic_small {position: absolute;top: 0; left: 0;}
    .pic_small img {float: left;}

/*--Startseitenbilder big--*/
    .picsbig {position:absolute; left:0; top:70px;}
    .buehnebig {height:455px; width:388px; overflow: hidden; position: relative;}
    .buehnebig a{cursor:default;}
    .pic_big {position: absolute; top: 0; left: 0;}
    .pic_big img {float: left;}


    #sujet{ border:1px solid red; z-index:6; width:240px; height:138px; position:absolute; right:15px; top:0; border-right:1px solid #c3c4c4; border-left:1px solid #c3c4c4; overflow:hidden;}
    #sujetbig{border:1px solid red; z-index:6; width:368px; height:138px; position:absolute; top:0; right:267px; border-right:1px solid #c3c4c4; border-left:1px solid #c3c4c4; overflow:hidden;}