@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:#F6E3B0; margin:0; text-align:center; }
/* main section */
#main-area { width:950px; margin:auto; margin-top:8px; margin-bottom:8px; text-align:left; }

/* header area */
#header-area { margin-bottom:0px; height:138px; background:#ff6600 url(../images/oasen_toplogobg.gif) left top no-repeat; }
/* logo image */
#logo-image-area { vertical-align:top; text-align:center; }
#logo-image-area img { margin-top:16px; margin-left:16px; }

/* main menu area on top */
#top-mainmenu-area { margin:0; padding:0px; background:#ff9900 url(../images/oasen_balken.jpg) left top no-repeat; height:40px; font-family:"Trebuchet MS"}
#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 no-repeat;}
#top-mainmenu-area table tr td a { display:block; line-height:40px; font-size:13px; font-weight:bold; color:#cc0000; text-decoration:none; padding-left:15px; padding-right:5px; padding-top:0px; font-family:"Trebuchet MS" }
#top-mainmenu-area table tr td a:hover { text-decoration:none; color:#660000;  }
#top-mainmenu-area table tr td.first-menuitem { background:none; }
#top-mainmenu-area table tr td.menuitem-inrootline a { color:#660000; }
#top-mainmenu-area table tr td.menuitem-inrootline a:hover { color:#660000; }

/* extra menu in pagebottom */
#bottom-menu-area { background-color:#F6E3B0; vertical-align:bottom; text-align:center; padding:2px; font-family:"Trebuchet MS"}
#bottom-menu-area table { margin:0 auto 0 auto; font-weight:bold; text-align:center; }
#bottom-menu-area table tr td { vertical-align:middle; white-space:nowrap; background:url(../images/trenner_hauptmenue.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:10px; color:#000000; display:block;text-transform:uppercase; padding-top:2px; font-family:"Trebuchet MS" }
#bottom-menu-area table tr td a:hover { text-decoration:underline; color:#000000; }
#bottom-menu-area table tr td.last-menuitem { }


/* left main menu */
#left-mainmenu-area { padding:4px 6px; margin:16px 0; font-family:"Trebuchet MS"}
/* 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:#EEEAD2; font-size:12px; 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:#660000; text-decoration:none; font-family:"Trebuchet MS"}
#left-mainmenu-area ul li a:hover { color:#FF6600; text-decoration:underline; }
#left-mainmenu-area ul li a.menu-active { color:#FF6600; }
#left-mainmenu-area ul li a.menu-active:hover { color:#FF6600; }
/* level 2*/
#left-mainmenu-area ul li ul { margin-top:8px; margin-left:8px; }
#left-mainmenu-area ul li ul li { color:#660000; text-transform:none; font-size:11px;font-weight:bold;  }
#left-mainmenu-area ul li ul li a { color:#660000; padding-left:8px}
#left-mainmenu-area ul li ul li a:hover { color:#FF6600; }
#left-mainmenu-area ul li ul li.menu-first { background-image:url(../images/brown_leftmenudot_bg.gif); padding-top:8px; }
/* 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:#660000; text-transform:none; font-size:11px;   }
#left-mainmenu-area ul li ul li ul li a { color:#660000; background:url(../images/red_disc.gif)  3px 6px no-repeat ; padding-left:11px}
#left-mainmenu-area ul li ul li ul li a:hover { color:#FF6600; background:url(../images/orange_disc.gif)  3px 6px no-repeat ; }
#left-mainmenu-area ul li ul li ul li a.menu-active { color:#FF6600; background:url(../images/orange_disc.gif)  3px 6px no-repeat ; }
#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*/
#middle-area-wrapper { clear:both; margin:0; }
/* left area; searchbox, left menu */
#left-area-wrapper { width:203px; vertical-align:top; background:#f6de74 url(../images/leftmenu_bg.jpg) left top repeat-y; }
#searchbox-area { margin:0; padding:4px 0; background-color:#f6de74; }
/* 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:747px }
#content-area { margin:20px 0 0 20px; background-image:url(../images/oasen_content_bg.gif); background-repeat:no-repeat; background-position:right }

/* bookmark-area */
#bookmark-area { vertical-align:top; padding-top:13px; height:31px; text-align:center; background-image: url(../images/Button.gif); background-position: right; background-repeat: no-repeat ;   }
#bookmark-area a { font-size:11px; color:#660000; vertical-align:middle; font-family:"Trebuchet MS";}

/*===========================*/
/* oasen 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; }
*/
