/*********************************************
         css für w w w . F R A T Z . a t
		 www.graphiks.info | Juni 2008 
		 andreas.hartl@graphiks.info
**********************************************/

/*	Inhalte:
	1. Basic: generelle  Generelle Formatierungen und Aufheben von Browser-Voreinstellungen
	2. Layout: Das Grundgerüst und die Formatierung der darin enthaltenen Elemente	
	 		2.1. Header: Logo, Navigation und Subnavigation
			2.2. Main: Container für Inhalte
				 2.2.1 Sidebar: Inhalte Rechter Bereich, Breite 170px
				 2.2.2 Content: Inhalte Linker Bereich, Breite 600px
				 
			2.3. Footer: Statische Fußleiste
			2.4. Umlaufende Banner
	3. Print		
*/		     			


/* 1 . B A S I C
 Generelle Formatierungen und Aufheben von Voreinstellungen
 ===========================================================================================================================*/
@media all{

html {min-height:100%; margin-bottom:1px;  text-align: left; background:#fff; } /*Permanente Anzeige der Srcollbar im Firefox*/
body {  position:absolute; left:0; top: 5px; width:971px; 	   background:#fff; height:auto;    border-bottom:0 none; min-height:100%; margin:0;    } /*Der Container für alle Layout-Elemente*/
	* html body	{ height:100%;} /*für lt IE7*/


/*Schrift*/
body, tr, td, th, a, a:visited {font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif  ; 	font-size: 11px; 	color: #333; margin:0;} 

/*überschreiben browserspezifischer Vorgaben*/
ul, li, ol, blockquote, dl, h1, h2, h3, h3, h4, h5, h6, dd, dt, cite, em, b, i { margin:0; padding:0; font-weight:normal; font-size:1em; font-style:normal; border:0 none;}
li, dd, dt	{ list-style:none;} 

/*Links generell: werden in Navi, Content und Sidebar getrennt formatiert*/
a, a:visited { outline:none; text-decoration:none; color:#333;  }
a img	{ border:0 none;} /*Entfernen Border von Bildern innerhalb Links*/
a:hover, a:focus, a:active { outline:none; text-decoration:none; color:#666;  }

/*Überschriften*/
h1  { font-size:1.6em;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:7px;}
	h1 a, h1 a:visited	{ font-size:1em;} /*für Sidebar und Content eigene Formatierungen*/
h2 { font-size:1.2em;}
h3 {}
h4 {}
h5 {}
h6 {}

/*floats*/
.flLe	{float:left; width:auto; height:auto; margin:0 15px 15px 0; }


/* 2. L A Y O U T
 Das Grundgerüst und die Formatierung der darin enthaltenen Elemente
 ===========================================================================================================================*/

	
	/* 2.1. H E A D E R
	Logo, Hauptnavigation, Subnavigation: Positionierung, Formatierung der Links
	-------------------------------------------------------------------------------	*/
	
	/*container für logo, navi, subnavi:*/
	#header { position:absolute; left:7px; top:120px; height:auto; width:790px;  z-index:10; display:block;	} 
	#header #hr	{ position:absolute; left:0; top:55px; height:0; background:0 none; border-top:1px solid #666; width:790px;}
	
	/*Logo fratz.at mit Link auf die Startseite*/
	#nHome, #nHome:visited,#nHome:hover, #nHome:active	
	{ position:absolute; left:0; top:0;width:200px; height:54px; 	display:block; background: url(../_images/logo-fratz.jpg) no-repeat #fff; 	 text-indent:-9000px;} 

	/*Navigation, Ebene 1*/
	#navi { position: absolute; top: 24px; height:auto; width: 560px; left:210px; z-index:1000; 	}
	#navi li a, #navi li a:visited { background:#fff; padding:0 7px; text-decoration:none;  float:left; white-space:nowrap; color:#000; display: block; width: auto; border-width:1px; border-style:solid; position:relative;	}
	#navi li { 	margin: 0;	float: left;	display: block; margin-right:5px;	}
	#navi li:hover { 	color: #666; background:#000;}
	#navi li ul li a:hover { 	color: #666; background:#000;}
	#navi li:hover { 	color: #666; background:#000;}
	#navi li.hover { 	color: #666; background:#fff;}
	#navi li a:hover { 	color: #666; background:#fff;}
	
	/*Navigation, Ebene 2*/
	#navi li ul {display:none;}
	#navi li ul li	{ border:1px solid #ccc; border-width:1px 0; margin:0;}

	#navi li ul li a, #navi li ul li a:visited {border-width:0; border-style:none; border-right:1px solid #ccc; float: left; color: #333; width: auto; 	padding:2px 7px;   font-size:1em; 	margin:3px 0; background:#fff;	}
	#navi li:hover ul, #navi li.over ul { display: block; background:0 none;   position: absolute;top:-500px;left:0;padding:5px 0; height:28px; width:570px;background:#fff; }
	
	
	/*Die Rubrik-Farben der Haupt- und Subnavipunkte: Text und Rahmen */
	#navi .nFamily, #navi .nFamily:visited { border-color:#DC661C;color:#DC661C;}
	#navi .nTour, #navi .nTour:visited	{border-color:#AE5D92; color:#AE5D92; }
	#navi .nTrend, #navi .nTrend:visited	{border-color:#A6CE38;color:#A6CE38; }
	#navi .nVital, #navi .nVital:visited	{border-color:#0075BD;color:#0075BD; }
	#navi .nExpert, #navi .nExpert:visited	{border-color:#900;color:#900; }
	#navi .nCommunity, #navi .nCommunity:visited	{border-color:#D8161F;color:#D8161F; }
	#navi .nFamily, #navi .nTour, #navi .nTrend, #navi .nVital, #navi .nExpert, #navi .nFamily:visited, #navi .nTour:visited, 
	#navi .nTrend:visited, #navi .nVital:visited, #navi .nExpert:visited, #navi .nCommunity, #navi .nCommunity:visited 
	{ line-height:30px;font-weight:bold; 	font-size:1.2em; border-bottom-color:#666;} 

	#navi .nTour:hover	{color:#666;  border-bottom-color:#fff; }
	#navi .nTrend:hover	{color:#666;  border-bottom-color:#fff;}
	#navi .nVital:hover	{color:#666;  border-bottom-color:#fff;}
	#navi .nExpert:hover	{color:#666;  border-bottom-color:#fff;}
	#navi .nCommunity:hover	{color:#666;  border-bottom-color:#fff;}
	#navi .nFamily:hover {color:#666;  border-bottom-color:#fff;}
	
	.startseite { position:absolute; top:40px; left:735px;}
	
	#subnavi	{position:absolute; height:25px; z-index:1; white-space:nowrap; }
	#subnavi li { float:left; padding-left:5px; padding-right:5px; border-right:1px solid; margin-left:-1px; border-left:1px solid; font-weight:bold; }
	#subnavi span a { text-decoration: none; color:#666;}
	
	#subnavi_edit	{position:relative; height:25px; z-index:1; white-space:nowrap; }
	#subnavi_edit li { float:left; padding-left:5px; padding-right:5px; border-right:1px solid; margin-left:-1px; border-left:1px solid; font-weight:bold; }
	#subnavi_edit span a { text-decoration: none; color:#666;}
	
	#subnavi_notlogin	{position:absolute; height:25px; z-index:1; white-space:nowrap; }
	#subnavi_notlogin li { float:left; padding-left:5px; padding-right:5px; border-right:1px solid; margin-left:-1px; border-left:1px solid; font-weight:bold; }
	#subnavi_notlogin span a { text-decoration: none; color:#666;}
	
	/*Container für Login-Leiste unterhalb der Hauptnavi*/
	#loginTop form	{ margin:0; padding:0;}
	#loginTop	{width:790px; position:absolute; top:85px; left:0; border-bottom:1px solid #666; height:25px; z-index:1;}
	#loginTop label	{ width:auto; height:auto; margin-right:7px; margin-top:10px;}
	#loginTop input	{ width:75px;border:1px solid #666;padding:2px; font-size:0.9em; color:#333; height:auto; margin-right:15px; }
	#loginTop .button	{ background:#999; width:auto; font-weight:bold; text-align:center; color:#fff; margin-right:15px; 
	height:auto; cursor:pointer;  }
	
	/* 2.2. M A I N
	Container für 2.2.1. Content und 2.2.2. Sidebar
	-------------------------------------------------------------------------------	*/

	#main	{ position:absolute; left:0; top:0; width:970px; height:auto; background:#fff; padding:240px 0 20px 0; z-index:3; border-right:1px solid #666;border-top:1px solid #666; }
	#main h1	{ margin:5px 0 10px 7px;}

	/* 2.2.1  S I D E B A R
	Servicebereich rechts, Breite 180px
	-------------------------------------------------------------------------------	*/
	#sidebar {clear:left; position:relative; top:0px; width:160px;  height:auto; background:#fff;float:right;
	 padding-bottom:20px; margin-right:182px;  }
		* html #sidebar	{ margin-right:84px;} /*hack lt IE7*/
		
	/*Die einzelnen Themen werden in Absätzen <div> und <form> geordnet*/

	/*Community Login*/

	#sidebar form.community input	{ width:120px; border:1px solid #666; padding:2px; font-size:0.9em; color:#333;}
	#sidebar form.community .button	{ background:#999; width:auto; font-weight:bold; text-align:center; color:#fff; margin-top:7px; cursor:	pointer; }
	#sidebar form.community input.radio { margin: 0; padding: 0; border: 0;}
	#sidebar form.community input.checkbox { margin: 0; padding: 0; border: 0; width:20px;}
		
	#sidebar .werbung {  width:158px; height:90px; overflow:hidden; border:1px solid #ccc; padding:4px;}

	#sidebar .subn h1	{font-weight:bold; font-size:12px; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; border:0 none; border-bottom:1px solid #DBB200; padding-bottom:2px; margin:0px 0 5px 0 ;}
	#sidebar .subn ul { padding-top: 0; margin: 0px; }
	#sidebar .subn li { border-left: 1px solid; margin: 3px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; width: 160px; font-weight: bold;}
	#sidebar .subn li a:hover {text-decoration: underline; }  
	#sidebar .subn li.active a { color:#666; }
	
	#container	{ border:0px solid; width:162px; display:block;}
	#container h1	{ font-weight:bold; font-size:12px; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; border:0 none; padding:2px; margin:2px 2px 5px 5px; }
	#container .text { padding: 3px 3px 3px 3px; left:-1px; width:160px; margin: 2px; z-index:1; background-color: #EBEBEB;	clear:both;	}
	#container .text .headline a { font-weight: bold; text-transform: uppercase; font-size: 10px; text-decoration: none; display: inline; }
	#container .text .subline a { font-size: 9px; text-decoration: none; display: inline; }


	/* 2.2.2 C O N T E N T
	Container für Inhalte links, Breite 600px
	-------------------------------------------------------------------------------	*/

	#content	{ position:relative; margin: 0 0 0 7px; top:8px; width:612px; height:auto; z-index:2; padding-bottom:20px;   }
	
	/*Container für Headlines + Inhalte: Breite 50%, Höhe 250px*/
	.content-left { float:left; width:298px; height:246px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:2px;}
	.content-left { margin-right:4px;}
	.content-left-content-ad { float:left; width:298px; height:246px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:2px;}
	.content-left-content-ad { margin-right:4px;}
	.content-right	{ position:relative; left:2px; float:left; width:300px; height:250px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:0px;}
	
	/*Container für Headlines + Inhalte: Breite 50%, Höhe 125px*/
	.content-left120	{ float:left; width:298px; height:120px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:2px;}
	.content-left120 { margin-right:6px;}
	.content-right120	{ float:left; width:296px; height:120px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:2px;}
	
	/*Container für Headlines + Inhalte: Breite 100%*/
	.content-600	{ height:auto; border:1px solid #ccc; margin-bottom:10px; width:600px; padding:5px; clear:left;}
	
	.content-600 ol { position:relative; left: 20px; }
	.content-600 ol li	{ list-style-type:decimal; margin: 0px; }
	
	.content-600 ul { position:relative; left: 17px; }
	.content-600 ul li	{ list-style-type:disc; margin: 0px; }
	
	/*Container für Headlines + Inhalte: Breite 100%*/
	.content-600-noborder { position:relative; left:-2px; height:auto; margin-bottom:10px; width:618px; padding:0px; clear:left; }
	.content-600-noborder .text { padding: 3px 3px 3px 3px; left:-1px; margin: 1px; z-index:1; background-color: #EBEBEB; }	
	
	/*Überschriften in allen Containern Headlines + Inhalte:*/
	.content-left h1, .content-right h1, .content-600 h1, .content-600-noborder h1, .content-left120 h1, .content-right120 h1, .offenebox h1
	{font-size:11px;  margin:0px 0 0px 0 ; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; letter-spacing:1px; border-bottom:1px solid #ccc;  width:85%; font-weight:bold;  }
	.content-600 h1 { width:562px;}
	.content-600-noborder h1 {position:relative; left:-5px; width:612px;}
	.content-600 h2, .offenebox h2
	{font-size:10px;  font-family:"Lucida Grande", Verdana, Arial, 	Helvetica, sans-serif; letter-spacing:1px; margin: 20px 0px 4px 7px ; padding:0; font-weight:bold;  }
	
	.content-left h2, .content-right h2
	{font-size:10px;  font-family:"Lucida Grande", Verdana, Arial, 	Helvetica, sans-serif; letter-spacing:1px; margin: 0px 0px 4px 5px ; padding:0; font-weight:bold;  }
	
	.content-left120 h2, .content-600-noborder h2, .content-right120 h2  
	{font-size:10px;  font-family:"Lucida Grande", Verdana, Arial, 	Helvetica, sans-serif; letter-spacing:1px; margin: 10px 0 1px 0 ; padding:0; font-weight:bold;  }
	/*Container für Banner 448x60*/
	
	 .teaser_box { padding-left:5px; padding-right:6px; }
	.content-right120 .teaser_box, .content-left120 .teaser_box { padding-left:3px; padding-right:4px; }
	
	.content-left .artikel_lesen {position:absolute; top:230px; left:180px; }
	.content-right .artikel_lesen { position:absolute; top:230px; left:180px; width:300px; }
	
	.werbung {  width:160px; height:80px; overflow:hidden; border:1px solid #ccc; padding:4px;}
	
	.banner600 { height:auto; float:left; width:612px; margin-bottom:10px; clear:left;}
	.button1 { float:left; width:120px; height:90px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:4px;}
	.button2 { float:left; position:relative; left:31px; width:120px; height:90px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:4px;}
	.button3 { float:left; position:relative; left:61px; width:120px; height:90px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:4px;}
	.button4 { float:left; position:relative; left:92px; width:120px; height:90px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:4px;}
	
	.werbehinweis_contentad { position:absolute; top:-9px; left:310px; font-size:8px;}
	.werbehinweis_contentad_left { position:absolute; top:-9px; left:0px; font-size:8px;}
	.werbehinweis_button { font-size:8px; padding:2px; background-color: #EBEBEB;}
	
	.lese_weiter_1 { position:absolute; top:508px; left:180px; }
	* html .lese_weiter_1 { top:495px; }
	*:first-child+html .lese_weiter_1 {  top:495px; }
	.lese_weiter_2 { position:absolute; top:508px; left:490px; width:560px; }
	* html .lese_weiter_2 { top:495px; }
	*:first-child+html .lese_weiter_2 {  top:495px; }
	.lese_weiter_3 { position:absolute; top:643px; left:180px; }
	* html .lese_weiter_3 { top:630px; }
	*:first-child+html .lese_weiter_3 {  top:630px; }
	.lese_weiter_4 { position:absolute; top:643px; left:490px; width:560px; }
	* html .lese_weiter_4 { top:630px; }
	*:first-child+html .lese_weiter_4 {  top:630px; }
	
	/* 2.3. F O O T E R
	Servicebereich unten, Breite 100%
	Position fixed: wird von IE bis 6.0 in erkannt.
	Positionierung von #footer erfolgt über Script
	-------------------------------------------------------------------------------	*/

	#footer { position:fixed; bottom:0; left:0; width:100%; height:25px; z-index:3; font-size:0.9em; color:#333; 
	line-height:25px; text-align:left; text-indent:5px; background: #ccc;    } 
	* html #footer	{ display:none;}
	
	/*alle Inhalte in #footer liegen innerhalb von <p>*/

	#footer p	{margin:0; padding:0; font-weight:normal; font-size:1em; font-style:normal; border:0 none; position:absolute; width:966px; border-top:1px solid #666; padding: 0  3px; height:21px; top:0; left:0;}  
	#footer a, #footer a:visited	{ color:#333; text-decoration:none;}
	#footer label	{ width:auto; height:auto; margin-right:7px;}
	#footer input	{ width:75px;border:1px solid #666;padding:2px; font-size:0.9em; color:#333; height:auto; margin-right:15px; }
	#footer .button	{ background:#999; width:auto; font-weight:bold; text-align:center; color:#fff; margin-right:15px; 
	height:auto; cursor:pointer;  }
	/* 2.4. U M L A U F E N D E     B A N N E R
	-------------------------------------------------------------------------------	*/
	/* 
	#skyscraper { position:absolute;right:1px; top:1px; width:160px; height:600px; z-index:5;}
	#bigsizebanner	{ position:absolute;left:82px; top:1px; width:728px; height:90px; z-index:5;}
	*/
	#skyscraper { position:absolute;right:1px; top:131px; width:160px; height:600px; z-index:5;}
	#bigsizebanner	{ position:absolute;left:7px; top:1px; width:930px; height:130px; z-index:5;}
	#sitepromotion { position:absolute;left:0px; top:1px; z-index:-1;}

	
	/* 2.5. VON MICHAEL SCHMID HINZUGEFÜGT
	--------------------------------------------------------------------------------*/
	#main .noborder { border:0px; }
	#header .noborder { border:0px; }
	#footer .noborder { border:0px; }
	#content form.community .noborder { border:0px; }
	
	#content .liste { clear:left; display:block; width:590px; }
	#content .liste p {margin-left: 8px; }
	#content .liste img { padding:5px; }
	#content .liste h1 { width:75%; }
	#content .liste h2 { font-size:0.9em; margin-top:0px; padding-top:3px; padding-bottom:3px; }
	
	#content .artikel p {margin-left: 8px; margin-right: 8px; }
	#content .artikel img { vertical-align:center; margin-right:5px; margin-bottom:5px; margin-left:0px;}
	#content .artikel h2 { font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .artikel ul li { margin-left: 20px; list-style: square; }
	
	/*Newsbox*/
	#content .content-left .news .teaser { height: 210px; width: 288px; margin-left:6px; z-index:20200; }
	#content .newslist h1, #content .newslist h1 a, #content .newslist .top5Subline, #content .newslist .top5Subline a { padding: 0px; margin: 0px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 11px; text-decoration: none; display: inline; }
	#content .newslist h2, #content .newslist h2 a, #content .newslist .top5Headline, #content .newslist .top5Headline a { margin: 0px; padding: 0px; font-size: 9px; text-decoration: none; display: inline; }
	#content .newslist .text { float: left; margin-left: 3px; width: 284px; z-index:1100;}
	#content .newslist .hit { height: 37px; background-color: #ebebeb; border-bottom-width: 2px; border-color: #ffffff; border-bottom-style: solid; overflow: hidden; z-index:1100;}
	#content .newslist .active { height: 63px; z-index:1100;}
	#content .newslist img { float: left; display: none; margin-top: 4px;  z-index:1100;}
	#content .active img { display: inline; z-index:1100;}
	#content .newslist .active .text { width: 200px; margin: 3px 3px 2px 7px;  z-index:1100;}
	
	#content form.community input	{ width:120px; border:1px solid #666; padding:2px; font-size:0.9em; color:#333;}
	#content form.community input.radio { margin: 0; padding: 0; border: 0}
	#content form.community input.checkbox { margin: 0; padding: 0; border: 0; width:30px;}
	#content form.community .button	{ background:#999; width:auto; font-weight:bold; text-align:center; color:#fff; margin-top:7px; }
	
	.pager {text-align:center; margin-bottom:20px;}
	
	#content .tb_home {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_schwanger_geburt {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_baby_kleinkind {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_familie_co {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_erziehung_schule {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_ernaehrung_gesundheit {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .artikel .tb_partnerschaft_liebe {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_urlaub_freizeit {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_beauty_co {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_expertenforum {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }
	#content .tb_hilfreiche_links {font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; text-decoration:none; }

	#content .bottommenu { float:left; width:100px; line-height:14px;}
	#content .bottommenu h1 { width:110px; size:12px;}

	
} /*ende @media screen - nicht löschen*/

	/* 3. P R I N T
	-------------------------------------------------------------------------------	*/

@media print {

html, body, #main	{ border:0 none; width:95%;   background:0 none;}
body, table, tr, td { font-family: Arial, Helvetica, sans-serif  ; 	font-size: 8pt; 	color: #000; padding:0;}
#navi, #sidebar, #loginTop, #header #hr, #footer, .banner790, .banner600 { display:none;}
#main	{ padding-top:50px;}
#header	{ top:10px; z-index:10000; padding:0;}
#nHome	{ z-index:10000; position:absolute; top:0;}
h1,h2	{ font-size:13pt; text-indent:0; border:0 none; left:0;  color:#000;}
#content	{ 	 	top:50px; height:auto; left:0; border:0 none;}

} /*ende @media print - nicht löschen*/


#content .liste .abotitel { width:580px; font-size:13px; }
#content .artikel .abotitel { width:580px; font-size:13px; }
#content .liste .abospartext { width:580px; font-size:14px; font-weight:bold; }

#loader{
   visibility:hidden;
}