/* kk60plus.ch - Stylesheet
   Blatt 994px, leicht links (rechts war bei der Vorlage Platz fuer Werbung, hier einfach Luft) */

html, body {
	margin: 0px;
	padding: 0px;
	color: #2f3133;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 25px;
}
body {
	background-color: #ebece6;
	overflow-y: scroll;
}
img { display: block; border-style: none; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
a { color: #1f5b84; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
a:focus-visible { outline: 3px solid #c8641d; outline-offset: 2px; }

#aussen {
	position: relative;
	width: 994px;
	margin: 0px 0px 0px 6%;
	padding-bottom: 30px;
}

/* Reiter fuer Zielgruppen, oben links ueber dem Blatt */
#zielgruppen {
	list-style: none;
	padding: 20px 0px 0px 30px;
	height: 35px;
}
#zielgruppen li { float: left; width: 135px; height: 35px; }
#zielgruppen a {
	display: block;
	padding-left: 15px;
	background-color: #dcded6;
	border: 1px solid #ebece6;
	border-bottom: 0px;
	font-size: 13px;
	line-height: 33px;
	color: #333333;
	white-space: nowrap;
}
#zielgruppen a.offen { background-color: #ffffff; color: #000000; padding-left: 15px; }
#zielgruppen a:hover { text-decoration: none; color: #000; }

#blatt {
	background-color: #ffffff;
	padding: 0px 31px 50px 30px;
	min-height: 900px;
}

/* Kopf */
#kopfbereich { position: relative; padding-top: 34px; padding-bottom: 18px; }
.schild a { color: #2f3133; text-decoration: none; font-family: Georgia, "Times New Roman", serif; }
.schild-kk { font-size: 46px; font-weight: bold; color: #c8641d; letter-spacing: -2px; }
.schild-60 { font-size: 34px; color: #3d5a2a; padding-left: 3px; }
.schild-zeile { font-size: 13px; color: #84888b; padding-top: 4px; }
.dienst { position: absolute; top: 5px; right: 0px; }
.dienst a { float: left; margin-left: 17px; font-size: 12px; line-height: 31px; color: #777777; }
.dienst a:hover { color: #000; }

/* Hauptnavigation: Kasten mit hellblauem Rand */
#hauptnavi { border: 1px solid #9cbfa0; padding: 0px 10px; }
#hauptnavi ul { list-style: none; overflow: hidden; }
#hauptnavi li { float: left; }
#hauptnavi a {
	display: block;
	padding: 0px 15px 0px 10px;
	font-size: 15px;
	line-height: 42px;
	color: #3d5a2a;
	white-space: nowrap;
}
#hauptnavi a.hier { color: #000000; font-weight: bold; }

/* Pfad */
.wo { font-size: 12px; line-height: 16px; padding-top: 20px; color: #555; }
.wo a { margin-right: 6px; }
.wo-lbl { font-weight: bold; padding-right: 8px; }
.pfeil { color: #999; margin-right: 6px; }

/* Inhalt: eine Spalte */
#inhalt { padding-top: 23px; padding-bottom: 30px; }
#inhalt h1 { font-size: 38px; line-height: 40px; font-weight: bold; padding-top: 0px; padding-bottom: 21px; color: #222; }
#inhalt h2 { font-size: 27px; line-height: 30px; font-weight: normal; padding-top: 31px; padding-bottom: 17px; color: #3d5a2a; }
#inhalt h3 { font-size: 20px; line-height: 23px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#inhalt p { padding-bottom: 20px; max-width: 760px; }
#inhalt ul, #inhalt ol { padding: 0px 0px 20px 21px; max-width: 740px; }
#inhalt li { padding-bottom: 7px; }
.lead { font-size: 19px; line-height: 28px; font-weight: bold; color: #444; }

/* Verzeichnis-Tabellen */
table.liste { width: 100%; border-collapse: collapse; margin: 4px 0px 31px 0px; font-size: 15px; line-height: 21px; }
table.liste th { text-align: left; background-color: #e4e9de; padding: 7px 10px; font-size: 14px; border-bottom: 2px solid #9cbfa0; }
table.liste td { padding: 9px 10px; border-bottom: 1px solid #dfe2da; vertical-align: top; }
table.liste tr.zwei td { background-color: #f6f7f3; }
table.liste td.was { width: 30%; font-weight: bold; }
.weich { color: #6a6e66; font-size: 14px; }

/* Kaestchen ohne Rahmen links */
.notiz { background-color: #f3efe6; padding: 10px 17px 1px 17px; margin: 0px 0px 21px 0px; max-width: 726px; }
.notiz b { color: #8a4313; }
.rechts-bild { float: right; margin: 4px 0px 17px 31px; }

/* Ende */
#seitenende { border-top: 1px solid #dfe2da; padding-top: 17px; font-size: 13px; line-height: 19px; color: #777; }
#seitenende a { color: #555; }
.ende-klein { padding-top: 10px; }

@media (max-width: 1060px) {
	#aussen { width: auto; margin: 0px 10px; }
}
@media (max-width: 700px) {
	html, body { font-size: 17px; line-height: 26px; }
	#zielgruppen { padding-left: 0px; }
	#zielgruppen li { width: 50%; }
	#blatt { padding: 0px 14px 30px 14px; }
	.dienst { position: static; overflow: hidden; }
	.dienst a { margin: 0px 14px 0px 0px; }
	#hauptnavi { padding: 4px 4px; }
	#hauptnavi a { line-height: 34px; padding: 0px 10px 0px 6px; }
	#inhalt h1 { font-size: 29px; line-height: 33px; }
	#inhalt h2 { font-size: 23px; line-height: 27px; }
	table.liste, table.liste tbody, table.liste tr, table.liste td { display: block; width: auto; }
	table.liste tr:first-child { display: none; }
	table.liste td { border-bottom: 0px; padding: 3px 8px; }
	table.liste tr { border-bottom: 1px solid #dfe2da; padding: 6px 0px; }
	table.liste td.was { width: auto; }
	.rechts-bild { float: none; margin: 0 0 17px 0; }
}
/* .druck { } fuer spaeter */