/* CSS für Website klensang.de */

/* Farben:
weiss = #FFFFFF (HG-Content, Navi)
braun = #e59303 (HG, Überschriften, Links im Content)
schwarz = #000000 (Text)
grau = #CCCCCC (Bildrand)
grau etwas dunkler = #bcbcbc (Formular)
*/

/* Holly-Hack, Problematik: 3Pixel-Textsprung IE \*/
* html #head  { 
	height: 1%; 
}

/* vorgegebene Werte der Browser überschreiben */
* {
	margin: 0;
	padding: 0;
}

html, body {
	background-color: #e59303;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/HG.gif);
	background-repeat: repeat-y;
	background-position: 279px 0px;
	font-size: 0.87em;
	line-height: 1.45em;
}

img {
	border: 0px;
}

h1, h2 {
	color: #e59303;
	margin: 0px;
}

h1 {
	font-size: 1.50em;
}

a, a:hover {
	text-decoration: none;	
}

/* Container um die ganze Seite  */
#alles {
}

/* Container, in dem die 2 Spalten sitzen */
#container2spalten {
	width: 968px;
	height: auto; /* Resthöhe abzüglich footer */
	margin: 0;
	clear: left;
}

/* alles für die linke Spalte -------------------------------------------------------------------------------------------------------------------------- */
#links  {
	float: left;
	margin: 41px 0px 0px 0px;
	width: 279px; 
	clear: both;
}

#logo {
	color: #FFFFFF;
	padding-right: 25px;
	float: right;
}

#navi dl {
	margin: 0px; 
	padding: 0 27px 0 0;
	float: right;
}

#navi dt {
	margin: 0px; 
	padding: 0 0 103px 0;
}

#navi dd {
	margin: 2px 0px 2px 0px;
	padding: 0px; 
	color: #FFFFFF; 
	text-align: right;
}

#menue a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 1px 0px 3px 5px;
	width:221px;
	font-weight: bold;
	border-bottom: dotted 2px #e59303;
}

#menue a:hover, #menue a.naviActive { /* Links Navi, hover und aktiv */
	color: #FFFFFF;
	border-bottom: dotted 2px #FFFFFF;
}

#menue a.unterpunkt {
	font-weight: normal;
	font-size: 0.92em;
	line-height: 1.1em;
	color: #FFFFFF;
	display: block;	
	margin-right: 14px;
	padding: 2px 0px 4px 5px;
	width: 207px;
	border-bottom: dotted 2px #e59303;
}

#menue a.unterpunkt:hover, #menue a.unterpunktActive { /* Unterpunte, hover und aktiv */
	font-weight: normal;
	font-size: 0.92em;
	line-height: 1.1em;
	color: #FFFFFF;	
	margin-right: 14px;
	padding: 2px 0px 4px 5px;
	width: 207px;
	border-bottom: dotted 2px #FFFFFF;
}

/* alles für die rechte Spalte -------------------------------------------------------------------------------------------------------------------------- */
#rechts  {
	float: left;
	width: 689px;
	background-color: #FFFFFF;
}

#head {	
}

#balken {	
	float: left;
	width: 66px;
	padding-left: 43px;
}

#titel {	
	float: left;
	padding-top: 137px;
}

#box-inhalt {
	float: left;
	width: 601px;
	padding: 23px 43px 0px 43px;
}

.haupt-inhalt {
	padding-bottom: 30px;
}

.haupt-inhalt h2 {
	font-size: 1.20em;	
	margin-bottom: 2px;
}

.haupt-inhalt p {
	margin-top: 0px;
	margin-bottom: 16px;
}

.haupt-inhalt a { /* Links Hauptinhalt / im Content */
	font-weight: normal;
	color: #e59303;
	border-bottom: dotted 2px #FFFFFF;
}

.haupt-inhalt a:hover {
	color: #e59303;
	padding-bottom: 1px;
	border-bottom: dotted 2px #e59303;
}

.haupt-inhalt a.contentbild, a.contentbild:hover {
	padding-bottom: 0px;
	border-bottom: 0px;

}

