/* Basis-CSS           Website https://michael-krause.eu - Neu für Mobile
   Autor:              Michael Krause
   erstellt am:        2018-03-01
   letzte Änderung am: 2018-03-01
   aufgerufen durch:   alle Seiten der Homepage
*/

/* Definition einzelner Elemente */
*
	{
		margin:	0;
		padding:	0
	}
html
		{
			height:	100% ;
		}
body
		{
			min-height:	101% ;
			text-align: left ;
			font:	100.01%/130% Verdana, Helvetica, sans-serif ;
			color:	#000 ;
			background:	#fff ;
			width:	760px ;
			margin:	0 auto
		}
fieldset, img
							{
								border: 0 ;
							}
h1, h2, h3, h4, h5, h6
											{
												color:	#006699 ;
											}
h1
	{
		text-align:	center ;
		font-size:	1.5em ;
		font-weight:	400 !important ;
		padding-bottom:	20px ;
		padding-top:	20px ;
	}
h2
	{
		font-size:	1.0em ;
		margin-bottom:	3px ;
		margin-top:	3px ;
		padding-bottom:3px ;
		padding-top:	3px ;
	}
h3
	{
		font-size:	0.9em ;
		margin-bottom:	2px ;
		margin-top:	2px ;
		padding-bottom:	2px ;
		padding-top:	2px ;
	}
h4
	{
		font-size:	0.8em ;
		margin-bottom:	1px ;
		margin-top:	0px ;
		padding-bottom:	1px ;
		padding-top:	0px ;
	}
p.normal
				{
					font-weight: normal;
				}
p.fett
			{
				font-weight: bold;
			}
p.fetter
				{
					font-weight: bolder;
					}
span.normal
				{
					font-weight: normal;
				}
span.fett
			{
				font-weight: bold;
			}
span.fetter
				{
					font-weight: bolder;
					}
#pub_datum
					{
						margin-top: -5px ;
						line-height: 0.5em ;
						text-align: right ;
						margin-right: -7px ;
						font-size: xx-small ;
						color: #191970 ;
					}
#chg_datum
					{
						margin-top: 6px ;
						line-height: 0.5em ;
						margin-bottom: 15px;
						text-align: right ;
						margin-right: -7px ;
						font-size: xx-small ;
						color: #4682b4 ;
					}
/* Layout - Banner und Inhalt Breite=680px */
#banner
				{
					background-color:	#e4f2f4 ;
					background-image:	url(/images/page_banner.png);
					background-repeat:	no-repeat ;
					border-left:	1px solid #006699 ;
					border-right:	1px solid #006699 ;
					border-top: 1px solid #006699 ;
					float:	left ;
					height:	93px ;
					left:	50% ;
					margin-bottom:	0 ;
					margin-left:	-350px ;
					margin-top:	0 ;
					padding-left:	10px ;
					padding-right:	10px ;
					padding-top:	0 ;
					position:	absolute ;
					top:	0 ;
					width:	680px ;
				}
#start
			{
				border-bottom: 2px solid #006699 ;
				margin-bottom: 10px ;
			}
.trennung
			{
				border-bottom: 2px solid #006699 ;
				margin-bottom: 15px ;
				margin-top: 15px ;

			}
/* Navigations-Leiste */
#navi_leiste
						{
							float:	left ;
							padding-top: 5px ;
							position:	absolute ;
							text-align:	center ;
							top:	66px ;
							width:	680px ;
						}
#navi_leiste ul
								{
									list-style:	none ;
								}
#navi_leiste li
								{
									display:	inline ;
									padding: 0.2em ;
									padding-bottom:	2em ;
								}
#navi_leiste li a:link
											{
												color:	#006699 ;
												text-decoration:	none ;
											}
#navi_leiste li a:visited
													{
														color:	#555555 ;
														text-decoration:	none ;
													}
#navi_leiste li a:focus
												{
													color:	#000080 ;
													text-decoration:	underline  ;
												}
#navi_leiste li a:hover
												{
													color:	#000080 ;
													text-decoration:	underline ;
												}
#navi_leiste li a:active
												{
													color:	#191970 ;
													text-decoration:	none ;
												}
/* Inhaltsbereich */

#inhalt
				{

					background-color:	#e4f2f4 ;
					border-bottom:	1px solid #006699 ;
					border-left:	1px solid #006699 ;
					border-right:	1px solid #006699 ;
					border-top:	1px solid #006699 ;
					float:	left ;
					left:	50% ;
					margin-bottom:	0 ;
					margin-left:	-350px ;
					margin-top:	0 ;
					padding-left:	10px ;
					padding-right:	10px ;
					padding-bottom:	10px ;
					padding-top:	10px ;
					position:	absolute ;
					top:	93px ;
					width:	680px ;
				}
				#mk_bild1
         {

            border:       1px solid #000000 ;
            float:        left ;
            height:       187px ;
            margin-left:  0 ;
            margin-right: 10px ;
            padding-left: 0 ;
            width:        147px ;
         }

#mk_bild2
         {

            border:       1px solid #000000 ;
            float:        left ;
            height:       147px ;
            margin-left:  0 ;
            margin-right: 10px ;
            padding-left: 0 ;
            width:        196px ;
         }

