html
{
	overflow-y: scroll;
}

body
{			
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #656565;
	text-align: left;
	background: #ecf6fc;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Fix for Chrome/Safari 1px issue with background centered and v-scroll-bar */ 
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	body:nth-of-type(1) { background-position-x: 49.99%; }
}

table, td, input, div, span, p, textarea, li
{
	font-family: "Trebuchet MS", sans-serif;	
}

td p
{
	margin: 0px;
	padding: 0px;
}

#top
{
	position:absolute;
	top: 0px;
	height: 98px;
	background-image: url(../img/hausbalken.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;	
	z-index: 97;
}

#topline
{
	z-index: 98;
	position: absolute;
	top: 98px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 19px;
	background-image: url(../img/back_line.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#logo
{
	position:absolute;
	top: 0px;
	z-index: 100;
	width: 164px;
	height: 176px;
	background-image: url(../img/hwg_logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	left: 50%;
  margin-left: -498px;
}

#main
{
	color: #5b5c58;		
	text-align: left;
	width: 633px;
	margin-right: auto;
	margin-left: auto;
	border: 0px solid;
	margin-top: 0px;	
	border: 0px solid;			
	top: 117px;
	position: absolute;
	left: 50%;
	margin-left: -329px;	
}

#main_inner
{
	margin-left: 6px;
	margin-top: 11px;
}

#line
{
	z-index: 99;
	width: 634px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	top: 117px;
	left: 0px;
	right: 0px;
	height: 5px;
	line-height: 5px;
	background: #c0e0ed;
	left: 50%;
	margin-left: -329px;	
}

#menu
{
	width: 146px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: -480px;	
	top: 182px;
	text-transform: uppercase;
}

.menu10				{text-decoration: none; display: block; height: 53px; background: #deeff5; background-image: url(../img/haus.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
.menu10:hover {text-decoration: none; display: block; height: 53px; background: #f4fcff; background-image: url(../img/haus.jpg); background-repeat: no-repeat; background-position: 0px -53px;}
.menu10_act   {text-decoration: none; display: block; height: 53px; background: #f4fcff; background-image: url(../img/haus.jpg); background-repeat: no-repeat; background-position: 0px -53px;}
.menu10_act:hover {text-decoration: none;}

.menu11				{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #deeff5; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu11:hover {text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu11_act 	{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu11_act:hover {text-decoration: none;}

.menu12				{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #deeff5; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu12:hover {text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu12_act 	{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu12_act:hover {text-decoration: none;}

.menu13				{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #deeff5; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu13:hover {text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu13_act 	{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu13_act:hover {text-decoration: none;}

.menu14				{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #deeff5; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu14:hover {text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu14_act 	{text-decoration: none; margin-top: 2px; display: block; height: 26px; background: #f4fcff; padding-top: 6px; font-size: 16px; color: #2f3985; padding-left: 10px;}
.menu14_act:hover {text-decoration: none;}

.menu2				{text-decoration: none; text-transform: none; display: block; height: 22px; background: #deeff5; padding-top: 0px; font-size: 13px; color: #5a5c61; padding-left: 9px;}
.menu2:hover	{text-decoration: underline; text-transform: none; display: block; height: 22px; background: #f4fcff; padding-top: 0px; font-size: 13px; color: #4385e0; padding-left: 9px;}
.menu2_act		{text-decoration: underline; text-transform: none; display: block; height: 22px; background: #f4fcff; padding-top: 0px; font-size: 13px; color: #4385e0; padding-left: 9px;}

.menu2a				{text-decoration: none; text-transform: none; display: block; height: 22px; background: #f4fcff; padding-top: 0px; font-size: 13px; color: #5a5c61; padding-left: 9px;}
.menu2a:hover	{text-decoration: underline; text-transform: none; display: block; height: 22px; background: #f4fcff; padding-top: 0px; font-size: 13px; color: #4385e0; padding-left: 9px;}
.menu2a_act		{text-decoration: underline; text-transform: none; display: block; height: 22px; background: #f4fcff; padding-top: 0px; font-size: 13px; color: #4385e0; padding-left: 9px;}


#sitemap      		{ }
#sitemap .haupt 	{ margin-top: 3px; margin-left: 0px;  padding-bottom: 3px; padding-top: 0px; }
#sitemap .sub2 		{ margin-top: 3px; margin-left: 25px; padding-bottom: 3px; padding-top: 0px; }
#sitemap .sub3 		{ margin-top: 3px; margin-left: 50px; padding-bottom: 3px; padding-top: 0px; }
#sitemap .sub4 		{ margin-top: 3px; margin-left: 75px; padding-bottom: 3px; padding-top: 0px; }

#verkaufen
{
	width: 155px;
	height: 166px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: -485px;	
	top: 525px;
	background-image: url(../img/verkaufen.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#verkaufen:hover
{
	width: 155px;
	height: 166px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: -485px;	
	top: 525px;
	background-image: url(../img/verkaufen.jpg);
	background-repeat: no-repeat;
	background-position: 0px -166px;	
}

#adress
{
	width: 171px;
	height: 214px;
	overflow: hidden;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: 309px;	
	top: 122px;
	background: #deeff5;
}

#adress a
{
	color: #5a5c61;
	text-decoration: none;
}

#adress a:hover
{
	color: #63a2ce;
	text-decoration: underline;
}

#newsletter
{
	width: 171px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: 309px;	
	top: 341px;
	background: #deeff5;
	text-align: right;
}

.newsletter_submit {margin-top: 5px; width: 99px; height: 21px; background: #63a2ce; border: 0px; padding: 0px; padding-right: 5px; padding-top: 1px; color:  #fff; font-size: 12px;}
.newsletter_submit:hover {color: #5a5c61; cursor: pointer; background: #f4fcff; padding: 0px; padding-right: 5px; padding-top: 1px; }

#angebote_head
{
	font-size: 20px;	
	font-family: "Trebuchet MS", sans serif;
	color: #63a2ce;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	width: 633px;
	top: 122px;   
	background-color: #fff;
	overflow: hidden;	
	overflow-x: hidden;	
	overflow-y: hidden;		
	left: 50%;
	margin-left: -329px;
}

#immo
{
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	width: 633px;
	top: 176px;
  bottom: 0px;  
	background-color: #fff;
	overflow: scroll;		
	left: 50%;
	margin-left: -329px;	
	-webkit-overflow-scrolling:touch;
	height: 100%;
	border: 0;
}

#immo_iframe
{
	height: 100%;
	width: 100%;	
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0px;
	padding: 0px;
	-webkit-overflow-scrolling:touch;
	border: 0;
}



/* Standards / CMS */
/* --------------- */

.headline_pre
{	
}

.headline
{
	font-size: 20px;	
	margin-bottom: 10px;	
	margin-top: 15px;
	font-family: "Trebuchet MS", sans serif;
	color: #63a2ce;
}

.headline_post
{	
	margin-left: -20px;		
	margin-right: -22px;	
	height: 1px;
	line-height: 1px;
	background: #c1e0ed;	
}

h6
{
	font-size: 20px;	
	margin-bottom: 16px;
	font-family: "Trebuchet MS", sans serif;
	color: #63a2ce;
}

h1
{
	font-size: 10px;
	font-weight: normal;	
}

h2
{
	font-size: 14px;
	font-weight: normal;
}

h3
{
	font-size: 16px;
	font-weight: normal;
}

.content
{		
	font-family: "Trebuchet MS", sans serif;
	font-size: 14px;	
	color: #656565;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	text-align: left;	
}

.content_inner
{
	margin: 14px 21px 21px 14px;	
}

a
{
	color: #565565;
	text-decoration: underline;
}

a:hover
{
	color: #2f3985;	
	text-decoration: underline;
}

a:focus
{
	outline: 0px;
}

#slides
{
	width: 621px;
	height: 329px;	
}

#slides IMG {
    position:absolute;
    z-index:8;
    opacity:0.0;
}

#slides IMG.active {
    z-index:10;
    opacity:1.0;
}

#slides IMG.last-active {
    z-index:9;
}

#preload
{
	width: 0px;
	height: 0px;
	border: 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: none;
}

#preload IMG
{
	display: none;
	width: 0px;
	height: 0px;
}

/* Ende Standards / CMS */
/* -------------------- */