/*  ================================================================================== */  
/*  ===
/*  ===  mk  css-Vorlage 2010.02.22 a
/*  ===  mk  css-Vorlage 2021.01.15 b

/*  ===
/*  ================================================================================== */  

 body {
    color: black; 
	background-color: #E4E4E4;  
  
/*	background-image: url("200x200px_raster.png");   */

/*	background-image: url("hg_b3.png");     */

/*  	background-image: url("bilder/Meisterbriefe 002_bearb_100px.png");    */

    background:#E4E4E4 url("bilder/hg_a.png");

    background-position: 0 0;
	background-repeat: repeat;
	background-attachment: fixed;




    font-size: 100%;
    font-family: "Bitstream Vera Sans", Arial;
    margin: 0; padding: 1em;


min-width: 1000px; /* 800px Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */

}

/*  ===Haupttext Inhalt ================================================================= */  



 div#Inhalt {

/*   	background-image: url("200x200px_raster3.png");  */

  	background-image: url("bilder/hg_b.png");   
     background-attachment:fixed;
   background-position:0 0;
    background-repeat:repeat;



    background-position: 0 0;
	background-color:#eee;
   	background-repeat: repeat;
   	background-attachment: fixed;
	text-align: justify;	  

	color: #a82833;


	min-width:800px;	   /* 500 */
	max-width:1000px;	   /* 800 */



/*
   background-color: #468;
   background-image: url(shell-blue.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
   background-attachment: fixed;
*/

    margin: 20px 200px 0px 40px;
    padding: 10px 10px 10px 14px;
    border: 1px dashed silver;
	border-color: #a85d29;
 }
 * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
 }

 div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: #a82833;


 }
 div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
 }


 div#Inhalt li {
    font-size: 1.0em;
    margin: 1em 1em 1em 1em;
    color: #a82833;
	text-align: left;	  


 }









/*  === ENDE Haupttext Inhalt ================================================================= */  


 



/*  ==== Block oben =============================================================== */  
 div#block_oben {



	margin: 0px 200px 0px 40px;
	padding: 0px 0px 0px 0px;

    min-width:500px;	   
	max-width:1000px;	   /*   800px */


    color: #a82833;





/*     border: 1px dashed silver;      */

}

div#block_oben H1 {

/*
	font-size: 1.2em;
	text-align: left;
       	color: #a82833;
*/

}



/* --- Block unten --------------------------------------------------------------------- */  
 div#block_unten {
	margin: 10px 200px 0px 40px;
	padding: 0px 0px 0px 0px;
	text-align: right;	  
    font-size: 0.8em;
    /*       background-color: #a85d29;   */
	color: #888;



/* 	border-top: 1px dashed silver;  */

	max-width:1020px;	  /* 820 */
}
 #spalte_a_unten {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 20%;
	text-align: left;
	color: #C33;
 }
 #spalte_b_unten {
	float: right;
	padding: 0px;
	margin: 0px;


    width: 70%;
 }


/*  ==== Menü Block oben ========================================================== */  
 div#Menu_block_oben {
	margin: 0px 200px 0px 40px;
	padding: 0px 0px 0px 0px;


	min-width:970px;/* 770 */
	max-width:1000px;      /* 800 */
/*	max-width:765px;	  */




/*    border: 1px dashed silver;    */
 }

/*  ==== Menü A oben ================================================================ */  
 ul#mk_menu_A_oben{ 
	width: 100%;
	height: 43px;
    background: url("menu_hg_a.png") top left repeat-x;    
	/*  background: #FAA url("menu-bg.gif") top left repeat-x;    */
	font-size: 1.0em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
 }
 ul#mk_menu_A_oben li {
  	display: block; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 

 }
 ul#mk_menu_A_oben li a { 
	height: 43px; 
	color: #522d14; 
	text-decoration: none; 
	display: block; 
	float: left;   
	line-height: 200%; 
 }
 ul#mk_menu_A_oben li a:hover { 
	color: #b5652b; 
 }
 ul#mk_menu_A_oben li a.current{ 
	color: #EEE; 
	background:  url("menu_hg_a.png") top left repeat-x; 
	/*  background: #AFA url("current-bg.gif") top left repeat-x;    */
 }                                   
 ul#mk_menu_A_oben li a.current:hover{ 
	color: #FFF; 
	background:  url("menu_hg_a.png") top left repeat-x; 
	/*  background: #AFA url("current-bg.gif") top left repeat-x;    */
 }     
 ul#mk_menu_A_oben li a.rechts{ 
	color: #ABC; 
	float: right; 
	background:  url("menu_hg_a.png") top left repeat-x; 
	/*  background: #AFA url("current-bg.gif") top left repeat-x;    */
	padding: 5px 15px 0; 
 }                                   


