/* CSS Document */

html, body {
	margin: 0; /* kein Randabstand */
	padding: 0; /* kein Innenabstand */
	font-family: Verdana, Helvetica, Arial, sans-serif; /* Schriftfamilie */
	color: #5B5B5B; /* Schriftfarbe dunkelgrau */
	background: #FFFFFF; /* Hintergrundfarbe */
	font-size: 13px; /* Basis-Schriftgröße */
}

/* ANMERKUNG:
Wird die Schriftgrösse des body-Elements geändert, 
ändern sich die Schriftgrößen aller Elemente proportional,
da die Schrift überall in Prozent angegeben wurde.
*/

.logo {
	margin: 0;
	padding: 0;
	border: none;
}

a, h1, h2, h3, h4, h5, h6, p, td, tr {
	margin: 0;
	padding: 0;
}

/* --- LAYOUT -------------------------- */

#page {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;    /* Seite im Browserfenster zentriert */
	width: 990px;
	background: #FFFFFF url('../nhtml/texture_clouds_x.jpg') repeat;
	text-align: left;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #888888;
	border-left-color: #888888;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#header {                 /* hier wohnt nur das 990x100px Logo */
   position: relative;
	margin: 0;
	padding: 0;
	width: 990px;
	height: 100px;
}

#left_col {   /* die Schöner-Wohnen Bilder-Spalte - leave alone!*/
	margin: 0;
	padding: 0;
	width: 440px;
	height: 450px;
	overflow: hidden;
	float: left;
}

#left_col_pad {            /* hier passiert die Bild-Position! */
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 30px;
}

#right_col {              /* Obacht Content!!! */
	margin: 0;
	padding: 0;
	width: 530px;
	height: 440px;
	overflow: auto;
	float: right;
}

#right_col_pad {
	margin: 10px 0px 20px 0px;
}

#blank {                 /*separation horizontal */
	margin: 0;
	padding: 0;
	width: 990px;
	height: 1px;
}

#footer {
	clear: both;
	width: 988px;
	height: 80px;
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
}

#tool-box {
	position: relative;
	top: 10px;
	left: 20px;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 60px;
	overflow: hidden;
	float: left;
	background: #AFC4DE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AFAFAF;
	border-right-color: #AFAFAF;
	border-bottom-color: #000000;
	border-left-color: #000000;
}	

#tool-box_pad {
	margin: 15px 5px 5px 10px;
}

#search-input {
	margin-right: 6px;
}

#search-select {
	margin-right: 6px;
}	

#search-button {
	font-size: 90%;	/* Schriftgröße */
	color: #003300;
}	

#footer_right {
	position: relative;
	top: 10px;
	right: 20px;
	margin: 0;
	padding: 0;
	width: 480px;
	height: 60px;
	overflow: auto;
	float: right;
	background: #AFC4DE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AFAFAF;
	border-right-color: #AFAFAF;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#footer_right_pad {
   margin: 5px 5px 5px 10px;
}

#search_result {
	margin: 0;
	padding: 0;
	overflow: auto;
}

#search_result_pad {
   margin: 20px;
}
/* --- NAVIGATION -------------------------- */

#navcon {
	margin: 0 0 0 0px;
}

#nav {                       /* obere Navigationsleiste in Logo-Farbe, Hauptmenue */
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 990px;
	list-style: none;
	background-color: #B0C5DD;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#nav li {                   /* Elemente die in Navigation links erscheinen (normale) */
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
}

#nav li.right {             /* Elemente die in Navigation rechts erscheinen - "Impressum" */
	float: right;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
}

#nav a {                   /* Schriftdeko passive Elemente */
	float: left;
	text-decoration: none;
	color: #8A8A8A;
	padding-right: 13px;
	padding-left: 13px;
}

#nav a:hover, #nav a.aktuell { /* Schriftdeko aktive Elemente */
	color: #fff;
	background-color: #aaa;
}

#nav a.aktuell {
	font-weight: normal;
	background-color: #777;
}

/* --- SUB NAVIGATION -------------------------- */
	
#subnavcon {
	margin: 0 0 0 0px;
}


#subnav {
	position: relative;
	top: 0px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 990px;
	list-style: none;
	background-color: #777777;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bbb;
	border-bottom-color: #777777;
}

#subnav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
}