.haupt-inhalt ul {
	margin-top: -10px;
	margin-left: 15px;
	margin-bottom: 16px;
	list-style-type: disc;
	list-style-position: outside;
}

.haupt-inhalt-BildnebenText  {
	clear: both;
}

.Bild184 { /* kleine Bilder im Content, 178 Bild + 4 Padding + 2 Rand = 184*/
	width: 198px !important;
	width: 193px;
	padding-top: 4px;
	margin-bottom: 17px;
	float: left;
}

*+html .Bild184 { /* Hack IE 6+7 */
	margin-bottom: 1px;
}

.bildrandKlein, .bildrandGross  {
	padding: 2px;	
	border: solid 1px #CCCCCC;
}

.Bild356 { /* kleine Bilder im Content, 350 Bild + 4 Padding + 2 Rand = 356 */
	width: 370px !important;
	width: 365px;
	padding-top: 4px;
	margin-bottom: 17px;
	float: left;
}

*+html .Bild356 { /* Hack IE 6+7 */
	margin-bottom: 1px;
}

.br-kleiner {
	line-height: 0.60em;
}

/* Formular ----------------------------------------------------------------------------------------------------------- */
form {  
	margin: 3px 0px 0px 0px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 350px;
	border: 1px dashed #bcbcbc;
	margin-top: 3px;
	padding: 2px;
}

.submit {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 356px;
	background-color: #FFFFFF;
	border: 1px dashed #bcbcbc;
}

textarea {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	width: 350px;
	height: 125px;
	border: 1px dashed #bcbcbc;
	margin-top: 3px;
	padding: 2px;
	margin-bottom: 10px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #bcbcbc;
	scrollbar-highlight-color: #bcbcbc;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #bcbcbc;
}

/* Sitemap ----------------------------------------------------------------------------------------------------------------------------------- */
#sitemap dl {
	margin: 0px; 
	padding: 0;
}

#sitemap dt {
	margin: 0px; 
	padding: 0;
}

#sitemap dd {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#struktur a {
	color: #e59303;
	text-decoration: none;
	display: block;
	padding: 0px 0px 3px 0px;
	margin-bottom: 12px;
	font-weight: bold;
	border-bottom: dotted 2px #CCCCCC;
}

#struktur a:hover {
	border-bottom: dotted 2px #e59303;
}

#struktur a.unterpunkt {
	font-weight: normal;
	color: #e59303;
	display: block;	
	margin-left: 14px;
	margin-bottom: 2px;
	padding: 0px 0px 3px 0px;
	border-bottom: dotted 2px #FFFFFF;
}

#struktur a.unterpunkt:hover {
	border-bottom: dotted 2px #e59303;
}

/* H1, H2 und H3 (nach der Phark-Methode) ------------------------------------------------------------------------------------- */
.H1-start, .H1-profil, .H1-leistungen, .H1-projekte, .H1-impressum, .H1-sitemap, .H1-kontakt, .H1-beatriceSteiff, .H1-klausBraun, .H1-dirkTholl, .H1-wolfgangSchultheiss, .H1-klausHeiketalwarte, .H1-ulrikePeters, .H1-PAF, .H1-arminHaeberle, .H1-marionBasten, .H1-huessingArchitekten, .H1-aktiveBuergerschaft, .H1-viehhandlungDetje, .H1-gesobauAG, .H1-error404, .H1-meinZuhause-meinViertel, .H1-meinSchmuckstueck-meinViertel, .H1-evaWeiler, .H1-michaelGross, .H1-architektinImWasserturm, .H1-anjaVehrenkamp, .H1-KundP, .H1-karriereberatungGwosch, .H1-aktiva, .H1-gesobauAG-GMW, .H1-DCB-Sommerfest {	
	background-repeat: no-repeat;
	height: 31px;
	text-indent: -999em;
	width: 580px;
}

.H1-start {	
	background-image: url(images/h1-2/h1_start.gif);
}

.H1-profil {	
	background-image: url(images/h1-2/h1_profil.gif);
}

.H1-leistungen {	
	background-image: url(images/h1-2/h1_leistungen.gif);
}