/*  ====Menü B oben ================================================================ */  
 ul#mk_menu_B_oben{ 

       /* width: 100%;  */

        height: 40px;

/*	background-color: #a85d29;   */
	background:  url("hgmenu2.png") top left no-repeat ;  
	font-size: 14px; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  
}

 ul#mk_menu_B_oben li {
  	display: block; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 

 }
 ul#mk_menu_B_oben li a { 
	height: 30px; 
/*	width: 150px;  */
	color: #FFF; 
/*	background-color: #a85d29;   */
 	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 10px 0px 10px;  

 }
 ul#mk_menu_B_oben li a:hover { 
	color: #FFF; 
	background-color: #cb6a05;
 }
 ul#mk_menu_B_oben li a.current{ 
	color: #FFF; 
	background-color: #a82833;

background:  url("menu_hg_a.png") top left repeat-x; 

/*	padding: 10px 10px 10px 10px;   */
 }                                   
 ul#mk_menu_B_oben li a.current:hover{ 
	color: #FFF; 
	background-color: #a82833; 
/*	padding: 10px 10px 10px 10px;   */
 }                                   



/*  ====<<<<< Menü B oben ================================================================ */  



/*  == Logo ================================================================== */  
 div#logo {
	position: absolute;
	left: 15px;
	top: 550px;
	width: 120px;
	height: 120px;
	background:  url("logo_A.png") top left repeat-x;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
 }

/*  ===Info================================================================= */  
 div#Info {
	font-size: 0.9em;
	width: 120px;
	margin: 0em 10em 0em 0em;
	padding: 0;
	position: absolute;
	left: 15px;
	top: 700px;
	border: 1px dashed blue;
 }
 div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
 }
 div#Info p {
    font-size: 1em;
    margin: 0.5em;
 }


/*  ===Info RECHTS ================================================================ */  
 div#Info_Rechts {

	position: fixed;
	right: 20px;
	top: 560px;

/*
	position: absolute;
	right: 20px;
	top: 360px;
*/


	font-size: 1.0em;
	width: 170px;
        padding: 0.5em;
	    margin: 0.0em;

/*        border-width:medium;   */
/*        border-style:double;     */
	border-color: #a85d29;

/*	background-image: url("200x200px_raster3.png");    */
   	background-position: 0 0;
/*	background-color:#eee; */
   	background-repeat: repeat;
   	background-attachment: fixed;
	text-align: justify;	  

	color: #a82833;




 }
 div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
 }
 div#Info p {
    font-size: 1em;
    margin: 0.5em;
 }


/*  ===Bild RECHTS ================================================================ */  
 div#Bild_Rechts {


 	position: fixed;
	right: 50px;
	top: 30px;
	width: 160px;


/*
	position: absolute;
	right: 50px;
	top: 30px;
	width: 160px;
*/


 }
/*  ===Bild RECHTS ================================================================ */  
 div#Bild_Rechts_2 {
	position: fixed;
	right: 40px;
	top: 380px;
	width: 160px;

/* div#Bild_Rechts_2 {
	position: absolute;
	right: 70px;
	top: 325px;
	width: 160px;
*/


 }


/*  ===Bild RECHTS ================================================================ */  
 div#Bild_Anfahrt {
	position: relative;
	left: 0px;
	top: 0px;/*	width: 160px;  */

 }



/*  ==2 Spalten - Ohne IE 5 Korrektur =================================================== */  

 #spalte_a {
	float: left;
	padding: 0px;
	margin: 5px;
    border: 1px dashed red;
    width: 47%;    
 }

 #spalte_b {
	float: right;  
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 100px 0px;
    border: 1px dashed yellow;
    width: 47%;       
 }

 #spalte_c_rechts_feste_groesse {
	float: right;
	padding: 4px 4px 4px 4px;
	margin: 5px;
	border: 1px dashed yellow;
	width: 300px;
	text-align: right;
	font-size: 1.0em;
	font-family: "Lucida Grande", Verdana, sans-serif;
 }

 #spalte_d_rechts_feste_groesse {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
/*	border: 1px dashed green;  */
	width: 200px;
	text-align: right;
	font-size: 1.0em;
	font-family: "Courier New", Courier, monospace;
	background-image: url(200x200px_raster3.png);
	color:#990033;
 }



#spalte_e_links_feste_groesse {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
/*	border: 1px dashed green;  */
	width: 180px;  
	text-align: left;
	font-size: 1.0em;
	font-family: "Courier New", Courier, monospace;
