/* CSS-Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: "";
}
abbr,acronym {
	border: 0;
}

/* Easy clearing */
/* Slightly enhanced, universal clearfix hack */
.group:after {
	content: " ";
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}
.group {
	display: inline-block;
}
/* start commented backslash hack */
* html .group {
	height: 1%;
}
.group {
	display: block;
}
/* close commented backslash hack */

/* Grundeinstellungen die gesamte Seite betreffend */

body {
	background-color: #FFF5EC;
	font-family:Arial, Helvetica, sans-serif;
	/*behavior: url("csshover3.htc");*/
}
#outerspace {
	position:relative;
	width: 1175px;
	height: 100%;
	margin: 5px auto 0px auto;
	padding: 0px;
	border:0;
	background-color: #FFF5EC;
	overflow:visible;
}
#frame {
	position:relative;
	float:left;
	width: 1050px;
	height:100%;
	padding: 0px;
	border: 1px solid #030;
	background-color: #FFF;
}
/*Skyscraper*/
#sky {
	right:0px;
	width:auto;
	bottom:0px;
	top:100px;
	position:absolute;
	overflow:visible;
}

#logo {
	float: left;
	height: 95px;
	width: 150px;
	margin:0px;
	padding:0px;
	position:relative;
}
/*inhalt html*/
#linkstab {float:left;width:305px;margin:0px;padding:0px;}
#rechtstab {float:right;width:305px;margin:0px;padding:0px;position:relative;top:0px;}
#verzeichnistab {
	float:left;
	width:620px;
	height:inherit;
	overflow:visible;
	position:relative;
	padding:0px;
	margin: 5px 0 25px 0;
}
#toptab {
	background: url('gifs/design/themen305.jpg') 0 0 no-repeat;
	float:left;
	width:305px;
	position:relative;
	margin:0px
}
#toptabbreit {
	background: url('gifs/design/themen622.jpg') 0 0 no-repeat;
	float:left;
	width:622px;
}
.toptab {
	height:22px;
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	letter-spacing: 1px;
	line-height:22px;
}
#inhalttab {
	float:left;
	background-color: #FFF5EC;
	border:1px solid #030;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
    text-align: justify;
	line-height: 14px;
	margin: 0px 0 10px 0;
}
#buchtab {
	width:618px;
	float:left;
	background-color: #FFF;
	border:1px solid #030;
	margin: 0px 0 20px 0;
	padding:5px;
}
#redaktiontab {
	float:left;
	background-color: #FFF5EC;
	border:1px solid #030;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
    text-align: justify;
	line-height: 14px;
	margin: 20px 0 20px 100px;
	padding:5px 10px 5px 5px;
}
.archiv1 {width:299px;padding:1px 3px 1px 1px;}
.archive {width:293px;padding:5px;}
.archivbreit {width:608px;padding:5px;}

/*Kopf*/

#kopf {
	background: url('gifs/design/head2010.jpg') 0 0 no-repeat;
	float:left;
	position:relative;
	height: 95px;
	width: 895px;
	margin: 0px 0px 0px 2px;
	overflow: hidden;
	z-index:100;
}
#kopf a, #kopf a:visited {
	color: #C74101;
	text-decoration: none;
}
#kopf a:active, #kopf a:hover {
	color:#F00;
	text-decoration: underline;
}

.kopf {
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #C74101;
	letter-spacing: 1px;
	word-spacing: 4px;
	line-height: 5.00em;
	padding:0px !important;
}
/* Inhaltsbereich */


