/*  ================================================================================== */  
/*  ===                                                                                */   
/*  ===   mk css-Vorlage 2010.02.17 e                                                  */
/*  ===  (C) Web-Design: M. Kuhne, kuhne.we(at)gmail.com                               */   
/*  ===                                                                                */   
/*  ================================================================================== */  

 body {
    color: black; 
	background-color: #E4E4E4;
	background-image: url(hg1.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: 300px; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
 }

/* --- Linkdekoration ------------------------------------------------------------------- */
a:link { text-decoration:underline; rgb(0, 0, 100); }
a:visited { text-decoration:underline; rgb(0, 0, 100);}
a:hover { text-decoration:underline; rgb(0, 0, 100); }
a:active { text-decoration:underline; rgb(0, 0, 100);}
a:focus { text-decoration:underline; rgb(0, 0, 100);}

/* --- Haupttext Inhalt ----------------------------------------------------------------- */  
 div#Inhalt {
    /*    overflow:hidden;  */  /*  Überstehendes wird abgeschnitten */
  	background-image: url(hg2.png);   
   	background-position: 0 0;
	background-color:#eee;
   	background-repeat: repeat;
   	background-attachment: fixed;
	text-align: left;	  
    margin: 0px 0px 0px 140px;
    padding: 0em 6em 0em 1.5em;
    border: 1px dashed blue;
	/* border-color: #a85d29;*/
 }
 * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
 }
 div#Inhalt H1 {
    font-size: 12.4em;
    margin: 0.2em;
	padding: 10px 10px 10px 5px;
    border-bottom: 1px dashed color: rgb(0, 0, 100);
	color: rgb(200, 200, 200);
 }


 div#Inhalt h2 {
    font-size: 1.0em;
    margin: 0.3em 0em;
	color: rgb(0, 0, 200);
 }
 div#Inhalt p {
	font-size: 1em;
	margin: 1em 0.5em;
 }


/* --- Haupttext Inhalt Bilder für andere3 Bilderseiten--------------------------------------------- */  

 div#Inhalt_Bilder {
    /*    overflow:hidden;  */  /*  Überstehendes wird abgeschnitten */
  	background-image: url(hg2.png);   
   	background-position: 0 0;
	background-color:#eee;
   	background-repeat: repeat;
   	background-attachment: fixed;
	text-align: left;	  
    margin: 0px 0px 0px 140px;
    padding: 0em 0em 0em 0em;
    border: 1px dashed blue;
	/* border-color: #a85d29;*/
 }
 * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
 }


/* --- ENDE Haupttext Inhalt Bilder für andere3 Bilderseiten--------------------------------------- */  


 div#Fehlermeldung {
/*   	background-image: url(bg2.png);   */
   	background-position: 0 0;
   	background-repeat: no-repeat;
   	background-attachment: fixed;
    margin: 0px 0px 0px 140px;
    padding: 0 1em;
    border: 2px solid red;
    font-size: 1.5em;
    text-align: left;
    color:#CC0033;
}

/* --- AusklappMenü Linkes Menü ---------------------------------------------------------------- */  
 ul#mk_ausklappmenu_links {
    font-size: 1em;
	width: 120px;
    margin: 0 0 0px 0px;
	padding: 0;
	padding: 0;
	position: absolute;
	left: 15px;
	top: 100px;
	