#mk_bild3
         {

            border:       1px solid #000000 ;
            float:        left  ;
            height:       187px ;
            margin-left:  530px ;
            margin-top:  -187px ;
            width:        147px ;
         }

#mk_inhalt_me
               {
                  font-weight:  700 ;
                  left:         0 ;
                  height:       192px ;
                  text-align:   justify ;
                  top:          20px ;
                  width:        75% ;
               }

#mk_inhalt_me-right
               {
                  clear:        both ;
                  float:        right ;
               }

#mk_inhalt
            {
               text-align:   justify ;

            }

#mk_inhalt p
            {
               line-height: 130% ;
            }

#mk_inhalt_middle
                  {
                     font-weight: 700 ;
                     padding-top: 35px ;
                  }

#mk_margin
            {
               margin-top: -3px ;
            }

.mk_ul
      {
         color:            #006699 ;
         line-height:      130% ;
         list-style-image: url(../images/blau_klein.gif) ;
         padding-left:     25px ;
         text-align:       left ;
      }

.mk_ul a:link
              {
                  color:           #006699 ;
                  text-decoration: none ;
              }

.mk_ul a:visited
                  {
                     color:           #006699 ;
                     font-weight:     400 ;
                     text-decoration: none ;
                  }

.mk_ul a:focus
               {
                  color:           #006699 ;
                  font-weight:     bold ;
                  text-decoration: none  ;
               }

.mk_ul a:hover
               {
                  color:           #006699 ;
                  text-decoration: underline ;
               }

.mk_ul a:active
               {
                  color:           #006699 ;
                  text-decoration: underline ;
               }

#mk_suffix
         {
            color:      #0011ff ;
            font-size:  x-small ;
            text-align: center ;
         }

#mk_suffix p
               {
                  text-align: center ;
               }

#mk_suffix a
            {
               color:           #0011ff ;
               text-decoration: none ;
            }

#mk_suffix a:link
                  {
                     color:           #0011ff ;
                     text-align:      center ;
                     text-decoration: none ;
                  }

#mk_suffix a:visited
                     {
                        color:           #0011ff ;
                        font-weight:     400 ;
                        text-decoration: none ;
                     }

#mk_suffix a:focus
                  {
                     color:           #0011ff ;
                     font-weight:     bold ;
                     text-decoration: none  ;
                  }

#mk_suffix a:hover
                  {
                     color:           #0011ff ;
                     text-decoration: underline ;
                  }

#mk_suffix a:active
                  {
                     color:           #0011ff ;
                     text-decoration: underline ;
                  }
/* Start Abschluss aller Webseiten */
.stream_picture
								{
									position: relative;
									overflow: hidden;
									width: 100%;
									height: 520px ;
								}
.stream_picture img
						{
							position: absolute;
							top: -9999px;
							bottom: -9999px;
							left: -9999px;
							right: -9999px;
							border-width: 3px ;
							border-style: solid ;
							border-color: black ;
							margin: auto;
							width: 660px;
							height:510px;
						}
.filou_picture
								{
									position: relative;
									overflow: hidden;
									width: 100%;
									height: 350px ;
								}
.filou_picture img
						{
							position: absolute;
							top: -9999px;
							bottom: -9999px;
							left: -9999px;
							right: -9999px;
							border-width: 3px ;
							border-style: solid ;
							border-color: black ;
							margin: auto;
							width: 660px;
							height:346px;
						}
#lightbox_tn li
								{
									display:	inline-block ;
									list-style-type: none ;
									margin-right: 20px ;
									margin-left: 20px ;
									margin-top: 2px ;;
									margin-bottom: 2px ;
									width: 26% ;
								}
#lightbox_tn img
								{
							    width: 100%;
								}
.list_norm ul
							{
								text-align: left ;
								font-size: 15px ;
								padding-bottom: 5px ;
							}
.list_norm li
							{
								padding: 0px;
							}
.list_norm li a:link
										{
											color:	#006699 ;
											padding: 0px;
											text-decoration:	none ;
										}
.list_norm li a:visited
												{
													color:	#555555 ;
													padding: 0px;
													font-weight:	500 ;
													text-decoration:	none ;
												}
.list_norm li a:focus
											{
												color:	#000080 ;
												padding: 0px;
												font-weight:	500 ;
												text-decoration:	underline  ;
											}
.list_norm li a:hover
											{
												color:	#000080 ;
												padding: 0px;
												font-weight:	500 ;
												text-decoration:	underline ;
											}
.list_norm li a:active
											{
												color:	#191970 ;
												padding: 0px;
												font-weight:	500 ;
												text-decoration:	none ;
											}
#ende
			{
				border-bottom: 2px solid #006699 ;
				margin-top: 10px ;
			}
#html5_link
						{
							float:	left ;
							margin-top:	25px ;
						}
#follow_box
						{
							float:	left ;
							margin-left:	100px ;
							margin-top:	45px ;
							margin-bottom:	0px ;
						}
#css_link
					{
						float:	right ;
						margin-right:	-3px ;
						margin-bottom:	0px ;
						margin-top:	40px ;
					}
.top
		{
			clear:	both  ;
			float:	right ;
			margin-top:	0.2em ;
		}
/* Ende  Abschluss aller Webseiten */