


/************************************************** INDEX PAGE SPECIAL STYLES **************************************************/
.index_page_content {
 padding: 0px;
 margin: 20px 0px 20px 0px;
 width: 950px;
 background-color: #fff;
 background-image: url(/systembilder/bg_content.gif);
 text-align: center;
}
.index_left {
 width: 235px;
 float: left;
 background-color: #fff;
}
.index_middle {
 width: 476px;
 float: left;
}
.index_right {
 width: 239px;
 float: left;
}
.index_middle_content {
 width: 476px;
}
.index_content {
 width: 431px;
 margin: 0px 0px 0px 10px;
 padding: 0px;
}
.index_text_content {
 width: 412px;
 margin: 0px 0px 0px 19px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666;
 text-align: left;
 line-height: 140%;
}
.index_left_boxes {
 width: 231px;
}
.index_right_boxes {
 float: right;
}
/***** BOX Lebenslagen Index ****/
.box_lebenlagen_index_header {
 width: 216px;
 height: 67px;
 background-image: url(/systembilder/bg_box_lebenslagen.gif);
 background-repeat: no-repeat;
}
.box_lebenslagen_index_header_text {
 width: 120px;
 padding: 10px;
 text-align: left;
 line-height: 150%;
 float: left;;
}
.box_lebenslagen_index_frame {
 width: 216px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
}
.box_lebenslagen_index_frame_left {
 float: left;
 text-align: left;
}
.box_lebenslagen_index_frame_right {
 float: left;
 text-align: left;
}
.item_lebenslagen_index_left {
 width: 96px;
 padding: 5px 0px 5px 10px;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 border-bottom: 1px solid #DCDCDC;
 background-color: #EEEEEE;
}
.item_lebenslagen_index_right {
 width: 97px;
 padding: 5px 0px 5px 10px;
 border-right: 1px solid #DCDCDC;
 border-bottom: 1px solid #DCDCDC;
 background-color: #EEEEEE;
}
.box_lebenslagen_index_footer {
 width: 194px;
 padding: 10px;
 margin: 0px;
 float: left;
 border-top: 0px;
 border-right: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 border-bottom: 1px solid #DCDCDC;
 text-align: left;
 background-color: #EEEEEE;
}
/***** BOX WUNSCHKENNZEICHEN INDEX*****/
.box_frame_wunschkennzeichen_index {
 width: 214px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
 border-top: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 line-height: 140%;
}

.sign1 {
   width: 186px;
   height: 80px;
   background-image: url(/bilder/sign2_links.gif);
}

.sign2 {
   width: 174px;
   background-image: url(/bilder/sign2_rechts.gif);
}

.KFZ_Ort {
   padding-left: 55px;
   font-size: 24px; 
   font-weight: bold;
}

.leer {
    padding-left: 10px;
}

.inputdata {
    font-weight: bolder;
}
/***** BOX Hotlinks Mitte Index *****/
.box_index_middle {
 width: 412px;
 margin: 0px 0px 0px 19px;
 padding: 0px;
}
.box_index_middle_frame {
 width: 412px;
 margin: 0px;
 padding: 5px 0px 0px 0px;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}
.box_index_middle_content {
 text-align: left;
 padding: 15px;
 font-size: x-small;
 line-height : 140%;
}
.box_index_middle_content_left {
 width: 186px;
 float: left;
 padding: 10px;
 text-align: left;
 background-color: #EEEEEE;
}
.box_index_middle_content_right {
 width: 186px;
 float: left;
 padding: 10px;
 text-align: left;
 background-color: #EEEEEE;
}



/************************* BOXEN LINKS UND RECHTS *************************/

/***** BOX Tipp der Woche *****/
.box_tippderwoche {
 width: 235px;
 float: left;
}
.box_tippderwoche_header {
 width: 215px;
 height: 27px;
 padding: 5px 5px 5px 15px;
 background-image: url(/systembilder/box_tipp_header.gif);
 background-repeat: no-repeat;
 text-align: left;
}
.box_tippderwoche_footer {
 width: 235px;
 height: 6px;
 padding: 0px;
 margin: 0px;
 background-image: url(/systembilder/box_tipp_footer.gif);
 background-repeat: no-repeat;
}
.box_tippderwoche_content {
 text-align: left;
 padding: 15px 20px 15px 20px;
 margin: 0px;
 font-size: x-small;
 background-image: url(/systembilder/box_tipp_bg.gif);
 background-color: #EEEEEE;
 line-height : 140%;
}

