/************************************

CSS Stylesheet für www.vegetarismus.ch

************************************/

/******** Allgemeine Tags ***********/

body {
 background-image: url(Bilder/FP_Hintergrundverlauf_schmal.jpg);
 background-repeat:repeat-x;

 color: black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;

 height:auto !important;
 height:100%; /* nur für den IE */
 min-height:100%;
}

html{
 height:100%;
}


h1,h2,h3,h4  {	
 font-weight: bold;
 font-family : Arial,Helvetica,sans-serif;
 margin-bottom: 1MM;
}

h1 {
	padding-top: 5px;
 font-size:25px;
/*	color:#306030; */
	font-weight: bold;
}

h2 {
	font-size:18px;
	Margin-Bottom: 2MM;
	font-weight: bold;
}

h3, .zwischentitel {
	font-size:16px;
	Margin-Bottom: 0MM;
	font-weight: bold;
}

td h3 {
	font-size:16px;
	padding-top: 0px;
	margin-top: 0px;
	Margin-Bottom: 0MM;
	font-weight: bold;
}


p {
 margin-top: 0px;
 padding-top: 0px;
 font-family : Verdana, Arial,Helvetica,sans-serif;
 font-size:13px;
 line-height:20px;
}

p.einleitung {
 font-size:17px;
 padding-bottom:3px;
 line-height:24px;
}



a:link { 
 color: #36c;
 text-decoration: underline
}

a:visited { 
 color: #360; 
 text-decoration:underline;
 font-style:italic;
}

a:hover {
 text-decoration: none
}

a:active {
 color: red;
 text-decoration: underline
}

a[href^="http://"], a[href^="https://"] {
  background: transparent url('Bilder/linkextern.gif') 100% 50% no-repeat;
  padding-right: 11px;
}

a[href^="http://vegetarismus.ch"], a[href^="http://www.vegetarismus.ch"], a[href^="http://vegan.vegetarismus.ch"], a[href^="http://www.vegetarisme.ch"], a[href^="http://v-label.info"], a[href^="http://www.v-label.info"], a[href^="http://www.vegi-basics.org"], a[href^="http://www.addthis.com"] {
  background: transparent;
  padding-right: 0px;
}

ol { 
  margin-top: 0px; 
  padding-top: 0px; 
  padding-left: 0px; 
  margin-left:25px !important; 
} 

ul { 
/*  list-style-image: url('Bilder/greenbal.gif'); */
	list-style:disc;
/*  padding: 2px; */ 
  margin-top: 0px; 
  padding-top: 0px; 
  padding-left: 0px; 
  margin-left:25px !important; 
} 
 
li { 
  padding-left:0px !important; 
  margin:0; 
  padding-top: 4px; 
  font-size:13px;
} 

table {
  margin:2px;
  padding:2px;
/*  background-color:#D0E6BC; */
}

table p {
 margin-top: 0px;
 padding-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
}

.transparent {
   background: transparent;
}

hr {
	clear:both;
	color:#008300;
	border-style:dotted;
}  
/********* Diverse Textformate *********/

.right { text-align:right; }

.center { text-align:center; }

.zitat {
 border-width:1px;
 border-color:#777;
 border-style:solid;
 background-color:#fff;
 margin:10px;
 padding: 3px;
}

.fussnoten {
 clear:both;
 border-width:1px;
 border-color:#ccc;
 border-style:dotted;
 margin:5px;
 padding-top: 0px;
 padding-left: 5px;
 font-size:10px;
 padding-bottom: 5px;
 line-height:normal;
}

.fussnoten p {
 font-size:10px;
 line-height:normal;
}

.fussnoten ol { 
  margin-left:20px !important; 
  padding-top: 0px; 
  margin-top: 0px; 
  padding-left: 0px; 
} 

.fussnoten ol li{ 
  margin-left: 0px !important; 
	color:#666666;
}
.fussnoten h3 {
   margin-top: 1px;
   font-size:13px;
}

.fussnotenlink {
 font-size:8px;
 vertical-align:super;
 text-decoration:none !important;
}

.autor {
 font-style:italic;
}

