/**************************************************************************/
/* CSS für BASIC-Elemente                                                 */
/**************************************************************************/
* {
    padding: 0;
    margin: 0;
}
body {
    font-family: "Arial", "Trebuchet MS", "Arial", "Luxi Sans", "Helvetica", sans-serif; 
    font-size: 13px;
}
a {
  color: #00a994;
  text-decoration: none;
}
#wrapper {
    padding: 0;
    margin: 0 auto;       /* zentriert */   
    margin-left: auto;
    margin-right: auto;     
    width: 910px;         /* HDR-IMAGE 890 px */
    background-image:url(../upload/images/borders-right-left.png);
    /*border: 2px solid; */
}
#header {
    height: 93px; 
    width: 890px;
    margin: 0px 0px 0px 11px;
    background-image: url(../upload/images/VLV-HEADER-NEW-3.png);
 /*   background-image: url(../upload/images/VLV-HEADER-NEW-90.png);*/    /* 90 Jahre VLV */
    background-repeat:no-repeat;
    text-indent:-9999px;          
/*    border: 1px solid red;*/
}
#header h1,
#header a {
    display: block;
    height: 100%;
    width: 100%;
    /* border: 1px solid orange;*/
}
#header_text_wappen {
    float: right;
    background-image: url(../upload/images/VLV-LOGO-TEXT.png);     
    background-repeat:no-repeat;
    height: 75px;
    width: 201px;     
    margin-top: 9px;
    margin-right: 14px;          
    text-indent:-9999px;              
    border: 1px solid blue;
}
#header_text_wappen h1,
#header_text_wappen a {
    display: block;
    height: 100%;
    width: 100%;
    /* border: 1px solid orange;*/
}
/**************************************************************************/
/* CSS für Hauptnavigation inkl. Suche                                    */
/**************************************************************************/
#nav_main {   /* WRAPPER für MAIN-NAVIGATION + Suche */   
   margin: 0px 0px 0px 0px;
   margin-top: 5px; /*3px;*/
   margin-left: 15px;
   /* Größe bis zum Ende vom Parent-Element (content_right) */
   min-height: 45px;  
/*   border: 1px solid orange;*/
}
#nav_main_left {   /* linker Teil nur für MAIN-NAVIGATION */ 
   float: left;
   width: 655px;
   margin: 0;  
   /*border: 1px solid green;*/
}
#nav_main_left_begin {   /* Background einbinden */
  background-image: url(../upload/images/VLV-NAV-BG_LEFT.png);
  background-repeat:no-repeat;    
  background-position: top left;
  color: #333;
/*  border: 2px solid green;*/
}
#nav_main_left_middle {
  background-image: url(../upload/images/VLV-NAV-BG_MIDDLE.png);
  background-repeat:repeat-x;    
  margin-left: 15px;   /* direkt nach <nav_main_left_begin */
  margin-right: 22px;  /* 25px 13px*/ 
/*  border: 1px solid green;*/
}
#nav_main_left_end {
  background-image: url(../upload/images/VLV-NAV-BG_RIGHT.png);
  background-repeat:no-repeat;   
  background-position: top right;
  margin-right: -13px;      /* -15px -13px*/           
/*  border: 1px solid green;*/
}
#nav_main_right {  /* rechter Teil nur für SUCHEN */
    min-height:35px;
    padding: 0;
    margin: 0 0 0 655px;
    padding-right: 5px;
    /*border: 2px solid green;*/    
}
#nav_main_search {
  float: right;
  padding-top: 0px;
  padding-right: 9px; /*10px;*/
  /*border: 2px solid brown;*/    
}
.nav_main_search_field {
  width: 195px;
}
#nav_main_left_content {
  margin: 0px;
  padding: 0px;
  padding-top: 15px;  
  padding-bottom: 15px;  /* zieht im FF3 + 2 nicht ??? */        
}
#menuline ul {
  list-style-type: none;
  font-size: 20px;
  /*font-weight: bold;*/
  margin: 0px;  
  margin-top: -7px;
  margin-left: -10px;
  /*border: 2px solid green;*/          
}
#menuline ul li {
   display: inline;    /* ohne inline vertikal !!! */  
   margin-left: 0px;  
   /*border: 2px solid red;*/ 
}
#menuline ul li a {
    text-decoration: none;
    /*display: block;*/   /* mit Display: block -> vertikal */
    /*padding: 0.2em;*/
    /*padding-left: 20px;*/
    padding-left: 10px;
    padding-right: 10px;    
    padding-bottom: 0.4em;
    padding-top: 0.4em;   
    color: #9c9c9c;
}
#menuline ul li a:hover {
  /* beim darüberfahren wird der Text weiss und eine schwarz-weisse Markierung */
  /* erscheint unterhalb vom Menuelement */
  /* background: url(../upload/images/main_nav_pfeil_single.png) no-repeat;*/         
  /* background-position: center right;     */
   /*color: black ! important;  */
   color: rgb(111,111,111);   
   background-color: transparent;
}
/* spezielles Handling für den "SELECTED" */

