/*================================================
Stylesheet für die Übungsseiten DP vom Robinienhof

Aufbau:	1. Kallibrierung und allgemeine Styles
	2. Styles für Layoutbereiche
	3. Sonstige Styles
================================================== */


/* ================================================
	1. Kallibrierung und allgemeine Styles
================================================== */	

/* Kalibrierung der wichtigsten Abstände */
* { padding: 0; margin: 0; } /* kallibriert alle Abstände */

/* Allgemeine Selktoren */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */

body {
	background-color: #800000; /* Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /* Schriftgröße */	
	line-height: 17px;
	margin-bottom: 10px;
}

h1 { font-size: 17px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }

.small {font-size:11px;l}

h1 { margin-bottom: 25px; }
h2 { margin-bottom: 20px; }
h3 { margin-bottom: 8px; }

p { margin-bottom: 8px; }

ul, ol { margin-bottom: 8px; }

/* Abstand von links */
li { margin-left: 15px; }

/* Hyperlinks allgemein */
a { text-decoration: none; outline: none; } /* Unterstreichung entfernen */	

a:link { color: #FBD069; text-decoration: none; outline: none; }

a:visited { color: #C89B60; text-decoration: none; outline: none; }
	 
a:hover { color: #FDA906; text-decoration: none; outline: none; }
	
a:active { color: #FF8C00; text-decoration: none; outline: none; }

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

#logo { /* Gestalte das HTML-Element mit id="logo" */
	color: #FFE4B5; 
	background-color: #A12803;
	padding: 5px 3px 3px 3px;
	border-bottom: 1px solid #FFE4B5;
}


.clearing { clear: both; }




/* ================================================
	2. Styles für Layoutbereiche
================================================== */

#wrapper {
	color: #FFE4B5;
	background: #A12803 url(farbe_navi2.jpg) repeat-y;
	width: 760px; /* Breite des Inhaltsbereichs*/
	border: 1px solid #FFE4B5;
	border-bottom: 1px solid #FFE4B5;
	margin-top: 1px;	
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;	
}

/* navibereich1 */
#navibereich { 
   text-align: center;  /* mittig */
   background: #FFE4B5; 
   padding: 0px 2px 0px 2px;  
   border-right: 2px solid #A52A2A;
   border-left: 2px solid #A52A2A;
   border-bottom: 1px solid #A52A2A;
   margin-top: 25px;
} 
   #navibereich ul { margin-bottom: 2px; } 
   #navibereich li { 
      display: inline;
      list-style-type: none; 
      list-style-position: inside;
      margin: 0 ; /* war vorher 10px für rechts */ 
   }
   #navibereich a { 
      color: #A52A2A; /* mittelrot */
      background-color: #FFE4B5; /* creme */
      padding: 5px 8px; 
      border: 1px solid #A52A2A;
   }  
   #navibereich a:hover,
   #navibereich a:focus, 
   #navi a { 
      color: #FFE4B5; /* creme */
      background-color: #A52A2A; /* mittelrot */
      border: 1px solid #FFE4B5; /* Rahmenlinie Grundfarbe */ 
      }   
#navibereich a:active { 
      background-color: #ECBA63; 
}   
/* Ende navibereich1 */  


#seitenbereich { 
   float: left; 
   width: 158px; 
   padding-top: 34px;
   padding-left: 15px;
} 

#textbereich {
	overflow: hidden;
	padding: 35px 10px 10px 20px; 
	margin-left: 180px;
	margin-right: 20px;
	margin-bottom: 15px;
}

#topzeichen { font-size: 20px; }

#fussbereich {
	text-align: center;
	font-size: 10px;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 15px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #FFE4B5;
}

#navibereich2 {
   float: left; 
   width: 158px; 
   padding-top: 20px;
} 

#navibereich2 ul {width: 158px; } 

#navibereich2 li { 
      list-style-type: none; 
      margin: 0;
   }
#navibereich2 a { 
      display: block;  
      text-decoration: none;
      color: #FFE4B5; /* creme */
      background-color: #800000;  /* dunkelrot */
      padding: 2px;
      border-top: 1px solid #A52A2A; /* mittelrot */
      border-right: 1px solid #800000; /* dunkelrot */
      border-bottom:1px solid #800000; /* dunkelrot */
      border-left: 1px solid #800000; /* dunkelrot */
   }  
   #navibereich2 a:hover,
   #navig2 { 
      color: #FFE4B5; /* creme */
      background-color: #A12803; /* mittelrot */
      border-left: 1px solid  #FFE4B5; /* creme */
      border-top: 1px solid #FFE4B5; /* creme */
      border-right: 1px solid #FFE4B5; /* creme */
      border-bottom: 1px solid #FFE4B5; /* creme */
   }  
   #navibereich2 a:active { 
        color: #FFE4B5; /* creme */
      background-color: #A12803; /* mittelrot */
      border-left: 1px solid  #FFE4B5; /* creme */
      border-top: 1px solid #800000; /* dunkelrot */
      border-right: px solid #FFE4B5; /* creme */
      border-bottom: 1px solid #800000;    
   }  

/* Ende navibereich2 */    

/* ==================================================
	3. Sonstige Styles
==================================================== */

/* Das Kontaktformular */
form {
   background-color: #800000;
   width: 540px; /* Breite des Formulars */ 
   padding: 20px; 
  
}
/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
   cursor: pointer; 
} 
input#absender, 
textarea { 
   width: 460px;
  
   margin-bottom: 30px;
}
textarea { 
   height: 120px; 
}
input#absender:focus, 
textarea:focus {
   background-color: #FDEDD0; 
}

/* Die Fotogalerie */
div.galerie { 
   overflow: hidden; /* zum Umschließen der Floats */
   background-color: #800000; 
   width: 540px;
  
   border-bottom: 6px solid #A52A2A
 }
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img { 
   float: left; 
   margin-right: 10px;  
}



#sitemap h2 { margin-bottom: 13px; }

#sitemap h3 { margin-bottom: 6px; }

#eXTReMe { text-align: center;
	margin-top: -36px;	
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
 }
 
 #neukirch {
	overflow: hidden;
	padding: 35px 10px 10px 20px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	color: #FFE4B5;
}