/* Stylesheet katzen-kranken.de */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
}

/* Seiten Mantel */
#siteWrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* Kopfbereich der Seite */
#siteHeader {
	height: 115px;
	margin-bottom: 2em;
	width: 100%;
}

.header1 {
	background-image: url('../img/header.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}
.header2 {
	background-image: url('../img/header002.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

.header3 {
	background-image: url('../img/header003.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

#siteHeader ul {
	float: right;
	list-style: none;
}

#siteHeader ul li {
	float: left;
	font-size: 65%;
	margin-left: 1em;
}

#siteHeader ul li a {
	color: #7f7f7f;
	text-decoration: none;
}

#siteHeader ul li a:hover {
	color: #000000;
}

/* Navigationsmenü der Seite */
#siteNav {
	border-right: 1px dotted #7f7f7f;
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
	text-align: left;
	width: 25%;
}

#siteNav ul {
	list-style: none;
}

#siteNav ul li {
	color: #000000;
	font-size: 75%;
	font-weight: bold;
	margin-bottom: 1em;
}

#siteNav ul li a {
	color: #000000;
	text-decoration: none;
}

#siteNav ul li a:hover {
	color: #7f7f7f;
}

#siteNav .subNav {
	list-style-image:url('../img/bullPaw.jpg');
	margin-left: 1.5em;
	margin-top: 1em;
}

#siteNav .subNav  li {
	color: #cc0000;
	font-size: 100%;
}

#siteNav .subNav li a {
	color: #cc0000;
}

#siteNav .activeItem {
	color: #7f7f7f;
}

#siteNav p {
	font-size: 75%;
}

#siteNav div {
	align: center;
}

/* Inhalt der Seite */
#siteContent {
	float: right;
	min-height: 750px;
	text-align: left;
	width: 73%;
}

#siteContent h1, #siteContent h2 {
	color: #cc0000;
	font-size: 100%;
}

#siteContent h2 {
	padding: 1em 0 0 0;
}

#siteContent h3 {
	color:#7f7f7f;
	font-size: 85%;
	padding: 1em 0 0 0;
}

#siteContent a {
	color: #cc0000;
	text-decoration: none;
}

#siteContent p {
	font-size: 85%;
	padding: 0.5em 0 0.5em 0;
	text-align: justify;
}

/* Tabellerarische Übersicht zu den Tarifen */
#siteContent .rateOview {
	border-collapse: collapse;
	font-size: 65%;
	margin-bottom: 1em;
}

#siteContent .rateOview thead tr th {
	border-bottom: 1px solid #7f7f7f;
}

#siteContent .rateOview tr th {
	padding: 2px;
	vertical-align: top;
}

#siteContent .rateOview tbody tr td {
	border-left: 1px solid #7f7f7f;
	padding: 0 2px 1em 2px;
}

#siteContent .rateOview tbody tr td strong {
	font-size: 14px;
}

/* Formularfelder */
#siteContent .formField {
	font-size: 85%;
	margin-left: 0.5em;
	padding: 0.5em;
}

#siteContent .formField label {
	font-weight: bold;
}

#siteContent .formField dd input[type=radio] {
	font-size: 85%;
	margin-left: 1em;
}

/* Downloadliste im Content Bereich */
#siteContent .itemList {
	font-size: 85%;
	list-style: none;
	margin-left: 0.5em;
}

/* normale Listen im Content Bereich */
#siteContent .regList {
	font-size: 85%;
	list-style-image:url('../img/bullPaw.jpg');
	margin-left: 2em;
}

/* wechselnde Hintergrundfarbe in Tabellen */
#siteContent .cBack {
	background-color: #dfdfdf;
}

/* Fehlermeldungen */
#siteContent .error {
	background-image: url('../img/error.png');
	background-position: 2% 50%;
	background-repeat: no-repeat;
	border: 1px solid #ff0000;
	margin-left: 0.5em;
	padding: 1em 1em 1em 5.5em;
}

/* Kleiner Hinweistext */
#siteContent .hint {
	font-size: 10px;
}

#siteContent input[type=submit] {
	margin-top: 1em;
}

/* Sitemap */
#siteContent .sitemap {
	list-style: none;
	margin-top: 1em;
}

#siteContent .sitemap li {
	padding: 0.25em;
}

#siteContent .sitemap li ul {
	list-style: none;
	padding-left: 2em;
}

/* Fußbereich der Seite */
#siteFooter {
	clear: both;
	border-top: 1px dotted #7f7f7f;
	margin-top: 2em;
	margin-bottom: 2em;
}

#siteFooter ul {
	float: right;
	list-style: none;
}

#siteFooter ul li {
	float: left;
	font-size: 65%;
	margin-left: 1em;
}

#siteFooter ul li a {
	color: #7f7f7f;
	text-decoration: none;
}

#siteFooter ul li a:hover {
	color: #000000;
}

/* Zusätzliche Klassen */
.clear {
	clear: both;
}

.center {
	text-align: center;
}

.errorField {
	border: 1px solid #cc0000;
}