/*    Tranzparenz:    */
/*    filter:alpha(opacity=80); */       /* Internet Explorer */
/*    -moz-opacity: 0.80;       */       /* Mozilla Browser */
/*    opacity: 0.80; */                  /* Opera */
	
	
 }
 ul#mk_ausklappmenu_links li {
    list-style: none;
    margin: 0; padding: 0.2em;
    position: relative;
 }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */   margin-bottom: -0.1em; 	margin-left: -200px;   }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */ 
    margin-bottom: -0.1em;
	margin-left: -200px;
  }
 ul#mk_ausklappmenu_links li ul {
    position: absolute;
    top: 0px; left: 100px;
	margin-left: 0px;
    display: none;  /* Unternavigation ausblenden */
 }
  ul#mk_ausklappmenu_links li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    background: url("mk_hg_03.png") top left repeat;      /*  Leerbild wegen IE 7,  */
	/*    damit die Menüzwischenräume beim übersteichen mit Maus nicht zum Abschalten des unterMenüs führen   */
    /*  background-color: yellow;      */
  }
   * html ul#mk_ausklappmenu_linksn li ul {  /* Korrektur fuer IE 5.x */     left: 50px;     lef\t: 60px;   }
   *:first-child+html ul#mk_ausklappmenu_links ul {  /* Workaround fuer den IE 7 */
	padding-left:35px;
  }
  ul#mk_ausklappmenu_links li ul li {
    float: none;
    display: block;
  }
 ul#mk_ausklappmenu_links a {
    display: block;
    padding: 8px;  
    font-weight: bold;
	/*	cursor:crosshair;   */

 }
 ul#mk_ausklappmenu_links a:link {
    color:  #FFFFFF; background-color: rgb(0,0,128); /* #0066CC; */text-decoration: none;
    width: 120px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 6px;
 }
 ul#mk_ausklappmenu_links a:visited {
    color: #FFF; background-color:  rgb(0,0,120); /*#0066CC; */ text-decoration: none;
    width: 120px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 6px;
 }
  ul#mk_ausklappmenu_links a:hover {
    color: #FFF; background-color: rgb(0,0,228); /* #0000CC; */ text-decoration: none;
 }
 ul#mk_ausklappmenu_links a.aktuell {
    color: #FFF; background-color: rgb(0,0,228); /* #0066CC; */ text-decoration: none;
 }
 ul#mk_ausklappmenu_links a.aktuell:visited {
    color: #FFF; background-color:   rgb(0,00,228); /*#0066CC; */ text-decoration: none;
 }
 ul#mk_ausklappmenu_links a.aktuell:hover{ 
    color: yellow; background-color: rgb(0,0,240); /* #0066CC; */ text-decoration: none;
 }
 ul#mk_ausklappmenu_links li ul li a:link{ 
    color: #FFFFFF; background-color: rgb(0,0,128); text-decoration: none;  
    width: 160px;
 }
 ul#mk_ausklappmenu_links li ul li a:visited {
    color: #FFF; background-color:   rgb(0,0,128);  text-decoration: none;
    width: 160px;  
 }
 ul#mk_ausklappmenu_links li ul li a:hover{ 
    color: yellow; background-color: #cb6a05; text-decoration: none;  
    width: 160px;
 }
 ul#mk_ausklappmenu_links li ul li a.aktuell {
    color: #FFF; background-color: #a82833;  text-decoration: none;
    width: 160px;
 }
 ul#mk_ausklappmenu_links li ul li a.aktuell:visited {
    color: #FFF; background-color:   #a82833;  text-decoration: none;
    width: 160px;
 }
 ul#mk_ausklappmenu_links li ul li a.aktuell:hover{ 
    color: yellow; background-color: #a82833; text-decoration: none;
    width: 160px;
 }
 ul#mk_ausklappmenu_links a.pfeil, ul#mk_ausklappmenu_links a.pfeil:visited {
    color: #FFF;   text-decoration: none;
    background: url("mk_pfeil_rechts_a.png")  top right no-repeat;  
    background-color: #a85d29; 
 }
  ul#mk_ausklappmenu_links a.pfeil:hover {
    color: #FFF;  text-decoration: none;
    background: url("mk_pfeil_rechts_a.png")  top right no-repeat;  
    background-color: #cb6a05; 
 }
/* ------------- AUsklappmenu links ende ------------------------------------------------ */  

/* --- Block oben ----------------------------------------------------------------------- */  
 div#block_oben {
	margin: 0px 0px 10px 140px;
    font-size: 2.2em;
    padding: 4px 4px 4px 20px;
    /*     	background: url("oben01.png") top left;   */
    background-repeat: no-repeat;
        background-color: rgb(0,0,128);
	height: 50px; 
    /*	max-width:795px;	*/
	color: #fff;
	/*    border: 1px dashed silver;   */
 }
 div#block_oben.mk_h1_gelb {
	color: #FF0;
}

 

/* --- Block unten --------------------------------------------------------------------- */  
 div#block_unten {
	margin: 10px 0px 0px 140px;
	padding: 0;
	text-align: right;	  
    font-size: 0.8em;
    /*       background-color: #a85d29;   */
	color: #888;
	/*	border: 1px dashed silver;   */
 }
 #spalte_a_unten {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 20%;
	text-align: left;
 }
 #spalte_b_unten {
	float: right;
	padding: 0px;
	margin: 0px;
    width: 70%; 
 }

