@charset "utf-8";
/* CSS Document */
body { text-align: center; margin: 0; padding: 0; background: #f0f6f6 url(../images/blocks/body_bg.jpg) top center repeat-x; }


body { behavior: url( fileadmin/raum21/hm_carport/templates/js/csshover.htc); }
body { behavior: url( ../js/csshover.htc); }

#mainContainer { width: 936px; margin: 0 auto; text-align: left; min-height: 1091px; height: auto!important; height: 1091px; }
.footer-wrap { background: url(../images/blocks/bg_footer.jpg) center bottom repeat-x; min-height: 410px; height: auto!important; height: 410px;  }
#footer { width: 936px; margin: 0 auto; min-height: 410px; height: auto!important; height: 410px; background: url(../images/blocks/bg_footer_table.jpg) 2% bottom no-repeat; }

/*
	HOME PAGE STYLES
-------------------------------------------------------------------------------------------------------------------------------------------- */
.page-img { position: relative; z-index: 1;padding-bottom:0!important;margin-bottom:0!important}
.page-img ul { position: absolute; z-index: 5; right: 10px; top: 15px; }
.page-img ul li { float: left; color: #fff; font-size: 14px; }
.page-img ul li.separator { width: 1px; padding: 0 10px 0 5px; }
/*.page-img ul li a:link, .page-img ul li a:visited { color: #fff; text-decoration: underline; font-size: 14px; text-transform: uppercase; }*/
.page-img ul li a:link, .page-img ul li a:visited { color: #fff; text-decoration: underline; font-size: 12px; text-transform: uppercase; }
.page-img ul li a:hover { text-decoration: none; }

	
/*
	LISTS
-------------------------------------------------------------------------------------------------------------------------------------------- */
#header ul, #footer ul, ul.navigation  { margin: 0; padding: 0; list-style: none; }

/*
	HEADER
-------------------------------------------------------------------------------------------------------------------------------------------- */
.logo { position: absolute; z-index: 5; left: 17px; top: 11px; }


/*
	MAIN MENU
-------------------------------------------------------------------------------------------------------------------------------------------- */
.mainMenuContainer { width: 100%; min-height: 98px; height: auto!important; height: 98px; margin-top:-2px!important }

.leftmenu-wrap { float:left; width:410px; background: url(../images/blocks/bg_left_menu_wrap.gif) left top no-repeat; position: relative; z-index: 10; }
.leftmenu-wrap h5 { float: right; width: 260px;  margin-bottom: 0;  font-weight: bold; }
.leftmenu-wrap h5 a:link, .leftmenu-wrap h5 a:visited { background: url(../images/blocks/img_book.gif) left 1px no-repeat; color: #4d7cc9; padding: 10px 0 3px 55px; float: left; }

#header .leftmenu-wrap ul { position: absolute; z-index: 15px; right: -48px; -right: -49px; top: 42px; background: url(../images/blocks/bg_left_menu_ul.gif) left top no-repeat; padding:0 0 0 10px; }
.leftmenu-wrap ul li { float: left; margin-right: 1px; }
.leftmenu-wrap ul li a:link, .leftmenu-wrap ul li a:visited { color: #4d7cc9; background: #b1deff; height: 21px; line-height: 21px; float: left; text-transform: uppercase; padding: 0 2px 0 6px; }
.leftmenu-wrap ul li a:hover { text-decoration: none; background:url(../images/blocks/bg_menu_hover.gif) left bottom repeat-x; }


/* LEVEL 1 */
#mainMenu { float:right; width: 525px; list-style: none; margin: 0; padding: 0; position: relative; z-index: 5; }
#mainMenu li { float: left; margin-right: 1px; }
#mainMenu li a:link, #mainMenu li a:visited { padding:0px 4px; height: 41px; line-height: 41px; color: #4d7cc9; background: #b1deff; text-transform: uppercase; float: left; }
#mainMenu li a:hover, #mainMenu li.act a:link, #mainMenu li.act a:visited { background:url(../images/blocks/bg_menu_hover.gif) left top repeat-x; text-decoration: none; }

#mainMenu li .mainSubMenu { display: none; } 
#mainMenu li.carporte { border-bottom: 1px solid #b1deff; }
#mainMenu li.carporte .mainSubMenu { display: block; }
/*#mainMenu li.konfigurator a:link, #mainMenu li.konfigurator a:visited { background: url(../images/blocks/bg_li_konfigurator.gif) left top repeat-x; font-weight: bold; /* padding: 0 0px; */ /*}*/
#mainMenu li.konfigurator a:link, #mainMenu li.konfigurator a:visited { background:#b1deff; font-weight: bold}
#mainMenu li.konfigurator a:hover { background:url(../images/blocks/bg_menu_hover.gif) left top repeat-x;text-decoration:none}
#mainMenu li.last{ width: 10px; height: 41px; background: url(../images/blocks/bg_li_last.gif) left top no-repeat; margin: 0; }

/* LEVEL 2 */
#mainMenu li .mainSubMenu { position: absolute; z-index: 10; left:-65px; top: 41px; padding: 0px 0 13px 119px; background: url(../images/blocks/bg_ul_carporte.gif) -1px top no-repeat; -width: 580px; }
#mainMenu li ul { float: left; /* padding: 0px 0 0px 82px; background: url(../images/blocks/bg_category_img01.gif) -1px 1px no-repeat; */ }
#mainMenu li ul li a:link, #mainMenu li ul li a:visited { border-top: 1px solid #4d7cc9; }
#mainMenu li.act ul li a:link, #mainMenu li.act ul li a:visited { background: #b1deff;  }
#mainMenu li.act ul li a:hover, #mainMenu li.act ul li.active a:link, #mainMenu li.act ul li.active a:visited { background:url(../images/blocks/bg_menu_hover.gif) left top repeat-x; }
#mainMenu li ul li.last { width: 73px; height: 42px; background: url(../images/blocks/bg_li_li_last.gif) left 1px no-repeat; margin-right: 0; }
#mainSubMenu li.first { width: 82px; height: 41px; background: #B1DEFF; margin-top: 1px; }

#mainMenu li ul li.last{width: 9px;}



/* KURIOS BUTTON
----------------------------------------*/
#mainMenu li.act ul li.active a[href="carports/kurios.html"] {
	padding-left: 28px;
	background: url(../images/blocks/bg_before_kurios.jpg) no-repeat top left;
}
#mainMenu li.act ul li a.active[href="carports/kurios.html"], #mainMenu li.act ul li a:hover[href="carports/kurios.html"] {
	background: url(../images/blocks/bg_before_kurios_hover.jpg) no-repeat top left;
}


/*
	COLUMNS
-------------------------------------------------------------------------------------------------------------------------------------------- */