/*Navigation*/
#menue {
	background: url('gifs/design/menue2010.jpg') 0 0 no-repeat;
	float: left;
	width: 134px;
	height:502px;
	position:relative;
	padding: 44px 0 0 16px;
	margin: 3px 0px 0px 0px;
}
#untermenue {
	left:-1px;
	width: 100px;
	top:660px;
	position:absolute;
	padding: 0px 10px 0 25px;
	margin: 0px;
	text-align:center;
}
.border {border-top-style:solid; padding-top:3px; border-top-width: 1px; border-top-color: #2A4956;}

#menue li{position:relative;font-size:14px;font-style:normal;font-weight:bold;line-height:1.18em;}
#menue a{display:block;height:auto;}

#navi1, #navi1 a,
#navi2, #navi2 a,
#navi3, #navi3 a,
#navi4, #navi4 a,
#navi5, #navi5 a,
#navi6, #navi6 a,
#navi7, #navi7 a,
#navi8, #navi8 a,
#navi9, #navi9 a,
#navi10, #navi10 a{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #007000;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.18em;
	font-style: normal;
	font-weight: bold;
	padding:2px 0 2px 0px;
	margin: 0px 0 0 0px;
}
#navi1 a:visited,
#navi2 a:visited,
#navi3 a:visited,
#navi4 a:visited,
#navi5 a:visited,
#navi6 a:visited,
#navi7 a:visited,
#navi8 a:visited,
#navi9 a:visited,
#navi10 a:visited{
	color: #060;
}
#navi1 a:active, #navi1 a:hover,
#navi2 a:active, #navi2 a:hover,
#navi3 a:active, #navi3 a:hover,
#navi4 a:active, #navi4 a:hover,
#navi5 a:active, #navi5 a:hover,
#navi6 a:active, #navi6 a:hover,
#navi7 a:active, #navi7 a:hover,
#navi8 a:active, #navi8 a:hover,
#navi9 a:active, #navi9 a:hover,
#navi10 a:active, #navi10 a:hover{
	color:#C74101;
	text-decoration: underline;
}
ul,ol {list-style:none; margin:0px;padding:0px;}
#navi1 li,#navi2 li,#navi3 li,#navi4 li,#navi5 li,#navi6 li,#navi7 li,#navi8 li,#navi9 li,#navi10 li {padding:0px 0px 0px 0px; margin:0px; position:relative;
}
/* IE-Patch für IE 7*/
*:first-child+html .group{min-height:0;}
/* IE-Patch für IE 6*/
* html .group{height:1%;}


#navi2:hover .subnavi2, #navi6:hover .subnavi6 {display:block;}
.subnavi2, .subnavi6 {display:none;}
#subnavi2 li,#subnavi6 li {position:relative;padding:1px 0px 1px 0px;}
#subnavi2, #subnavi6 {
	display:none;
	height:auto;
	text-align:left;
	position:absolute;
	background-color: #FFF5EC;
	border:1px solid #030;
	padding:2px;
	z-index:2;
}
#subnavi2 {
	margin: -22px 0px 0px 110px;
	width:106px;
}
#subnavi6 {
	margin: -22px 0px 0px 45px;
	width:130px;
}
#subnavi2 a, #subnavi6 a {
	display: block;
	color: #030;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 1px;
}
#subnavi2 a:hover, #subnavi2 a:active, #subnavi2 a:focus,
#subnavi6 a:hover, #subnavi6 a:active, #subnavi6 a:focus {color:#F00;text-decoration: underline;}

#content {
	float: left;
	color: #000;
	text-align: justify;
	width: 620px;
	margin: 3px 0px 0px 2px;
	padding:0px;
	font-weight: normal;
	font-size: 13px;
	line-height:21px;
}
#forms {
	float: left;
	color: #000;
	border:1px solid #030;
	padding:10px;
	text-align: justify;
	width: 580px;
	margin:10px;
	padding:10px;
	font-weight: normal;
	font-size: 13px;
	line-height:21px;
}

/*Rechte Spalte*/
#right {
	background-color:#FFF;
	float:right;
	position:relative;
	width:250px;
	margin: 0px 3px 0px 0;
	padding: 10px 0px 70px 0;
	z-index:100;
}
#bottom {
	right: 5px;
	position:absolute;
	bottom: 112px;
	margin: auto 88px 0 0;
	z-index:0;
	overflow: hidden;
}
/*Adds*/
#adds {
	float:right;
	position:relative;
	width:auto;
	height:auto;
	margin: 10px 0px 10px 20px;
	overflow: inherit;
}
#addright {
	float:right;
	position:relative;
	width:auto;
	height:auto;
	margin:  0px 0px 20px 20px;
	overflow: inherit;
}
/* Footer*/  
#footer{clear:both;padding:10px;margin:10px;text-align:center;color:#000;font-family:Verdana;font-size:11px;width:890px;}
#footer a,#footer a:hover,#footer a:visited,#footer a:active{font-weight:normal;}

