/*

	CSS-Datei der Internetseite
	
	http://www.philipeit.de
	
	Autor:				Marco Philipeit - http://marcophilipeit.de
	Start:				13.05.09
	Letzte Aenderung:	13.05.09
	
*/

@media all {

	/*  Allgemein 
	---------------------------------- */

	q { 
		quotes: '„' '“' '‚' '‘';
	}
	
	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein 
	---------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
    		outline: none;
	} 
	
	html {
		font: 76%/1.8 Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		color: #444;
	}
	
	html, body {
		height: 100.01% !important;
		min-height: 100.01% !important;
	}
	
	q { 
		quotes: '„' '“' '‚' '‘';
	}
	
	.versteckt,
	.druck {
		display: none;
	}
	
	.mittig {
		text-align: center;
	}
	
	.links {
		float: left;
		text-align: left;
	}
	
	.rechts {
		float: right;
		text-align: right;
	}
	
	.kleiner {
		font-size: smaller;
	}
	
	.groesser {
		font-size: larger;
	}
	
	.clear {
		clear: both;
	}
	
	.keinrahmen {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	/*  Elemente 
	---------------------------------- */
	
	h1 { font-size: 2.1em; }
	
	h2, h3 { line-height: 1.2; }
	
	h2 { font-family: Arial, Verdana, Tahoma, "Trebuchet MS", sans-serif; font-weight: normal; font-size: 1.9em; color: #5a7088; margin: .6em 0 .6em 0; }
	
	h3 { font-weight: normal; }
	
	h4, h5 { margin: .8em 0 0; }
	
	h3 { font-size: 1.65em; }
	
	h4 { font-size: 1.45em; }
	
	h5 { font-size: 1.3em; }
	
	h1, h2, h3, h4, h5, h6 { clear: both; }
	
	hr { height: 2px; width: 100%; background: #37A3C9; margin: 1em 0; }
	
	p, address, blockquote, ul, ol, dl, dt, table, pre { margin: 1.2em 0; font-size: 1.1em; } /* margin: 0.3em 0 1.2em 0; */
		
	address, cite, var, abbr { font-style: normal; }
	
	blockquote { padding: 0 2.5em; }
	
	blockquote + blockquote { margin-top: 2em; }
	
	ul, ol, dd { margin-left: 2.5em; }
	
	ul { list-style-image: url("../lib.grafiken/auflistungszeichen.gif"); }
	
	ul ul, ol ol { margin: .1em 0 .15em 1.75em; }
	
	dd pre { margin: 0; }
	
	table { width: 100%; padding: 0; margin: 0; }
	
	th, td, form { padding: 5px 3px; vertical-align: baseline; }
	
	th { text-align: left; }
	
	label, a { cursor: pointer; }
	
	pre, code, var, kbd { font-family: Monaco, "Courier New", Tahoma; }
	
	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }
	
	h3 abbr[title] { border-bottom: #aaa dotted 1px; }
	
	dt { padding: 0 1em 0 0; margin: 0; font-size: 1em; font-weight: bold; }
	
	dt:after { content: ":"; }
	
	#inhalt li { margin: 0.3em; }
	
	.artikel h4,
	h4.information  { font-size: 1.1em; color: #aaa; margin-top: 0; }
	
	blockquote {
		font-style: oblique;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url("../lib.grafiken/zitatzeichen.png") no-repeat;
		padding-left: 30px;
		margin-bottom: 1.5em;
	}
	
	blockquote p {
		margin: 0;
		padding: 0;
	}
	
	blockquote cite {
		float: right;
		font-style: oblique;
		font-weight: bold;
	}
	
	/*  Layout 
	---------------------------------- */
	
	html {
		background: #fff url("../lib.grafiken/hintergrund.jpg") center no-repeat;
		color: #303030;
	}
	
	#begrenzung-aussen {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 720px;
		height: 480px;
		margin-left: -360px;
		margin-top: -240px;
	}
	
	h1 a,
	h1 a:focus,
	h1 a:hover,
	h1 a:active,
	h1 a:visited {
		border-bottom: 2px solid #e1e8e9 !important;
		color: #3db90c !important;
		font-weight: normal !important;
		text-align: center !important;
		margin-left: 5px;
		top: -10px !important;
		position: relative;
	}
	
	.box {
		background: #fff;
		width: 285px;
		height: 120px;
		float: left;
		margin: 5px;
		font-size: 0.9em;
		padding: 50px 30px 10px;
	}
	
	.box h2 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 2.2em;
	}
	
	.box h2 a {
		border: 0 !important;
		display: block;
		width: 285px;
		height: 130px;
		position: absolute;
		margin: -50px -30px;
		padding: 25px 30px;
	}
	
	.box a,
	.box a:focus,
	.box a:hover,
	.box a:active,
	.box a:visited {
		border: 0 !important;
	}
	
	.box .abstand {
		margin-top: 30px;
	}
	
	.box.grau {
		border: 1px solid #d8dfe1 !important;
	}
	
	.box.weiss {
		border: 1px solid #fff !important;
	}
	
	.box.aktiv .hintergrund {
		display: block !important;
	}
	
	.box .vcard {
		position: relative;
		z-index: 1;
	}
	
	.box .hintergrund {
		display: none;
		width: 345px;
		height: 180px;
		position: relative;
		z-index: 0;
		top: -159px;
		left: -30px;
		background: #2890b9 url("../lib.grafiken/box-aktiv.jpg") no-repeat !important;
	}
	
	.box.weiss .vcard,
	.box.weiss a,
	.box.weiss a:focus,
	.box.weiss a:hover,
	.box.weiss a:active,
	.box.weiss a:visited {
		color: #fff !important;
	}
	
	.block {
		display: none;
		width: 355px;
		height: 190px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
	}
	
	#block-0 {
		margin-left: -360px;
		margin-top: -190px;
	}
	
	#block-1 {
		margin-left: 0px;
		margin-top: -190px;
	}
	
	#block-2 {
		margin-left: -360px;
		margin-top: 0px;
	}
	
	#block-3 {
		margin-left: 0px;
		margin-top: 0px;
	}
	
	#fusszeile {
		text-align: center;
	}
	
	/*  Links 
	---------------------------------- */
	
	a {
		color: #303030;
		text-decoration: none;
		border-bottom: 1px solid #303030 !important;
	}
	
	a:focus,
	a:hover {
		color: #303030;
		border-bottom: 1px solid #303030;
	}
	
	/*  Layout Details
	---------------------------------- */
	
	
	/*  Clearfix
	---------------------------------- */
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	
}



@media print {

	/* Allgemein
	---------------------------------- */

	* { background: #fff; color: #000; }

	.versteckt {
		display: none;
	}
	
	body {
		font:100%/150% Georgia, "Times New Roman", Times, serif;
	}
	
	h1 a, h2 a, h3 a {
		color:#000;
		text-decoration:none;
	}
	
	h1,
	h2,
	h3 { font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif; }
	
	h1 {
		position: static;
		top: 0pt;
		left: 0pt;
		display: block;
		visibility: visible;
	}


}