/*page.css
Autor: Mike Kaden
Datum: 2009-07-20
*/
@charset "UTF-8";

@media screen

{

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */
  
  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
	font-size: 100.01%;
	color: #333;
    background: #fff;
    text-align: left;
  }
  fieldset, img { border: 0 solid; }
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
  blockquote { margin: 0 0 1em 1.5em; }
  
 /*------------------------------------------------------------------------------------------------------*/
  
/**
Barrierefreiheit Topnavigation für Screenreader
*/

#topnav { text-align: right; }

#header #topnav {
    position:absolute;
    top: 10px;
    right: 10px;
  }
  
/**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }  

 /*------------------------------------------------------------------------------------------------------*/  
  


 /*------------------------------------------------------------------------------------------------------*/

	* {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	}  
			
	body {
		background-color: #FFFFFF;
	}
			
	#page {

	}

 /*------------------------------------------------------------------------------------------------------*/
 
 div .copyright {
	display:none;
 }
 
 /* End media screen */
}

@media print {

	* {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		} 

	body {
		font:11pt/120% Arial, serif;
		background-color: white !important;
		background-image: none !important;
		color:black;
	  }

	 h1[id]:after, h2[id]:after, h3[id]:after, h4[id]:after, h5[id]:after, h6[id]:after, {
		content:" [#"attr(id)"]";
		color:#888;
		background-color:inherit;
		font-style:italic;
		size:80%;
	}   
	 
	.content a:link:after,
	.content a:visited:after {
		content: " ("attr(href)")";
		color:#888;
		background-color:inherit;
		font-style:italic;
		font-size: 90%;}
 
	.content a[href^="/"]:after {
		content: "(http://www.tfk-foundation.de" attr(href)")"; }

	 *[name]:after {
		content:" [#"attr(name)"]";
		color:#888;
		background-color:inherit;
		font-style:italic;
		size:80%;
	} 
	
	 *[title]:after {
	content:" ("attr(title)")";
	color:#888;
	background-color:inherit;
	font-style:italic;
	size:80%;
	} 
	
	 img[alt]:after {
	content:"\A ("attr(alt)")";
	} 
	
	img,
	img a:link,
	img a:visited{
            border-bottom:1px solid #C30099;
            margin-right:12px;}
	
	#header  {
		display:none;
	}
	
	#advertiser {
		display:none;
	}
	
	#left {
		display:none;
	}
	
	#footer{
		display:none;
	}
	
	.nonprint{
		display:none;
	}
	
	#content {
	margin: 10px 200px 10px 25px;
	}

	
	div .copyright {
		display:block;
	}
 
}

