@import url(reset.css);

html{
	height: 100%;
}

body {
	
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	
	height: 100%;
	
	
}
/* suche.php oben hellblau Formular Suche */
.suche_form  {
	/* background-color:#203755; */
	color:#203755;
	position: absolute;	
	top: 110px;	
	left:400px;
	width:200px;
	height:60px;
	font-size: 0.80em;
	padding:20px;
	
}

.Such_Input_txt {
	color:#3a6a99;
}
.Such_Button { 
	
	background-color:#203755;
	color:white;	
	
}

.Such_ergebnis {
	/* 
	float: left;
	display: inline;
	*/
	font-size: 0.80em;
	background-color: #203755; /*  #203755 */
	
	position:relative;
	left:30px;
	width: 670px;
	height: 100px;	
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom:15px;
	margin-bottom: 10px;
	overflow-y:scroll;
 	scrollbar-arrow-color: white;
	scrollbar-base-color: #203755; /* a9c96b */
	scrollbar-shadow-color: #999393;
	
}

#container {
	position: relative;
	min-height: 100%;
	width: 790px;
	margin: 0 auto;	
	font-size: 16px;
}

* html #container {
	height: 100%;
	font-size: 16px;
}

a {
	text-decoration: none;
}

/*h tags*/

h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

h1 {
	font-size: 1.75em;/*28px*/
	color: #fff;
}

h2 {
	padding-bottom: 15px;
	font-size: 1.5em;/*24px*/
	font-weight: bold;
	color: #7BA440;
}

h3 {
	padding-bottom: 15px;
	font-size: 1.125em;/*18px*/
	color: #A9C96B;
}

/*"swf" on home*/

body.home .swf {
	position: absolute;
	top: 40px;
	right: 45px;
}

/*tables* - please don't use tables for layout*/

table.tables {
	/*this width is an example*/
	width: 425px;
	font-size: 1em;
	background-color: #203755;
	color: #fff;
	border: 2px solid #4971A2;
} 

table.tables th {
	font-size: 0.8125em;/*13px*/
	font-weight: bold;
	color: #203755;
	border: 1px solid #4971A2;
	background-color: #8BBEFD;
	padding: 8px;
	text-align: center;
}

table.tables td {
	font-size: 0.75em;/*12px*/
	border: 1px solid #4971A2;
	color: #fff;
	padding: 8px;
	text-align: center;
}

/*these tables are to be used with forms*/
table.forms {
	width: 425px;
	font-size: 1em;
	background-color: #203755;
	color: #fff;
	border: 1px solid #4971A2;
} 

table.forms th {
	font-size: 0.8125em;/*13px*/
	font-weight: bold;
	color: #fff;
	border: 1px solid #4971A2;
	padding: 8px;
	text-align: center;
}

table.forms td {
	font-size: 0.75em;/*12px*/
	color: #fff;
	padding: 8px;
}

/*Forms*/

table.forms td input {
	background-color: #8BBEFD;
	border: #4971A2 solid 1px;
	color: #203755;
}

table.forms td textarea {
	background-color: #8BBEFD;
	color: #203755;
	border: #4971A2 solid 1px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}

table.forms td select {
	background-color: #8BBEFD;
 	color: #203755;
	border: #4971A2 solid 1px;
}


/*header*/
#header {
	width: 790px;
	background: #6FA7D1 url(../pct/sky_stripe.jpg) no-repeat 50% 0;
	height: 164px;
}

img#logo {
	float : left;
	display: inline;
	margin-left: 20px;
	margin-top: 10px;
}

/*header for "home" class*/
body.home #header {
	width: 790px;
	background: #fff url(../pct/home.jpg) no-repeat 50% 0;
	height: 600px;
}

/*top-menu*/
#menu_top {
	float: right;
	/* background-color: #203755; */
	padding-left:0px;
	font-size: 0.6875em;/*11px*/
}

#menu_top li {
	float: left;
}

#menu_top  li a {
	display: block;
	padding: 4px 15px 8px 15px;
	border-top: #203755 solid 4px;
	color: #fff;
}

