/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, em, img, s, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; }
a:link, a:visited, a:hover, a:focus { text-decoration: none; }
body { line-height: 1.0; }
ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:active, a:focus, input.image, input.submit { outline: 0; -moz-outline-style: 0; }
p, li, td, th, label, input, select, a, strong, i, legend { font-size: 12px; color: #666; font-family: Arial, Helvetica, sans-serif; }


/* basics */
html { background-color: #fff; }
body { text-align: center; }
#page { width: 980px; text-align: left; margin: 0 auto; position: relative; }


/* header */
#header { height: 380px; width: 980px; background-position: 0 54px; }
body.de #header.c1 { background-image: url('banner-gekko-de.jpg'); }
body.de #header.c2 { background-image: url('banner-apples-de.jpg'); }
body.de #header.c3 { background-image: url('banner-gears-de.jpg'); }
body.de #header.c4 { background-image: url('banner-hooks-de.jpg'); }
body.en #header.c1 { background-image: url('banner-gekko-en.jpg'); }
body.en #header.c2 { background-image: url('banner-apples-en.jpg'); }
body.en #header.c3 { background-image: url('banner-gears-en.jpg'); }
body.en #header.c4 { background-image: url('banner-hooks-en.jpg'); }
body.fr #header.c1 { background-image: url('banner-gekko-fr.jpg'); }
body.fr #header.c2 { background-image: url('banner-apples-fr.jpg'); }
body.fr #header.c3 { background-image: url('banner-gears-fr.jpg'); }
body.fr #header.c4 { background-image: url('banner-hooks-fr.jpg'); }
body.it #header.c1 { background-image: url('banner-gekko-it.jpg'); }
body.it #header.c2 { background-image: url('banner-apples-it.jpg'); }
body.it #header.c3 { background-image: url('banner-gears-it.jpg'); }
body.it #header.c4 { background-image: url('banner-hooks-it.jpg'); }
body.nl #header.c1 { background-image: url('banner-gekko-nl.jpg'); }
body.nl #header.c2 { background-image: url('banner-apples-nl.jpg'); }
body.nl #header.c3 { background-image: url('banner-gears-nl.jpg'); }
body.nl #header.c4 { background-image: url('banner-hooks-nl.jpg'); }

/* logo */
#logo { position: absolute; top: 15px; left: 0; display: block; background: url('logo.gif'); width: 251px; height: 51px; }

/* sticker */
#sticker { position: absolute; top: 190px; left: 20px; display: block; width: 125px; height: 123px; }
body.de #sticker { background: url('pic-sticker-de.png'); }
body.en #sticker { background: url('pic-sticker-en.png'); }
body.fr #sticker { background: url('pic-sticker-fr.png'); }
body.it #sticker { background: url('pic-sticker-it.png'); }
body.nl #sticker { background: url('pic-sticker-nl.png'); }

/* search */
#search { position: absolute; top: 17px; right: 0; display: inline; }
input.search { border: 1px solid #ddd; background-color: #f1f1f1; width: 100px; font-size: 11px; padding: 2px; margin: 0; }
input.search:hover { border: 1px solid #ccc; background-color: #e1e1e1; }
#search input.image { position: absolute; background: url(sp.png) 0 -250px; border: none; top: 4px; right: 5px; height: 12px; width: 12px; cursor: pointer; margin: 0; }

/* metanav */
#metanav { position: absolute; top: 20px; right: 0; white-space: normal; }
#metanav > li { padding: 0 10px; font-size: 11px; line-height: 11px; display: block; float: left; }
#metanav > li.L { padding-right: 0; border-right: none; }
#metanav > li > a { font-size: 14px; line-height: 14px; }
#langPicker { position: relative; }
#langPicker ul { background-color: #eee; position: absolute; border: 1px solid #ddd; top: 20px; left: 0; z-index: 99; display: none; }
#metanav a.lang { padding: 5px 10px 5px 30px; display: block; background-repeat: no-repeat !important; }
#metanav a.de { background: url('sp.png') 3px -70px; }
#metanav a.en { background: url('sp.png') 3px -10px; }
#metanav a.fr { background: url('sp.png') 3px -100px; }
#metanav a.it { background: url('sp.png') 3px -40px; }
#metanav a.nl { background: url('sp.png') 3px -130px; }
#metanav a.lang:hover { text-decoration: underline; background-color: #ddd; }

/* buttons */
#open-live, #open-demo, #open-live-link, #open-demo-link { display: block; width: 297px; height: 105px;  }
body.de #open-live, body.de #open-demo, body.de #open-live-link, body.de #open-demo-link { background-image: url('sp-buttons-de.png'); }
body.en #open-live, body.en #open-demo, body.en #open-live-link, body.en #open-demo-link { background-image: url('sp-buttons-en.png'); }
body.fr #open-live, body.fr #open-demo, body.fr #open-live-link, body.fr #open-demo-link { background-image: url('sp-buttons-fr.png'); }
body.it #open-live, body.it #open-demo, body.it #open-live-link, body.it #open-demo-link { background-image: url('sp-buttons-it.png'); }
body.nl #open-live, body.nl #open-demo, body.nl #open-live-link, body.nl #open-demo-link { background-image: url('sp-buttons-nl.png'); }
#open-live, #open-demo { position: absolute; right: 20px; }
#open-live { top: 95px; background-position: 0 0; }
#open-demo { top: 210px; background-position: -300px 0; }
#open-live-link, #open-demo-link { opacity: 0.1; }
#open-live-link, #open-live:hover { background-position: 0 -105px; }
#open-demo-link, #open-demo:hover { background-position: -300px -105px; }
#open-live:active, #open-demo:active { opacity: 0.95; }


/* topnav */
#topnav { position: absolute; top: 330px; left: 0; width: 100%; background: url('sp.png') 0 -300px; z-index: 100;  }
#topnav > li { float: left; display: block; position: relative; cursor: pointer; background: url('sp.png') 0 -300px; }
#topnav > li.A { background-position: 0 -330px; }
#topnav a.L1 { background: url('sp.png') no-repeat; background-position: right -500px; font-size: 20px; padding: 15px 20px; display: block; }
#topnav a.L2 { white-space: nowrap; padding: 10px 20px; font-size: 14px; display: block; }
#topnav a.login { background-image: none; }
#topnav ul.L2 { position: absolute; top: 50px; left: 0; z-index: 99; display: none; }


/* subnav */
#subnav { margin: 0; }
#subnav > li { display: block; position: relative; cursor: pointer; }
#subnav a.L1, #subnav a.L1A { font-size: 14px; margin: 5px 0; padding: 8px 20px; display: block; }
#subnav a.L1A { background: url('sp.png') 0 -415px no-repeat; font-weight: bold; }


/* content */
#content { clear: both; width: 605px; margin-top: 20px; padding: 0 20px; text-align: left; float: left; }
#content.home { width: 980px; margin: 0; padding: 0; }

/* homepage */
div#wrapper { float: left; width: 100%; }
div#c1 { float: left; width: 310px; margin-left: -980px; }
div#c2 { margin: 0 310px 0 335px; width: 310px; }
div#c3 { float: left; width: 310px; margin-left: -310px; overflow: hidden; }

div#aside { float: right; width: 310px; padding: 0; margin: 20px 0 0 25px;  }


/* footer */
#risk { float: left; clear: both; width: 100%; margin-top: 20px; width: 940px; padding: 20px; }
#risk h3, #risk p { text-align: left; color: #555; font-size: 13px; margin-bottom: 5px; text-align: justify; }

#footer { float: left; margin-top: 20px; width: 940px; height: 50px; padding: 20px; background-color: #eee; position: relative; }
#copy { color: #555; font-size: 13px; }

#footernav { position: absolute; top: 20px; right: 20px; }
#risklinks { position: absolute; top: 45px; right: 20px; }

#footer > ul > li { padding: 0 4px; font-size: 11px; line-height: 11px; display: block; float: left; }
#footer > ul > li.L { padding-right: 0; border-right: none; }
#footer > ul > li > a { font-size: 11px; line-height: 14px; border-bottom: none; }
#footer > ul > li > a:hover { text-decoration: none; }




/* headlines */
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
h1 { font-size: 24px; }
h2 { font-size: 16px; margin-top: 20px; }
h3 { font-size: 14px; margin-top: 10px; }
h4 { font-size: 14px; margin-top: 0; }

#content p, #content li, #aside p { line-height: 17px; font-size: 13px; margin-top: 10px; }
#content li { margin-top: 5px; padding-left: 15px; background-image: url('sp.png'); background-position: 0 -589px; }

div.clickbox, div.box, div.widget { width: 268px; border: 1px solid #eee; padding: 15px 20px; margin-top: 20px; background: #eee; background-repeat: no-repeat; }
div.clickbox:hover { cursor: pointer; background: #e5e5e5; background-repeat: no-repeat; border-color: #e3e3e3; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;  }

div#boxContact { background-image: url('sp-boxes.gif'); width: 238px; padding-right: 50px; background-position: 210px -5px; }
div#boxContact:hover { background-position: 210px -305px; }

div#boxPartner { background-image: url('sp-boxes.gif'); width: 238px; padding-right: 50px; background-position: 210px -155px; }
div#boxPartner:hover { background-position: 210px -455px; }

/* images */
img { display: block; }
img.right, input.right { margin: 0 0 0 5px; float: right; }
img.left, input.left { margin: 0 5px 0 0; float: left; }




/* table.quotes */
#quotes { text-align: center; background-color: #ddd; width: 310px; margin: 10px -20px -15px -20px; }
#quotes td { padding: 7px 3px 7px 3px; font-size: 11px; border-top: 1px solid #ccc; }
#quotes th { padding: 5px 3px 5px 2px; font-size: 12px; font-weight: bold; border-top: none; background-color: #eee; color: #666; }
#quotes th.n { text-align: left; padding-left: 20px; }
#quotes th.c { text-align: right; padding-right: 20px; }
#quotes tr.a td { background-color: #eee; border-top: 1px solid #fff; }
#quotes .n { text-align: left; padding-left: 20px; white-space: nowrap; }
#quotes .r, #quotes .g { padding-right: 20px; text-align: right; }
#quotes .r { color: #0c0; }
#quotes .g { color: #c00; }


/* table.grid */
#dividends { background-color: #eee; width: 600px; margin: 10px 0; }
#dividends td { padding: 5px 10px; font-size: 11px; border-top: 1px solid #fff; }


/* table.grid */
table.grid { background-color: #eee; width: 610px; margin: 10px 0; }
table.grid td, table.grid th { padding: 5px 10px; font-size: 12px; border-top: 1px solid #fff; }
table.grid th { padding: 7px 10px; }

p.comment { font-size: 11px !important; }



/* specific colors */
#metanav > li { border-right: 1px solid #178; }
#metanav > li > a { color: #178; border-bottom: 1px solid #fff; }
#metanav > li > a:hover { border-bottom: 1px dotted #090; }

#topnav a.L1 { color: #bd3; text-shadow: #666 0 -1px 2px; }
#topnav a.L2 { color: #df4; text-shadow: #333 0 -1px 2px; }
#topnav a.L1:hover { text-shadow: #bd3 0 0 10px; color: #efd; }
#topnav > li.A > a.L1 { color: #eee; }
#topnav a.L2:hover { text-shadow: #ab1 0 0 5px; color: #efd; background-color: #460; }
#topnav a.login { color: #efd; }
#topnav a.L1:active, #topnav a.L2:active { text-shadow: #ff0 0 0 10px; color: #ffc; }
#topnav ul.L2 { background-color: #587000; 
                -moz-box-shadow: 1px 1px 2px #666; /* FF3.5+ */
                -webkit-box-shadow: 1px 1px 2px #666; /* Saf3.0+, Chrome */
                box-shadow: 1px 1px 2px #666; /* Opera 10.5, IE 9.0 */ }

#subnav { background-color: #eee;  }
#subnav a.L1:hover { background-color: #e3e3e3 !important; }
#subnav a.L1:active { color: #791; background-color: #ddd !important; }

#footer > ul > li { border-right: 1px solid #791;  }
#footer > ul > li > a { color: #178; }
#footer > ul > li > a:hover { border-bottom: 1px dotted #090; }

h1, h2, h3, h4, h5 { color: #666; }

a.more, a.inline { color: #791; border-bottom: 1px dotted #791; }
a.inline:hover, a.more:hover, div.clickbox:hover a.more { border-bottom: 1px solid #680; color: #350; }











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */