@import url("./css_content.css"); /* import general and csc styles */ @import url("../../css/common.css"); /* import common styles */ @import url("../../searchbox/searchbox.css"); /* import searchbox styles */ @import url("../../languageselector/languageselector.css"); /* import searchbox styles */ /* general, body */ body { background-color:#ffffff; margin:0; text-align:center; } /* main section */ #main-area { width:1000px; margin:auto; margin-top:8px; margin-bottom:8px; text-align:left; } /* header area */ #header-area { margin-bottom:0px; height:88px; background:#CCCCCC; } #header-right-area { height:68px;} /* logo image */ #logo-image-area { vertical-align:top; width:250px; } #logo-image-area img { margin-top:0px; margin-left:0px; } #gruen-rechts { height:68px; width:175px; background-color:#CCCC99; float:right} .sportlounge-munte-bogen {padding-right:4px;} /* main menu area on top */ #top-mainmenu-area { margin:0; padding:0px; background-color:#ffffff;} #top-mainmenu-area table { margin:0 auto 0 auto; width:100%; text-align:center; } #top-mainmenu-area table tr { height:20px;} #top-mainmenu-area table tr td { vertical-align:middle; white-space:nowrap; background:#DEDEDE; border-left:#CCCCCC 1px solid; } #top-mainmenu-area table tr td a { display:block; line-height:20px ;font-size:11px; text-transform:uppercase; color:#660000; text-decoration:none; padding-left:4px; padding-right:4px; } #top-mainmenu-area table tr td a:hover { text-decoration:none; color:#999999; } #top-mainmenu-area table tr td.first-menuitem { border-left:none; } #top-mainmenu-area table tr td.menuitem-inrootline { } #top-mainmenu-area table tr td.menuitem-inrootline a { color:#999999; } #top-mainmenu-area table tr td.menuitem-inrootline a:hover { color:#999999; } /* extra menu in pagebottom */ #bottom-menu-area { background-color:#ffffff ; vertical-align:bottom; text-align:center; padding:2px} #bottom-menu-area table { margin:0 auto 0 auto; font-weight:normal; text-align:left; } #bottom-menu-area table tr td { vertical-align:middle; white-space:nowrap; background:url(../images/trenner_submenue.gif) left no-repeat; color:#333333;padding-left:10px; padding-right:5px} #bottom-menu-area table tr td.first-menuitem { background:none; padding-left:0px;} #bottom-menu-area table tr td a { text-decoration:none; line-height:20px; font-size:9px; color:#660000; display:block; text-transform:none; } #bottom-menu-area table tr td a:hover { text-decoration:underline; color:#660000; } #bottom-menu-area table tr td.last-menuitem { } /* left main menu */ #left-mainmenu-area { padding:0px 20px 20px 20px; margin:0px 0; margin-top:13px;} /* level 1 */ #left-mainmenu-area ul { list-style-type:none; margin:0; padding:0; } #left-mainmenu-area ul li { margin:0; padding: 0px 0px; line-height:normal; color:#660000; text-transform:uppercase;font-weight:bold; border-top:13px solid #999999; list-style-image:none;} #left-mainmenu-area ul li.menu-first { background-image:none; } #left-mainmenu-area ul li.menu-last { border-bottom:none;} #left-mainmenu-area ul li a { display:block; padding-left:20px;padding-bottom:1px;padding-top:1px; font-size:11px; font-weight:bold; color:#660000; text-decoration:none; border-bottom:1px solid #333333; } #left-mainmenu-area ul li a:hover { color:#660000; text-decoration:underline; } #left-mainmenu-area ul li a.menu-active { color:#660000; font-weight:bold; } #left-mainmenu-area ul li a.menu-active:hover { color:#660000; font-weight:bold; } #left-mainmenu-area ul li.menu-active { color:#660000; font-weight:bold; } #left-mainmenu-area ul li a.parent-menu { color:#660000; background-color:#CCCCCC; } /* level 2 */ #left-mainmenu-area ul li ul { background-color:#CCCCCC; } #left-mainmenu-area ul li ul li { color:#660000; text-transform:uppercase; list-style-image:none;} #left-mainmenu-area ul li ul li.menu-first { } #left-mainmenu-area ul li ul li.menu-last { } #left-mainmenu-area ul li ul li a { display:block; padding-left:40px;padding-bottom:1px;padding-top:1px; font-size:11px; font-weight:normal;color:#660000; text-decoration:none; } #left-mainmenu-area ul li ul li a:hover { color:#660000; text-decoration:underline; font-weight:bold;} #left-mainmenu-area ul li ul li a.menu-active { color:#660000; background-color:#CCCCCC; font-weight:bold;} #left-mainmenu-area ul li ul li a.menu-active:hover { color:#660000; background-color:#CCCCCC; font-weight:bold;} /* level 3*/ #left-mainmenu-area ul li ul li ul { background-color:#CCCCCC; } #left-mainmenu-area ul li ul li ul li { color:#333333; text-transform:none;font-size:11px;list-style-image:none; } #left-mainmenu-area ul li ul li ul li a { color:#333333; padding-left:55px;padding-bottom:1px;padding-top:1px;font-weight:normal} #left-mainmenu-area ul li ul li ul li a:hover { color:#333333; font-weight:bold;background-color:#CCCCCC; } #left-mainmenu-area ul li ul li ul li a.menu-active { color:#333333; font-weight:bold;background-color:#CCCCCC; } /* level 4*/ #left-mainmenu-area ul li ul li ul li ul { background-color:#CCCCCC; } #left-mainmenu-area ul li ul li ul li ul li { color:#333333; text-transform:none; font-size:11px; list-style-image:none; } #left-mainmenu-area ul li ul li ul li ul li a { color:#333333; padding-left:70px;padding-bottom:1px;padding-top:1px;font-weight:normal} #left-mainmenu-area ul li ul li ul li ul li a:hover { color:#333333; font-weight:bold;background-color:#CCCCCC; } #left-mainmenu-area ul li ul li ul li ul li a.menu-active { color:#333333; font-weight:bold;background-color:#CCCCCC; } /* level 5*/ #left-mainmenu-area ul li ul li ul li ul li ul { background-color:#666666; } #left-mainmenu-area ul li ul li ul li ul li ul li { color:#FFFFFF; text-transform:none; font-size:11px; list-style-image:none; } #left-mainmenu-area ul li ul li ul li ul li ul li a { color:#FFFFFF; padding-left:85px;padding-bottom:1px;padding-top:1px;font-weight:normal} #left-mainmenu-area ul li ul li ul li ul li ul li a:hover { color:#FFFFFF; font-weight:bold;background-color:#666666; } #left-mainmenu-area ul li ul li ul li ul li ul li a.menu-active { color:#FFFFFF; font-weight:bold;background-color:#666666; } #left-mainmenu-area ul li ul li ul li ul li ul li a.menu-active:hover { color:#FFFFFF; font-weight:bold;background-color:#666666; } /* Fix IE. Hide from IE Mac \*/ * html #top-mainmenu-area table tr td a { height:1%; } /* End */ /* middle area; left menu, content*/ #middle-area-wrapper { clear:both; margin:0; background:#ffffff; } /* left area; searchbox, left menu */ #left-area-wrapper { width:250px; vertical-align:top; background:#999999; } #tip-a-friend-area { margin:0; padding:0; background-color:#BDBDBD; border-bottom:2px solid #BDBDBD; border-top:4px solid #BDBDBD;} #tip-a-friend-area a { text-decoration:none; padding-left:40px; font-weight:bold; font-size:10px; color:#333333;} #tip-a-friend-area a img { padding-top:4px; text-align:left;} #searchbox-area { margin:0; padding:4px 0; background-color:#BDBDBD; border-bottom: 2px #ffffff solid; } #language-menu-area { margin:0; padding:4px 0 4px 4px; background-color:#a1392c; border-top:#8a1314 1px; } /* bg lines on top of left and content areas */ div.lefttop-line-bg { margin:0; padding:0; background-color:#962620; border-top:1px solid #D67936; height:4px; font-size:4px; line-height:4px; } div.righttop-line-bg { margin:0; padding:0; background-color:#e4c3a3; border-top:1px solid #DE8144; height:4px; font-size:4px; line-height:4px; } /* Fix IE. Hide from IE Mac \*/ * html #left-mainmenu-area ul li a { height:1%; } * html #left-mainmenu-area ul li ul li a { height:1%; } * html #left-mainmenu-area ul li ul li ul li a { height:1%; } /* End */ /* content area */ #content-area-wrapper { vertical-align:top; width:750px } #content-area { margin:0px 0 0 32px; background:none; } #main-area.newsletter { width:750px;} #gruen-rechts.newsletter { height:88px;} #content-area.newsletter { margin:0pt 0pt 0pt 10px; }