/*these are body classes*/
.home #menu_top li#home a,
.impressum #menu_top li#impressum a,
.suche #menu_top li#suche a,
/*.kontakt #menu_top li#kontakt a,(use the "info" body class and the "kontakt" submenu id instead)*/
.merkliste #menu_top li#merkliste a,
.termine #menu_top li#termine a {
	display: block;
	padding: 4px 15px 8px 15px;
	border-top: #203755 solid 4px;
	/*background-color: #8BBEFD;*/
	color: #203755;
}

#menu_top  li a:hover {
	border-top: #ffde00 solid 4px;
	color: #fff;
}

#menu_top li#kontakt a {
	/*background-color: #7BA440;*/
	border-top: #7BA440 solid 4px;
}

#menu_top li#kontakt a:hover {
	/*background-color: #A9C96B;*/
	border-top: #ffde00 solid 4px;
	color: #203755;
}

/*main-menu*/
#menu_main {
	background-color: #203755;
	position: absolute;
	top: 120px;
	color: #fff;
	font-size: 0.8125em;/*13px*/
	width: 790px;
	clear: both;
}

#menu_main ul {
	margin: 0 10px 0 18px;
}

#menu_main li {
	float: left;
}

#menu_main li a {
	display: block;
	padding: 0px 16px 6px 16px;
	border-top: #203755 solid 6px;
	color: #fff;
}

/*these are body classes*/
.hausermain #menu_main li#hauser a, 
.hauser #menu_main li#hauser a, 
.sonder #menu_main li#sonder a,
.baufamilien #menu_main li#baufamilien a, 
.service #menu_main li#service a,
.info #menu_main li#info a, 
.unternehmen #menu_main li#unternehmen a  {
	display: block;
	background-color: #8BBEFD;
	border-top: #8BBEFD solid 6px;
	color: #203755;
}

#menu_main  li a:hover {
	/*border-top: #A9C96B solid 6px;*/
	border-top: #ffde00 solid 6px;
	color: #fff;
}

/*sub-menu*/
.menu_sub {
	position: absolute;
	display:inline;
	top: 147px;
	width: 790px;
	height: 248px;
	background: #fff url(../pct/bkg_submenu.jpg) no-repeat top left;
	background-image: url(../pct/bkg_submenu.jpg);
}
.menu_sub_sub {
	position: absolute;	
	display:inline;
	left:586px;
	top: 0px;
	
}

.menu_sub img {
	float: left; 
	position: absolute;
	top: 30px;
	left: 30px; 
}

.menu_sub h1 {
	position: absolute;
	top: 40px;
	left: 360px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.75em;/*28px*/
	color: #fff;
	line-height: 1.25em;
}