#subnav li.right {    /* Elemente die in Sub Navigation rechts erscheinen - "english version" */
	float: right;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background-color: #CCCCCC;
}

#subnav a {
	float: left;
	text-decoration: none;
	color: #B0C5DD;
	padding-right: 13px;
	padding-left: 13px;
}
#subnav a.right {
	color: #FFFFFF;
	float: left;
	padding-left: 13px;
	padding-right: 13px;
	text-decoration: none;
}

#subnav a:hover, #subnav a.aktuell2 {
	color: #fff;
}

#subnav a.aktuell2 {
	font-weight: normal;
}

/* Dokument-Formatierung -------------------------------------------*/
ul.nostyle {
	list-style:none;
}

/* Formatierung Bilder */
img {
	border: 1px solid #000000;	   /* 1-Pixel-Rand in schwarz */
	float: left;				   /* Inhalte umfließen Bilder an der rechten Seite */
	margin: 0px 0px 0px 0px;			
}

img.noborder {
	border: 0;                    /* hier kein Rand */
	float: left;                  /* Inhalte umfließen Bilder an der rechten Seite */
	margin: 0px 0px 0px 0px;
}

table.invisible {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* Formatierung Content Spalte */
div#spaltenbreite {
	margin-left: 0px;               /* Randabstand Rechts */
	padding-left: 10px;             /* linker Innenabstand zwischen Elementinhalt  */
	padding-right: 20px;            /* rechter Innenabstand zwischen Elementinhalt  */
	border-left: 1px solid #EAEAEA; /* linke Orientierungslinie */
	border-right: 1px solid #EAEAEA;/* rechte Orientierungslinie */
	text-align: left;               /* Textverlauf linksbündig */
	width: 470px;                   /* Spaltenbreite */
}

/* TEXTFORMATIERUNG -------------------------------------------*/

/* Hauptüberschrift */
h1 {
	font-size: 140%;					/* Schriftgröße */
	line-height: 130%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Zweite Überschrift */
h2 {
	font-size: 130%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Zwischenüberschrift */
h3 {
	font-size: 120%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: bold;					/* Fettschrift */
	padding-top: 12px;					/* oberer Innenabstand zwischen Elementinhalt */
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Zwischenüberschrift 2 */
h4 {
	font-size: 110%; /* Schriftgröße */
	line-height: 120%; /* Zeilenabstand */
	font-weight: normal; /* Fettschrift */
}

/* Referenzentext */
.references {
	font-size: 100%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: lighter;					/* Fettschrift */
	padding-bottom: 20px;				/* unterer Innenabstand zwischen Elementinhalt */
}

/* Impressumtext */
.imprint {
	font-size: 80%;						/* Schriftgröße */
	line-height: 100%;					/* Zeilenabstand */
	font-weight: lighter;					
	padding-bottom: 8px;				/* unterer Innenabstand zwischen Elementinhalt */
}

p {
	font-size: 100%;					/* Schriftgröße */
	line-height: 120%;					/* Zeilenabstand */
	font-weight: normal;				/* Normalschrift */
	padding-bottom: 6px;				/* unterer Innenabstand zwischen Elementinhalt */
	padding-left: 10px;
}

ul {
	margin: 0 0 12px 24px; 				/* unterer und linker Abstand */
	padding: 0;							/* Innenabstand */
}

ol {
	margin: 0 0 12px 24px; 				/* unterer und linker Abstand */
	padding: 0;							/* Innenabstand */
}

li {
	margin: 0;							/* Außenabstand  */
	padding: 0;							/* Innenabstand */
	line-height: 140%;					/* Zeilenabstand */
}

hr {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* Link-Verhalten -------------------------------------------*/
/* Reihenfolge der Definitionen niemals nie nicht ändern!!!*/

/* normaler Link */
a:link {
	text-decoration: none; /* Keine Unterlinierung der Links */
	font-weight: normal; 
	color: #999999;
}

/* Bereits besuchter Link */
a:visited {
	text-decoration: none; /* Keine Unterlinierung der Links */
	font-weight: normal; 
	color: #6495ED;
}

/* Link mouseOver */
a:hover {
	text-decoration: none; /* Keine Unterlinierung der Links */
	font-weight: normal; 
	color: #666666; 
}

/* Geklickter Link */
a:active {
	text-decoration: none; /* Keine Unterlinierung der Links */
	font-weight: normal; 
	color: #003399; 

}