/* 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;
}

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: 1217px;
	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 {
	float:right;
	position: absolute;
	margin-left:1055px; /*1050px leicht ueberlappend*/
	width:160px;
	height:600px;
	bottom:auto;
	margin-top:5px;
	overflow:visible;
}
/*Rechte Spalte*/
#right {
	background-color:#FFF;
	float:right;
	position:relative;
	width:260px;
	height:auto;
	margin: 0px 3px 30px 0;
	width:240px;
	padding: 10px 0px 30px 10px;
	min-height:500px;
	z-index:2;
	overflow:visible
	
}

#bottom {
	right: 5px;
	position:absolute;
	bottom: 112px;
	margin: auto 88px 0 0;
	z-index:0;
	overflow: hidden;
}
/*#bottom {
	position:fixed;
	float:right;
	margin-left:798px;
	margin-right:88px;
	clear:none;
	width:160px;
	height:auto;
	z-index:0;
	overflow:hidden;
}*/

#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:614px;padding:1px 3px 1px 1px;}
.archivbildfrei {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/menue2011-blog.jpg') 0 0 no-repeat;
	float: left;
	width: 136px;
	height: 750px; /*502px;*550px*/
	position:relative;
	padding: 44px 0 0 14px;
	margin: 3px 0px 0px 0px;
}
#untermenue {
	left:-1px;
	width: 134px;
	top:660px;
	position:absolute;
	padding: 0px 15px 0 auto;
	margin: 0px;
	text-align:center;
}
#affiliate {
	left: 5px;
	position:absolute;
	margin: 800px auto auto 0;
	z-index:0;
	overflow: hidden;
}
.border {border-top-style:solid; padding-top:3px; border-top-width: 1px; border-top-color: #2A4956;}

#menue li{position:relative;font-style:normal;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;
}
#navi11, #navi11 a, #navi11 a:visited {
	color: #F00;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
#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,
#navi11 a:active, #navi11 a:hover{
	color:#F00;
	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,#navi11 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,#navi5:hover .subnavi5, #navi6:hover .subnavi6 {display:block;}
.subnavi2, .subnavi5, .subnavi6 {display:none;}
#subnavi2 li,#subnavi5 li,#subnavi6 li {position:relative;padding:1px 0px 1px 0px;}
#subnavi2, #subnavi5, #subnavi6 {
	display:none;
	height:auto;
	text-align:left;
	position:absolute;
	background-color: #FFF5EC;
	border:1px solid #030;
	padding:3px;
	z-index:2;
}
#subnavi2 {
	margin: -22px 0px 0px 110px;
	width:143px;
}
#subnavi5 {
	margin: -22px 0px 0px 110px;
	width:135px;
}
#subnavi6 {
	margin: -22px 0px 0px 55px;
	width:170px;
}
#subnavi2 a, #subnavi5 a, #subnavi6 a {
	display: block;
	color: #030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 3px;
}
#subnavi2 a:hover, #subnavi2 a:active, #subnavi2 a:focus,
#subnavi5 a:hover, #subnavi5 a:active, #subnavi5 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;
}


/*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;
}
#cul {
	width:220px;
	height:32px;
	text-align:center;
	background: url('gifs/empfehlung/culinarico-bg.gif') 0 0 no-repeat;
}

/*Empfehlung*/
#media1 {
	float:left;
	width:110px;/*170px;*/
}
#media2 {
	float:left;
	width:110px;/*180px;*/
}
#media3 {
	float:left;
	width:130px;
}
#media4 {
	float:left;
	text-align:right;
	width:110px;
}
.media {margin: 0px 0 auto 0px; text-align:center;color:#88B1D2;font-size:11px;font-weight:bold;}

#empfehlung {clear:left;padding:30px 0px 30px 150px;margin:20px 20px 20px -5px;text-align:right;color:#000;width:620px;font-size:12px;font-style:normal;font-weight: bold;}
#empfehlung a {color: #090;}
#empfehlung a:hover {color: #030;}

/* Footer*/  
#footer{clear:left;padding:0px;margin:20px 0 20px 150px;text-align:center;color:#000;font-family:Verdana;font-size:11px;width:620px;}
#footer a,#footer a:hover,#footer a:visited,#footer a:active{font-weight:normal;}

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: 15px;
	font-weight: bold;
	color: #007000;
	line-height: normal;
	font-style: italic;
	line-height:33px;
}
h3.startboldtext {
    font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding:3px 3px 0px 0px;
}

#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: #007000;
	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;
}

.hervorhebung {
	padding: 5px;
	border:1px solid #060;
	background-color:#FFF5EC;
	width:auto;
	height:auto;
	font-size : 13px;
	font-style: normal;
	color: #060;
	font-weight: bold;
    text-align: center;
}
.startannonce {
	padding: 0px;
	border: none;
	background-color:#FFF5EC;
	width:90px;
	height:auto;
	font-size : 13px;
	line-height: 20px;
	font-style: normal;
	color: #F00;
	font-weight: bold;
    text-align: center;
}
.blog {
	margin:25px auto 25px -6px;
	padding: 6px;
	border:1px solid #999;
	background-color: #FFA; /*#FFFED5*/
	width:116px;
	height:auto;
	/*-moz-border-radius:10px;
	-khtml-border-radius:10px;*/
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
}
li.posts {
	padding:3px 0px 3px 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.exkurs {
	padding: 10px;
	border:1px solid #333;
	background-color:#EFEFEF;
	width:auto;
	height:auto;
	line-height:18px;
}
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*/
/*   3 sind frei  */
#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*/
/*#content .imgContainer18{height:346px;width:300px;float:right;margin:5px 0px 10px 10px;} /*Pilze*/
#content .imgContainer19{height:352px;width:350px;float:right;margin:5px 0px 10px 10px;} /*Kapok*/
#content .imgContainer20{height:255px;width:350px;float:right;margin:5px 0px 10px 10px;} /*Kapok*/
#content .imgContainer21{height:327px;width:350px;float:right;margin:5px 0px 10px 10px;} /*Kapok*/

#img10, #img40, #img50, #img60, #img70, #img80, #img90, #img110, #img120, #img130, #img140, #img150, #img160, #img170, #img190, #img200, #img210 {display:none;} /*#img180  #img30,*/

#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 .imgContainer18:hover #img18,#content .imgContainer18:focus #img18{display:none;}
#content .imgContainer18:hover #img180,#content .imgContainer18:focus #img180{display:block;}*/
#content .imgContainer19:hover #img19,#content .imgContainer19:focus #img19{display:none;}
#content .imgContainer19:hover #img190,#content .imgContainer19:focus #img190{display:block;}
#content .imgContainer20:hover #img20,#content .imgContainer20:focus #img20{display:none;}
#content .imgContainer20:hover #img200,#content .imgContainer20:focus #img200{display:block;}
#content .imgContainer21:hover #img21,#content .imgContainer21:focus #img21{display:none;}
#content .imgContainer21:hover #img210,#content .imgContainer21:focus #img210{display:block;}


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


/*Bildposition*/
.schrift{
	margin-bottom:23px !important;
	
}
.bildunterschrift {
	clear:both;
	width:auto;
	font-size:11px;
	line-height:11px;
	margin-top:-18px !important;
}

.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: 3px 3px 3px 2px;
}
.archivebreit{
	float:left;
	margin: 3px 10px 3px 5px;
}
.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: -10%;
}
.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: 17px;
	font-style: italic;
	font-weight: bold;
	line-height: 28px;
	padding:3px;
	color: #C61800;
	letter-spacing: 0px;
}

.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;
}