#empfehlung {clear:both;padding:10px;margin:10px;text-align:right;color:#000;width:730px;font-size:14px;font-style:italic;font-weight: bold;}
#empfehlung a {color: #090;}
#empfehlung a:hover {color: #030;}
td.arznei {
	padding:5px 0px 5px 10px;
	vertical-align:top;
	text-align: justify;
	font-weight: normal;
	font-size: 12px;
	line-height:18px;
}
table.arznei {margin:10px 0 10px 0;
}
td.buch {
	padding:5px 5px 5px 5px;
	text-align: justify;
	font-weight: normal;
	font-size: 12px;
}
td.empfehlung {
	padding:10px;
	vertical-align:middle;
	
}



/*nur bis hier relevante Styles*/










li.liste{list-style-position:outside;list-style: disc;position:relative; padding:0px 0px 0px 0px; margin:7px 0px 7px 25px}
li.liste2{list-style-position:outside;list-style: decimal;position:relative; padding:0px 0px 0px 0px; margin:15px 0px 15px 25px}
ul.liste,ol.liste2{list-style: disc}
h1 {
	font-size : 18px;
	font-style : normal;
	color : #007000;
	font-weight : bold;
	padding: 0 0 16px 0;
}
h1.abstract {
    font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	margin-bottom: 5px;
	margin-top: 5px;
}
h2.overview {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	letter-spacing: 1px;
	line-height:13px;
}
.title  {
	font-size : 18px;
	font-style : normal;
	color : #007000;
	font-weight : bold;
	margin-bottom: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #007000;
	font-style: normal;
	letter-spacing: 0px;
	text-align: left;
	line-height:40px;
}
.sub {
	font-size: 16px;
	font-weight: bold;
	color: #007000;
	font-style: normal;
	margin-top: 12px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 12px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #007000;
	line-height: normal;
	font-style: italic;
	line-height:34px;
}
h3.startboldtext {
    font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	line-height:14px;
}

#headline, #headline a, #headline a:visited {
	color: #900;
	font-size: 13px;
	font-weight: bold;
	
}
#headline a:active, #headline a:hover {
	color:#F00;
	text-decoration: underline;
}

h4 {
    font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	line-height:28px;
}
.subsub {
	font-size: 14px;
	font-weight: bold;
	color: #007000;
	font-style: italic;
	line-height:30px;
}
.text  {
	font-size: 13px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	line-height: 21px;	
}
.einschub  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	line-height: 14px;
	padding:3px;
}
.einschub2  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	line-height: 14px;
	padding:10px;
}
.tabtext  {
	font-size : 12px;
	font-style : normal;
	color : #000000;
	font-weight : normal;
    text-align: center;
	height: 14px;
	line-height: 14px;
	padding:3px;
}
.starttext  {
	font-size : 12px;
	font-style : normal;
	color : #000000;
	font-weight : normal;
    text-align: justify;
	height: 14px;
	line-height: 14px;
}
.textbuch  {
	font-size : 11px;
	font-style : normal;
	color : #000000;
	font-weight : normal;
    text-align: justify;
}



a:link  {
color : #000000;
   text-decoration: underline
}
a:visited  {
	color : #000000;
text-decoration: underline
}
a:active  {
}
a:hover  {
	color : #007000;
    text-decoration: underline;
}




.boldtext {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0pt;
}
.startboldtext {
	font-size: 12px;
	line-height:14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.kursiv {
    font-size: 12px;
    font-style: italic;
	font-weight: normal;
	color: #000000;
}
.kursivmed { 
    font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	line-height: 21px;	
}
.kursivbig { 
    font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	line-height: 21px;	
}
.kursivblack { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px; 
   font-style: italic;
   font-weight: normal;
   color: #000000;
}
.mehrtext {
	width:620px;
	float: right;
	text-align:right;
	line-height:60px;
	font-weight:bold;
	font-style:italic;
}
.mehrtexte {
	float: right;
	text-align:right;
	line-height:20px;
	font-weight:bold;
	font-style:italic;
}
.bigbold {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 15px;
     font-style: normal;
	 font-weight: bold;
	 font-variant: normal;
	 color: #000000;
}
.klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	color: #000000;
}
.kleinblack {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px; 
   font-style : normal; 
   color : #000000; 
   font-weight : bold;
}
.mini {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
	font-variant: normal;
	color: #006600;
	text-decoration: none;
}

.boldwhite {
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   color: #FFFFFF;
   letter-spacing: 1px;
}

.textgreen {
   font-size: 11px;
   font-style: normal;
   font-weight: bold;
   text-align: center !important;
   color: #006600;
   letter-spacing: 0px;
   line-height:40px;
}

