@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:#f0f1f1; margin:0; text-align:center; }
/* main section */
#main-area { width:800px; margin:auto; margin-top:8px; margin-bottom:8px; text-align:left; }

/* header area */
#header-area { margin-bottom:0px; height:162px; background:#f0f1f1 url(../images/inserv_toplogobg.jpg) left top no-repeat; }
/* logo image */
#logo-image-area { vertical-align:top; }
#logo-image-area img { margin-top:16px; margin-left:16px; }

/* main menu area on top */
#top-mainmenu-area { margin:0; padding:0px; background-color:#ff9900; font-family:"Century Gothic"}
#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.gif) left bottom no-repeat; border-left-style:none; border-color:#ffffff}
#top-mainmenu-area table tr td a { display:block; line-height:24px; font-size:10px; font-weight:bold; text-transform:uppercase; color:#2b416f; text-decoration:none; padding-left:5px; padding-right:5px; }
#top-mainmenu-area table tr td a:hover { text-decoration:underline; color:#2b416f;  }
#top-mainmenu-area table tr td.first-menuitem { background:none; border-left-style:none}
#top-mainmenu-area table tr td.menuitem-inrootline a { color:#2b416f; text-decoration:underline;}
#top-mainmenu-area table tr td.menuitem-inrootline a:hover { color:#2b416f; text-decoration:underline;}

/* extra menu in pagebottom */
#bottom-menu-area { background-color:#f0f1f1 ; vertical-align:bottom; text-align:left; padding:2px}
#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:#2b416f;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:10px; color:#2b416f; display:block;text-transform:uppercase;  }
#bottom-menu-area table tr td a:hover { text-decoration:underline; color:#2b416f; }
#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 0; line-height:normal; color:#2b416f; text-transform:uppercase; font-weight:bold; background:url(../images/blue_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:10px; color:#2b416f; text-decoration:none; }
#left-mainmenu-area ul li a:hover { color:#2b416f; text-decoration:underline; }
#left-mainmenu-area ul li a.menu-active { background:url(../images/blue_arrow.gif) left 3px no-repeat; color:#2b416f; }
#left-mainmenu-area ul li a.menu-active:hover { color:#2b416f; text-decoration:underline;}
/* level 2*/
#left-mainmenu-area ul li ul { margin-top:8px; margin-left:8px; }
#left-mainmenu-area ul li ul li { color:#2b416f; text-transform:none; font-weight:bold; }
#left-mainmenu-area ul li ul li a { color:#2b416f; }
#left-mainmenu-area ul li ul li a:hover { color:#2b416f; text-decoration:underline }
#left-mainmenu-area ul li ul li.menu-first { background-image:url(../images/blue_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*/
#middle-area-wrapper { clear:both; margin:0; }
/* left area; searchbox, left menu */
#left-area-wrapper { width:202px; vertical-align:top; background: url(../images/leftmenu_bg.jpg) left top repeat-y; border-right-width::4px; border-right-color:ffffff;  }
#white-line-area { width:4px; background:#FFFFFF; }
#searchbox-area { margin:0; padding:4px 0; background-color:#f0f1f1; background: url(../images/leftmenu_bg.jpg) left top repeat-y;}
/* bg lines on top of left and content areas */
div.lefttop-line-bg { margin:0; padding:0; background-color:#ffffff; border-top:0px solid #ffffff; height:4px; font-size:4px; line-height:4px; }
div.righttop-line-bg { margin:0; padding:0; background-color:#ffffff; border-top:0px solid #ffffff; height:4px; font-size:4px; line-height:4px; }
div.leftcontent-line-bg { margin:0; padding:0; background-color:#ffffff; border-top:0px solid #ffffff;width:4px; font-size:4px; line-width:4px; height:100px }

/* 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:598px; background:#f0f1f1; }
#content-area { margin:20px 0 0 20px;  }

/*===========================*/
/* inserv v2 - leftmenu-mod */
/*===========================*/
/* left menu - green/orange */
/*
#left-mainmenu-area ul li a { color:#3A4B17; }
#left-mainmenu-area ul li a:hover { color:#3A4B17; }
#left-mainmenu-area ul li a.menu-active { color:#AC4A19; }
#left-mainmenu-area ul li a.menu-active:hover { color:#AC4A19; }
#left-mainmenu-area ul li ul li a { color:#3A4B17; }
#left-mainmenu-area ul li ul li a:hover { color:#3A4B17; }
#left-mainmenu-area ul li a { background:url(../images/darkgreen_arrow.gif) 0px 3px no-repeat; }
#left-mainmenu-area ul li a.menu-active { background:url(../images/darkorange_arrow.gif) left 3px no-repeat; }
*/

/* left menu - dark-brown/orange */
/*
#left-mainmenu-area ul li a { color:#746845; }
#left-mainmenu-area ul li a:hover { color:#746845; }
#left-mainmenu-area ul li a.menu-active { color:#AC4A19; }
#left-mainmenu-area ul li a.menu-active:hover { color:#AC4A19; }
#left-mainmenu-area ul li ul li a { color:#746845; }
#left-mainmenu-area ul li ul li a:hover { color:#746845; }
#left-mainmenu-area ul li a { background:url(../images/darkbrown_arrow.gif) 0px 3px no-repeat; }
#left-mainmenu-area ul li a.menu-active { background:url(../images/darkorange_arrow.gif) left 3px no-repeat; }
*/