/* Allgemeine Definitionen */
body, p, td, li, h1, h2, h3, a, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

body, p, td, li {
	font-size: 12px;
}

body {
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333333
}

h1.default {
	font-size: 24px;
	font-weight: bold;
	color: #000000
}

h2.default {
	font-size: 20px;
	font-weight: bold;
	color: #999999;
	margin-top: 20px;

}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333333
}

/* Formularfelder können individuell angepasst werden*/
input.eingabefeld {
	font-size: 12px;
	background-color: #ffffff;
}

textarea {
	font-size: 12px;
}

/* Neben ul kann auch li individuell formatiert werden */ 
ul {
	text-decoration: none;
	margin-left: 8px;
	padding-left: 8px;
	list-style-image: url(images/i_quadratdg.gif);
}

li ul {
	text-decoration: none;
	margin-left: 12px;
	padding-left: 12px;
	list-style-image: url(images/i_quadrat.gif);
}

/* Link-Definitionen allgemeiner Text*/

a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #99CC99;
	text-decoration: none;
}
a:hover {
	color: #99CC99;
	
	text-decoration: underline;
}

/* Link-Definitionen Adresse - falls Textadresse mit Mail-Scrambler*/
/* Dazu wird aber eine modifizierte umsetzer.js-Datei benötigt - siehe kstreuhand*/

a.adresse {
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}

/* Hauptnavigation */
/* => id="hauptnavigation" */
td#hauptnavigation {
text-decoration: none;
line-height: 20px;
}

/* Ebene 1 ist die Hauptnavigation */
td#hauptnavigation a.ebene1normal {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

td#hauptnavigation a.ebene1normal:hover {
	color: #000000;
	text-decoration: none;
	background-color: #99cc99;
}

td#hauptnavigation .ebene1aktiv {
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 20px;
}

td#hauptnavigation .ebene1spezial {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 20px;
}

td#hauptnavigation .ebene1inaktiv {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	background-color: #999999;
	text-decoration: none;
	display: block;
	padding-left: 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}


/* Ebene 2 ist die Unternavigation */
td#hauptnavigation a.ebene2normal {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000066;
	text-decoration: none;
	display: block;
	padding-left: 30px;
	border-bottom: 1px solid #ffffff;
	height: 20px;
}

td#hauptnavigation a.ebene2normal:hover {
	color: #000000;
	text-decoration: none;
	background-color: #99cc99;
}

td#hauptnavigation .ebene2aktiv {
	color: #000000;
background-color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	display: block;
	height: 20px;
	padding-left: 30px;
	border-bottom: 1px solid #ffffff;
}

/* Topnavigation */
/* => id="topnavigation" */

td#topnavigation {
	text-decoration: none;
	line-height: 20px;
}

/* Es gibt nur eine Ebene in der Topnavigation */
/* Farbwahl: color = Text */
/* bgcolor = Hintergrundfarbe */

td#topnavigation a.topnormal {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

td#topnavigation a.topnormal:hover {
color: #99CC99;
	text-decoration: none;
}

td#topnavigation .topaktiv {
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}

td#content a img.iborder {
border: 1px solid #000000;
}

td#content a:hover img.iborder{
border: 1px solid #cc0000;
}