/*

	Startseiten-CSS-Datei der Internetseite

	http://www.kneitschel.de

	Autor:			Stefan Diezinger - http://www.surfAN-GmbH.de
	Start:			19.07.07
	Letzte Aenderung:	05.11.07

*/

@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", "helvetica", "trebuchet ms", sans-serif;
	}

	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		background: #fff;
		color: #000;
	}

	body {
		height: 100.01%;
		min-height: 100.01%;
	}

	q {
		quotes: '"' '"' ''' ''';
	}

	.versteckt,
	.druck,
	#skiplink,
	#drucklogo,
	input[type="hidden"] {
		display: none !important;
		visibility: hidden !important;
	}

	.sichtbar {
		display: block;
		visibility: visible;
	}

	.mittig {
		text-align: center;
	}

	.links {
		float: left;
		text-align: left;
	}

	.rechts {
		float: right;
		text-align: right;
	}

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}

	.clear {
		clear: both;
	}

	/*  Elemente
	---------------------------------- */

	h1 { font-size: 2.5em; }

	h2, h3 { line-height: 1.2; }

	h2 { font-size: 2.1em; margin: .6em 0 .6em 0; color: #ff0000; font-weight: bold; }

	h3, h4, h5 { margin: .8em 0; }

	h3 { font-size: 1.4em; color: #888; }

	h4 { font-size: 1.2em; font-weight: bold; color: #666; }

	h5 { font-size: 1.1em; color: #a0d071; }

	h6 { margin: 0; padding: 0; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }

	h1, h2, h3, h4, h5, h6 { clear: both; }

	p, address, blockquote, ul, ol, dl, dt, table, pre { margin: 1.8em 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("icon.auflistungszeichen.png"); }

	ul ul, ol ol { margin: .1em 0 .15em 1.75em; }

	dd pre { 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: "lucida console", monaco, "courier new", "courier", monospace; }

	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }

	dt { padding: 0 1em 0 0; margin: 0; font-size: 1em; font-weight: bold; }

	dt:after { content: ":"; }

	blockquote {
		font-style: oblique;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url("zitat.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
	---------------------------------- */

	body#index {
		background: url("startseite.hintergrund.jpg") center repeat-x;
	}

	body#index #rahmen-aussen {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -410px;
		margin-top: -222px;
		width: 819px;
		height: 448px;
	}

	body#index #scroller {
		position: absolute;
		top: 50%;
		margin-left: 410px;
		margin-top: 470px;
	}


	body#index #scroller #scrollerText {
		position: relative;
		width: auto;
		height: 25px;
		overflow: hidden;
	}

	body#index #scroller #scrollerText p {
		margin: 0;
		padding: 0;
	}

	body#index #startbild h1 a {
		background: url("startseite.jpg") no-repeat;
		width: 819px;
		height: 414px;
		display: block;
		text-indent: -9999em;
		border: 0;
	}

	body#index #startnavigation ul,
	body#index #startnavigation ul li {
		list-style: none;
	}

	body#index #startnavigation {
		margin-top: -10px;
		margin-left: -50px;
		width: 869px;
	}

	body#index #startnavigation ul li {
		float: left !important;
		padding-left: 1.25%;
		padding-right: 1.25%;
		font-size: 1em;
		background: url("startseite.trennpunkt.jpg") center left no-repeat;
	}

	body#index #startnavigation ul li:first-child {
		background: none;
	}

	body#index #startnavigation ul li a {
		width: 100%;
		display: block;
		border: 0;
		padding-left: 10px;
		margin-left: 6px;
		font-weight: bold;
	}

	body#index #startnavigation ul li a:hover {
		border-bottom: 1px solid red;
	}





	/*  Links
	---------------------------------- */

	a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #aaa;
	}

	a:hover,
	a:focus {
		border-bottom: 1px solid #FF0000;

	}

	#logo a,
	#logo a:hover,
	#logo a:focus {
		border: 0;
	}

	a.keinlink,
	a.keinlink:hover,
	a.keinlink:focus,
	a.keinlink:active,
	a.keinlink:link,
	a.keinlink:visited {
		font-weight: bold !important;
		color: #000 !important;
		text-decoration: none !important;
		cursor: default !important;
		border: 0 !important;
	}



	/*  Clearfix
	---------------------------------- */

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */


}



@media print {

	h1,
	.versteckt,
	p.img,
	#navigation,
	#zusatznavigation {
		display: none;
	}

	#drucklogo {
		float: right;
		display: block !important;
		visibility: visible !important;
	}

	em.hervorhebung {
		text-decoration: underline;
		font-style: normal;
	}

	#inhalt {
		clear: both;
	}

	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; }

	.mittig {
		text-align: center;
	}

	.links {
		float: left;
		text-align: left;
	}

	.rechts {
		float: right;
		text-align: right;
	}

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}

}