@charset "utf-8";


body {
	font-style:normal;
	font-family: "Helvetica 55 Roman", Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #fff;
	background-image: url(../01_images/www_fromm_swoosh.png);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	background-position: top;
}

h1{
	color:#b40b1a;
	margin:0 0 10 0;
	padding:0;
	font-size:150%;
	font-weight:normal
}

strong{
	font-size:150%
}
	
p{
	margin-bottom:5px;
	line-height:150%;
}

a {
	outline:none;
}

#main {
	padding: 0px;
	height: 536px;
	width: 900px;
	margin-top: 0px;
	margin-left: -438px;
	position: absolute;
	top:133px;
	left:50%;
}

#hotspot {
	padding: 0px;
	margin-top: 0px;
	position: absolute;
	top:39px;
	left:50%;
}

.hotspotleft {
	margin-left: -438px;
}

.hotspotright {
	margin-left: 250px;
}

#navi {
	position:absolute;
	left:3px;
	top:125px;
	width:150px;
	height:auto;
	line-height: 20px;
	z-index:100;
}

.hauptnavi {
	position:absolute;
	left:698px;
	top:38px;
}

.hauptnavi ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.hauptnavi li{
	text-decoration: none;
	float:left;
	width:auto;
	text-align:center;
	padding:5px
}

.hauptnavi a{
	text-decoration:none;
	color:#fff
}

.hauptnavi a:hover{
	text-decoration:none;
	color:#b40b1a
}


#content{
	width: 726px;
	height: 475px;
	position: absolute;
	top: 63px;
	left: 153px;
	color:#000
}

#content a{
	text-decoration:none;
	color:#000
}

#content a:hover{
	text-decoration:none;
	color:#b40b1a;
}


.indexcontent {
	background-image: url(../01_images/fromm_content_intro.jpg);	
}

.kontaktcontent{
	background-image:url(../01_images/fromm_content_kontakt.jpg);
}

.impressumcontent{
	background-image:url(../01_images/fromm_content_impressum.jpg);
}

.beratungcontent{
	background-image: url(../01_images/fromm_content_beratung.jpg);
}

.wohntexcontent{
	background-image:url(../01_images/fromm_content_wohntex.jpg);
}

.fenstercontent{
	background-image:url(../01_images/fromm_content_fenster.jpg);	
}

.sonnecontent{
	background-image:url(../01_images/fromm_content_sonnenschutz.jpg)
}
.polstercontent{
	background-image:url(../01_images/fromm_content_polster.jpg);
}

.bodencontent{
	background-image:url(../01_images/fromm_content_boden.jpg);
}

.galerieclick{
	position:absolute;
	width:110px;
	height:45px;
	left:130px;
	top:125px;
	text-align:center;
}

.galeriebodencontent{
	background-image:url(../01_images/fromm_galerie_bodenbelag.jpg)
}
.galeriewohntexcontent{
	background-image:url(../01_images/fromm_galerie_wohntextilien.jpg)
}

.galeriefenstercontent{
	background-image:url(../01_images/fromm_galerie_gardinen_dekoration.jpg)
}

.galeriesonnecontent{
	background-image:url(../01_images/fromm_galerie_sonnenschutz.jpg)
}

.galerieshowroomcontent{
	background-image:url(../01_images/fromm_galerie_showroom.jpg)
}

.linktable td{
	width:183px
}

.partnercontent{
	background-image:url(../01_images/fromm_content_partner.jpg);
	line-height:20px;
}

#partnertable{
	width:auto;
	height:auto;
	margin-left:2px;
	position:absolute;
	top:213px;
	text-align:center;
	background-color:white
}

#partnertable td{
	width:121px;
	height:auto;
	padding:5px;
	text-align:center;
	/*border:1px solid yellow;*/
}

.geschichtecontent{
	background-image:url(../01_images/fromm_content_geschichte.jpg);
}

#contenttext {
	padding:10px;
	height:455px;
	width:378px;
	position:absolute;
	overflow:auto;
}

#contenttext li{
	line-height:150%
}

/* Menu Accordion */
.applemenu{
	margin:0;
	padding: 0;
}

.applemenu .silverheader{
	padding: 3px 0 3px 0px;
	cursor: hand;
	cursor:pointer;
}

.applemenu .submenu{ 
padding:0 0 0 5px;

}
.applemenu .silverheader a, .applemenu .submenu a{ 
	padding: 3px;
	display:block;
	color:#FFFFFF;
	text-decoration:none; 
}

.applemenu .silverheader a:hover, .applemenu .silverheader a:active, .applemenu .submenu a:hover, .applemenu .submenu a:active{ 
color:#b40b1a;
}

#u1 #a1, #u2 #a2, #u3 #a3, #u4 #a4, #u5 #a5, #u6 #a6, #u7 #a7, #u8 #a8, #u9 #a9, #u10 #a10, #u11 #a11, #u12 #a12, #u13 #a13, #u14 #a14, #u15 #a15, #u16 #a16 {
	color:#b40b1a;
}