/*	---------------------------------------------------------------
	www.n-p.at
	Typographie-CSS 
	---------------------------------------------------------------	*/

/*	#####################
	### Allgemeine Definitionen	###
	#####################	*/
	
	/* Allgemeine Schriftdefinition für alle Elemente*/
	body {
		/* Schriftart festlegen */
		font-family: Tahoma, sans-serif, Arial, Helvetica;
		/* Schriftgröße festlegen */
		font-size: 11px;
	}


	
	/* ### Links ### */
	#content-left a,
	#content-right a	{
		color: #ff6d00;
	}
	
	#content-left a:hover {
		color: #fff;
	}
	
	#content-right a:hover	{
		color: #111;
	}
	
	/* ### Links ### */
	#content-left a.internal-link,
	#content-right a.internal-link
	#content-left a.external-link,
	#content-right a.external-link	{
		background: url('../images/bg_link_normal.gif') 0px 1px no-repeat;
		padding: 0px 0px 0px 12px;
		color: #ff6d00;
	}
	
	#content-left a.internal-link:hover,
	#content-left a.external-link:hover {
		color: #fff;
	}
	
	#content-right a.internal-link:hover,
	#content-right a.external-link:hover 	{
		color: #111;
	}
	
	#content-left table.menutable a.internal-link,
	#content-right table.menutable a.internal-link,
	#content-left table.menutable a.external-link,
	#content-right table.menutable a.external-link	{
		background: url('../images/bg_link_normal.gif') 0px 1px no-repeat;	
		padding: 0px 0px 0px 12px;
		font-weight: bold;
		color: #cc0000;
	}
	
	#content-left a.link_arrow_left	{
		background: url('../images/bg_link_normal.gif') 0px 1px no-repeat;	
		padding: 0px 0px 0px 12px;
		font-weight: bold;
		color: #fff;
	}
	

	

	/*  unsortierte Liste */
	ul {
		/* Abstand nach links */
		padding: 0px 0px 0px 30px;
		/* Zeilenabstand festlegen */
		line-height: 1.5em;
		
		margin: 6px 0px 6px 0px;
	}

	/*  sortierte Liste */
	ol  {
		/* Abstand nach links */
		padding: 0px 0px 0px 36px;
		/* Zeilenabstand festlegen */
		line-height: 1.5em;
		/* Texteinrückung */
		text-indent: -6px !important;
		/* IE-Hack > Texteinrückung zurücksetzen */
		text-indent: 0px;
	}

/*	####################
	### Header-Bereich-Rechts ###
	####################	*/	
	
	#header-right a {
		font-family: century gothic, arial;
		display: block;
		width: 180px;
		font-size: 16px;
		color: #000;
		text-decoration: none;
		font-weight: bold;
		padding-left: 40px;
	}
	
	#header-right a:hover {
		color: #999;
		font-size: 17px;
		font-weight: bold;
	}

/*	################
	### Content-Bereich ###
	################	*/		
	
	#content-left {
		color: #ccc;
		line-height: 1.5em;
	}
	
	#content-right	{
		color: #646464;
		line-height: 1.5em;
	}

	#content-left h1 {
		color: #fff;
		font-size: 14px;
		padding: 4px 0px 0px 16px;
		background: url('../images/bg_h1.gif') no-repeat 0px 8px;
		margin-bottom: 10px;
		clear: both;
	}
	
	#content-right h1 {
		float: right;
		font-size: 14px;
		padding: 4px 0px 0px 16px;
		background: url('../images/bg_h1.gif') no-repeat 0px 8px;
		margin-bottom: 10px;
		clear: both;
	}
	
	/* erstes Wort einer Überschrift (gelb) */
	.h1_firstword {
		color: #f9c80a;
	}
	
	/* div um Überschrift wg. gepunkteter Linie */
	#content-left div.headline {
		float: left;
		height: 30px;
		border-top: 1px dotted #ccc;
		width: 100%;
		text-align: left;		
		margin-top: 20px;
	}
	
	#content-right div.headline {
		float: left;
		height: 30px;
		border-top: 1px dotted #ccc;
		width: 100%;
		text-align: right;		
		margin-top: 20px;
	}
	
	/* Rote Zwischenüberschrift */
	#content-left h2,
	#content-right h2 {
		font-size: 12px;
		color: #cc0000;
		font-weight: bold;
		margin-top: 20px;
	}
	
	/* Graue Zwischenüberschrift */
	#content-left h3,
	#content-right h3 {
		font-size: 11px;
		color: #666;
		font-weight: bold;
		margin: 10px 0px 0px 0px;
	}
	
	#content-left h3 {
		color: #ccc;
	}
	
	#content-left p, 
	#content-right p {
		margin: 6px 0px 6px 0px;
	}
	
	#content-right p {
		color: #646464;
		text-align: justify;
	}
	
	#footer {
		color: #666;
	}
	
	#footer a {
		color: #ff6d00;
	}
	
	#footer a:hover {
		color: #ccc;
	}