/* Bildwechsel bei hover */
/* :hover funktioniert im IE6 nur auf Links, ist dies fuer diesen Browser auch auf anderen Elementen gewuescht
   ist auf ein fix zurueck zu greifen z.B. http://www.iefix.org/ie-css-hover-effect-fix/ */
#content .imgContainer1{height:235px;width:200px;float:right;margin:5px 0px 5px 10px;} /*Kaktusfeige*/
/*           #content .imgContainer2{height:255px;width:200px;float:right;margin:10px 0px 10px 10px;} 2 und 3 sind frei
#content .imgContainer3{height:272px;width:300px;float:right;margin:10px 0px 10px 10px;}             */
#content .imgContainer4{height:411px;width:250px;float:left;margin:5px 10px 10px 0px;} /*Kokos*/
#content .imgContainer5{height:333px;width:350px;float:right;margin:5px 0px 10px 10px;} /*Kokos*/
#content .imgContainer6{height:348px;width:300px;float:left;margin:5px 10px 10px 0px;} /*Kokos*/
#content .imgContainer7{height:526px;width:200px;float:left;margin:5px 10px 10px 0px;} /*Kokos*/
#content .imgContainer8{height:332px;width:250px;float:left;margin:5px 10px 10px 0px;} /*Kokos*/
#content .imgContainer9{height:330px;width:250px;float:left;margin:5px 10px 10px 0px;} /*Cashew*/
#content .imgContainer11{height:223px;width:250px;float:left;margin:5px 10px 10px 0px;} /*Mango*/
#content .imgContainer12{height:393px;width:300px;float:right;margin:5px 0px 10px 10px;} /*Maniok*/
#content .imgContainer13{height:490px;width:200px;float:left;margin:5px 10px 10px 0px;} /*Maniok*/
#content .imgContainer14{height:391px;width:300px;float:left;margin:5px 10px 10px 0px;} /*Maniok*/
#content .imgContainer15{height:244px;width:350px;float:left;margin:5px 10px 10px 0px;} /*Gruentee*/
#content .imgContainer16{height:279px;width:350px;float:right;margin:5px 0px 10px 10px;} /*Gruentee*/
#content .imgContainer17{height:244px;width:350px;float:left;margin:5px 10px 10px 0px;} /*Gruentee*/

#img10, #img20, #img30, #img40, #img50, #img60, #img70, #img80, #img90, #img110, #img120, #img130, #img140, #img150, #img160, #img170{display:none;}

#content .imgContainer1:hover #img1,#content .imgContainer1:focus #img1{display:none;}
#content .imgContainer1:hover #img10,#content .imgContainer1:focus #img10{display:block;}
/*           #content .imgContainer2:hover #img2,#content .imgContainer2:focus #img2{display:none;}
#content .imgContainer2:hover #img20,#content .imgContainer2:focus #img20{display:block;}
#content .imgContainer3:hover #img3,#content .imgContainer3:focus #img3{display:none;}
#content .imgContainer3:hover #img30,#content .imgContainer3:focus #img30{display:block;}       */
#content .imgContainer4:hover #img4,#content .imgContainer4:focus #img4{display:none;}
#content .imgContainer4:hover #img40,#content .imgContainer4:focus #img40{display:block;}
#content .imgContainer5:hover #img5,#content .imgContainer5:focus #img5{display:none;}
#content .imgContainer5:hover #img50,#content .imgContainer5:focus #img50{display:block;}
#content .imgContainer6:hover #img6,#content .imgContainer6:focus #img6{display:none;}
#content .imgContainer6:hover #img60,#content .imgContainer6:focus #img60{display:block;}
#content .imgContainer7:hover #img7,#content .imgContainer7:focus #img7{display:none;}
#content .imgContainer7:hover #img70,#content .imgContainer7:focus #img70{display:block;}	
#content .imgContainer8:hover #img8,#content .imgContainer8:focus #img8{display:none;}
#content .imgContainer8:hover #img80,#content .imgContainer8:focus #img80{display:block;}
#content .imgContainer9:hover #img9,#content .imgContainer9:focus #img9{display:none;}
#content .imgContainer9:hover #img90,#content .imgContainer9:focus #img90{display:block;}
#content .imgContainer11:hover #img11,#content .imgContainer11:focus #img11{display:none;}
#content .imgContainer11:hover #img110,#content .imgContainer11:focus #img110{display:block;}
#content .imgContainer12:hover #img12,#content .imgContainer12:focus #img12{display:none;}
#content .imgContainer12:hover #img120,#content .imgContainer12:focus #img120{display:block;}
#content .imgContainer13:hover #img13,#content .imgContainer13:focus #img13{display:none;}
#content .imgContainer13:hover #img130,#content .imgContainer13:focus #img130{display:block;}
#content .imgContainer14:hover #img14,#content .imgContainer14:focus #img14{display:none;}
#content .imgContainer14:hover #img140,#content .imgContainer14:focus #img140{display:block;}
#content .imgContainer15:hover #img15,#content .imgContainer15:focus #img15{display:none;}
#content .imgContainer15:hover #img150,#content .imgContainer15:focus #img150{display:block;}
#content .imgContainer16:hover #img16,#content .imgContainer16:focus #img16{display:none;}
#content .imgContainer16:hover #img160,#content .imgContainer16:focus #img160{display:block;}
#content .imgContainer17:hover #img17,#content .imgContainer17:focus #img17{display:none;}
#content .imgContainer17:hover #img170,#content .imgContainer17:focus #img170{display:block;}

