body { font-family: Circe-Regular, Tahoma, Geneva, sans-serif; margin: 0; padding: 0; background-color: white; } /* text-align: center; nötig??? */
.container { position: relative; text-align: left; width: 1000px; margin: 0px auto; } /* Zentrierungstrick (pos. relative trägt dazu nix bei: ist nötig weil Elternelement von xxl_werbung) */

#ivw { position: absolute; left: 0; top: -1px; }

#heado01 { float: left; display: inline; width: 350px; height: 105px; border-bottom: 3px double #eee; padding: 0; margin: 0; }
#heado02 { float: left; display: inline; width: 350px; height: 105px; border-bottom: 3px double #eee; padding: 0; margin: 0; background: url(image/FZ_Logo_bg.gif) no-repeat; }
#heado03 { float: left; display: inline; width: 300px; height: 105px; border-bottom: 3px double #eee; padding: 0; margin: 0; }
#heado04 { clear: left; width: 1000px; height: 107px; border-bottom: 3px double #eee; padding: 0; margin: 0; }
#feedy { float: left; display: inline; width: 197px; height: 107px; background-color: #808080; }
#xxl { float: left; display: inline; width: 800px; height: 100px; text-align: center; border-left: 3px double #eee; padding: 4px 0 3px 0; } /* seit 201103 nur noch Platzhalter */
#xxl_werbung { position: absolute; top: 112px; left: 200px; text-align: center; width: 800px; height: 100px; }  /* seit 201103 am Ende der Seiten */
#xxl_werbung02 { position: absolute; top: 1286px; left: 0px; text-align: center; width: 1000px; height: 124px; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; }  /* seit 201111 eingebaut */
#xxl_werbung02_tipps { position: absolute; top: 1300px; left: 0px; text-align: center; width: 1000px; height: 124px; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; }  /* seit 201111 eingebaut */

a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font: 14px Circe-Regular; letter-spacing: 1px; color: #555; padding: 0 0 0 5px; margin: 0; }
h1.artikelebene, h1.artikelebene a { font: 14px Circe-Regular; letter-spacing: 1px; padding: 0; margin: 0; color: #555; }


/****************************************************************
*	Navigation													*
*****************************************************************/
/* Navigation, die grossen Divisions
----------------------------------------------- */
#nav_dachzeile { clear: left; height: 6px; z-index: 99999; background:url(image/dachleiste.gif) no-repeat; }
#nav_gesamt { clear: left; height: 64px; z-index: 99999; margin: 0 0 20px 0; padding: 0; }
#nav_gesamt ul, #nav_gesamt li { margin: 0; padding: 0; list-style: none;}
#nav_gesamt li { float: left; position: relative; }


/* Navigation, Sekundaere Hierarchie
----------------------------------------------- */
#sekundaer { z-index: 888; } /* z-index kleiner als #style_navigation li:hover */

#style_navigation a { display: block; font: 12px/14px Circe-Regular; color: #fff; background-color: #ff7200; text-decoration: none; letter-spacing: 1px; }
#style_navigation li a:hover { font-weight: bold; color: #ff7200; background-color: #f3ff8f; cursor: pointer; } /*ie6, ie7*/ 
#style_navigation li a { height: 47px; margin-right: 3px; } /* height bestimmt Abstand des dritten Menues */
#style_navigation li { display: block; float:left; height: 64px; }
#style_navigation li:hover { display: block; cursor: pointer; z-index: 2000; } /*ie6, ie7*/
.quadrat { width: 65px; background-image:url(image/kachel_qua.gif); }
.rechteck { width: 115px; background-image:url(image/kachel_reeckig.gif); }
.dachbegriff { font: 12px/15px Circe-Regular; letter-spacing: 0; }
.dachbegriff02 { display: block; font: 12px/15px Circe-Regular; color: #000; background-color: #fff; letter-spacing: 0; }


/* Navigation, Tertiaere Hierarchie
----------------------------------------------- */
#style_navigation li ul { position: absolute; margin: 0 !important; padding: 0; width: 252px; display: none; }
#style_navigation li ul a { height: 21px; font: 14px Circe-Regular; color: #ee5200; letter-spacing: 1px; background-color: transparent; padding: 0; margin: 0 0 0 18px; border-top: 1px solid #fff; height: 20px; }
#style_navigation li ul a:hover { color: #fff; background-color: #ff7200; }
#style_navigation li ul li { background-color: #f3ff8f; }
/* drei Klassen fuer unterschiedliche Höhen (oben, mittig, unten): */
#style_navigation li ul li.oben { clear: both; display: inline; height: 36px; width: 252px; }
#style_navigation li ul li.mittig { clear: both; display: inline; height: 16px; width: 252px; }
#style_navigation li ul li.mittig.hoch { height: 22px; }
#style_navigation li ul li.unten { clear: both; display: inline; height: 40px; width: 252px; }
#style_navigation li ul li.oben a { margin: 14px 0 0 18px; } /* anderes padding fuers oberste Item */
#style_navigation li ul li.dreizeilig { clear: both; display: inline; height: 48px; width: 252px; }
#style_navigation li ul li.dreizeilig a { height: 48px; }
/* Items ohne Anker: */
#style_navigation li ul li.ohne { clear: both; display: inline; height: 18px; width: 234px; padding: 0 0 0 18px; font: bold 12px arial, sans-serif; color: #ff7200; letter-spacing: 1px; }


/* Navigation, Positionierung, IE6-JavaScript-erzeugte Klassen
----------------------------------------------- */
#style_navigation li:hover ul ul, #style_navigation li.sfhover ul ul {
	display: block; /*  IE6 */
}

#style_navigation li:hover ul,
#style_navigation li li:hover ul, 
#style_navigation li.sfhover ul,
#style_navigation li li.sfhover ul {
	display: block;
}