.H1-projekte {	
	background-image: url(images/h1-2/h1_projekte.gif);
}

.H1-impressum {	
	background-image: url(images/h1-2/h1_impressum.gif);
}

.H1-sitemap {	
	background-image: url(images/h1-2/h1_sitemap.gif);
}

.H1-kontakt {	
	background-image: url(images/h1-2/h1_kontakt.gif);
}

.H1-beatriceSteiff  {	
	background-image: url(images/h1-2/h1_beatriceSteiff.gif);
}

.H1-klausBraun  {	
	background-image: url(images/h1-2/h1_klausBraun.gif);
}

.H1-dirkTholl  {	
	background-image: url(images/h1-2/h1_dirkTholl.gif);
}

.H1-wolfgangSchultheiss  {	
	background-image: url(images/h1-2/h1_wolfgangSchultheiss.gif);
}

.H1-klausHeiketalwarte  {	
	background-image: url(images/h1-2/h1_klausHeiketalwarte.gif);
}

.H1-ulrikePeters  {	
	background-image: url(images/h1-2/h1_ulrikePeters.gif);
}

.H1-PAF  {	
	background-image: url(images/h1-2/h1_PAF.gif);
}

.H1-arminHaeberle  {	
	background-image: url(images/h1-2/h1_arminHaeberle.gif);
}

.H1-marionBasten  {	
	background-image: url(images/h1-2/h1_marionBasten.gif);
}

.H1-huessingArchitekten  {	
	background-image: url(images/h1-2/h1_huessingArchitekten.gif);
}

.H1-aktiveBuergerschaft  {	
	background-image: url(images/h1-2/h1_aktiveBuergerschaft.gif);
}

.H1-viehhandlungDetje  {	
	background-image: url(images/h1-2/h1_viehhandlungDetje.gif);
}

.H1-gesobauAG  {	
	background-image: url(images/h1-2/h1_gesobauAG.gif);
}

.H1-error404 {	
	background-image: url(images/h1-2/h1_error404.gif);
}

.H1-meinZuhause-meinViertel {	
	background-image: url(images/h1-2/h1_meinZuhause-meinViertel.gif);
}

.H1-meinSchmuckstueck-meinViertel {	
	background-image: url(images/h1-2/h1_meinSchmuckstueck-meinViertel.gif);
}

.H1-evaWeiler {	
	background-image: url(images/h1-2/h1_evaWeiler.gif);
}

.H1-michaelGross {	
	background-image: url(images/h1-2/h1_michaelGross.gif);
}

.H1-architektinImWasserturm {	
	background-image: url(images/h1-2/h1_architektinImWasserturm.gif);
}

.H1-anjaVehrenkamp {	
	background-image: url(images/h1-2/h1_anjaVehrenkamp.gif);
}

.H1-KundP {	
	background-image: url(images/h1-2/h1_KundP.gif);
}

.H1-karriereberatungGwosch {	
	background-image: url(images/h1-2/h1_karriereberatungGwosch.gif);
}

.H1-aktiva {	
	background-image: url(images/h1-2/h1_aktiva.gif);
}

.H1-gesobauAG-GMW  {	
	background-image: url(images/h1-2/h1_gesobauAG-GMW.gif);
}

.H1-DCB-Sommerfest  {	
	background-image: url(images/h1-2/h1_DCB-Sommerfest.gif);
}


.H2-aktuelleProjekte, .H2-aktiveBuergerschaft, .H2-gesobauAG, .H2-arminHaeberle, .H2-webdesign, .H2-suchmaschinenoptimierung, .H2-corporateDesign, .H2-grafikdesign, .H2-PAF, .H2-huessingArchitekten, .H2-viehhandlungDetje, .H2-marionBasten, .H2-ulrikePeters, .H2-klausHeiketalwarte, .H2-wolfgangSchultheiss, .H2-unterrichtshilfeFinanzkompetenz, .H2-beatriceSteiff, .H2-klausBraun, .H2-dirkTholl, .H2-datenschutz, .H2-haftungshinweis, .H2-verantwortlich, .H2-kontaktdaten, .H2-kontaktformular, .H2-nachrichtGesendet, .H2-projektbeschreibung, .H2-klensangDE, .H2-projektbeispiele, .H2-meinZuhause-meinViertel, .H2-meinSchmuckstueck-meinViertel, .H2-evaWeiler, .H2-michaelGross, .H2-architektinImWasserturm, .H2-anjaVehrenkamp, .H2-KundP, .H2-karriereberatungGwosch, .H2-aktiva, .H2-animaflix, .H2-staublau, .H2-gesobauAG-GMW, .H2-DCB-Sommerfest {	
	background-repeat: no-repeat;
	height: 23px;
	text-indent: -999em;	
}

