﻿/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font:inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset end*/

/* Global */

html {}
body {background-color:#eee; font-family:Arial, Helvetica, sans-serif;}

/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight: bold; color:black;}

h1 { font-size:24px;}
h2 { font-size:20px;}
h3 { font-size:16px;}
h4 { font-size:14px;}
h5 { font-size:14px;}
h6 { font-size:14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* text elements */

p			{color:#000; font-size:12px; line-height:150%;}
p .left		{margin:1.5em 1,5em 1,5em 0; padding:0;}
p .right	{margin:1.5em 0 1,5em 1.5em; padding:0;}

a			{}
a:link		{color:#00f;}
a:visited	{color:#0f0;}
a:active	{color:#000;}
a:focus		{color:#666;}
a:hover		{color:#f00;}

blockquote	{color:#000; font-size:12px;}

strong		{font-weight:bold;}
em 			{font-style:italic;}

/* Images */


/* Lists */

ul		{}
ol		{list-style-type:decimal;}

ul li	{color:#000; font-size:12px;}
ol lo	{color:#000; font-size:12px;}

dl		{}
dt		{}
dd		{}

/* Tables */

table			{width:100%}

tr				{}
.odd			{background-color:#eee;}
.even			{background-color:#fff;}

th				{font-weight:bold;}
thead, th		{background:#ccc}

tbody			{}

th,td,caption	{}
caption			{}

tfoot			{}
.tfooter		{background-color:#ccc; text-align:center; font-style:italic;}

caption			{background:#efefef;}

/* Containers */

/*Allgemein*/
#homepage 				{background-color:white; margin:0 auto; width:1200px}

#fußzeile				{float:left; width:1170px; background-color:black; padding:10px 15px;}
#fußzeile a				{color:white; font-size:13px; font-style:normal; padding:10px 20px;}

#navigation				{clear:both;}
#navigation ul			{width:100%; float:left; margin:0px; background-color:#333;border-bottom:5px #ccc solid;} 
#navigation ul li		{display:inline;}
#navigation ul li a 	{float:left; padding:15px 30px; font-size:20px;}
#navigation a:link		{color:white;}
#navigation a:visited	{color:white;}
#navigation a:hover		{color:white; background-color:#DE2D4A;}
#navigation a:focus		{color:white;}

/*index (Start)*/

#banner					{float:left; width:100%; background-color:white;}

#logo					{width:400px; float:left;}
#logo a img 			{height:200px; width:200px; padding:15px; margin:50px 50px 20px 50px; margin-left:150px;}

#öffnungszeiten			{width:400px; float:left; border-left: 4px black solid; margin-top:70px; margin-left:80px;}
#öffnungszeiten h1,p	{width:300px;}
#öffnungszeiten h1		{font-size:30px; padding:0; margin:15px auto 20px 15px;}
#öffnungszeiten p		{font-size:17px; padding:0; margin:auto auto 15px 15px;}

#start_kirche			{padding:15px; margin:50px 50px 20px 50px; margin-left:950px;}

#aktuelles_außen		{width:100%; float:left; background-color:white;}
#aktuelles				{width:1050px; float:left; background-color:#eee; padding:20px; margin:20px 50px 25px 50px;}
#aktuelles p			{width:1000px; margin:2px 2px 2px 20px; font-size:17px;}
#aktuelles p1			{width:1000px; margin:2px 2px 2px 20px; font-size:17px; color:red;}
#aktuelles a			{width:1000px; margin:2px 2px 2px 20px; font-size:17px;}
#aktuelles img			{margin-left: auto; margin-right: auto; width:700px;}
#aktuelles h1			{width:1000px; margin:2px 2px 8px 20px; font-size:17px;}

#danke					{width:1050px; float:left; background-color:#eee; padding:20px; margin:20px 50px 25px 50px;}
#danke p				{width:1000px; margin:2px 2px 2px 20px; font-size:17px;}
#danke p1				{width:1000px; margin:2px 2px 2px 20px; font-size:17px; color:red;}
#danke a				{width:1000px; margin:2px 2px 2px 20px; font-size:17px;}
#danke h1				{width:1000px; margin:2px 2px 8px 20px; font-size:17px;}

#aktuelles_außen2		{width:100%; float:left; background-color:white;}
#aktuelles2				{width:1050px; float:left; background-color:#eee; padding:20px; margin:0px 50px 25px 50px;}
#aktuelles2 p			{width:1000px; margin:2px 2px 2px 20px; font-size:17px;}
#aktuelles2 a			{width:1000px; margin:2px 2px 2px 20px; font-size:17px;}
#aktuelles2	a img		{width:230px; float:left; background-color:#eee; padding:20px; margin:0px 0px 0px 0px;}
#aktuelles2 h1			{width:1000px; margin:20px 2px 8px 20px; font-size:24px;}

#willkommen				{width:1200px; float:left; padding-top:40px; padding-bottom:40px; background-color:#E9FE94;}
#willkommen p			{font-size:16px;}

#willkommen-text		{width:366px; float:left; border-bottom:4px #DE2D4A solid; margin:65px 100px 20px 100px;}
#willkommen-text p		{font-size:26px;}

#willkommen-bild		{width:426px; float:right; margin:20px 110px 20px 30px;}
#willkommen-bild img	{width:456px; height:303px;}

#info_start				{float:left; width:100%; background-color:white;}
#info_start_text		{margin:0; padding-top:30px;}
#info_start p			{width:900px; float:right; font-size:26px; margin:5px 10px 5px 10px;}
#info_start a img		{width:200px; float:left; margin:5px 10px 5px 30px;}
	
/*Über uns*/
#info_über_uns			{width:100%; float:left; background-color:white;}

#warum_weltladen		{width:100%; float:left; margin:30px 0 30px 0; background-color:#E9FE94;}
#warum_weltladen img	{height:226px; width:355px; padding:20px 15px 85px 45px; margin:0;}
#warum_weltladen h1		{width:728px; float:right; padding:20px 45px 15px 10px; margin:0;}
#warum_weltladen p		{width:728px; float:right; padding:0px 45px 5px 10px; margin:0; font-size:14px;}

#inhalt_über_uns					{width:100%; float:left; background-color:white;}
#inhalt_über_uns a:link				{color:#0000CC;}
#inhalt_über_uns a:visited			{color:#6600CC;}
#inhalt_über_uns a:hover			{color:red;}

	#hr24						{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
	#hr24 h1					{width:1110px; margin:15px;}
	#hr24 p						{width:1110px; font-size:14px; margin:0 15px 5px 15px;}
	#hr24 a						{width:1110px; float:left; margin:0 15px 18px 15px;}
	#hr24_überschrift			{height:30px; border-bottom:2px #808080 solid}
	#hr24_text					{margin:15px 0 15px 0;}
	#hr24_bilder_gr img			{padding:0 0 15px 15px; height:230px;}
	#hr24_bilder_kl	img			{padding:0 0 15px 15px; height:160px;}
	#hr24 a img					{height:18px; padding:0; margin:0; padding-right:10px;}
 
	#jub						{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
	#jub h1						{width:1110px; margin:15px;}
	#jub p						{width:1110px; font-size:14px; margin:0 15px 5px 15px;}
	#jub a						{width:1110px; float:left; margin:0 15px 18px 15px;}
	#jub_überschrift			{height:30px; border-bottom:2px #808080 solid}
	#jub_text					{margin:15px 0 15px 0;}
	#jub img					{padding:0 0 15px 15px; height:160px;}														
	#jub a img					{height:18px; padding:0; margin:0; padding-right:10px;}										
 
	#umzug							{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
	#umzug h1						{width:1110px; margin:15px;}
	#umzug p						{width:1110px; font-size:14px; margin:0 15px 5px 15px;}
	#umzug a						{width:1110px; float:left; margin:0 15px 18px 15px;}
	#umzug_überschrift				{height:30px; border-bottom:2px #808080 solid}
	#umzug_text						{margin:15px 0 15px 0;}
	#umzug img						{padding:0 0 15px 15px; height:160px;}
	#umzug a img					{height:18px; padding:0; margin:0; padding-right:10px;}
		
	#alter_weltladen				{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
	#alter_weltladen h1				{width:1110px; margin:15px;}
	#alter_weltladen p				{width:1110px; font-size:14px; margin:0 15px 5px 15px;}
	#alter_weltladen a				{width:1110px; float:left; margin:0 15px 18px 15px;}
	#alter_weltladen_überschrift	{height:30px; border-bottom:2px #808080 solid}
	#alter_weltladen_text			{margin:15px 0 15px 0;}
	#alter_weltladen img			{padding:0 0 15px 15px; height:160px;}
	#alter_weltladen a img			{height:18px; padding:0; margin:0; padding-right:10px;}

	#gründung						{width:1140px; float:left; margin:15px 30px 30px /* <--- immer nur beim letzen Margin unten 30, sonst 15!*/ 30px; background-color:#EEE;} 
	#gründung h1					{width:1110px; margin:15px;}
	#gründung p						{width:1110px; font-size:14px; margin:0 15px 5px 15px;}
	#gründung a						{width:1110px; float:left; margin:0 15px 18px 15px;}
	#gründung_überschrift			{height:30px; border-bottom:2px #808080 solid}
	#gründung_text					{margin:15px 0 15px 0;}
	#gründung img					{padding:0 0 15px 15px; height:160px;}
	#gründung a img					{height:18px; padding:0; margin:0; padding-right:10px;}


/*Sortiment*/

#info_sortiment				{width:100%; float:left; margin:30px 0 30px 0; background-color:#E9FE94;}

#neu_sortiment

#neu_schild					{float:left; width:155px; height:290px; padding-top:12px}
#neu_schild img				{width:155px; height:80px; padding:20px; margin:0;}

#neu_produkt				{width:990px; float:right;}

/*widescreen
	#neu_produkt_img		{width:400px; float:left;}
	#neu_produkt_img img	{width:400px; height:266px; padding:20px 0px 40px 0px;}

	#neu_produkt_text		{width:583px;float:right;}
	#neu_produkt_text h2	{float:right; width:550px; float:right; padding: 20px 15px 8px 18px; margin:0;}
	#neu_produkt_text p		{float:right; width:535px; float:right; padding:5px 30px 3px 18px; margin:0; font-size:13px;}
*/

	#neu_produkt_img		{width:300px; float:left;}
	#neu_produkt_img img	{width:300px; padding:20px 0px 40px 0px;}

	#neu_produkt_text		{width:683px;float:right;}
	#neu_produkt_text h2	{float:right; width:550px; float:left; padding: 30px 15px 8px 25px; margin:0;}
	#neu_produkt_text p		{float:right; width:535px; float:left; padding: 5px 30px 3px 25px; margin:0; font-size:13px;}

#sortiment_rubriken				{background-color:red;}

#rubriken_oben					{float:right; width:100%;}
	
	#lebensmittel				{width:500px; height:350px; float:left; background-color:#EEE; margin:20px 50px 15px 50px;}
	#lebensmittel h2			{width:500px; height:10px; float:left; margin:15px 50px 3px 55px;}
	#lebensmittel img			{width:400px; height:266px; padding:20px 50px;}

	#Kunsthandwerk				{width:500px; height:350px; float:right; background-color:#EEE; margin:20px 50px 15px 50px;}
	#Kunsthandwerk h2			{width:500px; height:10px; float:left; margin:15px 50px 3px 55px;}
	#Kunsthandwerk img			{width:400px; height:266px; padding:20px 50px;}

#rubriken_unten							{float:right; width:100%;padding-bottom:30px;}

	#nützliche_alltagsgegenstände		{width:500px; height:350px; float:left; background-color:#EEE; margin:15px 50px 20px 50px;}
	#nützliche_alltagsgegenstände h2	{width:500px; height:10px; float:left; margin:15px 50px 3px 55px;}
	#nützliche_alltagsgegenstände img	{width:400px; height:266px; padding:20px 50px;}

	#textilien							{width:500px; height:350px; float:right; background-color:#EEE; margin:15px 50px 20px 50px;}
	#textilien h2						{width:500px; height:10px; float:left; margin:15px 50px 3px 55px;}
	#textilien img						{width:400px; height:266px; padding:20px 50px;}
	
#gutschein					{width:100%; float:left; margin:0; padding:0;}
#gutschein2					{width:1100px; float:left; background-color:#EEE; margin:0px 50px 30px 50px;}
#gutschein2 img				{height:190px; width:400px; float:left; margin:20px 10px 20px 10px; margin-left:50px;}
#gutscheintext				{margin-top:70px;}
#gutscheintext p			{width:600px; float:right; margin:2px 2px 2px 20px; font-size:19px;}

#partner 					{width:1000px; padding:20px 50px 30px 50px;}

	#partner h2				{font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif; font-size:30px; padding-left:35px;}

	#partner ol				{list-style-type:none;}
	#partner ol li			{display:inline;}
	#partner ol li img		{padding:30px 36px 15px 36px; height:70px;}
	
/*____________________________________________________________________________________________________________________________________________________________________________*/

/*Lebensmittel*/

#lm_titel_lebensmittel				{width:100%; float:left; padding:30px 0 20px 0; margin:0; background-color:white;}
#lm_titel_lebensmittel h1			{width:1160px; float:left; padding:20px 0 20px 40px; margin:0; background-color:#EA798D;}

#lm_info_lebensmittel				{width:100%; float:left; padding:0 0 20px 0; margin:0; background-color:white;}
#lm_info_lebensmittel p				{width:1060px; float:left; padding:20px 40px 20px 40px; margin:0 0 0 30px; font-size:18px; font-weight:bold ;background-color:#E9FE94;}

	
/*____________________________________________________________________________________________________________________________________________________________________________*/

	
			#lm_lebensmittel		{width:100%; float:left; background-color:white;}

				#lm_kategorie 		{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
				#lm_kategorie  h1	{width:680px; float:right; padding:20px 43px 5px 7px; margin:10px 12px 10px 13px; border-bottom:2px #808080 solid;}
				#lm_kategorie  p	{width:680px; float:right; padding:0px 45px 2px 10px; margin:0px 10px 5px 10px; font-size:14px;}
				#lm_kategorie  img	{height:236px; width:355px; float:left; margin:20px 10px 28px 20px; padding:0;}
	
/*____________________________________________________________________________________________________________________________________________________________________________*/


/*Kunsthandwerk*/

#ku_titel_kunsthandwerk				{width:100%; float:left; padding:30px 0 20px 0; margin:0; background-color:white;}
#ku_titel_kunsthandwerk h1			{width:1160px; float:left; padding:20px 0 20px 40px; margin:0; background-color:#EA798D;}

#ku_info_kunsthandwerk				{width:100%; float:left; padding:0 0 20px 0; margin:0; background-color:white;}
#ku_info_kunsthandwerk p			{width:1060px; float:left; padding:20px 40px 20px 40px; margin:0 0 0 30px; font-size:18px; font-weight:bold ;background-color:#E9FE94;}

	
/*____________________________________________________________________________________________________________________________________________________________________________*/
	
			#ku_kunsthandwerk		{width:100%; float:left; background-color:white;}
	
				#ku_kategorie 				{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
				#ku_kategorie h1			{width:680px; float:right; padding:20px 43px 5px 7px; margin:10px 12px 10px 13px; border-bottom:2px #808080 solid;}
				#ku_kategorie p			{width:680px; float:right; padding:0px 45px 2px 10px; margin:0px 10px 5px 10px; font-size:14px;}
				#ku_kategorie img			{height:236px; width:355px; float:left; margin:20px 10px 20px 20px; padding:0;}
				

/*____________________________________________________________________________________________________________________________________________________________________________*/


/*nützliche Alltagsgegenstände*/

#al_titel_alltagsgegenstände			{width:100%; float:left; padding:30px 0 20px 0; margin:0; background-color:white;}
#al_titel_alltagsgegenstände h1			{width:1160px; float:left; padding:20px 0 20px 40px; margin:0; background-color:#EA798D;}

#al_info_alltagsgegenstände				{width:100%; float:left; padding:0 0 20px 0; margin:0; background-color:white;}
#al_info_alltagsgegenstände p			{width:1060px; float:left; padding:20px 40px 20px 40px; margin:0 0 0 30px; font-size:18px; font-weight:bold ;background-color:#E9FE94;}

	
/*____________________________________________________________________________________________________________________________________________________________________________*/
	
			#al_alltagsgegenstände	{width:100%; float:left; background-color:white;}

				#al_kategorie			{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
				#al_kategorie h1		{width:680px; float:right; padding:20px 43px 5px 7px; margin:10px 12px 10px 13px; border-bottom:2px #808080 solid;}
				#al_kategorie p		{width:680px; float:right; padding:0px 45px 2px 10px; margin:0px 10px 5px 10px; font-size:14px;}
				#al_kategorie img		{height:236px; width:355px; float:left; margin:20px 10px 20px 20px; padding:0;}
					

/*____________________________________________________________________________________________________________________________________________________________________________*/
	

/*Textilien*/

#tx_titel_textilien 		{width:100%; float:left; padding:30px 0 20px 0; margin:0; background-color:white;}
#tx_titel_textilien h1		{width:1160px; float:left; padding:20px 0 20px 40px; margin:0; background-color:#EA798D;}

#tx_info_textilien  		{width:100%; float:left; padding:0 0 20px 0; margin:0; background-color:white;}
#tx_info_textilien p		{width:1060px; float:left; padding:20px 40px 20px 40px; margin:0 0 0 30px; font-size:18px; font-weight:bold ;background-color:#E9FE94;}

	
/*____________________________________________________________________________________________________________________________________________________________________________*/
	
			#tx_textilien 			{width:100%; float:left; background-color:white;}
								
				#tx_kategorie 			{width:1140px; float:left; margin:15px 30px 15px 30px; background-color:#EEE;}
				#tx_kategorie h1		{width:680px; float:right; padding:20px 43px 5px 7px; margin:10px 12px 10px 13px; border-bottom:2px #808080 solid;}
				#tx_kategorie p			{width:680px; float:right; padding:0px 45px 2px 10px; margin:0px 10px 5px 10px; font-size:14px;}
				#tx_kategorie img		{height:236px; width:355px; float:left; margin:20px 10px 20px 20px; padding:0;}
				

/*____________________________________________________________________________________________________________________________________________________________________________*/



/*Kontakt*/

#info_kontakt					{background-color:white;}
	
#adresse 						{float:left; background-color:white; width:540px; height:140px; padding:40px 15px 50px 45px;}
#adresse img					{float:left; padding-bottom:5px; height:150px; width:150px;}
#adresse p						{float:right; padding:2px 70px 0px 5px; margin:2px 0; font-size:20px; background-color:white;}
#adresse a						{color:navy; font-style:normal;}

#öffnungszeiten_kontakt 		{float:left; background-color:white; width:570px; padding:15px; height:230px;}
#öffnungszeiten_kontakt h1		{font-size:30px; margin:0; padding:10px 10px 15px 30px; width:500px;}
#öffnungszeiten_kontakt p		{width:500px; font-size:20px; margin:0; padding:10px 10px 15px 30px;}

#telefon						{float:left; background-color:white; width:570px; padding:15px; height:90px;}
#telefon p, h3					{width:500px; font-size:20px; margin:0; padding:10px 10px 10px 30px;}


#spende							{float:left; background-color:white; width:570px; padding:15px; height:190px;}
#spende p,h3					{width:500px; font-size:20px; margin:0; padding:10px 10px 0px 30px;}
#spende h3						{font-weight:bold; padding-bottom:10px;}

#lageplan img					{float:right; background-color:white; padding:15px; width:570px; height:800px;}

/*____________________________________________________________________________________________________________________________________________________________________________*/


/*Kontaktformular*/

#link_formular					{float:left;}



/* Forms */

form {text-align:left;margin:20px;}

label, submit, input, textarea {border:0; padding:0; margin:0; background:none;}

label 			{float:left; width:150px; text-align:right; display:block; margin-top: 5px;}
input, textarea {border:1px #000 solid; margin-left:10px; padding:5px;}
input 			{width:280px; margin-bottom:16px}
textarea 		{width:280px; height:150px; margin-bottom:16px}

select {}

.submit {width:90px; height:25px; margin-left:150px; font-size:12px;}

#contact-form ol {list-style-type:none; padding:2px;}