root { 
    display: block;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

@font-face {
    font-family: 'VAGRoundedBold';
    src: url('./../fonts/vagroundedstd-bold-webfont.eot');
    src: url('./../fonts/vagroundedstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./../fonts/vagroundedstd-bold-webfont.woff') format('woff'),
         url('./../fonts/vagroundedstd-bold-webfont.ttf') format('truetype'),
         url('vagroundedstd-bold-webfont.svg#VAGRoundedStdThinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VAGRoundedLight';
    src: url('./../fonts/vagroundedstd-light-webfont.eot');
    src: url('./../fonts/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./../fonts/vagroundedstd-light-webfont.woff') format('woff'),
         url('./../fonts/vagroundedstd-light-webfont.ttf') format('truetype'),
         url('./../fonts/vagroundedstd-light-webfont.svg#VAGRoundedStdLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VAGRoundedThin';
    src: url('./../fonts/vagroundedstd-thin-webfont.eot');
    src: url('./../fonts/vagroundedstd-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('./../fonts/vagroundedstd-thin-webfont.woff') format('woff'),
         url('./../fonts/vagroundedstd-thin-webfont.ttf') format('truetype'),
         url('./../fonts/vagroundedstd-thin-webfont.svg#VAGRoundedStdThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.mainScreen {
    background-image: url('../images/background.png');
    background-size: 1024px;
    background-repeat: no-repeat;
    width: 1024px;
    height: 768px;
}

.inhaltSeite {
    background-image: url('../images/info_bg.png');
    background-size: 1024px;
    background-repeat: no-repeat;
    width: 1024px;
    height: 768px;
}

.loading {
    background-color: rgba(0, 0, 0, 0.5);
    color: #D9D9D9;
    font-family: 'VAGRoundedThin',verdana;
    font-size: 46px;
    height: 398px;
    padding-top: 370px;
    position: absolute;
    text-align: center;
    width: 1024px;
    z-index: 99;
}

.legende {
    top: 752px !important;
    left: 5px !important;
    font-size: 16px;
    font-family: 'VAGRoundedThin', verdana;
    color: rgb(102, 82, 82);
    position: absolute;
}

.button {
    background: url("../images/button_back.png") no-repeat scroll 0px 0px;
    color: #FFFFFF;
    font-family: 'VAGRoundedBold';
    font-size: 24px !important;
    height: 40px;
    line-height: 33px !important;
    padding-bottom: 0;
    padding-left: 35px;
    padding-top: 10px;
    position: absolute;
    width: 265px;
    cursor: pointer;
    
}

.pic_oben {
    width: 336px;
    height: 112px;
    background-size: 336px;
    position:absolute;
}

.pic_klein {
    width: 896px;
    background-size: 336px;
    position:absolute;
    
    background-size: 896px auto;
    height: 176px;
}

.inhalt_title {
    font-family: 'Helvetica', verdana;
    font-size: 39px;
    margin-left: 16px;
    color: rgb(167, 169, 172);
    text-transform: uppercase;
    position:absolute;
}

.inhalt_container {
    width: 1024px;
    height: 535px;
    overflow-y: scroll;
    position:absolute;
}

.content {
    margin-top: 196px;
    padding-left: 58px;
}

.nopic {
    margin-top: 0px !important;
}

.back_button {
    background: url("../images/button_left.png") no-repeat;
    background-size: 186px;
    position: absolute;
    height: 48px;
    width: 186px;
    font-family: 'VAGRoundedBold', verdana;
    color: #FFFFFF;
    margin-left: 1px !important;
    font-size: 24px !important;
    line-height: 30px !important;
    margin-left: 9px !important;
    margin-top: 3px;
    padding-left: 30px;
    padding-top: 12px;
    position: absolute;
    width: 186px;
    cursor: pointer;
}

.next_button {

    width: 156px !important;
    height: 42px !important;
    background-image: url("../images/button_right.png");
    background-size: 186px;
    padding-left: 15px;
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    
    font-family: 'VAGRoundedBold', verdana;
    color: #FFFFFF;
    margin-left: 1px !important;
    font-size: 24px !important;
    line-height: 30px !important;
    margin-left: 9px !important;
    margin-top: -1px;
    padding-left: 30px;
    padding-top: 12px;
    position: absolute;
    cursor: pointer;

}

.produktecontent {
    
    padding-left: 24px;
}

.content h1, .produktecontent h1 {
    font-family: 'VAGRoundedBold', verdana;
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFFFFF;
    width: 432px;
}

.produktecontent hr {
    font-family: 'VAGRoundedBold', verdana;
    font-size: 16px;
    color: #FFFFFF;
    width: 434px;
    margin-top: 0px;
    margin-left: -1px;
}

.content p {
    font-family: 'VAGRoundedLight', verdana;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    width: 432px;
}

.navTitle, .content ul.topList li {
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 16px; 
    padding-top:10px;
    color: #FFFFFF;
    width: 418px;
    list-style-type: square !important;
    list-style-image: url('../images/info_list1.png');
}

.content ul.normalList li {
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 16px; 
    color: #FFFFFF;
    width: 417px;
    list-style-type: square !important;
    list-style-image: url('../images/info_list2.png');
}

.content ul.topList li ul.secondList li{
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 16px; 
    color: #000000;
    width: 402px;
    list-style-type: square !important;
    list-style-image: url('../images/info_list2.png');
}

.content ol.numList {
    
    }

.content ol.numList li{
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 16px; 
    color: #000000;
    width: 402px;
    margin-bottom: 5px;
    list-style-type: decimal !important;
}


.content a {
    font-size: 16px;
    color: #000000;
    font-family: 'VAGRoundedLight', verdana;
}

.produktecontent .content a.telmail {font-size: 16px;padding-left: 0px;}

.content ol.alphaList li{
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 16px; 
    color: #000000;
    width: 402px;
    margin-bottom: 5px;
    list-style-type: lower-latin !important;
}

.content ol.numList li h2, .content ol.alphaList li h2{
    font-family: 'VAGRoundedBold', verdana;
}

.content ol.numList li h2{
    //color: red;
}

.content ol.numList li b, .content ol.alphaList li b{
    font-family: 'VAGRoundedBold', verdana;
}


.nList, .content ul.topList li ul.navList li{
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 20px;
    margin-left: 16px; 
    color: #000000;
    padding-top: 5px;
    list-style-type: square !important;
    list-style-image: url('../images/info_list2.png');
}

.VAG {
    font-family: 'VAGRoundedLight', verdana;
    font-size:  10px;
    letter-spacing: 1px;
    }

.content ul.topList li ul.secondList li ul.thirdList li{
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 16px; 
    color: #000000;
    width: 402px;
    list-style-type: square !important;
    list-style-image: url('../images/info_list3.png');
}

.pipe {
        color: #f5801a;
        font-size: 38px;
        line-height: 21px;
}

.hinweis {
    vertical-align: top;
    float: right;
    color: #606060;
    font-size: 14px; padding-top: 4px;
}

.content p {
    font-family: 'VAGRoundedLight', verdana;
    font-size: 16px;
    margin-bottom: 20px;
    width: 896px;
}

.content a {
    font-size: 16px;
    color: #000000;
    font-family: 'VAGRoundedLight', verdana;
}

.content h1 {
    font-family: 'VAGRoundedBold', verdana;
    font-size: 16px;
    color: #FFFFFF;
    width: 925px;
}

.content img.screenshot {
        width: 432px;
        margin-bottom: 10px;
        margin-top: 0px;
        border: 1px solid #FFFFFF;
        margin-right: 40px;
        //float: left;
    }
    
    .content ol.numList li{
        font-family: 'VAGRoundedLight', verdana;
        letter-spacing: 1px;
        font-size: 16px;
        margin-left: 23px; 
        color: #000000;
        width: 896px;
        margin-bottom: 5px;
    }
    
    .content ol.alphaList li{
        font-family: 'VAGRoundedLight', verdana;
        letter-spacing: 1px;
        font-size: 16px;
        margin-left: 23px; 
        color: #000000;
        width: 896px;
        margin-bottom: 5px;
    }
    
ul.inhalt {
width: 500px;
float: right;
}

.infotabelle {
    font-family: 'VAGRoundedThin', verdana;
    font-size: 14px;
    border-collapse: collapse;
    border: 1px silver solid;
    width: 883px;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    

.infotabelle td{
    margin: 1px;
    padding: 2px;
    background-color: #bababa;
    vertical-align: top;
    border: 1px silver solid;
    
    }
    
.infotabelle td.head1{
    background-color: #d9d9d9;
    vertical-align: top;
    }
    
.infotabelle td.head2{
    background-color: #d9d9d9;
    color: #f5801a;
    }

.infotabelle td.td2{
    background-color: #a4a3a3;
    }
    
        .navTitle, .content ul.topList li {font-size: 16px; margin-top: 10px; width: 403px;}
    .content ul.topList li ul.secondList li {font-size: 16px; width: 862px}
    .content ul.topList li ul.secondList li ul.thirdList li {font-size: 16px;}
    .content ul.topList li ul.navList li { padding-top: 0px; font-size: 16px;}
    
    .content hr {margin-left: 0;
    width: 882px;}
    
    .content table{width: 896px;}
    .VAG {font-size: 16px;}
    .contentthums {width: 192px; height: 192px;}
    .produktecontent hr {width: 972px;}
    
    
    .steptitle {
        padding-top: 102px;
        font-size: 27px !important;
        line-height: 30px !important;
        font-family: 'VAGRoundedBold', verdana;
        text-align: center !important;
        vertical-align: 'middle';
        letter-spacing: 0px;
    }
    
    .stepdesc {
        list-style: url("../images/list_icon.png") inside !important;
        padding-left: 10px;
        margin-top: 10px;
        font-size: 25px !important;
        line-height: 38px !important;
        font-family: 'VAGRoundedBold', verdana;
        text-align: center !important;
        vertical-align: 'middle';
        letter-spacing: 0px;
    }

    .step_pic {
        width: 513px;
        height: 320px;
        border: 1px solid red;
        position: absolute;
        top: 239px;
        left: 62px;
    }
    
    .step_button {
        width: 175px !important;
        background-color: rgb(80, 80, 80);
        border: 1px solid rgb(81, 81, 81);
        vertical-align: bottom;
        text-align: center;
        border-color: rgb(81, 81, 81);
        height: 30px !important;
        padding-top: 80px;
        
        font-family: 'VAGRoundedLight', verdana;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        line-height: 25px;
        
        display:block;
        cursor: pointer;
        
            -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
    }
    
.steptext {
    list-style: url("../images/text_icon.png") outside !important;
    color: 
    #FFFFFF;
    width: 300px;
    text-align: left;
    font-family: 'VAGRoundedBold', verdana;
    font-size: 31px !important;
    margin-top: 54px;
    margin-left: 666px;
    margin-bottom: -20px;
    }
    
.steptext2 {
    list-style: url("../images/text_icon.png") outside !important;
    color: 
    #FFFFFF;
    width: 300px;
    text-align: left;
    font-family: 'VAGRoundedBold', verdana;
    font-size: 31px !important;
    margin-top: 20px;
    margin-left: 666px;
    margin-bottom: -20px;
    }
    
    .produktecontent {
    
    padding-left: 24px;
}

.content h1, .produktecontent h1 {
    font-family: 'VAGRoundedBold', verdana;
    letter-spacing: 1px;
    color: #FFFFFF;
    width: 432px;
}

.produktecontent hr {
    font-family: 'VAGRoundedBold', verdana;
    font-size: 16px;
    color: #FFFFFF;
    width: 977px;
    margin-top: 0px;
    margin-left: -1px;
    clear: both;
}

.PO {
    
    font-family: 'VAGRoundedLight', verdana;
    width: 140px;
    height: 120px;
    color: #f69a4e; 
    font-size: 11px; 
    background-color: #FFFFFF;
    text-align: center;
    padding: 5px;
    margin: 5px;
    margin-left: 0px;
    margin-bottom: 10px;
    float: left;
    
}

.PO img {width: 80px;}
.content img.screenshot {
        width: 432px;
        margin-bottom: 10px;
        margin-top: 10px;
        border: 1px solid #FFFFFF;
    }

    
    ul.inhalt li {width: 200px; padding-top: 5px;}
    ul.inhalt li ul.navList li{width: 150px;}
    .POProductico {height: 25px;margin-bottom: 4px;}
.POImg    {width: 57px; float:left; margin-right: 10px;}
p.legend {font-size: 9px; color: #333333;width: 135px;}

.prodTabs li{
    width: 108px;
    font-size: 10px;
    float:left;
	margin:0;
	padding:0;
    height: 21px;
    text-align: center;
    
    font-family: 'VAGRoundedLight', verdana;
    line-height: 21px;
    background-image: url('../images/prod_tab.png');
    background-repeat: repeat-x;
    background-size: 1px;
    border-left: 1px solid silver;
    
    }
    
.prodTabs li:last-child{

    border-right: 1px solid silver;
    
    }

.prodTabs .active{
    background-image: url('../images/prod_tab_active.png');
    background-repeat: repeat-x;
    background-size: 1px;
    }

.prodTabs li{
    width: 243px;
    font-size: 16px;
    height: 42px;
    float: left;
    font-family: 'VAGRoundedLight', verdana;
    line-height: 47px;
    background-image: url('../images/prod_tab.png');
    background-size: 2px;
    
    }

.prodTabs .active{
    background-image: url('../images/prod_tab_active.png');
    background-repeat: repeat-x;
    background-size: 2px;
    }
    

.produktecontent div.desc {font-size: 16px; color: #000000;letter-spacing: 1px;font-family: 'VAGRoundedLight', verdana;}
.produktecontent div.content {display: none;}
.produktecontent div.content.active {display: inline; font-family: VAGRoundedLight; font-size: 16px;letter-spacing: 1px;}

.produktecontent .content p {font-size: 16px; color: #000000;letter-spacing: 1px;width: 983px;}
.produktecontent .content h1 {width: 900px; font-size: 16px;letter-spacing: 1px; font-family: 'VAGRoundedBold', verdana;}
.produktecontent .content h2 {font-size: 16px; color: #000000; font-family: 'VAGRoundedBold', verdana;letter-spacing: 1px;}

.produktecontent .content a {font-size: 16px; color: #000000; padding-left: 26px; line-height: 26px;letter-spacing: 1px;}

.produktecontent .content ul.topList {
font-family: VAGRoundedLight;
    font-size: 16px;
    margin-bottom: 14px;
    padding-left: 16px;}
.produktecontent .content ul.topList li {
    font-family: 'VAGRoundedLight', verdana;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 0px; 
    margin-top: 0px;
    padding-top: 0px;
    color: #000000;
    width: 431px;
    list-style-type: square !important;
    list-style-image: url('../images/info_list3.png');
    }
    
.produktecontent .contentul.topList li b {font-family: 'VAGRoundedBold', verdana;}

    .wide {width: 972px !important;font-size: 11px !important;}
    .nowide {font-size: 11px !important;}
    .widelegend {width: 972px !important;font-size: 10px !important;}
    .PO img {width: 88px;}
    .PO {width: 124px; font-size: 11px;height: 127px;}
    
    .produktecontent .content ul.topList li {width: 959px;}
    sup {line-height: 6px;}
    sup {line-height: 12px;}
    .POProductico {height: 50px;}
    .POImg    {width: 100px; margin-bottom: 10px;}
    p.legend {width: 126px; font-size: 9px; text-align: center; padding-top: 15px;  line-height: 10px;}
    
    .buttontextS4 {
        font-size: 16px !important;
        line-height: 15px !important;
        width: 160px;
        padding-top: 77px;;
    }
    
    .produktecontent .content a.telmail {font-size: 16px;padding-left: 0px;}
    
        .prodTabs {
    position:relative;
    float:left;
    width:100%;
    padding:0 0 10px 0;
    margin:0;
    list-style:none;
    line-height: 21px;
    display:inline-table;
    
    }

.prodTabs li{
    width: 243px;
    font-size: 16px;
    height: 42px;
    
    line-height: 47px;
    background-image: url('../images/prod_tab.png');
    background-size: 2px;
    
    }

.prodTabs .active{
    background-image: url('../images/prod_tab_active.png');
    background-repeat: repeat-x;
    background-size: 2px;
    }
    
    
.calc_step1, .calc_step2, .calc_step3, .calc_step4, .calc_step5 {
    background-image: url('../images/calc_step1.png');
    background-size: 1024px;
    background-repeat: no-repeat;
    width: 1024px;
    height: 768px;
}

  
.step2_waagerecht {
    background-image: url('../images/Button-Waagerecht.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px -5px !important;
    background-size:    175px;
    }
    
.step2_senkrecht {
    background-image: url('../images/Button-Senkrecht.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px -5px !important;
    background-size:    175px;
    }
    
.step3_flader {
    background-image: url('../images/Button-Flader.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px -5px !important;
    background-size:    175px;
    }
    
.step3_rift {
    background-image: url('../images/Button-Rift_Halbrift.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px -5px !important;
    background-size:    175px;
    }
    
.step4_duenn {
    background-image: url('../images/Button-duenn-mittelschichtlasur.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px 0px !important;
    background-size:    175px;
    }
    
.step4_deckend {
    background-image: url('../images/Button-deckende-beschichtung.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px 0px !important;
    background-size:    175px;
    }
    
.step4_impraegniert {
    background-image: url('../images/Button-Impraegnierlasur.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px 0px !important;
    background-size:    175px;
    }
    
.step5_gehobelt {
    background-image: url('../images/Button-gehobelt.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px 0px !important;
    background-size:    175px;
    }
    
.step5_geschliffen {
    background-image: url('../images/Button-geschliffen.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px 0px !important;
    background-size:    175px;
    }
    
.step5_saegerauh {
    background-image: url('../images/Button-saegerau.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2px 0px !important;
    background-size:    175px;
    }
    
.step5_saegerauh .buttontext {color: #000000;}
.step5_geschliffen .buttontext {color: #000000;}
.step5_gehobelt .buttontext {color: #000000;}

.status_background {
    background-image: url('../images/calc_status_bg.png');
    background-size: 428px;
    background-repeat: no-repeat;
    width: 428px;   
    height: 68px;
    margin-top: 6px;
    
    position: absolute;
    top: 5px;
    left: 300px;
        
}
.status_1 {
    background-image: url('../images/calc_status_1a.png');
    background-repeat: no-repeat;
    background-size: 40px;
    width: 44px;
    height: 44px;
    margin-left: 84px;
    margin-top: 10px;
    float: left;
}

.status_1done{
    background-image: url('../images/calc_status_done.png');
    background-repeat: no-repeat;
    background-size: 18px;
    width: 22px;
    margin-left: -22px;
    margin-top: 33px;
    visibility:hidden;
    float: left;
}

.status_2 {
    background-image: url('../images/calc_status_2a.png');
    background-repeat: no-repeat;
    background-size: 40px;
    width: 44px;
    height: 44px;
    margin-left: 0px;
    margin-top: 10px;
    float: left;
}


.status_2done{
    background-image: url('../images/calc_status_done.png');
    background-repeat: no-repeat;
    background-size: 18px;
    width: 22px;
    margin-left: -22px;
    margin-top: 33px;
    visibility:hidden;
    float: left;
}

.status_3 {
    background-image: url('../images/calc_status_3a.png');
    background-repeat: no-repeat;
    background-size: 40px;
    width: 44px;
    height: 44px;
    margin-left:0px;
    margin-top: 10px;
    float: left;
}

.status_3done{
    background-image: url('../images/calc_status_done.png');
    background-repeat: no-repeat;
    background-size: 18px;
    width: 22px;
    margin-left: -22px;
    margin-top: 33px;
    visibility:hidden;
    float: left;
}

.status_4 {
    background-image: url('../images/calc_status_4a.png');
    background-repeat: no-repeat;
    background-size: 40px;
    width: 44px;
    height: 44px;
    margin-left: 0px;
    margin-top: 10px;
    float: left;
}

.status_4done{
    background-image: url('../images/calc_status_done.png');
    background-repeat: no-repeat;
    background-size: 18px;
    width: 22px;
    margin-left: -22px;
    margin-top: 33px;
    visibility:hidden;
    float: left;
}

.status_5 {
    background-image: url('../images/calc_status_5a.png');
    background-repeat: no-repeat;
    background-size: 40px;
    width: 44px;
    height: 44px;
    margin-left: 0px;
    margin-top: 10px;
    float: left;
}


.status_6 {
    background-image: url('../images/calc_status_result.png');
    background-repeat: no-repeat;
    background-size: 40px;
    width: 44px;
    height: 44px;
    margin-left: 0px;
    margin-top: 10px;
    float: left;
}

.status_5done{
    background-image: url('../images/calc_status_done.png');
    background-repeat: no-repeat;
    background-size: 18px;
    width: 22px;
    margin-left: -22px;
    margin-top: 33px;
    visibility:hidden;
    float: left;
}

.step5_gehobelt {
        background-image: url('../images/Button-gehobelt.png') !important;
        background-repeat: no-repeat !important;
        background-position: -15px 0px !important;
        background-size:    200px;
        color: #000000;
        }

    .step5_geschliffen {
        background-image: url('../images/Button-geschliffen.png') !important;
        background-repeat: no-repeat !important;
        background-position: -15px 0px !important;
        background-size:    200px;
        color: #000000;
        }

    .step5_saegerauh {
        background-image: url('../images/Button-saegerau.png') !important;
        background-repeat: no-repeat !important;
        background-position: -15px 0px !important;
        background-size:    200px;
        color: #000000;
        }

        .calc_result {
    background-image: url('../images/calc_result_bg.png');
    background-size: 1024px;
    background-repeat: no-repeat;
    
    width: 1024px;
    height: 768px;
}
.resultTitle {
    font-family: 'VAGRoundedBold', verdana;
    font-size: 12px !important;
    color: #000000;
    
    }
    
    .resultText {
    
    font-family: 'VAGRoundedLight', verdana;
    font-size: 14px !important;
    color: #000000;
    }
    
.resultText2 {
    
    font-family: 'VAGRoundedLight', verdana;
    font-size: 14px !important;
    color: #000000;
    
    -webkit-animation:myfirst 3s; /* Safari and Chrome */
    }

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
0%   {color: #CCCCCC;}
5%   {color: #000000; font-family: 'VAGRoundedBold', verdana;}
10%  {color: #CCCCCC;}
15%  {color: #000000;}
20%  {color: #CCCCCC;}
25%  {color: #000000;}
30%  {color: #CCCCCC;}
35%  {color: #000000;}
40%  {color: #CCCCCC;}
45%  {color: #000000;}
50%  {color: #CCCCCC;}
55%  {color: #CCCCCC;}
60%  {color: #000000;}
65%  {color: #CCCCCC;}
70%  {color: #000000;}
75%  {color: #CCCCCC;}
80%  {color: #000000;}
85%  {color: #CCCCCC;}
90%  {color: #000000;}
95%  {color: #CCCCCC;}
100% {color: #000000;}
}


@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {color: #000000;}


30%  {color: #CCCCCC;}
33%  {color: #000000;}

63%  {color: #CCCCCC;}
66%  {color: #000000;}


96%  {color: #CCCCCC;}
99%  {color: #000000;}

100% {color: #000000;}
}

.resultTitle {font-size: 22px !important;}  
.resultText, .resultText2 {font-size: 22px !important;}

.produktecontent .content table tr td p {width: 200px;}