*	{
	margin: 0px;
	padding: 3px;
	}

 html, body  {
		color: #000000;
		font: 10pt Helvetica, Arial; 
		text-align: left;
		}

		/* Hier sind alle rechteckigen Elemente definitiert:  */
		/* Das Rechteck #top_pic beinhaltet das Bild mit der Sonnenblume */
	#top_pic	{
		background-image: url(../images/sunflower.jpg); background-repeat: no-repeat; margin:0px; background-position: right;
		background-color: #3A5BB8;
		position: fixed;
        	top: 0;
		right: 0%;
       	bottom: 71%;
	       left: 0%;
		padding: 0;
		}

        /* Die #sidebarleft formatiert das Rechteck, in dem sich die linke Navigation befindet */      
     #sidebarleft {
        position: fixed;
        top: 29%;
		right: 80%;
        bottom: 0%;
        left: 0%;
		padding: 10px 10px 10px 10px;
		overflow: auto;
		border-style: solid;
		border-width: 3px 0px 3px 0px;
		border-color: #ffc701;
		}
     #sidebarright {
        position: fixed;
        top: 29%;
		right: 0%;
        bottom: 0%;
        left: 80%;
		padding: 10px 10px 10px 10px;
		overflow: auto;
		border-style: solid;
		border-width: 3px 0px 3px 0px;
		border-color: #ffc701;
		}

        /* Das Hauptfenster #main */
      #main {
        position: fixed;
        top: 29%;
        left: 20%;
        right: 20%;
        bottom: 0%;
		padding: 1% 2% 2% 2%;
        	background-color: #FEFFAF;
		overflow: auto;
		border-style: solid;
		border-width: 3px 0px 3px 0px;
		border-color: #ffc701;
		z-index:1;
        }
	
	h1  {
        font: bold 12pt/14pt serif;
        }
		
		h1.veganity {
		font: bold 5em Arial, sans-serif;
		letter-spacing:0.3em;
		color: #FEFFAF;
		position: fixed;
		top: 8%;
		left: 1%;
		right: auto;
		bottom: auto;
		text-shadow: #ffc701 6px 3px 5px;
		}
      
	h2 {
	font: bold 13pt/15pt sans-serif;
	}
		h2.vegan_guide {
				  background-image: url(../images/symbol_sunflower.png); background-repeat: no-repeat;  background-position: left;
		}

	h3  {
        font: bold 11pt/14pt Helvetica, Arial, sans-serif;
        }

	h4  {
        font: bold 10pt/14pt Helvetica, Arial, sans-serif;
        }
		
	h5  {
		font:9pt/9pt Helvetica, Arial, sans-serif;
		}

ul.disc {
        list-style-type: disc;  
        padding-left: 20px;
		}

ul.nodisc 	{
		list-style-type: none;
			}		

a.nav:link, a.nav:visited	{ 
        text-decoration:none;
        color: #000000;
        font-size:10pt;
		font: Helvetica, Arial;
		border-style: solid;
		border-width: 1px 3px 1px 3px;
		border-color: #ffffff;
		line-height: 18px;
		}
		
a.nav:hover, a.nav:active, a.nav:focus { 
        color: #000000;
        text-decoration: none;
		background-color:#FEFFAF;
		border-style: solid;
		border-width: 1px 3px 1px 3px;
		border-color: #ffc701;	
		line-height: 18px;
		}	

a.text:link, a.text:visited {
        text-decoration: underline;
        font: bold 10pt Helvetica, Arial, sans-serif; color: #000000;
		}		
		
a.text:hover, a.text:active, a.text:focus {
		color: #000000;
        text-decoration: underline;
		}

img.lang 	{
		border-style: none;
		}

table.referenzwerte {
		width: 37%;
		float: left;
		margin-right: 15px;
}

table.right {
		float: left;
		margin-right: 15px;
		width: 25%;
}

table.left {
		float: right;
		margin-right: 15px;
		width: 25%;
}

td.naehrwerte {
		vertical-align: top;
		margin-right: 15px;
} 

td.bezeichner {
		font-weight: bold;
		background-color: #ffc701;
}

td.wert {
		background-color: #ffc701;
}

	select, input[type=radio] {
		border-width: 1px;
		border-style: solid;
		border-color: #ffc701;
		}	
		
	input[type=submit] {
		border-width: 1px 3px 1px 3px;
		border-style: solid;
		border-color: #ffc701;
		}

#pyramid {
		width: 100%;
		height: 100%;
		border: none;
		}

#nobreak {
	float: left;
	padding-right: 40%;
}

p.flow {
	padding: 15px 15px 0px 0px;
	}