/*	background-image: url(200x200px_raster3.png);   */
	color:#990033;
 }





/*  ===Aufklappbox A ================================================================================== */  

 img {  border:none; }
 
 #box_a{
	float: left;

	/*height:80px;
	width:80px; */
	
	padding:0;
	margin:0px;
	border:0px solid black;
	font:bold 14px verdana, sans-serif;
 }

 #box_a div{display:none;}

 #box_a:hover div{
	display:block;
	width:200px;
	position:relative;top:0px;right:50px;
	border:2px dashed yellow;
	padding:2px;
	font:normal 14px verdana, sans-serif;
	/* background-color: #ccc;   */
 }

/*  ===Aufklappbox B ================================================================================== */  

 img {  	border:none;   }

 #box_b{
	float: left;
	/*height:80px;
	width:80px; */
	
	padding:0;
	margin:0px;
	border:0px solid black;
	font:bold 14px verdana, sans-serif;
 }

 #box_b div{display:none;}

 #box_b:hover div{
	display:block;
	width:200px;
	position:absolute;top:300px;right:200px;
	border:2px dashed yellow;
	padding:6px;
	font:normal 14px verdana, sans-serif;
	text-align: right;	  
	background-color: #a85d29;   
	color: #FFF;   
 }


/*  ===Aufklappbox E ================================================================================== */  

img {  	border:none;   }

 #box_e{
/*	float: left;  */
	/*height:80px;
	width:80px; */
	
	padding:0px;
	margin:10px;
/*	border:0px solid black;  */
	font:bold 14px verdana, sans-serif;
 }

 #box_e div{display:none;}

 #box_e:hover div{
	display:block;
/*	width:200px;  */
	position:absolute;  
	
	top:300px;  
	
	
	right:20px;
	border:1px dashed black;
	padding:4px;
	font:normal 14px verdana, sans-serif;
	text-align: right;	  
	background-color: #EEE; 
	color: #ABC;   
 }

/*  ===Aufklappbox F ================================================================================== */  

img {  	border:none;   }

 #box_f{

   z-index:2;

/*	float: left;      */
/*height:80px;   */
	width:180px;   
	padding:0px;
	margin:10px;
/*	border:0px solid black;  */
	font: 15px verdana, sans-serif;
 }

 #box_f div{display:none;}

 #box_f:hover div{
	display:block;
    z-index:2;	
/*	width:200px;   */
	
	position:fixed;
	bottom:40px;
	right:14px;
    border: 1px dashed silver;
	border-color: #a85d29;
	padding:4px;
	font:normal 14px verdana, sans-serif;
	text-align: right;
	background-color: #ddd;
	color: #ABC;
 }




#Bezeichnung_rechts_a {
	/*background-image:url(transparenz_hg_a.png); */
z-index:1;
	/*border:1px solid #A85D29;  */
/* color:#A85D29;  */
float:left;
	font-size:1em;
	margin:10px 250px 0px 0px;
	padding:4px;
	position:absolute;
	left:257px;
	text-align:left;
	max-width:400px;
	width: 390px;

}

#BildBox_mk {
border:0 none;
margin:2px;
overflow:hidden;
padding:0;
}









/*  ===Aufklappbox C Inline ========================================================================== */   

 img {  	border:none;   }

 #box_c{

	float: right;
	/*height:80px;
	width:80px; */
	
	padding:0px;
	margin:6px;
	border:1px solid;
	border-color:#804000;
	font:bold 14px verdana, sans-serif;
 }

 #box_c div{display:none;}

 #box_c:hover div{
	display:block;
/*	width:200px;  */
/*	position:absolute;top:300px;left:200px; */

    position:absolute; left:10px; top:30px;

    border:1px solid;
	border-color:#804000;
	padding:0px;
	font:normal 20px times, serif;
	text-align: center;	  
/*	background-color: #a85d29;     */
/*	background-image: url(hickelkopf2.png);  */
	color: #000;   
 }


/*  ===Aufklappbox C Inline ========================================================================== */   

 img {  	border:none;   }

 #box_d{
	float: left;
	/*height:80px;  */
	width:50%; 
	max-width:300px;	
	padding:0;
	margin:0px;
	border:0px solid black;
	font:bold 14px verdana, sans-serif;
 }

 #box_d div{display:none;}

 #box_d:hover div{
	display:block;
	width:50%;
	position:absolute;top:700px;right:100px;
	border:2px dashed yellow;
	padding:6px;
	font:normal 14px verdana, sans-serif;
	text-align: right;	  
	background-color: #a85d29;   
	color: #FFF;   
 }