@media screen
{

	/* Basismodifikationen
	****************************************************************************/

	html { height: 100%; }

	body {
		font-family: Arial, Sans-Serif;
		font-weight: normal;
		font-size: 12px;
		color: #444444;
		background: #003799;
		min-height: 100.01%;
		position: relative;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.border {
		height: 100%;
		background: #fff;
		font-family: Arial, Sans-Serif;
		font-weight: normal;
		font-size: 12px;
		color: #444444;
	}

	.header { width: 800px; height: 165px; }

	img { border: 0px; }

	* { font-size: 100%; }

	/* Navigation
	****************************************************************************/

	.navi {
		width: 190px;
		background: #d1e0ff;
		padding-top: 30px;
	}

	.navi_1 a { width: 190px; height: 22px;	display: block; background: url("images/navi_index.gif") 0px 0px no-repeat; }
	.navi_1 a:hover { background-position: 0px -22px; display: block; }
	.navi_1 .aktiv { background-position: 0px -22px; display: block; }

	.navi_2 a { width: 190px; height: 22px;	display: block; background: url("images/navi_angebot.gif") 0px 0px no-repeat; }
	.navi_2 a:hover { background-position: 0px -22px; display: block; }
	.navi_2 .aktiv { background-position: 0px -22px; display: block; }

	.navi_3 a { width: 190px; height: 22px;	display: block; background: url("images/navi_vorteile.gif") 0px 0px no-repeat; }
	.navi_3 a:hover { background-position: 0px -22px; display: block; }
	.navi_3 .aktiv { background-position: 0px -22px; display: block; }

	.navi_4 a { width: 190px; height: 22px;	display: block; background: url("images/navi_philosophie.gif") 0px 0px no-repeat; }
	.navi_4 a:hover { background-position: 0px -22px; display: block; }
	.navi_4 .aktiv { background-position: 0px -22px; display: block; }

	.navi_5 a { width: 190px; height: 22px;	display: block; background: url("images/navi_aktuelles.gif") 0px 0px no-repeat; }
	.navi_5 a:hover { background-position: 0px -22px; display: block; }
	.navi_5 .aktiv { background-position: 0px -22px; display: block; }

	.navi_6 a { width: 190px; height: 22px;	display: block; background: url("images/navi_daten.gif") 0px 0px no-repeat; }
	.navi_6 a:hover { background-position: 0px -22px; display: block; }
	.navi_6 .aktiv { background-position: 0px -22px; display: block; }

	.navi_7 a { width: 190px; height: 22px;	display: block; background: url("images/navi_netzwerk.gif") 0px 0px no-repeat; }
	.navi_7 a:hover { background-position: 0px -22px; display: block; }
	.navi_7 .aktiv { background-position: 0px -22px; display: block; }

	.navi_8 a { width: 190px; height: 22px;	display: block; background: url("images/navi_datenschutz.gif") 0px 0px no-repeat; }
	.navi_8 a:hover { background-position: 0px -22px; display: block; }
	.navi_8 .aktiv { background-position: 0px -22px; display: block; }

	.navi_9 a { width: 190px; height: 22px;	display: block; background: url("images/navi_impressum.gif") 0px 0px no-repeat; }
	.navi_9 a:hover { background-position: 0px -22px; display: block; }
	.navi_9 .aktiv { background-position: 0px -22px; display: block; }
	.navi_9 { border-bottom: 1px solid #fff; }

	.navi_pic { margin-top: 20px; }



	/* Formatierung der Texte, Links, Grafiken & Tabellen
	****************************************************************************/

	.content { width: 550px; padding: 30px 30px 80px 30px; }

	.title { margin-top: 3px; margin-bottom: 5px; }

	h1 { font-size: 15px; font-weight: bold; color: #333333; margin: 20px 0 20px 0; }
	h2 { font-size: 14px; font-weight: bold; color: #333333; margin: 20px 0 20px 0; }
	h2 { font-size: 13px; font-weight: bold; color: #333333; margin: 20px 0 20px 0; }

	/* Fließtext */
	p {
		font-family: Arial, Sans-Serif;
		font-weight: normal;
		font-size: 12px;
		color: #333333;
		line-height: 1.5em;
		text-align: justify;
	}

	td {
		font-family: Arial, Sans-Serif;
		font-weight: normal;
		font-size: 12px;
		color: #333333;
		line-height: 1.5em;
		text-align: justify;
	}

	/* Zitate */
	cite { display: block; margin-left: 5px; }

	/* Links */
	a:link { color: #003799; text-decoration: none; }
	a:visited { color: #003799; text-decoration: none; }
	a:active { color: #003799; text-decoration: underline; }
	a:hover { color: #003799; text-decoration: underline; }

	li	{ margin-left: -20px; margin-bottom:12px; }

	/* Tabelle Daten */
	.daten { width: 550px; }
	.daten td { padding-bottom: 10px; }
	.daten1 { width: 140px; }

	/* Kontaktformular */
	form { overflow: hidden; }

	.contactform td { height: 25px; }

	input {
	    width: 250px;
	    height: 22px;
		font: 12px Arial, Sans-Serif;
		color: #333333;
		border: 1px #aaa solid;
		padding: 3px;
	}

	select {
		width: 250px;
		font: 12px Arial, Sans-Serif;
		color: #333333;
		border: 1px #aaa solid;
	}

	textarea {
	    width: 390px;
		height: 80px;
		font: 12px Arial, Sans-Serif;
		color: #333333;
		border: 1px #aaa solid;
		padding: 3px;
	}

	input.contactbutton {
		margin-top: 10px;
		width: 150px;
		height: 25px;
		background: #003799;
		color: #fff;
	}

}



@media print
{

	body
	{
		font-family: Arial, Sans-Serif;
		font-weight: normal;
		font-size: 11px;
	}

	.navi { padding-right: 10px; }

	.title { margin-top: 20px; margin-bottom: 15px; }

	h1 { font-size: 15px; }

	/* Fließtext */
	p {
		color: #333333;
		line-height: 1.5em;
		text-align: justify;
		padding-right: 50px;
	}

	/* Links */
	a:link { color: #003799; text-decoration: underline; }
	a:visited { color: #003799; text-decoration: underline; }
	a:active { color: #003799; text-decoration: underline; }
	a:hover { color: #003799; text-decoration: underline; }

	li	{
		margin-left: -20px;
		margin-right: 120px;
		margin-bottom: 12px;
		padding-right: 50px;
	}

	.content
	{
		text-align:left;
	}

	.daten
	{
		width: 70%;
		line-height: 1em;
	}

	.daten1{
		padding-right:30px;
		padding-bottom:10px;
	}
	.noprint {
		display:none;
	}

	.daten2{
		padding-bottom:10px;
	}

}