/***** BOX Veranstaltungen *****/
.box_veranstaltungen_header {
 width: 231px;
 height: 30px;
 background-color: #EEEEEE;
 background-image: url(/systembilder/head_box_veranstaltungen.gif);
}
.box_veranstaltungen_content {
 font-size: x-small;
 text-align: left;
 padding: 10px 15px 10px 15px;
 margin: 0px;
 background-color: #EEEEEE;
 border-bottom: 1px solid #DCDCDC;
 line-height : 140%;
}
.box_veranstaltungen_footer {
 height: 24px;
 font-size: x-small;
 text-align: left;
 padding: 10px 15px 0px 15px;
 background-color: #EEEEEE;
 border-bottom: 1px solid #B2B2B2; 
}

/***** BOX Urlaub im Saarpfalz-Kreis *****/
.box_urlaub {
 width: 412px;
 height: 238px;
 background-image: url(/systembilder/bg_box_urlaub_neu.jpg);
 background-repeat: no-repeat;
}
.box_urlaub_text {
 width: 180px;
 padding: 15px 15px 15px 15px;
 margin: 0px;
 float: left;
 line-height: 140%;
}

/***** BOX Zielgruppeneinstieg *****/
.box_zielgruppen {
 width: 216px;
 margin: 0px;
 padding: 0px;
 float: right;
}
.box_zielgruppen_header {
 width: 196px;
 margin: 0px;
 padding: 10px;
 background-color: #B2B2B2;
 color: #fff;
 font-weight: bold;
 text-align: left;
}
.box_zielgruppen_frame {
 width: 216px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
}
.box_zielgruppen_content {
 width: 186px;
 margin: 0px;
 padding: 15px;
 text-align: left;
 background-color: #EEEEEE;
 
}

/***** BOX WUNSCHKENNZEICHEN *****/
.box_frame_wunschkennzeichen {
 width: 194px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
 border-top: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 line-height: 140%;
}

/***** BOX FRAGE *****/
.box_frage {
 width: 216px;
 height: 209px;
 padding: 0px;
 margin: 0px;
 background-image: url(/systembilder/bg_zettel.jpg);
 background-repeat: no-repeat;
}
.box_frage_content {
 width: 150px;
 height: 120px;
 padding: 65px 25px 10px 25px;;
 margin: 0px;
 text-align: left;
 line-height: 140%;
}

/***** BOX Lebenslagen *****/
.box_lebenlagen_header {
 width: 196px;
 height: 67px;
 background-image: url(/systembilder/bg_box_lebenslagen_us.gif);
 background-repeat: no-repeat;
}
.box_lebenslagen_header_text {
 width: 90px;
 padding: 10px;
 text-align: left;
 line-height: 140%;
 float: left;;
}
.box_lebenslagen_frame {
 width: 196px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
}
.box_lebenslagen_frame_left {
 float: left;
 text-align: left;
}
.box_lebenslagen_frame_right {
 float: left;
 text-align: left;
}
.item_lebenslagen_left {
 width: 86px;
 padding: 5px 0px 5px 10px;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 border-bottom: 1px solid #DCDCDC;
 background-color: #EEEEEE;
}
.item_lebenslagen_right {
 width: 87px;
 padding: 5px 0px 5px 10px;
 border-bottom: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 background-color: #EEEEEE;
}
.box_lebenslagen_footer {
 width: 174px;
 padding: 10px;
 margin: 0px;
 float: left;
 border-top: 0px;
 border-right: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 border-bottom: 1px solid #DCDCDC;
 text-align: left;
 background-color: #EEEEEE;
}


/***** BOX Topthemen (rechte Spalte) *****/
.box_topthemen_header {
 width: 236px;
 background-color: #B2B2B2;
 color: white;
 text-align: left;
 font-weight: bold;
 padding: 6px 0px 8px 6px;
 margin: 0px;
 float: left;
}
.box_topthemen_content {
 width: 222px;
 background-color: #EEEEEE;
 padding: 10px 10px 15px 10px;
 text-align: left;
 margin: 0px;
 float: left;
}

/***** BOX Thumbnails *****/
.box_thumbnails_header {
 width: 220px;
 margin: 0px;
 padding: 10px;
 text-align: left;
 background-color: #EEEEEE;
 border-top: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 
}
.box_thumbnails_frame {
 width: 240px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}
.box_topteaser_frame {
 width: 242px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
}
.box_thumbnails_content_left {
 width: 110px;
 float: left;
 border-top: 1px solid #DCDCDC;
 margin: 0px;
 padding: 5px;
 vertical-align: middle;
}

.box_thumbnails_content_right {
 width: 109px;
 float: left;
 border-top: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 margin: 0px;
 padding: 5px;
 vertical-align: middle;
}
.box_topteaser_content {
 width: 220px;
 float: left;
 border-top: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 margin: 0px;
 padding: 10px;
 vertical-align: middle;
 text-align: left;
 background-color: #EEEEEE;
 line-height: 140%;
}

