/* =============================== 
Stylesheet der Patch-it Homepage
Stand: Anordnung der Bildschirminhalte
Datei: formate.css
Datum: 18.03.2012
Autor: Terra Harpel

Aufbau: 1. Kalibrierung
		2. Allgemeine Styles
		3. Styles f�r Layoutbereiche
		4. Sonstige Styles
==================================*/

/* ========================================
	1. Kalibrierung
=========================================*/
* { padding: 0; margin: 0;}

h2, p, ul, ol { 	margin-bottom: 1em;}  /* em bietet sich an f�r die Festlegung von Abst�nden */

ol ul { margin-bottom: 10px;}

li { margin-left: 6em;}


/* ========================================
	2. Allgemeine Styles
=========================================*/
body {
  background-color: #ffffff; /* Hintergrundfarbe wei� */
  background-image: url(https://www.patch-it.de/bilder/hintergrund2.jpg);
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  }

h1 { font-size: 150%;}
h2 { font-size: 130%;}


/* ===========
	Hyperlinks  */
a { 
	text-decoration: none; 
	outline: none;
	} /* hier werden bei Hyperlinks der Unterstrich entfernt */

a:link { color: #ffffff; }  /* f�r nichtbesuchte Links Farbe */
a:visited { color: #dec69b; } /* f�r besuchte Links Farbe */	
a:hover, a:focus { border-bottom: 1px solid #ffffff; }  /* wenn mit Maus oder Tap beim Hyperlink ist wird er unterstrichen */
a:active { 
	background-color: #d90000;
	color: white;
	} /* �nderung des Hyperlinks in dem Moment des Anklickens */

a img { 
 border : 0 none;  
 }
 
/* ===========
	Klassen und IDs   */

.imglayout { float: left;}

.imglayoutright { float: right;}

.pfad { 	color: #a76c25; }
		
	.pfad a:link { color: #a76c25;}
	
.auswahl {
	font-size: medium;
	color: #dec69b;
	display: inline;
	}
	
	.auswahl a:link { color: #dec69b; }

.zitat { 
	text-align: center; 
	border-top: 1px solid #ffffff;
	}

	
/* ========================================
	3. Styles f�r Layoutbereiche
=========================================*/

#wrapper { 
  background-color: #76412f;
  color: black;
  width: 980px;
  margin: auto auto;
 }

#kopfbereich {
	background-color: #76412f;
	width: 980px;
	height: 32px;
	padding: 0;
	
} 

	#kopfbereich a:link,
	#kopfbereich a:hover,
	#kopfbereich a:focus,
	#kopfbereich a:visited,
	#kopfbereich a:active  {
			padding: 0;	
			border: 0;
			margin: 0;
	}


#nav {
	background-color: #76412f;
	width: 980px;
	height: 42px;
	padding: 0;
	
} 
	
	#nav a:link,
	#nav a:hover,
	#nav a:focus,
	#nav a:visited,
	#nav a:active  {
			padding: 0;
			border: 0;
			margin: 0;
		}

#textbereich {
	background-image: url(https://patch-it.de/bilder/14textbereich.gif);
	background-repeat:repeat-x; 
	float:left;
	background-color: #76412f;
	color: white;
	width: 980px;
	} 
	
	#textbereich p {
		padding-left: 40px;
		padding-top: 20px;
	}

	#textbereich  .zentriert {
		text-align: center;
	}
	
	#textbereich .pfad {
		padding-left: 106px;
		padding-top: 20px;
	}
	
	#textbereich table {
		padding-left: 40px;
		padding-top: 20px;
	}
	
	#textbereich img {
		padding-left: 70px;
		padding-bottom: 5px;
	}
	
	#textbereich span { color: red; }
		
/* ========================================
	4. Sonstige Styles
=========================================*/