.menu_sub ul{
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

.menu_sub ul li {
	padding: 6px 0 6px 12px;
	background: url(../pct/submenu_bullet.gif) 0 8px no-repeat;
	line-height: 0px;
}

.menu_sub li a {
	display: block;
	border-bottom: #73B7EF solid 1px;
	padding-right: 50px;
	padding-bottom: 2px;
	color: #203755;
	font-size: 0.75em;/*12px*/
}

a.such_erg:link {
	COLOR: #fff;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.90em;
}
a.such_erg:active {
	COLOR: #fff;	
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.90em;
}
a.such_erg:visited {
	COLOR: #fff;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.90em;
}
a.such_erg:hover {
	COLOR: #ffde00;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.90em;
}

a.pcthausmenu:link {
	COLOR: #203755;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.75em;
}
a.pcthausmenu:active {
	COLOR: #203755;	
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.75em;
}
a.pcthausmenu:visited {
	COLOR: #203755;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.75em;
}
a.pcthausmenu:hover {
	COLOR: #FFFFFF;
	
	text-decoration: none;
	font-weight: normal;
	font-size: 0.75em;
}
/*submenu classes and ids*/
/*listed in the same order as on the sitemap*/
.menu_sub  li a:hover,
/*start_parse_dyn_hauser_linien*/
.menu_sub .real li#real a,
.menu_sub .angebote li#angebote a,
.menu_sub .crea li#crea a,
.menu_sub .tech li#tech a,
.menu_sub .doppel li#doppel a,
/*end_parse_dyn_hauser_linien*/
.menu_sub .hausbe li#hausbe a,
.menu_sub .minergie li#minergie a,
.menu_sub .fitness li#fitness a,
.menu_sub .technik li#technik a,
.menu_sub .komfort li#komfort a,
.menu_sub .sicherheit li#sicherheit a,
.menu_sub .multimedia li#multimedia a,
.menu_sub .foto li#foto a,
.menu_sub .betermine li#betermine a,
.menu_sub .erfahrungs li#erfahrungs a,
.menu_sub .grundstuck li#grundstuck a,
.menu_sub .finanzierungs li#finanzierungs a,
.menu_sub .versicherungs li#versicherungs a,
.menu_sub .handwerker li#handwerker a,
.menu_sub .kontakt li#kontakt a,
.menu_sub .erstinfo li#erstinfo a,
.menu_sub .broschuren li#broschuren a,
.menu_sub .presse li#presse a,
.menu_sub .verkauf li#verkauf a,
.menu_sub .infoline li#infoline a,
.menu_sub .recall li#recall a, 
.menu_sub .agenda li#agenda a, 
.menu_sub .aktuelle li#aktuelle a, 
/*.menu_sub .agenda li#agenda a,*/
.menu_sub .historie li#historie a, 
.menu_sub .partner li#partner a, 
.menu_sub .produktion li#produktion a {
	border-bottom: #203755 solid 1px;
	color: #203755;
}

/*sub menu for "hauser" class*/
body.hauser .menu_sub {
	position: absolute;
	top: 147px;
	width: 790px;
	height: 200px;
	background: #8BBEFD;
}
/* Submenu Einzelhausauswahl Vertical-Scroll-Div-Box */
.menu_sub .menu_haus {
	float: left;	
	position:absolute;
	/* display:inline; */
	left:30px; top:20px; width:525px; height:160px;
 	overflow-x:scroll;
 	scrollbar-arrow-color: white;
	scrollbar-base-color: #203755; /* a9c96b */
	scrollbar-shadow-color: #999393;
 	/* overflow-y:scroll; */
}

p.men_haus_pct {	
	display: inline;
	position: relative;
	top: -30px;
	left: -30px;
	text-align: center;
	/* border: 1px solid #999393; */	
}
img.pct_border {	
	border: #FFFFFF solid 2px;
}
p.men_haus_txt {
	
	/* color: #fff; */
	position: relative;
	top: 105px;
	width:140px;
	text-align: center;
	/* background-color:#203755; */
	/* padding-left: 10px;	*/
}
/*this is for "hauser" and "hausermain" classes*/
body.hauser .menu_sub ul, body.hausermain .menu_sub ul {
	float: right;	
	/* margin-top von 30 auf  20 geaendert. Vertikaler Positionsausgleich des Submenus Hauslinie */
	margin-right: 45px;
	margin-top: 20px;
	/* Submenu-Txt breite submenu damit kein umbruch. */
	width:180px;

}

/*content*/
#content {
	width: 778px;
	position: absolute;
	top: 388px;
	background-color: #3A6A99;
	padding: 30px 0 5px 12px;
}

/*content-sidebar*/
#content .sidebar {
	float:right;
	display: inline;
}

#content .sidebar p {
	width: 230px;
	background-color: #20456D;
	padding: 8px 20px 8px 8px;
	margin-bottom: 8px;
	line-height: 0px;
}

#content .sidebar p.txt {
	width: 218px;
	color: #fff;
 	font-size: 0.75em;
	line-height: 1.25em;/*20px*/
	padding: 5px 20px 10px 20px;
}

#content .sidebar p.links {
	width: 230px;
	text-align: center;
	line-height: 1.25em;/*20px*/
}

#content .sidebar p.links a {
	color: #fff;
	text-decoration: underline;
	font-size: 0.75em; /*14px*/
}

