/* CSS für www.klensang.com */

/* Farben
orange = #FF6600 (.com, Links)
grau = #999999 (Rand, Text)
grau = #666666 (Links)
weiss = #FFFFFF (HG)

Gesamtbreite: 936 px
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #999999;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #999999;
}

/* folgende 4 DIVs richten die Seite mittig im Browserfenster aus */
#body_vposition {
	position: absolute;
	height: 10px;
	width: 100%;
	left: 0px;
	top: 50%;
}

/* 464 = Höhe, 232= halbe Höhe */
#content_vsize {
	position: absolute;
	height: 464px;
	width: 100%;
	left: 0px;
	top: -232px;
}

#content_hposition {
	position: absolute;
	height: 464px;
	width: 10px;
	left: 50%;
	top: 0px;
}
/* 936 = Breite, 468= halbe Breite */
#content_hsize {
	background-image: url(images/hg.gif);
	position: absolute;
	height: 464px;
	width: 936px;
	left: -468px;
	top: 0px;
}


/* DIVs innerhalb von #content_hsize*/
#logo {
	position: absolute;
	left: 681px;
	top: -15px;
}

#navi {
	position: absolute;
	left: 13px;
	top: 5px;
}

#footer {
	position: absolute;
	left: 1px;
	top: 447px;
}

#grossesBild {
	position: absolute;
	left: 404px;
	top: 43px;
}

/* kleine Bilder */
#kleineBilder {
	position: absolute;
	left: 14px;
	top: 43px;
}

#zeileEinsLinks {
	position: absolute;
	left: 0px;
	top: 0px;
}

#zeileEinsMitte {
	position: absolute;
	left: 130px;
	top: 0px;
}

#zeileEinsRechts {
	position: absolute;
	left: 260px;
	top: 0px;
}

#zeileZweiLinks {
	position: absolute;
	left: 0px;
	top: 100px;
}

#zeileZweiMitte {
	position: absolute;
	left: 130px;
	top: 100px;
}

#zeileZweiRechts {
	position: absolute;
	left: 260px;
	top: 100px;
}

#zeileDreiLinks {
	position: absolute;
	left: 0px;
	top: 200px;
}

#zeileDreiMitte {
	position: absolute;
	left: 130px;
	top: 200px;
}

#zeileDreiRechts {
	position: absolute;
	left: 260px;
	top: 200px;
}

#zeileVierLinks {
	position: absolute;
	left: 0px;
	top: 300px;
}

#zeileVierMitte {
	position: absolute;
	left: 130px;
	top: 300px;
}

#zeileVierRechts {
	position: absolute;
	left: 260px;
	top: 300px;
}

/* groesserer Buchstabenabstand */
.buchstabenAbstandGroesser {
	letter-spacing: 1px;
}

h1 {
	font-size: 11px;	
	margin: 0px;
	padding: 0px;
}

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

/* Text-Container im Content, bei Bedarf zum Scrollen */
#textContainer {
	position: absolute;
	width: 371px;
	height: 345px;
	left: 18px;
	top: 88px;
	overflow: auto;
}

/* Texte allgemein */
#textContentStart {
	position: absolute;
	width: 372px;
	left: 18px;
	top: 88px;
	text-align: justify;
	
}

#textContentImpressum {
	position: absolute;
	width: 341px;
	left: 0px;
	top: 0px;
	text-align: justify;
}

#textContentAnkes {
	position: absolute;
	width: 240px;
	left: 18px;
	top: 88px;
	text-align: justify;
}

/* "images" haben keinen Rand */
img {
	border: 0px;
}	

/* Links */
a:link, a:visited {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a:active, a:hover {
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}

/* Links ausgewählt */
a.ausgewaehlt:link, a.ausgewaehlt:visited, a.ausgewaehlt:active, a.ausgewaehlt:hover {
	color: #FF6600;
}

/* Links Footer*/
a.footer:link, a.footer:visited {
	color: #999999;
}
a.footer:active, a.footer:hover {
	color: #FF6600;
}