#style_navigation li.sfhover { z-index: 2000; }

/* E N D E Navigation
----------------------------------------------- */



.uze { float: left; height: 13px; background-color:#f3ff8f; padding: 0; margin-bottom: 10px; }
.ize { position: relative; top: -8px; padding: 0; margin: 0; }
.ize a { font: 28px/18px Circe-Regular; color: #ff7200; letter-spacing: -1px; }
.ize a:hover { text-decoration: none; }
.styler_rot { height: 13px; width: auto; background-color: red; padding: 0; margin-bottom: 10px; }
.styler_rot_artikel { height: 13px; width: 602px; background-color: red; padding: 0; margin-bottom: 10px; } /* extra nötig, da styler_rot auf Titel von ie6 display: none ist */
.styler_gruen { height: 13px; width: auto; background-color: #f3ff8f; padding: 0; margin-bottom: 10px; }
.schlaeger, .schlaeger a { font: 12px/9px Circe-Regular; color: red; letter-spacing: 2px; padding: 0; margin-bottom: 8px; }
.buch { padding: 0; margin-bottom: 15px; }
.buch, .buch a  { font: 14px Circe-Regular; letter-spacing: 1px; color: #555; }
h2, h2 a  { font: 14px Circe-Regular; letter-spacing: 1px; padding: 0; margin: 0; color: #555; }
h2.artikelebene, h2.artikelebene a  { font: 14px Circe-Regular; letter-spacing: 1px; color: #555; padding: 0 0 0 5px; margin: 0; }
.zusatz { font: 14px/18px Circe-Regular; color: #555; padding: 0; margin-bottom: 15px; }
.zusatz a { color: #555; }
.subline { padding: 0; margin-bottom: 15px; }
.subline, .subline a { font: 16px/22px Circe-Regular; color: #555; }
.autor { font: italic 12px/17px Circe-Regular; color: #c8e000; padding: 0; margin: 0; }
.fliesstext { font: 0.87em/20px Circe-Regular; color: black; padding: 0; margin-bottom: 20px; }
.fliesstext a { color: #555; }
.foto, .foto a { font: italic 12px/17px Circe-Regular; color: #555; padding: 0; margin: 0; letter-spacing: 1px; }

.querbild { width: 480px; padding: 0 5px 0 0; }
.querb_artikel { width: 300px; height: auto; padding: 0 5px 0 5px; }
.k_490er { float: right; width: 467px; padding: 0 10px 0 10px; }
.k_310er { float: left; width: 285px; height: auto; padding: 0; margin: 0 10px 0 0; }
.clearing { clear: both; height: 20px; }
.klammer { width: 795px; height: auto; margin: 0; }  /* der kann ein background gegeben werden; der _310er leider nur soweit sie sich ausdehnt; */

p.ausl_ue { background-color: #f00; margin: 0 0 5px 0; }
p.ausl_ue:hover { background-color: #FCFFE1; }
p.ausl_ue a { font: 18px Circe-Regular; color: #f3ff8f; padding: 5px 10px 5px 10px; }
p.ausl_ue a:hover { color: #FF7200; background-color: #fff; }

p.ausl_item01, h2.ausl_item01 { font: 14px Circe-Regular; letter-spacing: 1px; color: #555; padding: 0px 10px 0px 10px; margin: 0; }
p.ausl_item01 a, h2.ausl_item01 a { color: #555; }
p.ausl_item02, h2.ausl_item02 { font: 14px Circe-Regular; color: #dd7200; padding: 0px 10px 0px 10px; margin: 0; }
p.ausl_item02 a, h2.ausl_item02 a { font-weight: bold; color: #dd7200; }
p.ausl_item01gruen, h2.ausl_item01gruen { font: 14px Circe-Regular; letter-spacing: 1px; color: #555; background-color: #fcffe1; padding: 0px 10px 0px 10px; margin: 0; }
p.ausl_item02gruen, h2.ausl_item02gruen  { font: 14px Circe-Regular; color: #dd7200; background-color: #fcffe1; padding: 0px 10px 0px 10px; margin: 0; }
p.ausl_item02gruen a, h2.ausl_item02gruen a { font-weight: bold; color: #dd7200; }
.rezhinweis { font: bold 12px arial, sans-serif; color: #555; letter-spacing: 0; }
.linie { width: auto; height: 1px; background-color: #808080; padding: 0; margin: 0; }

.vdata { font-style: italic; letter-spacing: 1; line-height: 13px; }

#formularposition { padding: 12px 0 0 30px; }  /* Positionsangaben im form selber scheitern */


/* neues: */
.grauba { height: 13px; background-color: #808080; }
.bild285 { width: 285px; height: 436px; }
.bildunter { font: italic 12px arial, sans-serif; line-height: 17px; color: #808080; padding: 0 0 0 5px; margin: 0; }
.bildunter a { color: #808080; }
.autorita, .autorita a { font: italic 20px arial, sans-serif; color: #ff7200; line-height: 23px; letter-spacing: 0px; background-color: #f3ff8f; margin-top: 13px; }


/* Content Ads: */
p.anzeige { width: 294px; font: bold 12px arial, sans-serif; line-height: 14px; color: #fff; background-color: #808080; padding: 0 0 0 6px; margin: 0; }
.content_ad { width: 300px; margin-bottom: 25px; }
.cont_ads_titel { float: left; width: 300px; padding: 0; } 


/* 					 */
/* Auslagen: */
/* 					 */
.ausl_illu { clear: left; width: 285px; border-top: 13px solid #808080; padding: 5px 0 0 0; margin: 0 20px 20px 0; } /* clear nötig, wenn darunter floatende Kästen */
.au_mitte { width: 355px; margin: 0 0 20px 0; }
.au_rechts { width: 300px; margin: 0 0 20px 0; }
.au_titel { width: 200px; margin: 0; text-align: left; }

.ausl_grau { font: 12px/12px Circe-Regular; letter-spacing: 1px; color: #555; padding: 0 0 0 5px; margin-bottom: 5px; }
.ausl_grau a { color: #555; }


/* 					 */
/* titel: */
/* 					 */
.contenttit01  { float: left; display: inline; width: 795px; margin: 0 5px 0 0; }
.contenttit02  { float: left; display: inline; width: 200px; padding: 0 0 0 0; }
.au_titel .vom_autor { width: 189px; height: auto; border-left: 1px solid #eee; padding-left: 10px; }  /* abwandlungen, siehe kuvo und artikel */
.au_titel .vom_thumb { width: 42px; height: 56px; margin: 0 10px 0 0; }  /* " */
.au_titel .vom_text { width: 137px; height: auto; padding: 0; }  /* " */


/* 					 */
/* kuvo und artikel: */
/* 					 */
.andereArtikel, .andereArtikel a { clear: left; font: 14px/16px Circe-Regular; color: red; letter-spacing: 1px; padding: 0; margin-bottom: 20px; }
.andereArtLink, .andereArtLink a { font: 12px Circe-Regular; color: #555; letter-spacing: 1px; padding: 0; margin: 0; }
.essay { clear: left; border-left: 1px solid #eee; margin-top: 0px; padding: 0 0 12px 10px; }
.thumb { float: left; margin-right: 10px }

.vom_autor { float: left; width: 380px; height: 84px; padding: 0 0 12px 0; }
.vom_thumb { float: left; display: inline; width: 63px; height: 84px; padding: 0; margin: 0 7px 0 0; }
.vom_text { float: left; display: inline; width: 295px; height: 84px; font: 12px/16px Circe-Regular; color: #555; letter-spacing: 1px; padding: 0 15px 0 0; }
.vom_text a { color: #555; letter-spacing: 1px; }

#dsq-content, #dsq-content a { font-family: Arial, Helvetica, sans-serif !important;; color:#808080 !important; }
.dsq-full-comment, .dsq-full-comment a { font-family: Arial, Helvetica, sans-serif !important;; color:#000 !important;  }
.dsq-brlink { font-family: Arial, Helvetica, sans-serif !important; color:#808080 !important; }


/* 					 */
/* artikel: */
/* 					 */
.contentart01  { float: left; display: inline; width: 675px; padding: 0 20px 0 5px; }
.contentart02  { float: left; display: inline; width: 300px; }
.artbuchhead { width: 675px; }
.thbild { float: left; display: inline; width: 63px; margin: 5px 10px 5px 0; border: 0; }
.abuheadtx { float: left; display: inline; width: 602px; margin: 0; } /* 675 minus 73 */
.artikel_uze { text-align: center; font: 30px Circe-Regular; color: #ff7200; line-height: 45px; letter-spacing: -1px; }
.ausl_illu_art { float: right; width: 285px; padding: 5px 0 0 0; margin: 0 20px 20px 8px; }
.gr_rahmen { border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.au_rechts .vom_autor { width: 300px; }  /* abwandlungen */
.au_rechts .vom_text { width: 227px; padding: 0; }  /* " */
.anzeigerskyart { width: 250px; text-align: left; margin: 0; padding: 0 0 5px 0; }
#skyscraperart { float: right; display: inline; clear: right; height: 621px; width: 250px; text-align: center; background-color:#fff; border-right: 1px solid #eee; border-left: 1px solid #eee; margin: 0 0 20px 8px; }
#verlag_u_ca02 { width: 675px; height: 264px; }
#verlag { float: left; display: inline; padding: 0 25px 0 25px; margin: 0 0 20px 0; }
#ca02_art { float: left; display: inline; width: 300px; margin: 0 0 20px 0; }


/* 					 */
/* kuvo: */
/* 					 */
.content01  { float: left; display: inline; width: 305px; }
.content02  { float: left; display: inline; width: 380px; padding: 0 15px 0 0; }
.content03  { float: left; display: inline; width: 300px; }
.rezkommt { font: bold 14px/20px Circe-Regular; color: #f00; border: 1px dotted #eee; letter-spacing: 1px; padding: 0 4px 0 4px; margin: 0 0 4px 0; }
.rezkommt a { color: #f00; }
.anzeigersky { width: 284px; margin: 0; padding: 0 0 2px 0; border-right: 1px solid #eee; }
#skyscraper { height: 620px; width: 284px; text-align: left; border-right: 1px solid #eee; border-top: 1px solid #eee; }


/* 					 */
/* zooms: */
/* 					 */
.vom_autor.zoom { width: 345px; }  /* abwandlungen */
.vom_text.zoom { width: 260px; padding: 0; }  /* " */


/* 					 */
/* neuerscheinungen: */
/* 					 */
.contentnez01  { float: left; display: inline; width: 300px; }
.contentnez02  { position:relative; float: left; display: inline; width: 696px; margin: 0 0 0 4px; }
.anzeigerskynez { width: 194px; line-height: 12px; font-size: 12px; margin: 0; padding: 0 0 5px 6px; }
.sky01 { position: absolute; top: 305px; left:0; width: 300px; height: 600px; }
.sky02 { position: absolute; top: 1438px; left:0; width: 300px; height: 600px; }
.nezfuss { float: right; display: inline; width: 696px; background-color: #808080; margin: 0 0 0 5px; } 
.reihemonths { display: inline; float: left; width: 225px; height: 178px; background-color: #808080; padding: 3px 0 0 6px; }
.reihemonths a { font: 14px/19px Circe-Regular; color: #fff; }
.youare { font: 13px/19px Circe-Regular; color: #fff; }
.reihenorm { display: inline; float: left; width: 228px; height: 181px; border-left: 3px double #808080; }
.reihezu { display: inline; float: left; width: 228px; height: 181px; border-left: 3px double #808080; border-right: 3px double #808080; }
.ne_clearing { clear: both; height: 1px; width: 694px; border: 1px solid #808080; }

.thumb_autor_titel { clear: both; width: 228px; height: 106px; border-bottom: 1px solid #eee; }
.ne_thumb { float: left; margin-right: 8px; border: 0; }
.ne_autor { font: 15px/14px Circe-Regular; color: #555; letter-spacing: 1px; padding-top: 3px; margin: 0; } /* never give margin! */
.ne_titel, .ne_titel a { font: 14px/15px Circe-Regular; color: #555; padding-top: 6px; margin: 0; } /* never give margin! */
.ne_verlag { float: left; width: 155px; height: 71px; border-right: 1px solid #eee; font: 13px/14px Circe-Regular; color: #555; padding: 3px 0 0 3px; }
.rezkuvo_klammer { float: right; width: 69px; height: 74px; }
.rezlink { width: 67px; height: 36px; border-bottom: 1px solid #eee; padding: 3px 0 0 3px; }
.rezlink, .rezlink a { font: 13px/14px Circe-Regular; color: red; }
.kuvolink { width: 67px; height: 31px; padding: 3px 0 0 3px; }
.kuvolink a { font: 13px/14px Circe-Regular; color: #555; }

.genrekasten { font: 13px/14px Circe-Regular; color: #fff; letter-spacing: 1px; background-color: #ff7200; padding: 0; margin: 0; }




/* Genres: werden anderwo noch verwendet */
.genre_schlaeger, .genre_schlaeger a { font: 16px arial, sans-serif; color: #808080; line-height: normal; letter-spacing: 2px; border: 1px; border-color: #808080; padding: 0; margin-bottom: 8px; }
.genre_schl_grau, .genre_schl_grau a { font: 13px/14px Circe-Regular; color: #555; letter-spacing: 2px; padding: 0; margin-bottom: 8px; }
.genre_uze, .genre_uze a { clear: both; font: 24px/24px Circe-Regular; color: #ff7200; letter-spacing: -1px; margin-bottom: 15px; }
.genre_buch { padding: 0; margin-bottom: 8px; }
.genre_buch, .genre_buch a  { font: 14px/14px Circe-Regular; letter-spacing: 1px; color: #555; }
.styler_rot_genre { height: 13px; width: auto; background-color: red; padding: 0; margin-bottom: 7px; }
.genre_fliesstext { font: 12px verdana, sans-serif; line-height: 17px; color: black; padding: 0; margin-bottom: 20px; }
.genre_fliesstext a { color: #808080; }
.genre_weiteres, .genre_weiteres a { text-align: right; font: 12px verdana, sans-serif; color: #808080; letter-spacing: 0px; margin-bottom: 20px; }




/* google: */
#gozuzu { position:relative; z-index: 9999999; padding: 14px 10px 0px 31px; }

form.gsc-search-box { height: 20px; margin-bottom: 0px; }

.gs-result .gs-title, .gs-result .gs-title * { font: bold 14px arial, sans-serif; letter-spacing: 0.3px; }
.gs-snippet { font: normal 13px arial, sans-serif; color:#666; }
.gs-visibleUrl { font: normal 0px arial, sans-serif; }

table.gsc-branding td, table.gsc-branding { visibility: hidden; }
.gsc-branding-text { visibility: hidden; }
.gsc-branding-img { visibility: hidden; }
.gsc-title { visibility: hidden; }

.gsc-resultsbox-visible { width: 671px; background-color: #fdffe7; border-left: 5px solid #808080; border-bottom: 5px solid #808080; border-right: 5px solid #808080; border-top: 10px dashed #808080; padding: 0 6px 30px 3px; margin-left: -381px; margin-top: -5px; }
.gsc-resultsRoot.gsc-resultsbox-visible { border: 0; padding: 0; }
.gsc-cursor-page { font: normal 11px arial, sans-serif; color:#666; }
.gsc-trailing-more-results { visibility: hidden; }


/* einzeltitelwerbung content ad*/
.textwerbung { float: inherit; width: 300px; height: 250px; }
.textbereich { display: inline; float: left; text-align:left; width: 136px; height: 250px; background-color: #808080; }
.bildbereich { display: inline; float: left; width: 164px; height: 250px; }

.et_ue { background-color: #fff; margin: 0; padding: 6px 3px 5px 3px; }
.et_ue, .et_ue a { font: bold 14px georgia; color: #808080; line-height: 15px; }

.et_fl { padding: 0; margin: 7px 3px 3px 4px; }
.et_fl, .et_fl a { font: 12px georgia; color: #fff; line-height: 14px;}

.et_vg { padding: 0; margin: 0px 3px 3px 4px; }
.et_vg, .et_vg a { font: bold 13px georgia; color: #fff; line-height: 13px; letter-spacing: -1px; }

/* BIG-CA-Textwerbung */
.bigcatextwerbung { float: inherit; width: 392px; height: 300px; }
.bigcatextbereich { display: inline; float: left; text-align:left; width: 196px; height: 300px; background-color: #808080; }
.bigcabildbereich { display: inline; float: left; width: 196px; height: 300px; }

.bigca_ue { background-color: #fff; margin: 0; padding: 6px 3px 5px 5px; }
.bigca_ue, .bigca_ue a { font: bold 14px georgia; color: #808080; line-height: 15px; }

.bigca_fl { padding: 0; margin: 7px 5px 3px 0px; }
.bigca_fl, .bigca_fl a { font: 12px georgia; color: #fff; line-height: 14px;}

.bigca_vg { padding: 0; margin: 0px 5px 3px 0px; }
.bigca_vg, .bigca_vg a { font: bold 13px georgia; color: #fff; line-height: 14px; }

/* einzeltitelwerbung Skyscraper */
.skytextwerbung { width: 200px; height: 600px; background-color: #808080; }

.sky_balken { width: 200px; height: 11px; }

.sky_container { width: 200px; height: 168px; }

.sky_ue { width: 197px; background-color: #fff; margin: 0; padding: 4px 3px 5px 0; }
.sky_ue, .sky_ue a { font: bold 14px georgia; color: #808080; line-height: 15px; }

.sky_fl { width: 190px; padding: 10px 5px 0 5px; }
.sky_fl, .sky_fl a { font: 12px georgia; color: #fff; line-height: 14px;}

.sky_bild { width: 200px; height: 312px; }

.sky_logo { width: 200px; height: 75px; }

.sky_verlag { width: 186px; height: 35px; padding: 0 6px 0 8px; }
.sky_verlag, .sky_verlag a { font: bold 13px georgia; color: #fff; line-height: 13px; }

/* einzeltitelwerbung XXL */
.xxltextwerbung { width: 800px; height: 100px; }
.xxltextbereich { display: inline; float: left; text-align : right; width: 400px; height: 100px; background-color: #808080; }
.xxlbildbereich { display: inline; float: left; width: 400px; height: 100px; }

.xxl_ue { margin: 3px 0 0 0; padding: 4px 0 0 0; }
.xxl_ue, .xxl_ue a { font: bold 14px georgia; color: #808080; line-height: 19px; }

.xxl_fl { padding: 0; margin: 0 10px 3px 4px; }
.xxl_fl, .xxl_fl a { font: 12px georgia; color: #fff; line-height: 14px;}