/***** BOXEN ALLGEMEIN *****/
.box {
 width: 216px;
 margin: 0px;
 margin-left: 15px;
 padding: 0px;
}
.index_box_right {
 width: 216px;
 margin: 0px;
 padding: 0px;
 float: right;
}
.box_right {
 width: 242px;
 margin: 0px;
 padding: 0px;
 float: right;
}
.box_frame {
 width: 214px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}
.box_content {
 text-align: left;
 padding: 15px;
 font-size: x-small;
 line-height : 140%;
}
.box_trenner {
 height: 1px;
 background-image: url(PIC_dot_trenner);
}


/************************************************** DEFAULT PAGE STYLES STYLES **************************************************/
/***** GLOBAL POSITIONING LAYERS *****/
.page_content {
 width: 950px;
 height: auto;
 padding: 0px;
 margin: 0px 0px 20px 0px;
 background-color: #fff;
 text-align: center;
 background-image: url(/systembilder/dot_weiss.gif);
}
.left {
 width: 216px;
 float: left;
}
.middle {
 width: 492px;
 float: left;
 margin-top: 25px;
}
.middle-large {
    width: 734px;
}
.right {
 width: 242px;
 float: left;
 margin-top: 25px;
}
.content {
 width: 430px;
 margin: 0px 35px 0px 25px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666;
 text-align: left;
 line-height: 140%;
}

.content-large {
    width: 709px;
    overflow: hidden;    
    margin-right: 0;
}

.left_boxes {
 width: 211px;
}
.right_boxes {
 width: 242px;
 float: right;
}

.box_links {
 width: 196px;
 margin: 0px 5px 0px 15px;;
 padding: 0px;
}
.box_links_frame {
 width: 194px;
 margin: 0px;
 padding: 0px;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}
.box_links_content {
 text-align: left;
 padding: 15px;
 font-size: x-small;
 line-height : 140%;
}
.box_default {
 width: 242px;
 float: right;
}
.box_default_frame {
 width: 242px;
 float: left;
}

.box_default_content {
 width: 220px;
 margin: 0px;
 padding: 10px;
 text-align: left;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}
/************************* SUBNAVIGATIION *************************/
.box_navigation {
 width: 216px;
}
.box_navigation_header {
 width: 216px;
 height: 55px;
 padding: 0px;
 background-image: url(/systembilder/nav_header_default.jpg);
 background-repeat: no-repeat;
}
.box_navigation_footer {
 width: 216px;
 height: 46px;
 background-image: url(/systembilder/nav_footer.gif);
 background-repeat: no-repeat;
}
.box_navigation_notizblock {
 padding: 12px 0px 10px 20px;
 margin: 0px;
 text-align: left;
 font-size: x-small;
 font-weight: normal;
}
.box_navigation_itemlist {
 width: 216px;
 margin: 0px;
 padding: 0px;
 background-image: url(/systembilder/nav_bg_image.gif);
}
.box_navigation_item {
 width: 185px;
 padding: 5px 0px 5px 20px;
 background-color: #EEEEEE;
 text-align: left;
 font-size: small;
 float: left;
}
.box_navigation_trenner {
 width: 216px;
 height: 2px;
 background-image: url(/systembilder/nav_trenner_oben.gif);
 background-repeat: no-repeat;
}


/***** NAVIGATION EBENE 1 *****/
.ul_subnav_ebene_1 {
 clear: both;
 width: 211px;
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 5px 0px 0px;
 background-image: url(/systembilder/nav_bg_image.gif);
 text-align: left;
}
.li_subnav_ebene_1 {
 clear: both;
 width: 191px;
 padding: 5px 0px 5px 20px;
 font-size: small;
 font-weight: bold;
 border-bottom: 1px solid #DCDCDC;
 border-top: 2px solid #FFFFFF;
 
}
.li_subnav_ebene_1_hi {
 clear: both;
 width: 191px;
 padding: 5px 0px 5px 20px;
 font-size: small;
 font-weight: bold;
 border-bottom: 1px solid #DCDCDC;
 border-top: 2px solid #1670A2;
 background-color: #228BC7;
}
.li_subnav_ebene_1_hi_grau {
 clear: both;
 width: 191px;
 padding: 5px 0px 5px 20px;
 font-size: small;
 font-weight: bold;
 border-bottom: 1px solid #DCDCDC;
 background-color: #E8E8E8;
}

/***** NAVIGATION EBENE 2 *****/

.ul_subnav_ebene_2 {
 clear: both;
 width: 171px;
 padding: 0px;
 margin: 0px;
 text-align: left;
 font-size: small;
 background-color: #E8E8E8;
}
.li_subnav_ebene_2 {
 clear: both;
 color: #228BC7;
 margin: 5px 0px 0px 0px;
 list-style-type: none;
 background-color: #E8E8E8;
}


/** Suchboxen und Waserledigeichwo **/

.box_middle_container {
 clear: both;
 width: 408px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 text-align: left;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}

