@charset "utf-8";
/* CSS Document */

html, body { margin:0px; padding:0px; }
html { width:100%; height:100%;  }
body { text-align:center; padding:0px auto 0px auto; background-color:#9d9d9d; background-image:url(../img/layout/bg_site.gif); background-repeat:repeat; font-size:12px; color:#000; font-family:Tahoma, Arial, Helvetica, sans-serif; }

div { margin:0px; padding:0px; border:none; overflow:hidden; position:relative; }

h1 { font-size:12px; color:#8ba013; }

a { text-decoration:underline; color:#000; }
a:hover { text-decoration:underline; color:#8ba013; }
a img { border:none; }

#overall_wrapper { width:826px; background-color:#9d9d9d; margin:20px auto 0px auto; text-align:left; position:relative; }

#head { background-image:url(../img/layout/bg_head.gif); background-repeat:no-repeat; width:826px; height:251px; }
#head img.headerpic { margin:20px 0px 0px 20px; }

#topnav { width:786px; height:35px; background-image:url(../img/layout/bg_topnav.gif); margin:6px 0px 0px 20px; }
#topnav ul { list-style-type:none; padding:0px; margin:0px 0px 0px 10px; width:786px; height:35px; float:left; }
#topnav ul li { float:left; }
#topnav ul li a { display:block; height:35px; float:left; line-height:35px; padding:0px 14px 0px 14px; font-size:10px; color:#9b9a1f; font-weight:bold; text-decoration:none; letter-spacing:0px; }
#topnav ul li a.active { background-image:url(../img/layout/bg_tobnav_active.gif); background-position:bottom; background-repeat:no-repeat; color:#63690f; }
#topnav ul li a:hover { color:#4b4b4b; }

#navtooltip { position:absolute; top:0px; left:0px; border:none; z-index:100; width:180px; height:56px; background-image:url(../img/layout/bg_tooltip.png); color:#666; padding:10px; font-size:10px; }

#subnav { margin:20px 0px 10px 0px; }
#subnav ul { list-style-type:none; padding:0px; margin:0px; }
#subnav ul a { display:block; background-color:#f2f2f2; border-bottom:solid 1px #c0c0c0; border-right:solid 1px #c0c0c0; font-weight:bold; padding:3px 10px 4px 15px; margin:0px 0px 3px 0px; color:#878787; }
#subnav ul a:hover   { text-decoration:none; color:#4b4b4b; }
#subnav ul li.active { color:#4b4b4b; background-image:url(../img/layout/btn_subnav.gif); background-repeat:no-repeat; border:none; background-position:0px 3px; background-color:#FFFFFF; font-weight:bold; padding:3px 10px 4px 15px; margin:0px 0px 3px 0px; }


#content_wrapper { width:826px; background-image:url(../img/layout/bg_content.gif); background-repeat:repeat-y; }
#content_top { width:826px; height:20px; background-image:url(../img/layout/bg_content_top.gif); background-repeat:repeat-y; }
#content_bottom { width:826px; height:28px; background-image:url(../img/layout/bg_content_bottom.gif); background-repeat:repeat-y; }

#content_text { width:750px; margin:20px 0px 110px 44px; line-height:130%; }

#content_text_left { width:450px; float:left; margin-right:50px; }
#content_text_right { width:250px; float:left; font-size:11px; }
#content_text_right .teaser { width:250px; border-bottom:solid 1px #9a9a9a; padding:0px 0px 5px 0px; line-height:120%; }

/*
#content_text_left img { width:400px; cursor:pointer; }
#content_text_left img.oe_editbutton { width:16px; height:16px; }
*/

#content_contact { position:absolute; bottom:140px; left:545px; width:250px; font-size:11px; color:#580000; line-height:120%; border-bottom:solid 1px #580000; padding:0px 0px 5px 0px; }
#footer { clear:left; font-size:11px; margin-left:0px; margin-bottom:20px; text-align:center; color:#666666; }
#footer a { color:#666666; }


#contactform p { margin:0px 0px 8px 0px; padding:0px; }
#contactform input { width:400px; font-size:11px; color:#333; }
#contactform textarea { width:420px; font-size:11px; color:#333; }
#contactform input.required, textarea.required { }
#contactform input.validation-failed, textarea.validation-failed { border:1px solid #FF3300; color:#FF3300; font-size:10px; }
#contactform input.validation-passed, textarea.validation-passed { }
#contactform .validation-advice { color:#c00; font-weight:bold; font-size:10px; }
#contactform .custom-advice { color:#0c0; font-weight:bold; font-size:10px; }

.FadingHeader  { display:block; background-color:#f2f2f2; width:435px; padding:7px 10px 7px 5px; color:#8c8c8c; font-weight:bold; border-bottom:solid 2px #ccc; }
a.FadingHeader { text-decoration:none; color:#8c8c8c; }
a.FadingHeader:hover { text-decoration:none; color:#4b4b4b; }
.FadingContent { width:435px; padding:7px 10px 15px 15px; border-bottom:solid 5px #ccc; border-left:solid 5px #ccc; border-top:solid 3px #ccc; overflow:auto; font-style:italic; }
.FadingContentText { width:415px; padding:7px 14px 15px 15px; border-bottom:solid 5px #ccc; border-left:solid 5px #ccc; border-top:solid 3px #ccc; overflow:auto; }
.FadingElement {}