body       { position:relative;margin:0px;text-align:center;background:url(images/bg_kachel.gif) repeat-x white; }
#wrapper   { position:relative;width:904px;text-align:left;margin:0px auto;padding-top:44px; }

body       { font:normal 12px arial,helvetica,verdana,geneva,sans-serif;color:#666666; }

input,
select,
textarea   { font:normal 12px arial,helvetica,verdana,geneva,sans-serif;color:#666666;padding:1px; }

a          { text-decoration:none;cursor:pointer;outline:none;color:#00a9d2; }

h1         { font:bold 27px arial,helvetica,verdana,geneva,sans-serif;color:#00a9d2;margin:0px; }
h3         { font:normal 19px arial,helvetica,verdana,geneva,sans-serif;color:#666666;margin:0px; }

br.demi    { line-height:7px; }

form       { position:relative:margin:0px; }

.clear     { clear:both; }

.pixel     { position:absolute;top:0px;left:0px; }

.spacer5      { position:relative;height:5px;font-size:1px;overflow:hidden; }
.spacer90     { position:relative;height:90px;font-size:1px;overflow:hidden; }
.subLine      { position:relative;left:26px;width:847px;height:1px;font-size:1px;overflow:hidden;background-image:url(images/sub_line.gif); }

.logo_klardigital      { position:absolute;top:-60px;left:689px;width:241px;height:150px;background-image:url(images/logo_klardigital_v2.png); }


.navi                { position:relative;width:904px;height:29px;backg!round-color:lime; }

.navi .line          { position:absolute;top:28px;left:0px;width:900px;height:1px;font-size:1px;overflow:hidden;background-color:#e5f6fa; }

.navi .level_1                                { position:relative;height:29px;padding:0px 0px 0px 5px;float:left; }
.navi .level_1 .bgLeft                        { position:absolute;top:0px;left:0px;width:5px;height:28px;background:url(images/navi_ia_left.png); }
.navi .level_1 .bgLeftOver                    { position:absolute;top:0px;left:0px;width:5px;height:28px;background:url(images/navi_ia_left_over.png);display:none; }
.navi .level_1.first .bgLeft                  { background:url(images/navi_ia_left_first2.png); }
.navi .level_1 .txtBox                        { position:relative;height:29px;float:left;overflow:hidden; }
.navi .level_1 .txtBox .bgRight               { position:absolute;top:0px;right:0px;width:200px;height:28px;background:url(images/navi_ia_right.png); }
.navi .level_1 .txtBox .bgRightOver           { position:absolute;top:1px;right:5px;width:200px;height:28px;background-color:white;display:none; }
.navi .level_1 .txtBox a                      { position:relative;display:block;padding:8px 10px 0px 6px;font-weight:bold;color:#666666; }
.navi .level_1.first .txtBox a                { padding:8px 10px 0px 2px; }

.navi .level_1.l1aktiv .txtBox .bgRightOver   { display:block; }
.navi .level_1.l1aktiv .bgLeftOver            { display:block; }
.navi .level_1.l1aktiv .txtBox a              { color:#00a9d2; }

.navi .level_1.l1over .txtBox .bgRightOver    { display:block; }
.navi .level_1.l1over .bgLeftOver             { display:block; }
.navi .level_1.l1over .txtBox a               { color:#00a9d2; }


	   .navi .pos0        { z-index:9; }
       .navi .pos1        { z-index:8;left:-5px; }
       .navi .pos2        { z-index:7;left:-10px; }
       .navi .pos3        { z-index:6;left:-15px; }
* html .navi .pos3        { z-index:6;left:-16px; }
       .navi .pos4        { z-index:5;left:-20px; }
* html .navi .pos4        { z-index:5;left:-21px; }
       .navi .pos5        { z-index:4;left:-25px; }
* html .navi .pos5        { z-index:4;left:-27px; }
	   .navi .pos6        { z-index:3;left:-30px; }
* html .navi .pos6        { z-index:3;left:-33px; }
	   .navi .pos7        { z-index:2;left:-35px; }
* html .navi .pos7        { z-index:2;left:-39px; }
       .navi .pos8        { z-index:1;left:-40px;line-height:15px; }
* html .navi .pos8        { z-index:1;left:-45px; }


/*
       .navi .pos0        { z-index:7; }
       .navi .pos1        { z-index:6;left:-5px; }
       .navi .pos2        { z-index:5;left:-10px; }
       .navi .pos3        { z-index:4;left:-10px; }
       .navi .pos4        { z-index:3;left:-15px; }
       .navi .pos5        { z-index:2;left:-20px; }
* html .navi .pos5        { z-index:2;left:-21px; }
	   .navi .pos6        { z-index:1;left:-25px; }
* html .navi .pos6        { z-index:1;left:-27px; }
*/

.content              { position:static;width:904px;background-image:url(images/bg_content.png); }
.content .bgLayer     { position:absolute;bottom:122px;right:-51px;width:51px;height:177px;background:url(images/illu_aussen2.png); }
.contentBg            { position:relative;width:904px; }
.contentBg .bgLayer   { position:absolute;bottom:0px;right:4px;width:406px;height:414px;background:url(images/illu_innen.png); }

     .contentBox      { position:relative;width:690px;margin:0px 0px 20px 105px; }
.startContentBox      { position:relative;width:530px;margin:0px 0px 20px 105px;padding:0px 0px 0px 160px; }
.startContentBox img  { position:absolute;top:-34px;left:-38px; }



.sizeSelect                   { position:absolute;top:155px;left:818px;font-size:11px; }
.sizeSelect a.sizableLink     { position:absolute;top:16px;left:0px;width:20px;height:20px;background-image:url(images/fontsize_0.gif); }
.sizeSelect a.sizableLink1    { left:21px;background-image:url(images/fontsize_1.gif); }
.sizeSelect a.sizableLink2    { left:42px;background-image:url(images/fontsize_2.gif); }

.sizableText                  { font-size:12px;line-height:16px; }
.sizeBig .sizableText         { font-size:14px;line-height:17px; }
.sizeBigger .sizableText      { font-size:16px;line-height:20px; }


.download                               { position:relative;width:688px;border:1px solid #e7e7e7;margin-bottom:10px; }
.download .border                       { position:relative;width:686px;border:1px solid white;overflow:hidden; }
.download .border .bgLayer              { position:absolute;right:0px;width:686px;height:1000px;background-image:url(images/bg_faq.png); }
.download .katHeader                    { position:relative;width:613px;height:26px;cursor:pointer; }
.download .katHeader .txt               { position:absolute;top:6px;left:8px;font-weight:bold;color:#00a9d2; }
.download .katHeader .icon              { position:absolute;top:5px;left:662px;width:17px;height:16px;background-position:0px 0px;background-image:url(images/updown.gif); }
.download.open .katHeader .txt          { color:#666666; }
.download.open .katHeader .icon         { background-position:0px -16px; }

.download      .downloadContainer       { position:relative;display:none;padding:0px 0px 0px 8px; }
.download.open .downloadContainer       { display:block; }

.download textarea.code                 { width:658px;height:30px;border:1px solid #666666;padding:5px; }






.faq                               { position:relative;width:688px;border:1px solid #e7e7e7;margin-bottom:10px; }
.faq .border                       { position:relative;width:686px;border:1px solid white;overflow:hidden; }
.faq .border .bgLayer              { position:absolute;right:0px;width:686px;height:1000px;background-image:url(images/bg_faq.png); }
.faq .katHeader                    { position:relative;width:613px;height:26px;cursor:pointer; }
.faq .katHeader .txt               { position:absolute;top:6px;left:8px;font-weight:bold;color:#00a9d2; }
.faq .katHeader .icon              { position:absolute;top:5px;left:662px;width:17px;height:16px;background-position:0px 0px;background-image:url(images/updown.gif); }
.faq.open                          { border-color:#c4c4c4; }
.faq.open .katHeader .icon         { background-position:0px -16px; }

.faq      .linkBoxContainer        { position:relative;border-top:1px solid #c4c4c4;display:none; }
.faq.open .linkBoxContainer        { display:block; }
.faq .linkBox                      { position:relative;width:686px; }
.faq .linkBox .txt                 { position:relative;padding:5px 8px;line-height:16px; }
.faq .linkBox td                   { font-weight:bold;color:#666666;cursor:pointer; }
.faq .linkBox      .answer         { position:relative;padding:5px 34px 0px;display:none; }
.faq .linkBox      .answer a       { color:#666666;text-decoration:underline; }
.faq .linkBox.open .answer         { display:block; }

.sizeBig .faq .katHeader .txt      { top:5px;font-size:14px; }
.sizeBigger .faq .katHeader .txt   { top:3px;font-size:16px; }

.sizeBig .faq .linkBox .txt        { font-size:14px;line-height:17px; }
.sizeBigger .faq .linkBox .txt     { font-size:16px;line-height:20px; }

/* * Tooltips * */

span.tt       { text-decoration:underline;cursor:pointer; }
span.tt:hover { color:#00a9d2; }

#tooltip      { position:absolute;width:292px;z-index:3000;border:1px solid #00a9d2;background-color:white;padding:5px;opacity:0.85;text-align:left; }
#tooltip h3   { font-size:12px;color:#00a9d2;line-height:16px; }

.sizeBig #tooltip h3        { font-size:14px;line-height:17px; }
.sizeBigger #tooltip h3     { font-size:16px;line-height:20px; }



form                      { margin:0px; }
fieldset                  { position:relative;margin:0px;padding:0px;border:0px; }
#select_table             { position:relative; }
#select_table select      { width:186px; }

#contact_errors strong    { color:#ff0000; }
.contact_errors strong    { color:#ff0000; }

.contact                               { position:relative;width:688px;border:1px solid #e7e7e7;margin-bottom:0px; }
.contact .border                       { position:relative;width:676px;border:1px solid white;overflow:hidden;padding:5px 5px 0px; }
.contact .border .bgLayer              { position:absolute;right:0px;width:686px;height:1000px;background-image:url(images/bg_faq.png); }

#contact_table                         { position:relative; }
#contact_table td                      { padding-bottom:10px; }
#contact_table .column1                { width:176px; }
#contact_table .column2                { width:176px; }
#contact_table .column3                { width:319px; }
#contact_table .column3 .img           { position:relative;float:left;margin-right:3px;cursor:pointer; }

#contact_table .input                  { width:156px;border:1px solid #666666; }

#contact_table .input.errorBorder      { border:1px solid #ff0000; }
#contact_table .input.noErrorBorder    { border:1px solid #666666; }


#trading_table                         { position:relative; }
#trading_table td                      { padding-bottom:5px; }
#trading_table .column1                { width:108px; }
#trading_table .column1 select         { width:67px; }
#trading_table .column2                { width:98px; }
#trading_table .column2 select         { width:59px; }
#trading_table .column3                { width:144px; }
#trading_table .column3 select         { width:104px; }
#trading_table .column4                { width:228px; }
#trading_table .column4 select         { width:188px; }
#trading_table .column5                { width:88px; }
#trading_table .column5 select         { width:76px; }
#trading_table .img                    { position:relative;cursor:pointer; }



.glossarLink                            { position:relative;width:339px;float:left;display:inline;margin:0px 10px 0px 0px;border:1px solid #e7e7e7;border-right:0px; }
.glossarLink .border                    { position:relative;width:338px;border:1px solid white;border-right:0px;overflow:hidden; }
.glossarLink .border .bgLayer           { position:absolute;right:0px;width:338px;height:1000px;background-image:url(images/bg_faq.png); }
.glossarLink .link                      { position:relative;cursor:pointer;padding-left:5px;color:#00a9d2;font-weight:bold;line-height:16px; }
.glossarLink .link .bgLayer             { position:absolute;width:686px;height:15px;background-image:url(images/bg_faq.png);display:none; }
.glossarLink .link .txt                 { position:relative; }
.glossarLink .link.aktivLink            { color:#666666; }
.glossarLink .link.aktivLink .bgLayer   { display:block; }

.sizeBig .glossarLink .link             { font-size:14px;line-height:17px; }
.sizeBig .glossarLink .link .bgLayer    { height:16px; }
.sizeBigger .glossarLink .link          { font-size:16px;line-height:20px; }
.sizeBigger .glossarLink .link .bgLayer { height:19px; }


.glossarText                     { position:relative;width:339px;float:left;display:inline;margin:0px 0px 0px 0px;border:1px solid #e7e7e7;border-left:0px; }
.glossarText .border             { position:relative;width:328px;border:1px solid white;border-left:0px;overflow:hidden;padding:5px; }
.glossarText .border .bgLayer    { position:absolute;right:0px;width:338px;height:1000px;background-image:url(images/bg_faq.png); }
.glossarText .text               { position:relative;display:none;line-height:16px; }

.sizeBig .glossarText .text      { font-size:14px;line-height:17px; }
.sizeBigger .glossarText .text   { font-size:16px;line-height:20px; }



.presse                          { position:relative;width:688px;border:1px solid #e7e7e7;margin-bottom:10px; }
.presse .border                  { position:relative;width:686px;border:1px solid white;overflow:hidden; }
.presse .border .bgLayer         { position:absolute;right:0px;width:686px;height:100px;background-image:url(images/bg_faq.png); }
.presse .katHeader               { position:relative;width:613px;height:26px; }
.presse .katHeader .txt          { position:absolute;top:6px;left:8px;font-weight:bold;color:#00a9d2; }
.presse .katHeader .url          { position:absolute;top:6px;right:-20px; }
.presse .katHeader .button       { position:absolute;top:3px;left:562px; }
.presse .katHeader .linkButton   { position:absolute;top:3px;left:662px; }


.video                       { position:relative;width:668px;height:356px; }
.video .player               { position:relative;top:0px;left:88px;width:512px;height:316px;background-color:#efefef; }

.videoList                       { position:relative;width:579px;x;margin-left:88px; }
.videoList .itemBox              { position:relative;width:126px;float:left;display:inline;margin:0px 67px 10px 0px;line-height:18px; }
.videoList .itemBox .imgBox      { position:relative;width:126px;height:71px;margin-bottom:2px; }
.videoList .itemBox a            { font-size:11px;font-weight:bold;line-height:18px; }


.logoBar         { position:relative;width:900px;text-align:center;padding-bottom:12px; }
.logoBar table   { position:relative;margin:auto; }
.logoBar td      { padding:10px 15px 4px; }




.footer             { position:relative;width:904px; }
.footer .bgLayer    { position:relative;width:904px;height:11px;font-size:1px;background-image:url(images/bg_footer_v2.png); }
.footer a           { position:absolute;top:60px;left:55px;font-size:10px;color:#666666; }
.footer .txt        { position:absolute;top:60px;right:75px;font-size:10px; }

.counter                  { position:absolute;top:2px;left:1px;width:898px;height:51px;background-image:url(images/bg_counter.png);font-size:21px;color:white; }
.counter .counter_txt     { position:absolute;top:15px;left:175px; }
.counter .days            { position:absolute;top:15px;left:584px;width:43px;text-align:center; }
.counter .days_txt        { position:absolute;top:15px;left:642px; }


.scrollWindow           { position:relative;top:0px;left:100px;width:690px;height:100px;overflow:hidden; }
.scrollBox              { position:relative;top:0px;left:0px;width:1404px; }
.scrollItem             { position:relative;width:222px;height:49px;float:left;margin-right:12px;background-image:url(images/bg_hp_teaser.png);font-size:19px; }
.scrollItem .txt        { position:relative;padding:13px 0px 0px 35px; }
.scrollItem a           { position:absolute;top:0px;left:0px;width:222px;height:49px;display:block;background-color:white;opacity:0.01;filter:alpha(opacity=1); }






#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container                    { height:316px; width:512px;background-image:url(images/bg_playerlayer.png);padding:15px; }

#simplemodal-container a.modalCloseImg    { position:absolute;display:inline;top:0px;right:0px;width:25px;height:29px;background:url(images/x.png) no-repeat;z-index:3200;cursor:pointer;}





.scrollable               { position:relative;top:0px;left:30px;width:598px;height:182px;overflow:hidden; }
.scrollable .items        { position:absolute;width:20000em; }

.scrollable .itemGroup    { position:relative;float:left; }
.scrollable .item         { position:relative;display:block;width:248px;float:left;margin-right:100px; }

a.prev        { position:relative;display:block;width:17px;height:19px;background-image:url(images/link_back.gif);float:left;margin:0px 4px 0px 9px; }
a.next        { position:relative;display:block;width:17px;height:19px;background-image:url(images/link_small.gif);float:left; }