.current a {        
        background: url(../upload/images/main_nav_pfeil.png) no-repeat;         
        background-position: center right;         
        color: #00a994 ! important;                                     /* grün -> wie LOGO */
        background-color: transparent;
        /* normalerweise wird die Farbe von "#menuline ul li a" übernommen                  */
        /* wahrscheinlich wegen der Reihenfolge                                             */
        /* mit <! important> wird diese die Definition "#menuline ul li a" überklatscht !!! */
}
/**************************************************************************/
/* CSS für Sub-Navigation rechte Seite                                    */
/**************************************************************************/
#nav_left {
  padding-left: 15px;
  float: left;  
  width: 200px;
  /*border: 2px solid red;*/  
}
#nav_left h3 {
  color: white;
  font-size: 16px;  
  background: #00a994;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;   
}
#nav_left_top {}
#nav_left_dyn {
  padding-top: 15px;
}
.nav_left_dyn_h3 {
  color: white;
  font-size: 16px;  
  background: #4e4e4e;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;   
}
.nav_left_dyn_h3_bg56 {  /*Gelb*/
  background: #f5d405;
}
.nav_left_dyn_h3_bg57 {  /* Grau */
  background: #78828c;
}
.nav_left_dyn_h3_bg58 {  /* Grün Wohnung...*/
  background: #244903;
}
.nav_left_dyn_h3_bg59 {  /* Blau */
  background: #002e5f;
}
.nav_left_top_hdr {
  margin: 0px;
  padding: 0px;
  padding-top: 2px;  
  padding-bottom: 0px;  /* zieht im FF3 + 2 nicht ??? */
  /*padding-left: 25px;*/
  /*border: 2px solid blue;*/ 
}
.nav_left_top_block {
   padding-bottom: 10px;
}
.nav_left_top_hdr ul {
   list-style-type: none;
   font-size: 14px;
   margin-top: 2px;  
  /* margin-left: -10px;*/
  /*border: 2px solid green;*/          
}
.nav_left_top_hdr ul li {
  display: inline;    /* ohne inline vertikal !!! */  
  margin-left: 0px;  
  margin-bottom: 10px;   
  /*border: 2px solid red;*/  
}
.nav_left_top_hdr ul li a {
    text-decoration: none;
    display: block;   /* mit Display: block -> vertikal */
    color: #9c9c9c;
    padding-left: 20px;  /* Platz für Symbole */
    padding-bottom: 1px;
    padding-top: 1px;    
}
.nav_left_top_hdr ul li a:hover {
  /* beim darüberfahren wird der Text weiss und eine schwarz-weisse Markierung */
  /* erscheint unterhalb vom Menuelement */
  /* background: url(../upload/images/main_nav_pfeil_single.png) no-repeat;         */
  /* background-position: center right;     */
   background: url(../upload/images/right_pfeil_single.png) no-repeat;         
   background-position: center left;   
   color: #00a994;
   color: rgb(111,111,111);
   color: black;
   background-color: transparent;
}
.nav_left_top_hdr_cur a {        
   /*background: url(../upload/images/right_pfeil_doppelt.png) no-repeat;         */
   background: url(../upload/images/right_pfeil_doppelt_dark.png) no-repeat;         
   background-position: center left;         
   background-color: transparent;
   color: black ! important;
   font-weight: bold;
}
.nav_left_top_hdr_rosa a {        
  /* background: url(../upload/images/right_pfeil_single.png) no-repeat;         */
   background-position: center left;         
   background-color: transparent;
   color: #f2a1be !important;
   font-weight: bold;
}
.dotted_line {
  border-bottom: 1px dotted #9c9c9c;
}
/**************************************************************************/
/* CSS für Sub-Navigation linke Seite (im CONTENT) (außer VERSVORS)       */
/**************************************************************************/
.content_cat_nav_new {
    float: left;                   /* damit die Boxen nebeneinander sind */
    padding: 0px;   
    margin-right: 10px;   
    margin-left: 10px;  
    margin-bottom: 10px;
    padding-left: 10px;
    margin-right: 15px;
    position: relative;
    width: 250px;
/*    border: 1px solid blue;*/
}
/* Runden Ecken */
.ro {
    background: url(../upload/images/normal_corner_tr.png) top right no-repeat;  
    margin:0;
    padding:0;
}

