/* ############################################################################################################

   ###################### CSS Datei für das EBK mit allen CSS-Stilen ##########################################

   ############################################################################################################+ */









/*Der Stil für den normalen grauen Fließtext selber*/



.text_body_grau {

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

margin: 5px 5px 3px 0px;

}



/*Der Stil für eine Box in der ein BILD LINKS steht und vom Text umflossen wird. 

  Die Angeben zur max-width verhindern beliebige Bild-Grössen*/



.bild_links {

margin: 2px 5px 5px 0px;	

float: left;

}



/*Der Stil für eine Box in der ein BILD RECHTS steht und vom Text umflossen wird. 

  Die Angaben zur max-width verhindern beliebige Bild-Grössen*/



.bild_rechts {

margin: 2px 5px 5px 3px;

float: right;

}



/*Der Stil für eine Box in der ein BILD RECHTS steht und vom Text umflossen wird. 

  Die Angaben zur max-width verhindern beliebige Bild-Grössen*/



.bild_voll {

margin: 2px 5px	5px 0px;

clear: both;

}





/*Der umfassende Stil für eine Box mit Fließtext UND BILD mit grauem Hintergrund */

.textbox_mit_bild {



height: auto;

_height: 110px;

min-height: 110px;	

margin: 5px 5px 5px 12px;

clear: both;

}



/*Der umfassende Stil für eine Box mit Fließtext UND BILD mit grauem Hintergrund */



.textbox_mit_bild_begrenzt_grau {

height: auto;

_height: 110px;

min-height: 110px;	

background-color: #E5E5E5;

margin: 5px 8px 0px 10px;

clear: both;

}



/*Der umfassende Stil für eine Box mit Fließtext UND BILD mit grauem Hintergrund */



.textbox_mit_bild_begrenzt_weiss {

height: auto;

_height: 110px;

min-height: 110px;	

margin: 5px 8px 5px 10px;

clear: both;

}



/*Der umfassende Stil für eine Box mit Fließtext OHNE BILD mit rosa Hintergrund */



.textbox_ohne_bild_rosa {

background-color: #F1D5C8;

margin: 5px 8px 5px 10px;

clear: both;

border-top: 1px solid #F1D5C8;

border-bottom: 2px solid #F1D5C8;

}

	

/*Der Stil für eine Box in der ein BILD LINKS steht und vom Text umflossen wird. 

  Die Angeben zur max-width verhindern beliebige Bild-Grössen*/



.bild_links_begrenzt {

height: auto;

_height: 110px;

max-height: 110px;

margin: 5px 10px 0px 3px;	

float: left;

overflow: hidden;

}



/*Der Stil für den normalen grauen Fließtext in einer Liste*/



.text_liste {

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

margin: 5px 5px 2px 3px;

}



/*Der Stil für den normalen grauen Fließtext in einer Liste*/



.text_blocksatz {

text-align: justify;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

margin: 5px 5px 3px 0px;



}



/*Der Stil für den normalen grauen Fließtext in einer Liste*/



.text_blocksatz_2 {

text-align: justify;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

margin: 5px 5px 3px 3px;



}



/*Der umfassende Stil für eine Box mit Fließtext OHNE BILD */



.textbox_ohne_bild_weiss {

margin: 5px 8px 5px 10px;

background-color: #FFFFFF;

clear: both;

border-top: 1px solid #FFFFFF;

border-bottom: 2px solid #FFFFFF;

}



/*Der umfassende Stil für eine Box mit Fließtext OHNE BILD mit grauem Hintergrund */



.textbox_ohne_bild_grau {

background-color: #E5E5E5;

margin: 5px 8px 5px 10px;

clear: both;

border-top: 1px solid #E5E5E5;

border-bottom: 2px solid #E5E5E5;

}





/*Der Stil für die rote gestrichelte Trenn-Linie*/



.trennlinie_rot_gestrichelt {

margin: 10px 10px 10px 12px;

background-repeat: repeat-x;

height: 1px;

overflow: hidden;

background-image: url(/system/galleries/pics/bilder_styleguide/line_red.jpg);

clear: both;		

}

	

/*Der Stil für die rote gestrichelte Trenn-Linie*/



.trennlinie_grau_gestrichelt {

margin: 10px 10px 10px 12px;

background-repeat: repeat-x;

height: 1px;

overflow: hidden;

background-image: url(/system/galleries/pics/bilder_styleguide/line_grey.jpg);

clear: both;

}







/* ############################################################################################################

   ###################### Textblöcke neu ######################################################################

   ############################################################################################################ */



.rahmen_textbox {

margin: 5px 8px 5px 10px;

height: auto;

_height: 20px;

min-height: 20px;

clear: both;

}



