/* CSS Document 3spalter */

* {
	padding: 0;
	margin: 0 auto;
}
body {
	background-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#header {
	border-bottom: 1px solid black;
			
}
#wrapper {
	width: 850px;
	background-color:#393;
	background-color: #FFc;
	
}
#linkespalte {
	width: 168px;
	background-color:#f90;
	float:left;
	border: 1px solid black;
	border-top: 0;
	color: #393;
	
}

#content {
	width:484px;  /**/
	background-color:#FFFFCC;
	float: left;
	padding: 8px 0 8px 8px;	
}
#rechtespalte {
	width: 158px;
	background-color:#393;
	color: #fff;
	float: right;
	padding: 15px 0 100px 10px;
	border: 1px solid black;
	margin: 3px 3px 3px 0;
}
#footer {
	clear: both;
	background-color: #ffbe00;
	color: #FFF;
	font-size: 85%;
	border-top: 1px solid black;
			
}

/*****************Überschrift und Absaetze******************************/
p {
	padding: 10px;
	font-size: 85%;
	text-align:justify;
	line-height: 1.5em;
}
#content p {
	padding: 0 0 10px 8px;
		
}
#footer p {
	padding: 5px;
	text-align: right;
	font-weight: bold;	
}
#rechtespalte p {
	margin-left: 11px;
}

h1 {
	font-size: 1.3em;
	color: #093;
	padding: 12px 12px 12px 8px;
	line-height: 1.4em;
}
h2 {
	
}
h3 { 
	font-size: 1.3em;
	color: #06C;
	font-weight: bold;
	padding: 5px 0 5px 15px;
}

h4 {
	font-size:0.9em;
	color: #093;
	padding: 13px 10px 10px 50px;
	line-height: 1.4em;
}
h5 {
	font-size: 1.1em;
	color: #06C;
	font-weight: bold;
	padding: 5px 0 5px 0px;
}
#content h5 {
	font-size: 1.1em;
	color: #06C;
	font-weight: bold;
	padding: 5px 0 5px 8px;
}

h6 {
	font-size: 1em;
	border: 2px solid #ffbe00;
	margin-right: 25px;
	margin-left: 10px;
	padding: 3px;
	text-align:center;
}

.fett {
	font-weight: bold;
}
/******************linke Spalte***********************************/
/*************************Navigation******************************/
#linkespalte ul {
	font-family: Verdana, Arial, Helvetica, sans-serif  ;
	list-style-type: none;
	margin: 20px 5px 30px 15px;
	
}
#linkespalte li {
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 3px;
}
li a {
	text-decoration: none;
	color:#333; /***#FFECCE*****#339933************/
}
li a:hover {
	color: #fff; /**#339933***#00F*/
}
/************* unter der Navigation*******************/
#spruch_linkespalte {
	width: 93%; /*160px*/
	padding: 1%; 
	color: #fff;
	margin-bottom: 100px;
	background-color:#093;/*##009933;666*/	
	border: 2px outset #333333;
	margin-top: 20px;
}
#spruch_linkespalte p {
	text-align: left;
}
/**********************Inhalt - mittlere Spalte *****************************/
ul.inh_liste {
	list-style-type: circle;
	margin: 0px 0 0 200px;
	
}
ul.inh_liste li {
	color: #333;
	font-weight:normal;	
}
p.inh_link a {
	text-decoration: none;
	color: #06C;
	font-weight: bold;
}
.inh_link a:hover {
	color: #FF0000;
}

/********************** angebot *****************************/
table#ang{
	width: 60%;
	font-size: 80%;
}
table#ang td {
	border: none;
	vertical-align:bottom; 
}
.bord {
	border: 2px ridge #333;	
}


/*************** Bücher **********************/
p.buch  {
	font-size: 1em;
	color:#666;
	font-weight: bold;
	padding-left: 8px;
}

.strich {
	border-top: 4px dotted #06C;
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.schrift_span {
	font-size: 85%;
	color: #06C;
	font-weight: normal;
} 
ul.li_links_bu {
	list-style-type:  none;
	margin: 0px 0 0px 30px;
	font-weight: bold;
	font-size: 95%;
	
}
.li_links_bu a {
	text-decoration: none;
	color: #0066CC;
}
.li_links_bu a:hover {
	color: #FF0000;
}

/*************Was ist fair***************/
ul.liste  {
	font-size: 80%;
	padding-bottom: 10px;
}
ul.liste li{		
	list-style-type: square;
	margin: 10px 0 10px 50px;
	color: #333;
	font-weight: bold;
}
.img_liste {
	margin: 2% 2% 2% 15%;
	border: 1px solid black;
}
 

 /************was ist fair - logos unten*******************/
.abs_oben { 
 	margin-top: 5%;
}

 /*************************weltladen_exklusiv***********************/
table#exklu {   
	width: 90%;
	font-size: 80%;
}
table#exklu td {
    border: 1px solid green;	
	padding: 2px;
}
#img_weltladen {
	width: 357px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
/********************* links ********************/

.li_links {
	list-style-type: none;
	margin: 0px 0 0px 130px;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.4em;
	
}
.li_links a {
	text-decoration: none;
	color: #0066CC;
}
.li_links a:hover {
	color: #FF0000;
}

/****************ausprobieren*********************/
ul#ausp {
	font-size: 90%;	
	margin: 0  0 20px 120px;
	color:  #093;
	list-style-type: none;
	line-height: 1.4em;
	
}


/*************** kontakt ************************/

table.kont {
	width: 65%;
	
}
td {
    border: 1px solid green;	
	padding: 2px;
}
/******************* impressum ******************************/
.img_re {
	float: right;
	padding: 7% 0% 0% 2%;
}
/***************************Rezept*****************************/
#rezept {
	padding: 0 0 20px 50px;
}
#rezept p {
	color: #333;
	font-weight: bold;
}
p.rez {
	font-size: 0.8em;
	color:#666;
	font-weight: bold;
	margin-left: 10px;
}
ul.rezept{
	list-style-type: circle;	
	font-size: 90%;
	padding-left: 70px;
	line-height: 1.4em;
}


/****************  Fotos   **********************/
.img_haupt {
	float: right;
	margin: 0% 0% 0% 2%;
	border: 1px solid gray;
	
}
.img_lang { /*******breitformat*****/
	float: left;
	padding: 0% 0% 0% 0%;
}
.img_text {  /******kleine Produktfotos****/
	padding: 1% 3% 3% 3%;
	float: right;
}
.img_mitte {
	  margin: 10px 10px 10px 67px;
    border: 1px solid gray;
	padding: 1px;
}

.dreieck {
	text-align: right;
	
}

 /***************rechte Spalte ***********/
#rechtespalte p {
	text-align: left;
	padding: 0;
}

#rechtespalte a {
	color: #FFF;
	text-decoration: none;	
	
}

.rechts { 	/*Produktfoto rechte Spalte*/
	margin: 10px 0 10px 5px;
	padding: 5px;
}