.lo {
    background: url(../upload/images/normal_corner_tl.png) top left no-repeat;      
    margin:0;
    padding:0;    
    background-position: 0px 0px;    
}
.ru {
    background: url(../upload/images/round_corner_br.png) bottom right no-repeat;      
    margin:0;
    padding:0;
}
.lu {
    background:url(../upload/images/round_corner_bl.png) bottom left no-repeat;    
    margin:0;
    padding:0;
}
.sub_nav_new_x {
    float: none;
    padding: 0px;
    margin: 0px;    
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 15px;    /* 10px;*/
    position: relative;
    /*--------------------------------------------------------------------------*/
    /* beim IE7 verschwindet der untere Rand -> IE/WIN Peekaboo-Bug             */
    /* Links zur Problemlösung                                                  */
    /* http://fwpf-webdesign.de/css/besonderheiten-der-browser/ie-und-haslayout */
    /* http://archivist.incutio.com/viewlist/css-discuss/104776                 */
    /* http://css-class.com/test/bugs/ie/strangepeekaboobug.htm                 */
    min-height: 0;      
    /*--------------------------------------------------------------------------*/    
  /*border: 2px solid cyan;*/  
}
.sub_nav_new_bg_x {
  padding-bottom: 1px;
  margin-right: 6px;
}
.sub_nav_menu_all_new_x {
   float: none;  
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;  
}
.sub_nav_menu_all_new_x img {
   float: right;
   margin-top: -25px;
}
.sub_nav_menu_all_new_x ul {
   margin: 0px;
   list-style-type: none;
   font-size: 12px;
   padding-bottom: 10px;
}
.sub_nav_menu_all_new_x ul li {
   margin-right: 30px;
   padding-top: 5px;
}
.sub_nav_menu_all_new_x ul li a {
   text-decoration: none;
   display: block;
   padding-left: 25px;     /* dieses Padding verschafft dem Background vom a:hover VORNE den nötigen Platz !!! */
   color: #7e7e7e;
}
.sub_nav_menu_all_new_x ul li a:hover {
   background: url(../upload/images/sub_nav_pfeil_single.png) no-repeat;         
   background-position: center left;
   color: black ! important;      
}
.sub_nav_menu_cur a {        
/*   background: url(../upload/images/sub_nav_pfeil_doppelt.png) no-repeat;         */
   background: url(../upload/images/sub_nav_pfeil_doppelt_dark.png) no-repeat;         
   background-position: center left;         
   /*color: #00a994 ! important;*/                                 /* grün -> wie LOGO */
   background-color: transparent;
   /* normalerweise wird die Farbe von "#menuline ul li a" übernommen                  */
   /* wahrscheinlich wegen der Reihenfolge                                             */
   /* mit <! important> wird diese die Definition "#menuline ul li a" überklatscht !!! */
   color: black ! important;   
   font-weight: bold;   
}
/**************************************************************************/
/* CSS für Sub-Navigation linke Seite (im CONTENT) (nur VERSVORS !!!!)    */
/**************************************************************************/
.content_cat_nav_all {
   float: left;                   /* damit die Boxen nebeneinander sind */
   padding: 0px;   
   margin-right: -2px;   
   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 10px;
   position: relative;
   width: 315px;  /* 320px */
/*   border: 2px solid blue; */
}
.nav_all_bg56 {
   float: none;
   /*background: url(../upload/images/hand_plant_2_white_35_bg.png) no-repeat;*/
   background: url(../upload/images/hand_with_plant_short.png) no-repeat;
   background-position: right bottom;  
}
.nav_all_bg57 {
   float: none;
/*   background: url(../upload/images/rettungsring_white_35_bg.png) no-repeat;*/
   background: url(../upload/images/rettungsring_short.png) no-repeat;
   background-position: right bottom;
}
.nav_all_bg58 {
   float: none;
/*   background: url(../upload/images/hand_house_2_white_35_bg.png) no-repeat;*/
   background: url(../upload/images/hand_with_house_short.png) no-repeat;
   background-position: right bottom;
}
.nav_all_bg59 {
   float: none;
/*   background: url(../upload/images/hand_car_2_white_50_bg.png) no-repeat;*/
   background: url(../upload/images/hand_with_car_short.png) no-repeat;
   background-position: right bottom;
}
.sub_nav_all {
   float: none;
   position: relative;   
   padding: 0px;
   margin: 0px;    
   margin-right: 0px;
   margin-bottom: 10px;
   min-height: 230px;     /* 210px*/   
   padding-bottom: 5px;   /* 5px Abstand für die Backgrounds */
/*   border: 1px dotted #ccc;*/
}
.sub_nav_all_bg {
   min-height: 225px;  /* 205px */
   padding-bottom: 1px;
   margin-right: 6px;
/*   border: 1px dotted red;*/
}
#sub_navhdr_bg56 {
   float: none;
   padding-left: 15px;
   background: url(../upload/images/bg_1.png) repeat-x;
}
#sub_navhdr_bg57 {
   float: none;
   padding-left: 15px;
   background: url(../upload/images/bg_hdr_2.png) repeat-x;
}
#sub_navhdr_bg58 {
   float: none;
   padding-left: 15px;
   background: url(../upload/images/bg_hdr_3.png) repeat-x;
}
#sub_navhdr_bg59 {
   float: none;
   padding-left: 15px;
   background: url(../upload/images/bg_hdr_4.png) repeat-x;
}
#sub_navhdr_bg5 {
   float: none;
   padding-left: 15px;
   background: url(../upload/images/bg_hdr_5.png) repeat-x;
}
.header_3 {
   font-size: 18px;
   padding-top: 7px;
   color: #fff;
   font-weight: normal;
}
/* Menuzeugs für 1. Seite Versichern und Vorsorgen */ 
.sub_nav_menu_symbol_56 {
   background-image: url(../upload/images/list_symbol_1.png);
   background-repeat: no-repeat;
   background-position: 0.1em center;
}
.sub_nav_menu_symbol_57 {
   background-image: url(../upload/images/list_symbol_2.png);
   background-repeat: no-repeat;
   background-position: 0.1em center;
}
.sub_nav_menu_symbol_58 {
   background-image: url(../upload/images/list_symbol_3.png);
   background-repeat: no-repeat;
   background-position: 0.1em center;
}
.sub_nav_menu_symbol_59 {
   background-image: url(../upload/images/list_symbol_4.png);
   background-repeat: no-repeat;
   background-position: 0.1em center;
}
.sub_nav_menu_all_new {
   float: none;  
   padding-left: 15px;
}
.sub_nav_menu_all_new ul {
   margin: 0px;
   list-style-type: none;
   font-size: 1.2em;
}
.sub_nav_menu_all_new ul li {
   margin-right: 20px;
   padding-bottom: 5px; 
   padding-top: 5px;
   padding-left: 18px;
   /*border: 1px solid red;*/
}
.sub_nav_menu_all_new ul li a {
   text-decoration: none;
   display: block;
   padding: 0.2em;     
   color: #7e7e7e;
   /*border: 1px solid green;*/       
}
.sub_nav_menu_all_new ul li a:hover {
   /* beim darüberfahren wird der Text weiss und eine schwarz-weisse Markierung */
   /* erscheint unterhalb vom Menuelement */
   background: url(../upload/images/menu_bg.png);
   background-color: transparent;
}
#wrapper_cat_nav_all {
   margin: 0 auto;       /* zentriert */   
   width: 690px;
   height: 500px;
   position: relative; 
   text-align: left;     /* wieder Umstellen auf "normal" */      
   margin-top: 0px;  /*70*/
   margin-left: 10px;   