.textbox_ohne_bild_weiss2 {

background-color: #FFFFFF;

margin: 2px;

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

border: 2px solid #FFFFFF;

}



.textbox_ohne_bild_grau2 {

background-color: #E5E5E5;

margin: 2px;

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

border: 2px solid #E5E5E5;

}



.textbox_ohne_bild_rosa2 {

background-color: #F1D5C8;

margin: 2px;

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

border: 2px solid #F1D5C8;

}



.textbox_blocksatz_weiss {

background-color: #FFFFFF;

margin: 2px;

text-align: justify;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

border: 2px solid #FFFFFF;

}



.textbox_blocksatz_grau {

background-color: #E5E5E5;

margin: 2px;

text-align: justify;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #000000;

border: 2px solid #E5E5E5;

}



.text_aufzaehlung {

	font-family: Verdana, sans-serif;

	font-size: 9pt;

	color: #000000;

        text-align: left;	

        vertical-align: middle;

	display: list-item;

	list-style-type: square;

	list-style-position: outside;

}





/*############   Styles für Download Block mit Icon  ################################################################*/

   



		

.icon_1 {

background-color: #F6F6F6;

height: auto;

_height: 40px;

min-height: 40px;

margin: 5px 8px 5px 10px;

text-align: center;

clear: both;

}



.icon_2 {

background-color: #F6F6F6;

height: auto;

_height: 40px;

min-height: 40px;

border-right: 5px solid #FFFFFF;

margin-right: 5px;

padding-top: 2px;

width: 45px;

float: left;

}



.icon_3 {

background-color:  #F6F6F6;

height: auto;

_height: 15px;

min-height: 15px;

margin-top: 4px;

margin-bottom: 1px;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #666666;

font-weight: bold;

text-align: left;

}



.icon_4 {

background-color:  #F6F6F6;

height: auto;

_height: 17px;

min-height: 17px;

margin-top: 3px;

font-family: Verdana, sans-serif;

font-size: 9pt;

color: #666666;

text-align: left;

}







/*############   Styles für die Adress-Blöcke mit Bildern  #############################################################*/







.rahmen {

width: 255px;

height: auto;

_height: 255px;

min-height: 255px;

border: 1px solid #CCCCCC;

margin: 5px 10px 5px 5px;

background-color: #FFFFFF;

clear: both;

}



.rahmen_voll {

height: auto;

_height: 255px;

min-height: 255px;

border: 1px solid #CCCCCC;

margin: 5px 8px 5px 10px;

background-color: #FFFFFF;

clear: both;

}



.titel {

width: 255px;

height: 20px;

background-color: #F5F5F5;

border-bottom: 1px solid #CCCCCC;



}





.titel_voll {

height: 20px;

background-color: #F5F5F5;

border-bottom: 1px solid #CCCCCC;



}



.text_titel {

height: 20px;

background-color: #F5F5F5;

font-family: Verdana, sans-serif;

font-size: 8pt;

font-weight: bold;

text-align: left;

color: #666666;

margin: 2px 2px 0px 5px;

}





.bild_1 {

height: auto;

_height: 100px;

min-height: 100px;

width: 80px;

overflow: hidden;

margin: 5px 10px 5px 2px;

float: left;

}

 

.bild_2 {

height: auto;

_height: 125px;

min-height: 125px;

width: 100px;

overflow: hidden;

margin: 5px 10px 5px 2px;

float: left;

}

 





.text_bold {

font-family: Verdana, sans-serif;

font-size: 8pt;

font-weight: bold;

text-align: left;



color: #666666;

}



.text_normal {

font-family: Verdana, sans-serif;

font-size: 8pt;

text-align: left;

color: #666666;

}



	/*Der Text im Titel-Balken*/

.text_funktion {

	font-family: Verdana, sans-serif;

	font-size: 8pt;

	color: #666666;

       text-align: left;	

        vertical-align: middle;

	display: list-item;

		list-style-type: square;

	list-style-position: inside;

	margin-bottom: 5px;



}



.text_funktion_2 {

	font-family: Verdana, sans-serif;

	font-size: 8pt;

	color: #666666;

       text-align: left;	

        vertical-align: middle;

	display: list-item;

		list-style-type: square;

	list-style-position: outside;

	



}



.trennlinie {

 height: 3px;

 font-size: 1pt;

 border-top: 1px solid #cccccc;

border-bottom: 2px solid #ffffff;

 margin: 5px;

}

.trennlinie_2 {

 height: 1px;

 font-size: 1pt;

 border-top: 1px solid #cccccc;

 margin: 2px 0px 2px 0px;

}

.trennlinie_3 {

 height: 1px;

 font-size: 1pt;

 border-top: 1px dashed #cccccc;

 margin: 5px 10px 5px 5px;

 clear:both;

}



