/* 
		CSS Document für Hundelobby Mülheim
	*/

	* { border: 0; padding: 0; margin: 0; font: 12px/16px Geneva, Arial, Helvetica, sans-serif; }
	body { background: #fff; }
	p { margin-bottom: 15px; color: #666666; }
	a:link, a:visited, a:focus, a:active { color: #99CC00; text-decoration: none; }
	a:hover { color: #99CC00; text-decoration: underline; }
	em { display: block; font-weight: bold; color: #333333; }
	b { font-weight: bold; color: #333333; }
	
	h1 { color: #f7a228; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 16px; }
	h2 { color: #f7a228; font-size: 16px; font-weight: bold; line-height: 16px; padding: 16px 0 16px 0; }
	
	/* 
		Layout 
	*/
	
	#logo { position: absolute; top: 15px; left: 0; z-index: 10; }
	#content { position: absolute; top: 100px; left: 315px; width: 450px; padding-bottom: 50px; }
	#doggie { position: absolute; top: 45px; left: 0; width: 315px; height: 515px; z-index: 5; }
	#navigation { position: absolute; top: 100px; left: 795px; width: 188px; z-index: 5; }
	#navigation ul { list-style-type: none; margin-bottom: 45px; }
	#metanavigation { position: absolute; top: 555px; left: 20px; width: 215px; z-index: 10; }
	#teilnehmer { position: absolute; top: 430px; left: 795px; width: 190px; height: 82px; z-index: 10; background: url(../images/petition_zahl_bg.gif) no-repeat; }
	#teilnehmer p { color: #727272; font-size: 12px; text-align: center; margin: 3px auto 0 10px; width: 142px; }
	#teilnehmer p span { color: #333; font-size: 32px; line-height: 36px; font-weight: bold; }
	
	/* 
		Klassen 
	*/
	
	.fehler { color: #990000; }
	.klein { font-size: 10px; color: #999; line-height: 16px; }
	.clear { float: none; clear: both; height: 0; font-size: 0; line-height: 0; }
	.contentListe { margin: 0 auto 16px auto; }
	.contentListe li { margin-left: 1.5em; color: #666666; }
	
	.meinung { margin: 10px 0 20px 0; border-bottom: 1px dotted #ccc; }
	.meinungNachricht { padding: 16px 0 16px 0; color: #666666; }
	
	.hervorgehobeneBox { border: 1px solid #ccc; padding: 5px; }
	.abstand { margin: 0 5px 5px 0; }
	
	/* 
		Formularfelder 
	*/
	
	label { display: block; }
	input.feld { border: 1px solid #ccc; width: 270px; background: #fff; margin-bottom: 6px; }
	input.feldPLZ { border: 1px solid #ccc; width: 50px; background: #fff; margin-bottom: 6px; }
	input.feldOrt { border: 1px solid #ccc; width: 210px; background: #fff; margin-bottom: 6px; }
	input.feldAlter { border: 1px solid #ccc; width: 40px; background: #fff; margin-bottom: 6px; }
	select { border: 1px solid #ccc; width: 110px; background: #fff; margin-bottom: 6px; }
	textarea { border: 1px solid #ccc; width: 270px; background: #fff; margin-bottom: 6px; }
	textarea.meinung { width: 450px; height: 150px; }
	input.submit { padding: 1px 4px; margin-top: 5px; }