@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 */


/* general, body */
body { background-color:#ffffff; margin:0; text-align:center; }
/* main section */
#main-area { width:916px; margin:auto; margin-top:8px; margin-bottom:8px; text-align:left; border:1px solid #ABABAB; }

/* header area */
#header-area { margin-bottom:0px; height:128px; background-color:#FFFFFF ; border-bottom:1px solid #ABABAB;   }
/* logo image */
#logo-image-area { vertical-align:top; text-align:right;}
#logo-image-area img { margin:0px; margin-right:0px; }

/* main menu area on top */
/* ffe300*/
#top-mainmenu-area { margin:0; padding:2px; background-color:#352B93; }
#top-mainmenu-area table { margin:0 auto 0 auto; }
#top-mainmenu-area table tr td { vertical-align:middle; white-space:nowrap; background:url(../images/trenner_hauptmenue.png)  left no-repeat;}
#top-mainmenu-area table tr td a { display:block; line-height:20px; font-size:12px; font-weight:bold; text-transform:none; color:#FFFFFF; text-decoration:none; padding-left:15px; padding-right:5px;  }
/*757575*/
#top-mainmenu-area table tr td a:hover {  text-decoration:none; color:#CCCCCC; }
#top-mainmenu-area table tr td.first-menuitem { background:none; }
#top-mainmenu-area table tr td.menuitem-inrootline a { color:#CCCCCC; }
#top-mainmenu-area table tr td.menuitem-inrootline a:hover { color:#CCCCCC; }

/* extra menu in pagebottom */
#bottom-menu-area {  vertical-align:bottom; text-align:left; padding:2px; border-top:1px solid #ABABAB;}
#bottom-menu-area table { margin:0 auto 0 auto; font-weight:bold; 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:#be6151;padding-left:15px; padding-right:10px}
#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:12px; color:#303030; display:block;text-transform:none;  }
#bottom-menu-area table tr td a:hover { text-decoration:underline; color:#303030; }
#bottom-menu-area table tr td.last-menuitem { }


/* left main menu */
#left-mainmenu-area { padding:4px 6px; margin:16px 0; }
/* level 1 */
#left-mainmenu-area ul { list-style-type:none; margin:0; padding:0; }
#left-mainmenu-area ul li { margin:0; padding:8px 0px; line-height:normal; color:#352B93; text-transform:none; font-weight:bold; background:url(../images/brown_leftmenudot_bg.gif) left top repeat-x;}
#left-mainmenu-area ul li.menu-first { background-image:none; padding-top:0; }
#left-mainmenu-area ul li.menu-last { padding-bottom:0; }
#left-mainmenu-area ul li a { display:block;  padding-left:4px; color:#352B93; text-decoration:none; font-size:12px; font-weight:normal; }
#left-mainmenu-area ul li a:hover { color:#352B93; text-decoration:underline; }
#left-mainmenu-area ul li a.menu-active { color:#352B93; font-weight:bold;}
#left-mainmenu-area ul li a.menu-active:hover { color:#352B93; font-weight:bold;}
/* level 2*/
#left-mainmenu-area ul li ul { margin-top:8px; margin-left:8px; }
#left-mainmenu-area ul li ul li { color:#352B93; text-transform:none; font-weight:bold;  }
#left-mainmenu-area ul li ul li a { color:#352B93; background:url(../images/red_dot.gif)  3px 3px no-repeat;padding-left:11px; font-size:11px; font-weight:normal;}
#left-mainmenu-area ul li ul li a:hover { color:#352B93; }
#left-mainmenu-area ul li ul li.menu-first { background-image:url(../images/brown_leftmenudot_bg.gif); padding-top:8px; font-weight:bold;}

/* level 3*/
#left-mainmenu-area ul li ul li ul { margin-top:8px; margin-left:8px; }
#left-mainmenu-area ul li ul li ul li { color:#352B93; text-transform:none; font-weight:bold;  }
#left-mainmenu-area ul li ul li ul li a { color:#352B93; background:url(../images/red_dot.gif)  3px 3px no-repeat;padding-left:10px; font-size:10px; font-weight:normal;}
#left-mainmenu-area ul li ul li ul li a:hover { color:#352B93; }
#left-mainmenu-area ul li ul li ul li.menu-first { background-image:url(../images/brown_leftmenudot_bg.gif); padding-top:8px; }


/* Fix IE. Hide from IE Mac \*/
* html #top-mainmenu-area table tr td a { height:1%; }
/* End */

/* middle area; left menu, content*/
/* EAEAEA */
 
#middle-area-wrapper { clear:both; margin:0; background:#F5F5F5 }
/* left area; searchbox, left menu */
#left-area-wrapper { width:215px; vertical-align:top; background-color:#989898; border-right:1px solid #CDCDCD;}
/*807f7c*/
#searchbox-area { margin:0; padding:4px 0; background-color:#7AAAD0; }


/* bg lines on top of left and content areas */
div.lefttop-line-bg { margin:0; padding:0; background-color:#989898;  height:4px; font-size:4px; line-height:4px; }
div.righttop-line-bg { margin:0; padding:0; background-color:#7AAAD0;  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:714px }
#content-area { margin:0pt ; background:transparent repeat-y scroll left top; min-height:450px; padding-left:10px;}

#header-image-area {}
#header-image-area img { padding-right:0px;padding-left:0px;}