#content .btnRow{text-align:right;}
#content .btnRow a{text-decoration:underline;}


/*Bildposition*/
.itemrechts {
	float:right;
	margin: 5px 0px 5px 10px;
}
.logorechts {
	float:right;
	margin: 0px 0px 8px 10px;
}
.itemlinks {
    float:left;
	margin: 5px 10px 5px 0px; 
}
.bildlinks {
   	margin: 5px 5px 5px 5px; 
}
.bildrechts {
   	float:right;
	margin: 10px 20px 10px auto;
	vertical-align:middle;
}
.archivlinks{
	float:left;
	margin: 1px 3px 0 auto;
}
.itemrechts2 {
	float:right;  
	margin: 0px 0px 5px 10px;
}
.itemlinksklein {
    float:left;
	margin: 0px 10px 0px 0px;
}
.hoch {  font-size: xx-small; vertical-align: 40%;
}
.tief { font-size: smaller; vertical-align: -20%;
}
.inhalt {
    display:none
}

.light {
	color: #CCCCCC;
}
.block {
	top: 5px;
	bottom: 5px;
}

.kleinkursiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}

.announce {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #C61800;
	letter-spacing: 1px;
}



.hintergr6 {
	background-image: url(gifs/artikel/kokos/strandidylle2.jpg);
	background-repeat: no-repeat;
}



/* Buttons */
#buchWeiter a {
	background: url('gifs/design/buchbest-gr-a.gif') 400px 0 no-repeat;
	height:25px;
	width:620px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#buchWeiter a:hover, #buchWeiter a:focus {background: url('gifs/design/buchbest-r-a.gif') 400px 0 no-repeat;}

.weiter-rechts {
	text-align: right;
	font-weight: bold;
	margin: 20px 3px 0px 0px;
	padding:  0px 0px  0px  400px;
}


#druckVer a {
	background: url('gifs/design/druckversion-1.gif') 0 0 no-repeat;
	height:21px;
	width:175px;
	float:right;
	margin: 20px 10px 0px 30px;
	padding: 5px 5px 5px 5px;
	display: block;
}
#druckVer a:hover, #druckVer a:focus {background: url('gifs/design/druckversion-2.gif') 0 0 no-repeat;}

/*neue Suchfunktion*/



/* Quiz*/

.quizNummer {
	margin: 15px 2px 15px 7px;
	padding: 15px 2px 15px 7px;
	text-align: center;
	vertical-align:top;
}
.quizReihe {
	margin: 15px 0 15px 0px;
	padding: 15px 0 15px 0px;
	text-align: left;
}
.quizFrage {
	background-color: #FFF9E1;
	font-family: Verdana, Geneva, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color: #060;
}
.quizHinweis {
	background-color: #FFF9E1 ;
	font-family: Verdana, Geneva, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color: #060;
}
.quizPunkt {
	background-color: #FFF9E1;
	margin: 3px 0 3px 10px;
	padding: 3px 0 3px 10px;
	text-align: center;
}
.quizAntwort {
	background-color: #FFF9E1;
	font-family: Verdana, Geneva, sans-serif;
	font-size : 12px;
	font-weight: normal;
	margin: 3px 0 3px 10px;
	padding: 3px 0 3px 10px;
	text-align: left;
	color: #030 ;
}
.quizleer {
	background-color: #FFF ;
	height:8px;
}
.error {
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}