/* General Settings */
* { background: transparent no-repeat; border: none; color: #630; font: 9pt "Trebuchet MS", Arial, Verdana, sans-serif; margin: 0; padding: 0; text-decoration: none; }

/* Classes */
.img { background: transparent no-repeat; display: block; overflow: hidden; letter-spacing: -1000em; text-indent: -999em; }
.invisible { display: none; visibility: hidden; }
.transparent { background: transparent; opacity: 0.0; }

/* html */
html { background: #ffa500; height: 100%; }

/* #main (body) */
#main { background-color: #ffa500; height: 100%; }

/* #wrap */
#wrap { border: 1px solid #ff7908; border-style: none solid; height: 100%; min-height: 715px; width: 1015px; position: relative; margin: 0 auto; }
#wrap > * { position: absolute; }

/* #header */
#header { background: #ff7908 url(/design/header.png) no-repeat; height: 90px; left: 0; right: 170px; top: 0; }

/* #logo */
#logo { background: #fff url(/design/logo.png) no-repeat; border: 5px solid #ffaa4a; border-style: solid none none; height: 35px; width: 225px; left: 0; top: 90px; }

/* #google */
#google { background: #ef7908; bottom: 18px; right: 0; top: 0; width: 170px; }
#google form { background: #ffa500; }
#google form dl { margin: 0 auto 5px; height: 76px; padding: 7px 0; width: 137px; }
#google form dl dd.options { line-height: 16px; margin: 7px 0; }
#google form dl dd.options label { float: left; font-size: 8pt; text-indent: 1px; width: 120px; }
#google form dl dd input { font-size: 10pt; }
#google form dl dd input[type="radio"] { float: right; }
#google form dl dd input[type="text"] { background: #fff; border: 1px solid #fff; width: 135px; }
#google form dl dd input[type="submit"] { background: transparent url(/design/googlesearch.png) no-repeat; clear: both; height: 22px; position: relative; top: 5px; width: 145px; }
#google div { height: 600px; margin: 5px; position: absolute; top: 90px; width: 160px; z-index: 1; }
#google div object { height: 600px; overflow: hidden; width: 160px; }

/* #meta */
#meta { background: #ffa500 no-repeat 485px 3px; border-top: 5px solid #ef7908; height: 35px; left: 225px; right: 170px; top: 90px; }
#meta ul { list-style: none; position: absolute; left: 25px; }
#meta ul li { float: left; height: 35px; width: 30px; }
#meta ul li a { background: no-repeat; display: block; height: 13px; margin: 11px 0; width: 18px; }

#meta ul li a[lang|='ch'] { background: url(/design/icons/ch.png); }
#meta ul li a[lang|='ch'].active,
#meta ul li a[lang|='ch']:hover { background: url(/design/icons/ch_a.png); }

#meta ul li a[lang|='de'] { background: url(/design/icons/de.png); }
#meta ul li a[lang|='de'].active,
#meta ul li a[lang|='de']:hover { background: url(/design/icons/de_a.png); }

#meta ul li a[lang|='en'] { background: url(/design/icons/en.png); }
#meta ul li a[lang|='en'].active,
#meta ul li a[lang|='en']:hover { background: url(/design/icons/en_a.png); }

#meta ul li a[lang|='es'] { background: url(/design/icons/es.png); }
#meta ul li a[lang|='es'].active,
#meta ul li a[lang|='es']:hover { background: url(/design/icons/es_a.png); }

#meta ul li a[lang|='fr'] { background: url(/design/icons/fr.png); }
#meta ul li a[lang|='fr'].active,
#meta ul li a[lang|='fr']:hover { background: url(/design/icons/fr_a.png); }

#meta ul li a[lang|='it'] { background: url(/design/icons/it.png); }
#meta ul li a[lang|='it'].active,
#meta ul li a[lang|='it']:hover { background: url(/design/icons/it_a.png); }

/* #navigation */
#navigation { background-color: #ff7908; bottom: 110px; left: 0; list-style: none; padding: 10px 0; top: 130px; width: 225px; text-align: right; }
#navigation li a { color: #ffdbaa; padding: 0 10px; }
#navigation li a:hover { text-decoration: underline; }
#navigation li a { background: url(/design/icons/navi.png) no-repeat 10px 0; display: block; font-size: 12px; line-height: 20px; }
#navigation li.active a { background: url(/design/icons/navi_active.png) no-repeat 10px 0; color: #fff; cursor: default; font-weight: bold; }
#navigation li dl { padding: 5px 0 1px; }
#navigation li dl,
#navigation li ul { background: #f6b87b; opacity: 1.0; }
#navigation li dl dt { font-size: 8pt; font-weight: bold; margin-bottom: 6px; padding: 0 10px; }
#navigation li dl dd { margin-bottom: 10px; }
#navigation li ul { list-style: none; }
#navigation li ul li { margin-bottom: 6px; }
#navigation li ul li a { background-image: none; color: #875802; font-size: 8pt; line-height: 15px; opacity: 1.0; }
#navigation li ul li.active a { background-image: none; color: #fff; font-weight: bold; }

/* #content */
#content { background: #fff url(/design/edelweiss.jpg) no-repeat bottom right; overflow: auto; bottom: 18px; left: 225px; right: 170px; top: 130px; }
#content > * { margin: 10px 25px; }
#content a { color: #666; }
#content dl { line-height: 20px; }
#content h1, #content h2, #content h3, #content dt, { font-family: Trebuchet, Arial, Helvetica, sans-serif; }
#content h1 { color: #c60; font-size: 16pt; display: block; letter-spacing: 1px; line-height: 18pt; }
#content h2,
#content dt,
#content dt * { color: #c60; font-size: 11pt; line-height: 18px; margin-top: 15px; }
#content h3 { color: #e42; line-height: 14pt; margin-top: 15px; }
#content hr { border: 1px solid #e43; border-style: solid none none; }
#content p { line-height: 15pt; }
#content ul,
#content ol { padding-left: 15px; }
#content ul li,
#content ol li { line-height: 14pt; }

/* #portals */
#portals { background-color: #ff7908; bottom: 18px; height: 95px; width: 225px; }
#portals > h2 { color: #fff; font-size: 14pt; line-height: 15pt; margin: 5px 10px 5px; }
#portals > ul > li > a { background: url(/design/icons/arrow_right.png) no-repeat right; color: #e3e7e2; display: block; font-size: 11pt; height: 18px; line-height: 12px; }
#portals > ul > li > a:hover { color: #fff; }
#portals > ul { list-style: none; margin: 5px 10px; }

/* #footer */
#footer { background-color: #f8a749; bottom: 1px; height: 17px; left: 0; padding: 0 10px; right: 0; }
#footer,
#footer * { color: #fff; line-height: 14pt; }
#footer,
#footer span { float: left; }
#footer span.right { float: right; text-align: right; }
#footer span.right,
#footer span.right a { font-family: 'Courier New', Monaco, Courier, monospace; }