#content .sidebar h2, #content .sidebar h3 {
	width: 230px;
	background-color: #20456D;
	padding: 10px 20px 8px 8px;
	text-align: center;
}

/*content- text div*/
#content .text {
	float: left;
	display: inline;
	width: 435px;
	background-color: #203755;
	padding: 20px 15px 15px 60px;
	margin-bottom: 10px;
}

#content .text p {
	font-size: 0.75em;
	color: #fff;
	line-height: 1.25em;/*20px*/
	padding-bottom: 10px;
}

#content .text blockquote p {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.875em;/*14px*/
	padding: 10px 0 20px 35px;
	background: url(../pct/quotes.gif) no-repeat top left ;
}
.pseudoblock {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.875em;/*14px*/
	/*padding: 10px 0 20px 5px;*/
	}

#content .text em {
	color: #8BBEFD;
}

#content .text a {
	color: #fff;
	text-decoration: underline;
}

/*content for "hauser" class*/

body.hauser #content {
	width: 770px;
	position: absolute;
	top: 347px;
	background-color: #203755;
	padding: 30px 10px 5px 10px;
}

body.hauser #content .sidebar {
	float:left;
	display: inline;
}

body.hauser #content .sidebar p {
	background-color: #fff;
	line-height: 0px;
	padding: 5px;
	padding-right: 1px;
}

body.hauser #content .text {
	float: right;
	display: inline;
	width: 505px;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
}

body.hauser #content .text em {
	font-weight: bold;
}

body.hauser #content .text a {
	color: #203755;
	text-decoration: underline;
}

body.hauser #content h2 {
	padding-bottom: 5px;
}

body.hauser #content h3 {
	padding-bottom: 60px;
}

body.hauser #content .text img {
	padding-bottom: 20px;
}

body.hauser #content .hausname {
	float: left;
	display: inline;
}

body.hauser #content .hausdes {
	float: right;
	display: inline;
	width: 260px;
}

body.hauser #content .hausdes p {
	font-size: 0.75em;
	color: #203755;
	padding-bottom: 20px;
}

body.hauser #content .hausdes ul {
	font-size: 0.75em;
	color: #203755;
	padding-bottom: 20px;
}

body.hauser #content .hausdes ul li {
	list-style:disc;
	padding-bottom: 5px;
}

/*Buttons in "hauser" class*/

body.hauser #content .hausname #buttons {
	float: left;
}

body.hauser #content .hausname #buttons li {
	float: left;
	display: inline;	
}

body.hauser #content .hausname #buttons li a {
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	background-color: #A9C96B;
	font-size: 0.60em;
	font-weight: bold;
	text-decoration: none;
}

/*Preis Categorie*/
body.hauser #content #preis_cat {
	position: relative;
	clear: both;
	margin-left: 70px;
	/*padding-top: 20px;*/
}

body.hauser #content #preis_cat ul {
	padding: 0;
}

body.hauser #content #preis_cat li {
	float: left;
	display: block;
	padding: 5px 17px 5px 20px;
	list-style: none;
	color: #000000;
	font-size: 0.70em;
	/*font-weight: bold;*/
	/*background-color: #20456D;*/
}

/*Preis Categorie classes and ids*/
body.hauser #content #preis_cat .p350 li#p350,
body.hauser #content #preis_cat .p400 li#p400,
body.hauser #content #preis_cat .p430 li#p430,
body.hauser #content #preis_cat .p450 li#p450,
body.hauser #content #preis_cat .p500 li#p500 {
	/*background-color: #7BA440;*/
}


/*Footer*/

#footer {
	position: relative;
	clear: both;
	margin-left: 40px;
	padding-top: 60px;
}

#footer li {
	float: left;
	display: inline;
	font-size: 0.6875em;/*11px*/
	color: #8BBEFD;
	padding: 0 5px 0 5px;
}

#footer li#copyright, #footer li#address {
	border-right: #8BBEFD solid 1px;
}

#footer li a {
	font-size: inherit;
	color: #8BBEFD;
}