/* CSS für www.huessing-architekten.de */

/* Wichtige Farben
orange = #FF8C00 (Logo, Links, Titel- und Fussfläche)
graublau = #778899 (Logo, Links, HG-Content)
helleres graublau = #8195AA (HG bei Bildern)
weiss = #FFFFFF (HG, Text, Links)
"transparentes orange" = #FFBA66 (Projekte im Hintergrund)
helleres orange = #FFA500 (MouseOver bei Links im Textbereich - auf graublauem HG)

Gesamtbreite: 888 px
*/

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

table {
	font-size: 12px;
	line-height: 15px;
}

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

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

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


/* DIVs innerhalb von #content_hsize*/
#hg_signet {
	background-image: url(html/images/hg_signet.gif);
	position: absolute;
	height: 326px;
	width: 211px;
	left: 677px;
	top: 47px;
}

#signet {
	position: absolute;
	left: 13px;
	top: 1px;
}

#navi {
	position: absolute;
	left: 14px;
	top: 107px;
	line-height: 19px;
}

#titel {
	position: absolute;
	height: 16px;
	width: 650px;
	left: 12px;
	top: 55px;
}

#projektnavi {
	position: absolute;
	width: 888px;
	left: 0px;
	top: 373px;
}

#bild {
	position: absolute;
	left: 0px;
	top: 81px;
	height: 292px;
	width: 438px;
	background-color: #8195AA; /* oder Netscape-Farbe #708090 ? */
}

#naviBildnummern {
	position: absolute;
	left: 461px;
	top: 349px;
}

#naviBildnummernF60 {
	position: absolute;
	left: 461px;
	top: 268px;
	width: 186px;
}

/* Text-Container im Content, bei Bedarf zum Scrollen */
#textContainer {
	position: absolute;
	width: 665px;
	height: 232px;
	left: 12px;
	top: 108px;
	overflow: auto;
}

/* Texte bei Projekten, schmaler und rechts */
#textContentProjekte {
	position: absolute;
	width: 191px;
	left: 450px;
	top: 0px;
}

/* Texte allgemein */
#textContent {
	position: absolute;
	width: 412px;
	left: 14px;
	top: 0px;
	text-align: justify;
}


/* Formular */
#formularContent {
	position: absolute;
	width: 651px;
	left: 14px;
	top: 0px;
	text-align: justify;
}

h1 {
	font-size: 16px;	
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 12px;
	margin: 0px;
}
	

/* kleinerer Wortabstand */
.wortAbstandKleiner {
	word-spacing: -4px;
}

/* größerer Wortabstand */
.wortAbstandGroesser {
	word-spacing: 1px;
}

/* größerer Buchstabenabstand */
.buchstabenAbstandGroesser {
	letter-spacing: 1px;
}

.hauptnaviAusgewaehlt {
	color: #FF8C00;
}

/* Links in der Hauptnavi, unterm Signet */
a:link, a:visited {
	font-weight: normal;
	color: #778899;
	text-decoration: none;
}
a:active, a:hover {
	font-weight: normal;
	color: #FF8C00;
	text-decoration: none;
}

/* Links Hauptnavi ansgewählt */
a.ausgewaehlt:link, a.ausgewaehlt:visited, a.ausgewaehlt:active, a.ausgewaehlt:hover {
	color: #FF8C00;
	font-weight: normal;
}

/* Links auf HG graublau */
a.textbereich:link, a.textbereich:visited {
	color: #CCCCCC;
	font-weight: normal;
}

a.textbereich:active, a.textbereich:hover {
	color: #FFA500;
	font-weight: normal;
}

/* Formularfelder */
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #778899;
	width: 323px;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
}
select {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #778899;
	width: 323px;
	margin-bottom: 2px;
}
textarea {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #778899;
	width: 323px;
	height: 90px;
	border: 1px solid #CCCCCC;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #778899;
	scrollbar-highlight-color: #778899;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #778899;
	margin-bottom: 4px;
}
.submit {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #778899;
	width: 323px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}