.H2-aktuelleProjekte {	
	background-image: url(images/h1-2/h2_aktuelleProjekte.gif);
	padding-bottom: 6px;
}

.H2-aktiveBuergerschaft {	
	background-image: url(images/h1-2/h2_aktiveBuergerschaft.gif);
}

.H2-gesobauAG {	
	background-image: url(images/h1-2/h2_gesobauAG.gif);	
}

.H2-arminHaeberle {	
	background-image: url(images/h1-2/h2_arminHaeberle.gif);
}

.H2-webdesign {	
	background-image: url(images/h1-2/h2_webdesign.gif);	
}

.H2-suchmaschinenoptimierung {	
	background-image: url(images/h1-2/h2_suchmaschinenoptimierung.gif);	
}

.H2-corporateDesign {	
	background-image: url(images/h1-2/h2_corporateDesign.gif);
}

.H2-grafikdesign {	
	background-image: url(images/h1-2/h2_grafikdesign.gif);
}

.H2-PAF {	
	background-image: url(images/h1-2/h2_PAF.gif);
}

.H2-huessingArchitekten {	
	background-image: url(images/h1-2/h2_huessingArchitekten.gif);
}

.H2-viehhandlungDetje {	
	background-image: url(images/h1-2/h2_viehhandlungDetje.gif);
}

.H2-marionBasten {	
	background-image: url(images/h1-2/h2_marionBasten.gif);
}

.H2-ulrikePeters {	
	background-image: url(images/h1-2/h2_ulrikePeters.gif);
}

.H2-klausHeiketalwarte {	
	background-image: url(images/h1-2/h2_klausHeiketalwarte.gif);
}

.H2-wolfgangSchultheiss {	
	background-image: url(images/h1-2/h2_wolfgangSchultheiss.gif);
}

.H2-unterrichtshilfeFinanzkompetenz {	
	background-image: url(images/h1-2/h2_unterrichtshilfeFinanzkompetenz.gif);
}

.H2-beatriceSteiff {	
	background-image: url(images/h1-2/h2_beatriceSteiff.gif);
}

.H2-klausBraun {	
	background-image: url(images/h1-2/h2_klausBraun.gif);
}

.H2-dirkTholl {	
	background-image: url(images/h1-2/h2_dirkTholl.gif);
}

.H2-datenschutz {	
	background-image: url(images/h1-2/h2_datenschutz.gif);
}

.H2-haftungshinweis {	
	background-image: url(images/h1-2/h2_haftungshinweis.gif);
}

.H2-verantwortlich {	
	background-image: url(images/h1-2/h2_verantwortlich.gif);
}

.H2-kontaktdaten {	
	background-image: url(images/h1-2/h2_kontaktdaten.gif);
}

.H2-kontaktformular {	
	background-image: url(images/h1-2/h2_kontaktformular.gif);
}

.H2-nachrichtGesendet {	
	background-image: url(images/h1-2/h2_nachrichtGesendet.gif);
}

.H2-projektbeschreibung  {	
	background-image: url(images/h1-2/h2_projektbeschreibung.gif);
}

.H2-klensangDE  {	
	background-image: url(images/h1-2/h2_klensangDE.gif);
}

.H2-projektbeispiele  {	
	background-image: url(images/h1-2/h2_projektbeispiele.gif);
}

.H2-meinZuhause-meinViertel {	
	background-image: url(images/h1-2/h2_meinZuhause-meinViertel.gif);	
}