.box_1 {

 height: auto;

_height: 10px;

min-height: 10px;

  width: 245px;

 margin: 5px;

 clear: both; 

 }

 

 .box_1_voll {

 height: auto;

_height: 10px;

min-height: 10px;

 margin: 5px;

 clear: both; 

 }

 .box_1_funktion {

 height: auto;

_height: 10px;

min-height: 10px;

 margin: 5px 5px -5px -20px;

 clear: both; 

 }



 .box_2 {

 height: auto;

_height: 20px;

min-height: 20px;

 width: 150px;

 margin: 40px 2px 5px 0px;

  float: right;

    }

  

   .box_2_voll {



 height: auto;

_height: 20px;

min-height: 20px;

  margin: 40px 2px 5px 20px;

 

    }

  

      .box_3{

 height: 20px;

 width: 45px;

 margin: 0px 10px 10px 2px;

 float: left;

  clear: both;

  }  

  

    

      .box_3_voll{

	height: 20px;

	margin: 0px 10px 10px 2px;

	float: left;

	clear: both;

	

  

  }  

  

  .box_4 {

 height: 10px;

 width: 190px;

 margin: 2px 2px 10px 5px;

  float: right;

   }

  

   

   .box_4_voll {



 height: 20px;

 margin: 0px 2px 10px 2px;



   }

 

 

 

  .box_5 {

  height: auto;

_height: 100px;

min-height: 100px;

 width: 145px;

 margin: 2px 5px 5px 5px;

  float: right;

  } 

  

  .box_5_voll {

  height: auto;

_height: 100px;

min-height: 100px;

 margin: 8px 5px 5px 5px;

 

  } 

    

	.spacer {

 height: 1px;

 font-size: 1pt;

 border-top: 1px solid #ffffff;

 }  

 

 	.spacer_2 {

 height: 1px;

 font-size: 1pt;

 border-top: 1px solid #ffffff;

  clear: both; 

 }  





/*############   Styles für Blöcke mit runden Ecken  #############################################################*/







.box_rund {

height: auto;

_height: 40px;

min-height: 40px;

margin: 5px;

background-color: #e5e5e5;

clear: both;

}



.ecke_links_oben {

width: 20px;

height: 20px;

background-image: url(/styleguide/styleguide_ebk/bilder_styleguide_ebk/links_o.gif);

float: left;

}



.ecke_links_unten {

width: 20px;

height: 20px;

background-image: url(/styleguide/styleguide_ebk/bilder_styleguide_ebk/links_u.gif);

float: left;



}



.ecke_rechts_oben {

width: 20px;

height: 20px;

background-image: url(/styleguide/styleguide_ebk/bilder_styleguide_ebk/rechts_o.gif);

float: right;

}



.ecke_rechts_unten {

width: 20px;

height: 20px;

background-image: url(/styleguide/styleguide_ebk/bilder_styleguide_ebk/rechts_u.gif);

float: right;







}



.box_rund_2 {

border-right: 20px solid #e5e5e5;

border-left: 20px solid #e5e5e5;

background-color: #e5e5e5;

clear: both;





}



.text_rund {

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

}



	

/* ############################################################################################################

   ######################  CSS-Stile für die Info-Boxen #######################################################

   ############################################################################################################ */



.infobox_175 {

width: 160px;

clear: both;

overflow: hidden;

}



.infobox_145 {

width: 145px;

clear: both;

overflow: hidden;

}



.infobox_300 {

width: 300px;

clear: both;

overflow: hidden;

}



.infobox_365 {

width: 365px;

clear: both;

overflow: hidden;

}

.infobox_365_2 {

height: auto;

_height: 115px;

min-height: 115px;
background-color: #f5f5f5;

clear: both;


}




.infobalken {

height: 10px;

border-left: 15px solid #cc3333; 

background-color: #000066;

font-size: 1px;

}



.infobild {

overflow: hidden;

}



.infobild_2 {
overflow: hidden;
float: left;
border-right: 3px solid #f5f5f5;
}


.infotext {

border: 2px solid #f5f5f5;

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

background-color: #f5f5f5;

color: #000000;

}


.infotext_2 {

border-left: 4px solid #f5f5f5;
border-right: 2px solid #f5f5f5;
border-top: 2px solid #f5f5f5;
border-bottom: 2px solid #f5f5f5;

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

background-color: #f5f5f5;

color: #000000;


}



.infobalken_text {

height: 15px;

background-color: #999999;

border-left: 15px solid #cc3333; 

text-align: left;

font-family: Verdana, sans-serif;

font-size: 9pt;

font-weight: bold;

color: #ffffff;

}