.vorwaerts {
	background-image:url(Bilder/nachrechts.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-style:normal;
	padding-right:22px;
	margin-right:0px;
	margin-left:0px;
	text-align: left;
	background-color: #99FF99;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: bold;
}

.zurueck {
	background-image:url(Bilder/nachlinks.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-style:normal;
	padding-left:22px;
	margin-right:0px;
	margin-left:0px;
	text-align: right;
	background-color: #99FF99;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	font-weight: bold;
}

.weitereinfos {
	clear:both;
	font-style:italic;
	padding-top: 2px;
	margin-top:2px;
	background-color: #F0FDF0;
	margin-left:2px;
	padding-left:2px;
	width:auto;
	border-top: thin dotted #000000;
	border-right: thin none #000000;
	border-bottom: thin none #000000;
	border-left: thin none #000000;
}

.weitereinfos h3 {
   margin-top: 3px;
}

.praesentation {
  background-color:#E0F0D0;
  border-color:#006633;
  border-style: groove;
  caption-side:top;
  page-break-inside:avoid;
  width:auto;
  padding: 4px;
  margin: 20px;
}

.praesentation h3 {
   margin-top: 2px;
}

.BildlegendeLayerRight {
	font-style:normal;
	padding:2px;
	background-color: #99FF99;
	font-weight: bold;
	width:27%;
	z-index:11;
	position:absolute;
	min-width:120px;
	position:absolute;
	right:20px;
  border:1px solid black;
}

.infokasten {
  background-color:#FFFFCF;
  border-color:#006633;
  border-style: groove;
  caption-side:top;
  page-break-inside:avoid;
	min-width:120px;
	width:25%;
  padding: 4px;
  margin: 4px;
	float:right;
}


/* Bild Formate */

.imageright {
 float:right;
 border-width:0px;
 margin-left:10px;
 margin-bottom:4px;
}

.imageleft {
 float:left;
 margin-right:10px;
 margin-bottom:4px;
 border: 0px solid black;
}

img {
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom:2px;
}

sup { 
	font-size: 70%;
	line-height: 0px;
}

sub { 
	font-size: 60%;
	line-height: 0px;
}

.source {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	font-weight: normal;
	color: #333333;
}

.source h3 {
   margin-top: 1px;
   font-size:105%;
}

.source ol { 
  margin-left:20px !important; 
  padding-top: 0px; 
  margin-top: 0px; 
  padding-left: 0px; 
} 

.Frage {
	font-style: italic;
	font-weight: bold;
	Margin-Bottom: 0MM;
}

.bildlegende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	padding-top: 0px;
	margin-top: 0px;
	top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.svvwerbung {
	background-color:#FFFF33;
	page-break-inside:avoid;
	width:auto;
	padding: 4px;
	margin-bottom: 0px;
	margin-top: 4px;
	border-style: double;
	border-color: #0000FF;
	clear:both;
}

.Aktualisierungsdatum, .grau {
  color:#999999;
}

.klein {
	font-size:smaller;
}

.gruen {
  color:#006600;
	font-weight:bold;
}

.wichtig {
  color:#FF0000;
	font-weight:bold;
}

.unsichtbar {
  display:none;
}

#Rubrikkasten {
	float:right;
	max-width:200px;
	min-width:100px;
	min-height:100px;
	z-index:1;
	visibility: visible;
	background-color:#FFFFB0;
	margin-left:2px;
	padding:2px;
	margin-top: 16px;
}

#Rubrikkasten h2 {
  padding-top:0px;
  margin-top:0px;
	margin-bottom:0px;
  font-size:16px;
	color:#306030;
	text-align:center;
	background-color:#FFFF00;
	border:1px outset #006600;
}

#Rubrikkasten ul { 
  margin-left:22px !important; 
	margin-top:1px;
	margin-bottom:1px;
}
 
#Rubrikkasten li { 
  padding-top: 2px; 
} 

#Rubrikkasten p {
  margin-top:2px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.Bestellfeld {
	border:thin solid #FFFF00;
	background-color: #60F0C0;
	width: 330px;
}

a.Bestelllink {
 background-color:#FFFFFF;
}

a.Bestelllink:hover {
 background-color:#FF80FF;
}

#ShopWarenkorbText {
	position:fixed;
	width:350px;
	z-index:1;
	top:150px;
	background-color:#FFFF99;
	padding: 10px;
	border: thick solid #006600;
	visibility: hidden;
	margin:0 auto;
	cursor:pointer;
}


#MenuLinks ul {
  margin:0px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-variant:small-caps;
	font-size:12px;
	font-weight:bolder;
  margin-left:0px !important; 
}

#MenuLinks ul li {
  display:block;
	cursor:pointer;
	min-height:16px;
	width:100%
}

#MenuLinks h2 {
  font-size:15px;
	font-weight:bolder;
	color:#999999;
	margin-bottom:0px;
}

#MenuLinks a {
	text-decoration:none;
	width:100%
}

#MenuLinks a:hover {
  background-color:#d0f0d0;
	text-decoration:none;
	border-width:medium;
}

.MenuLinkBox {
  font-size:12px;
}

.MenuLinkBox h2 {
  font-size:13px;
	color:#006600;
	margin-bottom:0px;
}

.MenuLinkBox a {
  text-decoration:none; 
}