body {
background-color: #FFFFFF;

/*
font-family:Geneva, Arial, Helvetica, sans-serif;
*/

font-family:Comic Sans MS;


}


div.menu {
float: left;
width: 200px;

top: 0px;
bottom: 0px;
left: 0px;

margin-top: 102px;

/*
background-color: #ffed7c;
*/

background-image:url(img/1/main.png);
background-repeat:repeat-y;




padding-top: 12px;


position: fixed;

}

div.menu b {color:#FFFFFF}

div.content {

margin-left: 180px;

right: 2px;

min-height: 100%;
min-width: 730px;




background-image:url(img/1/page_right.png);
background-repeat:repeat-y;
background-position:right;


}

div.page {

margin-top: 0px;
margin-bottom: 0px;
margin-left: 18px;
margin-right: 0px;

padding-left: 8px;
padding-right: 8px;
padding-bottom: 2px;
padding-top:82px;



background-color: #AACCFF;

}

div.pageleft {

background-image:url(img/1/page_left.png);
background-repeat:repeat-y;
background-position:left;

margin-right: 18px;


}

div.logo {

position: fixed;


background-image:url(img/Logo1.gif);
background-repeat:no-repeat;
background-position:center;


height: 100px;
right: 0px;

left: 0px;
top: 0px;

min-width: 920px;


}

div.gradient {

position: fixed;


background-image:url(img/1/top_gradient.png);
background-repeat:repeat-x;
background-position:bottom;


height: 124px;
right: 0px;

left: 0px;
top: 0px;

min-width: 800px;


}

div.logo p {

line-height: 3px;

margin-left: 10px;
margin-top: 12px;

font-weight:bolder;

font-size:small;

}

table.logo {

line-height: 14px;

margin-left: 8px;
margin-top: 2px;

font-weight:bolder;

font-size:small;

}

div.logo img {

float: right;

margin-right: 10px;
margin-top: 12px;

border-width: 0px;

}


div.menuu {

background-image:url(img/1/selected.png);
background-repeat:no-repeat;
background-position:center;


margin-top: 6px;



}

div.menuus {

background-image:url(img/1/sub.png);
background-repeat:no-repeat;
background-position:center;


margin-top: 6px;




}

div.menuus a {

padding-left: 10px;

}



div.menu a {

margin-left: 18px;


}

div.menu b {

margin-left: 18px;


}

div.menus {

background-image:url(img/1/selected2.png);
background-repeat:no-repeat;
background-position:center;

margin-top: 6px;



padding-top: 0px;
padding-bottom: 0px;


}

div.menu a:link {color: #CC0000; text-decoration: none}     /* unvisited link */
div.menu a:visited {color: #000000; text-decoration: none}  /* visited link */
div.menu a:hover {color: #FF0000; text-decoration: underline}   /* mouse over link */
div.menu a:active {color: #0000FF; text-decoration: none}   /* selected link */


p.footnote {
font-size:10px;
padding-top: 30px;

}

p.footnote2 {
font-size:10px;
padding-top: 30px;
text-align: right;
}


h1 {
text-align:left;
}

h2 {
text-align:left;
}

div.left {
text-align: left;
min-height: 300px;
}

div.left img {
float: right;
/* height: 300px; */
width: auto;
}

div.left p {
margin-left: 0px;
margin-right: 230px;

}

div.right {
text-align: right;
min-height: 300px;
}

div.right img {
float: left;
/* height: 300px; */
width: auto;

}

div.right p {
margin-left: 230px;
margin-right: 0px;

}



#map {
    margin:0;
    padding:0;
    width:720px;
    height:480px;
    background:url(img/welcome.png) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
	border:none;
}

#map li {
	margin:0;
	padding:0;
	border:none;
	display: block;
}

#map li a {
	position:relative;
	display:block;
	background:url(img/blank.gif);
	font-size:12px;
}

#map li a span { display:none; }

#map li a:link 		{color: #000000; text-decoration: none}     /* unvisited link */
#map li a:visited 	{color: #000000; text-decoration: none}  /* visited link */
#map li a:hover 	{color: #000000; text-decoration: none}   /* mouse over link */
#map li a:active 	{color: #000000; text-decoration: none}   /* selected link */


#map li a:hover span {
    position:relative;
    display:block;
    width:300px;
	height:90px;
    left:-220px;
    top:2px;
    padding-top:5px;
	padding-left: 25px;
	padding-right: 50px;
	
    /*border:1px solid #aaa;
    background:#fff;*/
	background-image:url(img/bubble.gif);
	background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
	}
	
#map li a:hover span div {

	width:190px;
	
	}
	
#map li a:hover span div b {

	padding-left: 30px;
	
	
	}
	

#map a.Solar {
	top:16px;
	left:222px;
	width:160px;
	height:80px;
}


#map a.Kaminofen {
	top:54px;
	left:334px;
	width:160px;
	height:80px;
}

#map a.Bad {
	top:91px;
	left:265px;
	width:160px;
	height:80px;
}

#map a.Heizung {
	top:137px;
	left:214px;
	width:160px;
	height:80px;
}

#map a.Pumpen {
	top:-29px;
	left:542px;
	width:160px;
	height:80px;
}

#map a.Kundendienst {
	top:-89px;
	left:4px;
	width:160px;
	height:80px;
}

#map a.Zentralstaubsauger {
	top:-131px;
	left:384px;
	width:160px;
	height:80px;
}