/*   border: 1px dotted green;*/
}
.sub_nav_min_height_3 {
  min-height: 170px;        
}
.sub_nav_border_color_56 {
  border: 2px solid #f5d405;
}
.sub_nav_border_color_57 {
  border: 2px solid #78828c;
}
.sub_nav_border_color_58 {
  border: 2px solid #244903;
}
.sub_nav_border_color_59 {
  border: 2px solid #002e5f;
}
.sub_nav_color_56 a:hover {
  color: #f5d405;
  color: black;
}
.sub_nav_color_57 a:hover {
  color: #78828c;
  color: black;
}
.sub_nav_color_58 a:hover {
  color: #244903;
  color: black;
}
.sub_nav_color_59 a:hover {
  color: #002e5f;
  color: black;
}
/**************************************************************************/
/* CSS für Content-Elemente                                                */
/**************************************************************************/
#content_left {   /* für die "Schnellnavigation" + Content*/
   width: 670px; 
   float: left;
   margin: 0;
   padding: 0;
   padding-top: 5px;    
/*   border: 1px dotted green; */
}
#content_right {  /* für Subnavigation fix und dynamisch */
   min-height:590px;   /* 600 px */
   padding: 0;
   margin-left: 670px; 
   margin-right: 0px;
/*   border: 1px dotted red;*/
}
#content_cat_left {
   padding-left: 0px;
   padding-right: 10px; /* 10px*/
   padding-bottom: 10px;
   padding-top: 15px;  /* 10px; */
