body { background: url(img/bg.jpg) repeat; margin: 0; height:100%; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}/* ****************************************** link, hr line, img****************************************** */ a:focus { outline:none; } a:link, a:visited, a:active { color: #204E01; text-decoration: none; }a:hover { color: #560000; text-decoration: underline; } hr { margin: 5px 0px 5px 0px; color: #204E01; border: 0; border-top: 1px dotted #204E01; height: 1px;}/* ****************************************** h1, h2, h3, h4, h5, h6,****************************************** */ h1, h2, h3, h4, h5, h6, strong {color: #204E01;}p {margin:0;}h1 {margin:10px 0 6px 0; font-size: 18px;}h2 {margin:10px 0 4px 0; font-size: 16px;}h3 { margin:10px 0 4px 0; font-size: 14px;}h4 {margin:10px 0 0 0; font-size: 1em;}h5 {margin:10px 0 0 0; font-size: 0.9em;}h6 {margin:3px 0 0 0; font-size: 0.75em;}/* ****************************************** form****************************************** */ form {margin: 0;}input,textarea { color: #000; background-color: #F7F4D1; border: 1px solid #989252; background:url(img/form-img.jpg) no-repeat;}/* ****************************************** li, ul, ol, blockquote, code, address****************************************** */ li {padding-bottom: 0px;}ul { line-height: 150%; margin-top: 0; margin-bottom: 10px; margin-left: 0.7em; padding-left: 0.7em; list-style-type: square}ol { line-height: 150%; margin-top: 0; margin-bottom: 10px; margin-left: 0.9em; padding-left: 0.9em;}blockquote{ background-color:#F7EAD3; padding: 3px; border-left: 1px solid #D48804; margin: 3px 0 20px 0; color:#000;}pre, .code { padding: 6px 0 10px 6px; border-top: 1px solid #CE8404; border-right: 1px solid #CE8404; border-bottom: 1px solid #CE8404; border-left: 1px solid #CE8404; background-color: #F9D89D; margin: 3px 0 0px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000; overflow:auto; line-height:150%;} address { line-height:120%; margin: 10px 0 20px 0; padding-left: 10px; border-left: 6px solid #CE8404; font-style: normal; font-weight: bold;}/* ****************************************** Layout Blocks****************************************** */ #main { width: 850px; min-height:99%; margin: 0 auto 0 auto; padding: 0; background-image: url(img/content.jpg) ; background-repeat: repeat-y;} #header { height:37px; background-image: url(img/header-logo.jpg); background-repeat: no-repeat; background-position: 0px 0px; }* html #header {clear:both;height:100px;} #pageheader {margin:0px 100px 0 10px; color: #fff; font-size: 16px; padding: 33px 100px 0px 5px; } #pageheader strong {font-size: 16px; color: #fff;}#breadcrumbs { height:220px; background:#FFFFFF; clear:both;}#breadcrumbs span { background: transparent url(img/link.gif) no-repeat; padding: 6px 2px 0px 12px; font-weight: bold; }#breadcrumbs a { border-bottom: 1px dotted #CE8404; text-decoration: none;}#breadcrumbs a:hover {border-bottom: 1px solid #F79E04;}#breadcrumbs .menu-current a{color: #F79E04;} #infobox { float: left; width: 190px; margin: 0px 5px 0 20px; border: 0px solid #F79E04; background:transparent; padding:0px; display:inline;}#content { /* main content from the WYSIWYG goes in here */ margin: 0px 20px 0 250px; padding: 4px 10px 14px 0; clear: right; background: transparent; }* html #contentbox #content {text-align:left;} * html #contentbox #content table {width: 90%;} /* ************************************************************** H e a d e r M e n u Horizontal Drop-Down Menu based off : http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp************************************************************** */#fixed {position: fixed;} #navContainer {height:30px; display:block;clear:both; background: transparent url(img/menue-bg1.png) repeat-x;} ul.menu, li.menu { list-style-type: none; margin: 0px; padding: 0px;}#header_menu {position: absolute; margin-left: 20px;}#header_menu li {line-height: normal;}ul#header_menu {z-index: 10; clear: both;}#nav { float:left; height: 30px; border: 0; padding:0; margin: 0px 50px 0px 20px;}#nav ul { list-style-type: none; margin: 0; padding: 0; width: auto; position: relative; }/* Root Level Link Formatting */#nav ul li {float: left; color: #FEC66D; text-align: center; font-weight: normal; }#nav ul li a {display: block; background: transparent; padding: 8px 10px 7px 10px; color: #E1E0E0; text-decoration: none; font-weight: bold; }/* Root Level link hover */#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {background: url(img/navbgl1hi.jpg); color: #FEC66D;}#nav a.menu-parent {background: url(img/navbgl1hi.jpg); color: #FEC66D;}/*Current page Customisations*/#nav a.menu-current {font-weight: bold;}/* 2nd Child menu */#nav .menu li ul {position: absolute; width: 11em; margin: 0; display: none; text-transform: none; border-bottom: 1px solid #204407; border-left: 1px solid #204407; border-right: 1px solid #204407; font-size: 100%; background: transparent url(img/menue-bg.png) repeat;}#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}#nav .menu li ul li a {width: 10.5em; padding: .3em .1em .3em .4em; color: #FEC66D; border-top: 1px solid #204407; font-weight: normal; background: none;}/* 2nd Child link hover */#nav .menu li ul a:hover, #nav .menu li ul a.menu-current { background: #E5BE73 url(img/navbgl1hi.jpg); color:#FEC66D;}#nav .menu li ul a.menu-parent {background: #E5BE73 url(img/navbgl1parent.gif); color:#fff;}/* Show and hide */#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}#nav .menu li ul ul { display: none;}#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block; z-index: 1000;}/* 3rd Child Menu Appreances */#nav .menu li ul li ul { margin: 5px 0 0 -40%; z-index: 9999; background: transparent url(img/menue-bg.png) repeat;}#nav .menu li ul li ul li {width: 11em;}#nav .menu li ul li ul li a { width: 10.5em;}/* 4rd Child Menu Appreances */#nav .menu li ul li ul li ul { width: 10em; background: transparent url(img/menue-bg.png) repeat;}#nav .menu li ul li ul li ul li { width: 10em; }#nav .menu li ul li ul li ul li a { width: 1.5em;}/* Positioning the Pop-out Drops */#nav li {position: relative;}#nav ul ul ul { position: absolute; top: 1px; left: 100%;}#nav li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */} #navi ul li a:hover, #navi .menu_current, #navi ul li a.active { font-weight: bold; color: #660000; } /* ****************************************** Login Box****************************************** */#login-box { background-image: url(img/login.png); text-align: left; line-height: 120%; margin: 1em 5px 0.3em 5px; border: 0px solid #002951;} #login-box fieldset {border:0; text-align:left;}#login-box legend {font-size: 90%; color: #002951;}#login-box input { display:block; font-size: 10px; position: left; width: 120px;} /* ****************************************** Facebook****************************************** */#facebook { align: right; text-align: right; margin: 1em 10px 0.3em 5px; } /* ****************************************** Pay Pal****************************************** */ #paypal { background-image: url(img/login.png); text-align: left; line-height: 120%; margin: 1em 5px 0.3em 5px; border: 0px solid #002951; } /* ****************************************** Update****************************************** */ #update { text-align: center; line-height: 120%; margin: 1em 5px 0.3em 5px; border: 1px solid #002951; } /* ****************************************** Download****************************************** */#download { color: #FFFFFF; text-align: middle; margin: 1em 10px 0.3em 5px; } /* ****************************************** Classes****************************************** */.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}.clearcontent {height:60px; clear:both}.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */.username {color: #009;} /* Color of name when logged in*/.topboxbody {font-size:0.8em;padding:20px ;}/* ****************************************** search****************************************** */#searchesa{ background: url(./img/bg_search.jpg) top left no-repeat; padding-left: 28px;}#infobox .searchform { background-color: transparent; border: none; margin: 0 0 0 5px; padding: 10px 0 10px 10px; XXwidth: 160px;}#infobox .searchform p { margin: 0; padding: 0; }#infobox .searchform input.textbox { width: 90px; height: 18px; padding: 2px; vertical-align: top;}#infobox .searchform input.button { margin: 2px; font: bold 1em Arial, Sans-serif; border: 0px solid #002951; background: #FFF; padding: 2px 3px; color: #4284B0; width: 43px; background: url(./img/bg_searchsubmit.gif) top center no-repeat;}/* ****************************************** footer****************************************** */#footerbox { font-size: 12px; font-weight: bold; color: #E9E9EC;}#footer { font-size: 90%; padding-left: 260px; width: 850px; height:48px; margin: 0 auto 0 auto; padding: 0; background: url(./img/footer-image.jpg) no-repeat; } #footer_text { color: #FFFFFF; text-align: center; padding-top:5px;} #footer-teil { color: #E5E6E7; margin: 0 auto 0 auto; padding: 0; width: 850px; height:144px; margin: 0 auto 0 auto; padding: 0; background: url(./img/footer-image2.jpg) no-repeat; }#footer-teil h3{ color: #E5E6E7; margin: 0 center; padding: 0; border-bottom: 1px dashed #E5E6E7;}#footer-teil ul { list-style: none; margin: 0; padding: 0;}#footer-teil li a { font-weight: normal; padding: 0px 0px 0px 20px; width: 96%; color: #E5E6E7; background: url(./img/pointer02.gif) left top no-repeat;}#footer-teil a { font-weight: normal; padding: 0px 0px 0px 20px; width: 96%; color: #E5E6E7; background: url(./img/pointer02.gif) left top no-repeat;} #footer-teil a:hover { color: #560000; }#footer-teil .teil1, .teilmitte {float: left; width: 260px;}#footer-teil .teil1 p {padding: 0px 10px 0px 30px;}#footer-teil .teil1 h3 {padding: 0px 10px 0px 10px;}#footer-teil .teilmitte {margin: 0 15px;}