/* CSS Document */

h1{
	font-size:large;
	text-align:center
	}
	
.fontfarbe{
	color:#000066;
	}

.fontgroesser{
	font-size:lager;
	}
	
.fontkleiner {
	font-size:smaller;
	}

.vergroessern:hover {
	width:300px;
	height:300px;
	display:block;
	}
	
.vergroessern3:hover {
	width:629px;
	height:472px;
	display:block;
	}

.vergroessern2:hover{
	width:340px;
	height:255px;
	display:block;
	}
	
a.lgalerie:link {text-decoration:none; color:#000000;} 
a.lgalerie:visited {text-decoration:none;} 
/*a.lgalerie:link {text-decoration:none; color:#000000;} */

body {
	/*background-color:#003399;			blau */
	background-color:#EFF5FB; 		/* hellblau */
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding:0px 0px;
	}

div#Seite {
		margin: 0 auto;
		width: 1024px;
		background-color:#EFF5FB;
		}

/* Bilder als Hintergrund definiert */	
div#Kopfteil {
		height: 175px;
		/*background-color:#66CCFF;*/		
		background-image:url(../bilderallg/Logo-MDE-Eppele.gif);
		background-position:left;
		background-repeat: no-repeat;
		/*margin: 0 auto;*/
		}
		
div#Trennlinie {
		height:10px;
		width: 1024px;
		background-image: url(../bilderallg/leiste1024.jpg);
		margin: 0 auto;
		}
		
/* weiße Schrift, da der Hintergrund von hell nach dunkelblau wechselt */	
/*div#Naviteil {
		height: 30px;
		color: #FFFFFF;
		font-weight:bold;
		font-size:larger;
		background-color:#003399;
		margin: 0 auto
		} */
		
/* 		die Bilder werden links angezeigt	*/
div#Bilder {
		background-color:#EFF5FB;
		float:left;
		padding-left: 0px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		width: 250px;
		min-height: 400px;
		position:absolute;
		z-index:2;
		}
		
/*  	... sie bekommen einen Rahmen */
#Bilderrahmen {
		border-width:6px;
		border-color:#0000CC;
		border-style:groove;
		}
		
/* 		... Tabelle in Galerie ohne Rahmen */
#ohnerahmen {
	border:none;
	padding-top:3px;
		}

div#Textrechts {
		background-color:#EFF5FB;
		padding:20px;
		width:730px;
		position:relative;
		left:260px;
		z-index:1;
		}

/*		Rahmen bei Buttons verändern sich bei mouseover */
/*  	Home Montage ...  */
ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
    border: 1px solid black;
    background-color:#003399;
  }

  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
	width: 6em;
    margin: 0.4em;
	padding: 0.2em 1em;
    text-decoration: none;
	/*font-weight: bold;           hier*/ 
    border: 1px solid black;
    border-left-color: white;
	border-top-color: white;
 	/*border-radius: 15px 10px;      abgerundete Ecken */
    color: #FFFFFF;
	background-color: #003399;
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    width: 6em;
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #003399;
  }
  ul#Navigation div {
     /*clear: left;*/}