/*

	CSS-Datei der Internetseite
	
	http://marcophilipeit.de
	
	Autor:			Marco Philipeit - http://marcophilipeit.de
	Start:			26.07.08
	Letzte Aenderung:		25.10.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 Verdana, Arial, "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;
	}
	
	.keineliste,
	.keineliste li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.clear {
		clear: both;
	}
	
	/*  Elemente 
	---------------------------------- */
	
	h1 { font-size: 2.5em; }
	
	h2, h3 { line-height: 1.2; }
	
	h2 { font-family: Arial, Verdana, Tahoma, "Trebuchet MS", sans-serif; font-weight: normal; font-size: 1.9em; color: #0f86b1; margin: .6em 0 .6em 0; }
	
	h3 { color: #444; 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, body {
		background: #fff url("../lib.grafiken/body.background.jpg") top center repeat-x;
		color: #444;
	}
	
	#begrenzung-aussen {
		width: 100%;
	}
	
	#rahmen {
		margin-top: 40px;
	}
	
	#begrenzung-innen {
		width: 780px;
		margin: 0 auto;
	}
	
	#linke-haelfte {
		float: left;
		width: 50%;
	}
	
	#rechte-haelfte {
		float: right;
		width: 50%;
	}
	
	#projekt {
		margin-top: 16px;
	}
	
	#anschrift {
		padding-top: 5px;
	}
	
	#vorschaubild {
		width: 370px;
		height: 210px;
		overflow: hidden;
		position: relative;
	}
	
	#vorschaubildInformation {
		background: url("../lib.grafiken/transparenz-75.png");
		height: 30px;
		width: 340px;
		padding: 10px;
		position: absolute;
		bottom: 9px;
		left: 3px;
		z-index: 9;
	}
	
	#vorschaubild a {
		position: absolute;
		left: 0;
		top: 0;
	}
	
	#vorschaubildInformation a {
		position: static;
	}
	
	.projektliste {
		float: right;
		margin-bottom: 10px;
	}
	
	.projektliste li {
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		text-align: center;
	}
	
	.projektliste li a {
		width: 25px;
		height: 22px;
		display: block;
		color: #b3cfdd;
		background: url("../lib.grafiken/wechselbutton.png") center no-repeat;
		font-size: smaller;
		padding-top: 3px;
	}
	
	.projektliste li a.aktiv {
		font-weight: bold;
		color: #fff;
	}
	
	.projektliste li a:hover {
		color: #fff;
	}
	
	.kleingedrucktes {
		margin-top: 0px;
		font-size: smaller;
	}
	 
	.pics img {  
	    top: 0; 
	    left: 0 
	}
	
	#vorschaubild img {
		border: 3px solid #b3cfdd;
	}
	
	#fusszeile {
		padding-top: 10px;
		text-align: center;
	}
	
	#projekt {
		width: 93%;
	}
	
	#inhalt {
		width: 98%;
		padding-left: 2%;
	}
	
	#vorschaubildlinks p {
		position: relative;
		top: -20px;
	}
	
	h1 {
		position: relative;
		left: 50%;
		margin-left: -406px;
		top: 13px;
		width: 50%;
	}
	
	h1 a {
		display: block;
		width: 382px;
		height: 83px;
		text-indent: -9999em;
		background: url("../lib.grafiken/logo.png") no-repeat;
		border: 0 !important;
	}
	
	h1 a:hover,
	h1 a:active,
	h1 a:link,
	h1 a:visited {
		border: 0;
	}
	
	.keinrahmen {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	.naechstes-projekt {
		float: right;
		text-align: right;
	}
	
	.vorheriges-projekt {
		float: left;
		text-align: left;
	}
	
	h3 {
		font-size: 1em;
		margin-top: 20px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	
	/*  Links 
	---------------------------------- */
	
	a {
		color: #0b6181;
		text-decoration: none;
		/*border-bottom: 1px solid #37a3c9 !important;*/
	}
	
	a:focus,
	a:hover {
		color: #0f86b1;
		/*border-bottom: 1px solid #137090;*/
	}
	
	#fusszeile a {
		font-weight: normal;
		background: #fff;
	}
	
	#navigation a,
	#navigation a:visited,
	#navigation a:focus {
		color: #6c5f58;
		border-bottom: 0;
		display: block;
		width: auto;
		height: 40px;
	}
	
	#navigation .aktiv {
		font-style: italic;
	}
	
	/*  Layout Details
	---------------------------------- */
	
	#meldung {
		width: 75%;
		margin: 0 auto;
		margin-top: 90px;
	}
	
	#meldung h2 {
		color: #444;
	}
	
	#meldung p.fehler {
		padding-left: 50px;
		background: url("../lib.grafiken/icon.fehler.png") center left no-repeat;
	}
	
	/*  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;
	}


}