/*  --- Menü Block oben ---------------------------------------------------------------- */  
 div#Menu_block_oben {
	margin: 0px 0px 0px 140px;
	padding: 0;
	/*    border: 1px dashed silver;   */
 }

/* --- Logo ---------------------------------------------------------------------------- */  
 div#logo {
	position: absolute;
	left: 25px;
	top: 1px;
	width: 130px;
	height: 170px;
	background:  url("xxx.png") top left repeat-x;
    color: #bbb;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 }


/* --- Logos Links ---------------------------------------------------------------------------- */  
 div#logo_links {
	position: absolute;
	left: 15px;
	top: 260px;
	width: 130px;
	height: 570px;
	background:  url("xxx.png") top left repeat-x;
        color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

/*    Tranzparenz:    */
    filter:alpha(opacity=90);        /* Internet Explorer */
    -moz-opacity: 0.90;              /* Mozilla Browser */
    opacity: 0.90;                  /* Opera */




    
 }

div#logo_links a { 
      margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;color:#ccc; background-color:inherit; text-decoration:none;
 }


/*  --- Info ---------------------------------------------------------------------------- */  
 div#Info {
	font-size: 0.9em;
	width: 120px;
	margin: 0em 10em 0em 0em;
	padding: 0;
	position: absolute;
	left: 15px;
	top: 400px;
	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;
 }

/* ---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;
	margin: 5px;
/*	border: 1px dashed yellow;   */
/*	width: 47%;   */
	text-align: right;
 }
 #spalte_c_rechts_feste_groesse {
	float: right;
	padding: 4px 4px 4px 4px;
	margin: 5px;
	border: 1px dashed #a85d29;
	width: 300px;
	text-align: right;
	font-size: 0.9em;
	font-family: "Courier New", Courier, monospace;
 }
 #spalte_d_rechts_feste_groesse {
	float: right;
	padding: 4px 4px 4px 4px;
	margin: 5px;
	border: 1px dashed green;
	width: 200px;
	text-align: right;
	font-size: 0.9em;
	font-family: "Courier New", Courier, monospace;
	background-image: url(hickelkopf2.png);
	color:#990033;
 }

/*  --- Schriftzug ueber Grafik -------------------------------------------------------   */
#Bezeichnung_rechts_a{
/*	display:block;  */
	float: right;
	position:absolute; 
	right:20px; 
	/*   top:20px;  Darf nicht sein, sonst Absolute positionierung von oben !!! */
	padding: 2px 2px 2px 2px;
	margin: 460px 15px 0px 0px;
	border: 1px solid gray;
	width: 370px;
	text-align: right;
   	background-image: url(transparenz_hg_a.png);   
	font-size: 0.8em;
	color:black;
    /*   font-family: "Courier New", Courier, monospace;   */
 }



/*  --- Schriftzug ueber Grafik -------------------------------------------------------   */
#Bezeichnung_links_a{
/*	display:block;  */
	float: left;
	position:absolute; 
	left:170px; 
	/*   top:20px;  Darf nicht sein, sonst Absolute positionierung von oben !!! */
	padding: 2px 2px 2px 2px;
	margin: 5px 0px 0px 20px;
	border: 1px solid gray;
/*	width: 370px;   */
	text-align: left;
   	background-image: url(transparenz_hg_a.png);   
	font-size: 0.8em;
	color:black;
    /*   font-family: "Courier New", Courier, monospace;   */
 }


/*  --- Bilder werden abgescnitten, wenn sie zu gross sind für die Browserbreite -----   */

#BildBox_mk {
    overflow:hidden;    /*  Überstehendes wird abgeschnitten */
    white-space:nowrap;   /*  Kein Textumbruch */   
    margin: 2px 2px 2px 2px;
    padding: 0px 0px 0px 0px;
    border: 0px;

 }




/*  --- Mail-Adresse wegen Spam verstecken: ------------------------------------------   */

/* --- Variante 1 ----- */
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
/* --html-Code--  <p><span class="codedirection">moc.etalllit@7raboofnavlis</span></p>  */

/* --- Variante 2 ----- */
p span.displaynone { display:none; }
/*  --html-Code-- <p>silvanfoobar8@<span class="displaynone">null</span>tilllate.com</p>    */