.H2-meinSchmuckstueck-meinViertel {	
	background-image: url(images/h1-2/h2_meinSchmuckstueck-meinViertel.gif);	
}

.H2-evaWeiler {	
	background-image: url(images/h1-2/h2_evaWeiler.gif);	
}

.H2-michaelGross {	
	background-image: url(images/h1-2/h2_michaelGross.gif);	
}

.H2-architektinImWasserturm {	
	background-image: url(images/h1-2/h2_architektinImWasserturm.gif);	
}

.H2-anjaVehrenkamp {	
	background-image: url(images/h1-2/h2_anjaVehrenkamp.gif);	
}

.H2-KundP {	
	background-image: url(images/h1-2/h2_KundP.gif);	
}

.H2-karriereberatungGwosch {	
	background-image: url(images/h1-2/h2_karriereberatungGwosch.gif);	
}

.H2-aktiva {	
	background-image: url(images/h1-2/h2_aktiva.gif);	
}

.H2-animaflix {	
	background-image: url(images/h1-2/h2_animaflix.gif);	
}

.H2-staublau {	
	background-image: url(images/h1-2/h2_staublau.gif);	
}

.H2-gesobauAG-GMW {	
	background-image: url(images/h1-2/h2_gesobauAG-GMW.gif);	
}

.H2-DCB-Sommerfest {	
	background-image: url(images/h1-2/h2_DCB-Sommerfest.gif);	
}


 /* Hack für moderne Browser, ausser IE7 (Überschriften bündig mit Fliesstext) */
html>/**/body .H2-aktiveBuergerschaft {
	background-position: 198px 0px;
}

html>/**/body .H2-gesobauAG {
	background-position: 198px 0px;
}

html>/**/body .H2-arminHaeberle {
	background-position: 198px 0px;
}

html>/**/body .H2-PAF {
	background-position: 198px 0px;
}

html>/**/body .H2-huessingArchitekten {
	background-position: 198px 0px;
}

html>/**/body .H2-viehhandlungDetje {
	background-position: 198px 0px;
}

html>/**/body .H2-marionBasten {
	background-position: 198px 0px;
}

html>/**/body .H2-ulrikePeters {
	background-position: 198px 0px;
}

html>/**/body .H2-klausHeiketalwarte {
	background-position: 198px 0px;
}

html>/**/body .H2-wolfgangSchultheiss {
	background-position: 198px 0px;
}

html>/**/body .H2-unterrichtshilfeFinanzkompetenz {
	background-position: 198px 0px;
}

html>/**/body .H2-beatriceSteiff {
	background-position: 198px 0px;	
}

html>/**/body .H2-klausBraun {
	background-position: 198px 0px;	
}

html>/**/body .H2-dirkTholl {
	background-position: 198px 0px;	
}

html>/**/body .H2-projektbeschreibung {
	background-position: 370px 0px;	
}

html>/**/body .H2-klensangDE {
	background-position: 370px 0px;	
}

html>/**/body .H2-meinZuhause-meinViertel {
	background-position: 198px 0px;	
}

html>/**/body .H2-meinSchmuckstueck-meinViertel {
	background-position: 198px 0px;	
}

html>/**/body .H2-evaWeiler {
	background-position: 198px 0px;	
}

html>/**/body .H2-michaelGross {
	background-position: 198px 0px;	
}

html>/**/body .H2-architektinImWasserturm {
	background-position: 198px 0px;	
}

html>/**/body .H2-anjaVehrenkamp {
	background-position: 198px 0px;
}

html>/**/body .H2-KundP {
	background-position: 198px 0px;
}

html>/**/body .H2-karriereberatungGwosch {
	background-position: 198px 0px;
}

html>/**/body .H2-aktiva {
	background-position: 198px 0px;
}

html>/**/body .H2-animaflix {
	background-position: 198px 0px;
}

html>/**/body .H2-staublau {
	background-position: 198px 0px;
}

html>/**/body .H2-gesobauAG-GMW {
	background-position: 198px 0px;
}

html>/**/body .H2-DCB-Sommerfest {
	background-position: 0px 0px;
}