/* CSS Document */

body {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	background: white; 
	color: #660033;
	text-align: left;
	padding: 0;
	margin: 0;
}

/* Hintergrund der sich an Bildschirme variabel anpasst und 
	bei einem Widescreen rechts und links sichtbar ist. */ 
#hg {
	/*border: 1px solid yellow;*/
	position: absolute;
	background: maroon;
	margin: 0;
	padding: 0;
	height: 99.5%;
	width: 99.7%;
	z-index: 0
}

/* Fenster, welches Firefox bei 1024x768 px ohne Scrollbalken füllt.
	Passt sich in der Höhe an. */
#grund {
	/*border: 1px solid red;*/
	position: relative;
	/*background: white;*/
	background-image:  url(../img/KT_HG.GIF);
	margin: 0 auto;
	padding: 0 0 0 0;
	height: 100%;
	width: 63.8em;
	z-index: 1
}

/*Fenster für Menue oben horizontal*/
#topmenue {
	/*border: 1px solid green;*/
	border-bottom: 1px solid #444444;
	position: absolute;
	top: 0em;
	left : 0em;
	width: 62.8em;
	height: auto; 
	padding: 1em 0 0 1em;
	margin: 0;
	z-index: 100;
}

/* Fenster für Menue links vertikal. Passt sich in der Höhe an. */
#menue {
	/*border: 1px solid green;*/
	position: absolute;
	top: 9em;
	border-right: 1px solid white;
	text-align: left;
	width: 10em;
	height: 70%; 
	padding: 0 0 0 1em;
	margin: 0;
	z-index: 100;
}

.menueStile {
	font-style: italic;
} 

/* Fenster für den Validierungslink am unteren Ende des Menues. */
#valWin {
	/*border: 1px solid green;*/
	position: absolute;
	bottom: 0em;
	left: 1em;
	font-size: 60%;
	text-align: left;
	width: auto;
	height: auto; 
	padding: 0;
	margin: 0;
	z-index: 101;
}

/* Fenster den Seitentitel. */
#titelWin {
	/*border: 1px solid green;*/
	position: absolute;
	Top: 12.5em;
	font-size: 75%;
	text-align: left;
	width: auto;
	height: auto; 
	padding: 0;
	margin: 0 0 0 7.7em;
	z-index: 102;
}

#breitWin {
	/*border: 1px solid green;*/
	position: absolute;
	top: 12.5em;
	left : 0em;
	font-size: 95%;
	width: 53em;
	height: 63%; 
	padding: 0;
	margin: 1em 0 0 6em;
	z-index: 98;
}

#breitWinScroll {
	/*border: 1px solid green;*/
	position: absolute;
	top: 0;
	left: 0;
	font-size: 95%;
	width: 53em;
	height: 98%; 
	overflow: auto;
	padding: 0;
	margin: 0;
	z-index: 98;
}
#breitWinScroll h3 {
	font-size: 140%;
}

#schmalWin {
	/*border: 1px solid green;*/
	position: absolute;
	top: 12.5em;
	left : 6em;
	font-size: 95%;
	text-align: center;
	width: 54em;
	height: 63%; 
	padding: 0;
	overflow: auto;
	margin: 1em 0 0 6em;
	z-index: 98;
}

#schmalWin table {
	align: center;
}

#schmalWin tr {
	text-align: left;
}

img {
	border: 0;
}

/*Linkeinstellung/-farben*/
a {
	text-decoration: none;
}
a:link
{
	color: #660033; 
}
a:visited
{
	color: brown; 
}
a:active
{
	color: goldenrod;
}
a:hover
{
	color: red;
}

/*Textgrößen*/
.text30 {
	font-size: 30%;
}

.text50 {
	font-size: 50%;
}

.text60 {
	font-size: 60%;
}

.text70 {
	font-size: 70%;
}

.text80 {
	font-size: 80%;
}

.text90 {
	font-size: 80%;
}

.text120 {
	font-size: 120%;
}

/*Textstil*/
.fett {
	font-weight: bold;
}

.zentriert {
	text-align:center;
}

.kursiv {
	font-style: italic;
}

.zeichenHoch {
	font-size: 80%;
	font-weight: normal;
	vertical-align: super;
}

/*Kontaktformular*/

#kWin {
	/*border: 1px solid green;*/
	position: absolute;
	top: 9.5em;
	left : 0em;
	font-size: 95%;
	width: 53em;
	height: 77%; 
	padding: 0;
	margin: 0 0 0 6em;
	z-index: 98;
}

#kBox {
 	margin-top: 0em;
}

#kScroll {
    /*border: 1px solid red;*/
	position: absolute;
	top: 1em;
	left: 12em;
	margin: 0 0 0 0;
	padding: 0;
	overflow: auto;
	height: 31em;
	width: 37em;
}
#kBox p {
 	margin: 1em 0 1em 0.5em;
}
#kBox table {
 	font-size: 80%;
	margin: 0 0 0 0;
}
.um {
	font-size: 80%;
 	margin-left: 0;
	text-align: left;
}
.bez {
 	float: left;
 	text-align: left;
 	width: 13em;
 	line-height: 2.1em;
}
input {
 	margin-top: 5px;
}
.nachricht {
	clear: both;
 	text-align: center;
	font-size: 90%;
}
.copy {
 font-size: 60%;
 position: relative; top:0.5em;
}

/* Ende Kontaktformular*/