@charset "iso-8859-1";

/*INFORMATION
*************************************************************************************************************************
Basisvorlage:					CLASSES.CSS
Programmiert von:				mediakustik webdesign, Carsten Arntz (c) 2008
								www.mediakustik.de
Programmiert für:				Hans-Dieter Arntz
								www.hans-dieter-arntz.de
Programmierungszeitraum:		Oktober 2008
************************************************************************************************************************/



.image {
		border: 1px solid #999999;
		padding: 6px;
}
.image_less {



}

.image_inside {
		border: 1px solid #999999;

}



.image_left {
		border: 1px solid #999999;
		float: left;
		margin: 6px 12px 6px 0;
		padding: 6px;
}



.image_right {
		border: 1px solid #999999;
		margin: 6px 0 6px 12px;
		padding: 6px;
		float: right;
}

/*INFORMATION
*************************************************************************************************************************
Basisvorlage:					CLASSES.CSS
Programmiert von:				mediakustik webdesign, Carsten Arntz (c) 2008
								www.mediakustik.de
Programmiert für:				Hans-Dieter Arntz
								www.hans-dieter-arntz.de
Programmierungszeitraum:		Oktober 2008
************************************************************************************************************************/



body {
		background: #f9f9f3;
		margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
		padding: 0;
		text-align: justify; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
		color: #000000;
		font: 12pt/16pt Cambria, Georgia, "Times New Roman", Times, serif;
}



#container {
		width: 800px;
		margin: 0 auto;
		text-align: left;
}
    
	

#header {
		background: #000;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
		height: 93px;
		border-bottom: 1px solid #FFFFFF;
}



#mainContent {
		text-align: justify;


}



#footer {
		border-top: 1px dotted #333333;
		margin-top: 3em;
		width: 800px;
}



#footer p {
		margin: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		text-align: right;
		padding: 6px 0;
}



.news {
		padding-bottom: 2em;
}
#navigation {
		display: none;
}
h1 {
		line-height: normal;
		color: #000000;
		font-size: 18pt;
		text-align: center;
}

h2, h3, h4, h5, h6  {
		line-height: normal;
		color: #000000;
		font-size: 12pt;
}




a:link {
		color: #000000;
		text-decoration: none;
		outline: none;
}



a:visited {
		text-decoration: none;
		color: #000000;
		outline: none;
}



a:hover {
		text-decoration: underline;
		color: #000000;
		outline: none;
}



a:active {
		text-decoration: none;
		color: #000000;
		outline: none;
}



a:focus {
	outline: none;
}
#author {
	text-align: center;
	font-size: 1.5em;
}
#date {
		text-align: right;
}