/*   border: 1px dotted red; */
}
.content_wrapper {
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
/*   border: 1px dotted blue;*/
}
.content_wrapper img {
   padding-left: 20px;
   padding-top: 5px;  /*5px;10px;*/
}
.content_wrapper_versvors {
   padding-left: 0px;
   padding-right: 10px;
   padding-bottom: 10px;
/*   border: 2px solid red;*/
}
.content_headline {
   font-size: 1.1em;   
   color: rgb(111,111,111);
   padding-left: 20px;
   padding-right: 15px;
   /*border: 2px solid red;*/
}
.content_headline h1 {
  font-size: 16px;
  padding-top: 0px; /*11px;*/
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.content_text {
   font-size: 1.1em;   
   color: rgb(111,111,111);
   padding-left: 20px;
   padding-right: 15px;
   /*border: 2px solid red;*/
}
.content_text h1 {
  font-size: 16px;
  padding-top: 0px; /*11px;*/
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.content_text h2 {
  font-size: 16px;
  padding-top: 11px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.content_text ul {
  /* list-style-type: none;*/
  padding: 0;
  padding-left: 20px;
  margin: 0;  
  /* margin-left: 0.1em;  */
}
.content_text img {
  padding: 0;  
}
.content_text a:hover {
  border-bottom: 1px solid #00a994; 
}
.cleared {
  clear:both;
  /*line-height:0;*/
}
#footer {
    clear: both;
    width: 970px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-right: 20px;
    height: 0px;
    margin: 0px 0px 0px 0px;
    background: url(../upload/images/bottom-right-left.png);    
    background-repeat:no-repeat;
  /*border: 2px solid red;*/  
}
#footer_Nav {
    color: #333;    
    font-size: 0.9em;   
    text-align: left;  
    padding-left: 670px; 
    margin-top: -25px; 
    /*border: 2px solid red;*/
}
#footer_Nav ul {
    list-style-type: none;
    font-size: 0.9em;
    margin: 0px;  
    margin-left: 20px;
    background: rgb(95,95,95);
    width: 200px;  
  /*border: 2px solid green;*/          
}
#footer_Nav ul li {
    display: inline;    /* ohne inline vertikal !!! */  
   margin-left: 0px;  
  /*border: 2px solid red;*/ 
}
#footer_Nav ul li a {
  text-decoration: none;
  /*display: block;*/   /* mit Display: block -> vertikal */
  padding-left: 20px;
  color: #9c9c9c;
  color: white; 
}
#footer_Nav ul li a:hover {
/* beim darüberfahren wird der Text weiss und eine schwarz-weisse Markierung */
/* erscheint unterhalb vom Menuelement */
   color: rgb(111,111,111);
   color: black;
   background-color: transparent;
}
.floatright  {
  float: right;
}
/* für den letzten Menu Eintrag müssen wir die Border und Padding einstellungen überschreiben !!! */
.sub_noborder {
  border-right: 0px !important;
  padding-bottom: 0px !important;
}
.sub_noborder_only {
  border-bottom: 0px !important;
}
/**************************************************************************/
/* CSS für google_map                                                     */
/**************************************************************************/
#map { 
  float:left; 
  width:600px; 
  height:550px; 
}
/**************************************************************************/
/* CSS für EDITOR ???                                                     */
/**************************************************************************/
.vlv_gruen {
  color: #00a994;
}
.vlv_gruen_bg {
  background-color: #00a994;
}
body.mceContentBody, body.mceContentBody p {
  font-family: "Arial", "Trebuchet MS", "Arial", "Luxi Sans", "Helvetica", sans-serif; 
  font-size: 13px;  
  color: rgb(111,111,111);  
  background-color: white;
}
/**************************************************************************/
/* CSS für TABLES - Praxis-Berichte                                       */
/**************************************************************************/
.praxis_table {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: outset outset outset outset;
    border-color: gray gray gray gray;
    border-color: rgb(111,111,111);
    border-collapse: collapse;
/*   background-color: rgb(255, 255, 240);*/
}
.praxis_row {
 padding: 3px;
}
.praxis_cell {
 padding: 3px;
}
.praxis_cell_label {
 padding: 3px;
 width: 256px;
}
.praxis_table_hdr {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: outset outset outset outset;
    border-color: gray gray gray gray;
    border-color: rgb(111,111,111);
    border-collapse: collapse;
/*  background-color: rgb(255, 255, 240);*/
    float: right;
    margin-bottom: 10px;
}