/* Stylesheet für die Homepage-Entwurf06 Übungsseiten*/
* {padding: 0; margin: 0;}

body{
	color:black;/*Schriftfarbe*/
	background-color:#D0D2F0; /*Hintergrundfarbe*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /*Schriftgröße*/
	}
	
	/*=================================================
	 1. DIV-Bereiche
	 ================================================*/
	
#wrapper{
		color: black;
		background-color: white;
		background-image: url(Hintergrund.jpg);
		background-repeat: repeat-y;
		background-position: top left;
		width: 850px; /* breite des Inhaltsbereichs */
		min-width: 600px;
		margin: 10px auto;
	}
	
	
#kopfbereich
		{
		position: relative; /* positioniert, aber im Fluss */
		
		
		color:#FFFFFF;
		background-color:#000066;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10;
		padding-left: 20px;
		
				}

/*verschachtelter Selektor:nur die Grafik im Kopfbereich*/

			#kopfbereich img {
							
							top: 5px;
							background-color:white;
							padding: 0;
							margin-bottom: 10px;
							border: 5px solid #FF00CC;
							width: 99px;
							height: 94px;
							
							
						}
			
			
			#kopfbereich p {
			
							position: absolute;
							top: 45px;
							right: 20px;
							padding: 5px 0 5px 0;
							margin-bottom: 0; /* war 1em */
							font-size: medium;
							font-weight:bold;
							
							
							
						}

				
				
#navigationsbereich {
					float: left;
					width: 150px;
					padding-left: 10px;
					padding-top: 20px;
		
			}
			
			#navigationsbereich ul{
									color: black;
									width: 100px;
									padding-left: 10px;
									margin-left: 0;
									
										}

			#navigationsbereich li {
									list-style: none;
									border-left: 1px solid #90000;
									border-bottom: #1px solid #90000;
									margin: 0;
									
									
				}
				
				/* Rahmenlinie oberhalb vom Listenelement "startseite" */
				#navigationsbereich #navi01 {
											border-top: 1px solid #FF00CC;
											
										}
										
				
			#navigationsbereich a {
									display: block; /* ganze Fläche ist anklickbar */
									text-decoration: none;
									color: black;
									padding: 4px;
									border-left: 3px solid #FF00CC; /* unsichtbar */
											
								}
								
			#navigationsbereich a:active {
									
								}
								
			#navigationsbereich a:hover, /* mit Komma am Ende*/ 
			#startseite #navi01 a, /* mit Komma am Ende */  
			  #überuns #navi02 a, /* ohne Komma am Ende */
			  #texte #navi03 a,
			 #Programmübersicht #navi04 a,
			#kontaktseite #navi05 a,
			#linkseite #navi06 a,
			#Kirchenjahr #navi07 a,
			#impressum #navi08 a
			 												{ 
			 													color: black;
																background-color: white;
																border-left: 3px solid #FF00CC;
			 
															}
					
					
#textbereich {
			
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		margin-left: 150px;

			}
			
			 
		/* Aufteilung des Textbereiches in Haupt- u. Nebeninhalsbereich */
		
		#hauptinhalt {
						float: left;
						width: 450px;
			
						background-color: white;
					}
		#nebeninhalt{
						float: right;
						width: 180px;
						height: 100%;
						padding: 5px;
						margin: 10px;
						background-color:#E7DAE4;
						border: 5px solid #FF00CC;
						
						
										
					}	
					
		/* Ende Inhaltsbereiche */
		
		
		
			.bildlinks {
					float: left;
					padding: 3px; /* Abstand zwischen Bild und Rahmen */
					border: 5px solid #ccc; /* der Bilderrahmen */
					margin-right: 10px; /* Abstand zwischen Rahmen und Text */
					margin-bottom: 10px; /* Abstand nach unten */
				}
			
			.bildrechts {
					float: right;
					padding: 3px;
					border: 5px solid #ccc;
					margin-bottom: 10px;
					margin-left: 10px;
					margin-right: 10px;
				}
			
			.infokastenrechts {
			
					float: right;
					padding: 3px;
					border: 10px solid #999999;
					width: 160px;
					height:auto;					
					margin: 10px;
					margin-left: 10px;
				}
	 
	 
#fussbereich {
			background-color: white;
			padding: 20px;
			padding-top: 10px; /* Innenabstand oben, unterhalb cer Linie */
			border-top: 1px solid #A9122A; /* Rahmenlinie oben */
			margin-top: 20px; /* Aussenabstand oben, oberhalb der Linie */
		}
		
		
/*===========================================================
	2. Allgemeine HTML-Elemente
	======================================================*/		

		
		
h1 {
		font-size: 200%; 
		position: absolute;
		top: 10px;
		right: 25px;
		}
		
h2 {font-size: 130%;
	margin-bottom: 1em;	
}

h3 {font-size: 100%;
	font-weight:bold;
}
	

address {
		text-align: center; /*zentrieren*/
		font-size:80%; /*etwas kleiner*/
		font-style: normal; /* normale Schrift, nicht kursiv */
		letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
		line-height: 1.5em; /* Zeilenabstand */
		}

a {text-decoration:none; outline: none;}

a:link { color: #d90000;}
a:visited { color: #00CC00; }

a:hover, a:focus {text-decoration: underline; }
a:active { }

.skiplink { display: none; }


p, ul {
		margin-top: 0 ;
		margin-right: 0;
		margin-bottom: 1em; /*Abstand nach unten*/
		margin-left: 0;
	}
ul ul {
		margin: 0 ;
	}

li {
	margin-top: 0 ;
	margin-right: 0 ;
	margin-bottom: 0 ;
	margin-left: 1em; /* Abstand von links */
	}

/*=====================================================
   Das Kontaktformular
   ================================================*/
   
   form {
   		  background-color: #eee;
		  width: 400px; /* Breite des Formulars */
		  padding: 20px;
		  border: 1px solid #8c8c8c;
		}
	
	label {
			display: block; } /* Beschriftung auf eigener Zeile */
			/* Beide Eingaben gleichlang */
	
	#absender, textarea {
					width: 300px;
					border: 1px solid #8c8c8c;
					margin-bottom: 1em;
			}
	
	textarea {height: 7em; }
	
	input: focus, textarea: focus {
				background-color: #d9d9d9;
			}