.box_middle_container_footer {
 width: 408px;
 margin: 0px 0px 15px 0px;
 padding: 10px;
 text-align: left;
 background-color: #EEEEEE;
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 border-bottom: 1px solid #DCDCDC;
 font-size: x-small;
}

.box_middle_row {
 clear: both;
 width: 408px;
 height: 20px;
 padding: 5px 0px 5px 0px;
}

.box_middle_cell_left {
 width: 133px;
 height: 20px;
 float: left;
 font-size: x-small;
}

.box_middle_cell_middle {
 width: 154px;
 height: 20px;
 float: left;
 font-size: x-small;
}

.box_middle_cell_right {
 width: 121px;
 height: 20px;
 float: left;
 font-size: x-small;
}

.box_leistungen_amt {
    width: 220px; 
    padding: 10px; 
    border-left: 1px solid #DCDCDC; 
    border-right: 1px solid #DCDCDC; 
    border-top: 1px solid #DCDCDC; 
    text-align: left;
}


/***** NAVIGATION EBENE 3 *****/

.ul_subnav_ebene_3 {
 clear: both;
 width: 156px;
 text-align: left;
 font-size: x-small;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 5px 15px;
 
}
.li_subnav_ebene_3 {
 clear: both;
 color: #228BC7;
 margin: 5px 0px 0px 0px;
 padding: 0px;
 list-style-type: square;
 font-size: x-small;
}
.li_subnav_ebene_3_hi {
 clear: both;
 color: #EC7C17;
 margin: 5px 0px 0px 0px;
 padding: 0px;
 list-style-type: square;
 font-size: x-small;
}

/***** TERMINLISTE *****/
.terminliste_container {
 font-size: small;
 width: 430px;
 padding: 0px;
 margin: 0px 0px 5px 0px;
}
.terminliste_datum {
 width: 90px;
 float: left;
 text-align: left;
 padding: 0px;
 margin: 0px;
}
.terminliste_text {
 width: 340px;
 float: left;
 text-align: left;
 padding: 0px;
 margin: 0px;
}

/***** BOX Suchmaske *****/
.box_default_middle_container {
 clear: both;
 width: 408px;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
 padding: 10px;
 margin: 0px;
}

.formular_row {
 clear: both;
 width: 408px;
 margin: 5px 0px 0px 0px;
 padding: 0px;
}
.formular_left {
 width: 153px;
 float: left;
 padding: 0px 0px 0px 0px;
 margin: 0px;
}
.formular_right {
 width: 245px;
 float: left;
 padding: 0px 0px 0px 0px;
 margin: 0px;
}
.suchfeld {
 width: 145px;
}


/** Zielgruppen */

.box_zielgruppen_veranstaltungen_header {
 width: 216px;
 height: 30px;
 background-color: #EEEEEE;
 background-image: url(/systembilder/head_box_veranstaltungen.gif);
}

.box_zielgruppen_middle_frame {
 width: 430px;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #EEEEEE;
 border: 1px solid #DCDCDC;
}
.box_zielgruppen_middle_content {
 text-align: left;
 padding: 15px;
 line-height : 140%;
}
.box_zielgruppen_middle_content_left {
 width: 195px;
 float: left;
 padding: 10px;
 text-align: left;
 font-size: xx-small;
 background-color: #EEEEEE;
}
.box_zielgruppen_middle_content_right {
 width: 195px;
 float: left;
 padding: 10px;
 text-align: left;
 font-size: xx-small;
 background-color: #EEEEEE;
}

.liboxcontent {
    margin-bottom: 10px;
    color: #EC7C17;
}

/*** Wetterbox ***/

.wetterbox_header {
 width: 188px;
 background-color: #DB2323;
 color: #fff;
 font-weight: bold;
 padding: 4px 2px 4px 6px;
 text-align: left;
}

.wetterbox_frame {
 width: 194px;
 border-left: 1px solid #DB2323;
 border-right: 1px solid #DB2323;
}

.wetterbox_footer {
 width: 196px;
 height: 50px;
 background-color: #DB2323;
}

.wetterbox_index_header {
 width: 208px;
 background-color: #DB2323;
 color: #fff;
 font-weight: bold;
 padding: 4px 2px 4px 6px;
 text-align: left;
}

.wetterbox_index_frame {
 width: 214px;
 border-left: 1px solid #DB2323;
 border-right: 1px solid #DB2323;
}

.wetterbox_index_footer {
 width: 216px;
 height: 50px;
 background-color: #DB2323;
}

.content_large {
    width: 674px;
}
.webcam_frame {
    margin: 20px 0;
    padding: 10px;
    color: #666;
    background-color: #eee;
    text-align: center;
    width: 640px;
}
.webcam_frame img {
    display: block;
}
.webcam_text {
    padding: 10px;
    text-align: left;
}


