/* ########## ALLGEMEINE ANGABEN ZUR SEITE ############ */

*  {
		margin:0px;
		padding:0px;
	}
img {
		border: 0px none;   /* Wichtig fuer Mozilla, sonst Rendering-Fehler (19.11.2007) */
	}

html, body {
		font-family: /* "Helvetica Neue", */ "Verdana", "Lucida Grande", "Lucida Sans Mono", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 15px;
		/* text-shadow: 0px 0px 0px #FFFFFF;  /* Hack um die Schrift schlanker zu machen, http://24ways.org/2006/knockout-type */
		background-color: white;
		color: black;
		font-style: normal;
		font-weight: normal;
		margin:0px;
		padding:0px;
		height:100%;
	}

            
/* Vertical centering technique: 
http://exanimo.com/css/vertical-centering-with-a-floated-shim/ 
Inspration von hicksdesign.co.uk */

#Seite #Abstandhalter {
	width: 100%;
	height: 50%;      
	margin-top: -310px; 
	float: left;
}

#Seitencontainer {
	width: 945px;
	margin: 0 auto;
	position: relative;
}

#Seite #Seitencontainer {
	position: relative;
	width: 945px;
	height: 615px;
	clear: both;
}	
	




/* ######### ALLGEMEINE ANGABEN ZUR TEXT-FORMATIERUNG ############ */

p {
		margin:0px;
	}
h1, h2, h3, h4, h5, h6 {
		font-size: 11px;
		line-height:15px;
		font-weight: bold;
		text-shadow: 0px 0px 0px #FFFFFF;  /* Hack um die Schrift schlanker zu machen, http://24ways.org/2006/knockout-type */
		margin:0px 0px 15px 0px;
	}
a {
		border-bottom: 1px solid #B1B1B1;
		color:black;
		/* color: inherit !important; */
		text-decoration: none;
	}
/* Keine Links unter Bildern (z.B. auf der Startseite): */
a img, a.no-underline {
		border-bottom: 0px none;
	}
ol, ul {
		margin: 0px 0px 0px 1px;
		padding-left: 20px;
	}
li {
		list-style: outside disc;
		margin-left: 0px;
		padding-left: 0px;
	}
strong {
		font: inherit;
		color: #D10000;}

/* ########## NAVIGATION ############ */
#Navigation {
		position:absolute;
		top:0px;
		height:50px;
		width: 945px;
	}

.Navigationslistenpunkt {
		width:225px;
		margin:0;
		padding:0;
	}
#Navigationslistenpunkt1 {
		position:absolute;
		top:0px;
		left:0px;
	}
#Navigationslistenpunkt2 {
		position:absolute;
		top:0px;
		left:240px;
	}
#Navigationslistenpunkt3 {
		position:absolute;
		top:0px;
		left:480px;
	}
#Navigationslistenpunkt4 {
		position:absolute;
		top:0px;
		left:720px;
	}

#Navigation a {
		text-align: left;
		color: black;
		display:block; 
		text-decoration: none;
		border-top: 1px solid #000;
		border-bottom: 0px none #FFF;
		padding-top:11px; /* Eigentlich waeren hier 15px richtig */
		padding-left:1px;
		padding-bottom: 30px;
	}

#Navigation a:hover {
		border-top:3px solid #000;
		padding-top: 9px;
	}


/* ############ ANGABEN FUER DEN INHALT DER SEITE UNTER DER NAVIGATIONSLEISTE ############ */
#Inhaltscontainer {
		position:absolute;
		top: 120px;
		width:945px;
		border-top: 1px solid #000;
	}
#Textcontainer {
		position:absolute;
		top: 15px;
		left: 0px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
#Textcontainer1 {
		position:absolute;
		top: 15px;
		left: 240px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
#Textcontainer2 {
		position:absolute;
		top: 15px;
		left: 480px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
#Textcontainer3 {
		position:absolute;
		top: 15px;
		left: 720px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
	#Textcontainer-breit {
		position:absolute;
		top: 15px;
		left: 0px;
		width: 945px;
		height: 489px;
		overflow:hidden;
	}
.News-Bilder {
		position:absolute; 
		bottom: 0px;
		left: 0px;
		width: 225px;
		overflow: hidden;
		max-height: 480px;
		}
#Inhaltscontainer p, #Inhaltscontainer h3 {
		padding: 0px 1px 0px 1px;
	}
#Inhaltscontainer #Text-rechts {
		float: right;
		height: 13px;
		padding: 0px 1px 0px 1px;
		/* display: none; */
	}
#Portfoliomenue {
		margin-top: 15px;
	}
#Portfoliomenue p {
		margin-bottom: 15px;
	}
#Diashow {
		position:absolute;
		top: 15px;
		left: 240px;
		width: 705px;
		height: 480px;
		overflow:hidden;
	}
#Slideshowcontainer {
		position:absolute;
		top: 0px;
		left: 0px;
		width: 705px;
		height: auto;
		overflow:visible;
	}
/* ##### KLASSEN FUER DIE SLIDES ZUM BILDWECHSELN ##### */
.Slide {
		display: block;
		width: 705px;
		height: 480px;
		overflow: hidden;
	}
.Eine_Spalte_breit_links {
		position:absolute;
		top: 0px;
		left: 0px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
.Eine_Spalte_breit_mitte {
		position:absolute;
		top: 0px;
		left: 240px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
.Eine_Spalte_breit_rechts {
		position:absolute;
		top: 0px;
		left: 480px;
		width: 225px;
		height: 480px;
		overflow:hidden;
	}
.Zwei_Spalten_breit_links {
		position:absolute;
		top: 0px;
		left: 0px;
		width: 465px;
		height: 480px;
		overflow:hidden;
	}
.Zwei_Spalten_breit_rechts {
		position:absolute;
		top: 0px;
		left: 240px;
		width: 465px;
		height: 480px;
		overflow:hidden;
	}
/* ##### ANGABEN FUER DIE SCHALTER ZUM BILDERWECHSEL ##### */
#Inhaltsmenue {
		position:absolute;
		bottom: -495px;
		left: 0px;
		width: 225px;
		height: 1.3636em; /* Entspricht 15px bei 11px Schrifthšhe. So bleibt der Kasten immer ausreichend gross, wenn die Schriftgršsse veraendert wird. */
		overflow:hidden;
		z-index: 10;
		display: none;   /* Die Schaltflaechen werden nur gezeigt, wenn Javascript aktiviert ist (d.h. sie werden durch eine JS-Funktion eingeblendet) */
	}
#Inhaltsmenue-back {
		position:absolute;
		top: 0px;
		left: 0px;
		width: 59px;
		height: 15px;
		padding-left: 1px;
		overflow:hidden;
	}
#Inhaltsmenue-Bilder {
		position:absolute;
		top: 0px;
		left: 60px;
		width: 164px;
		height: 15px;
		overflow:hidden;
		text-align: right;
		padding-right: 1px;
	}
#Inhaltsmenue-back a, #Inhaltsmenue-Bilder a {
		text-decoration: none;
		border: 0px none;
	}
#Inhaltsmenue-Bilder a {
		padding-left:10px;
		margin-left: 5px;
	}
/* #Inhaltsmenue-Bilder a:hover {
		font-weight: bold;
	}
*/