/**
 *  author:   Gregor Martynus <g.martynus@roxea.de>
 *  file:     prodsols.css
 *  package:  www.prodanet.com
 *  
 */

/**
 *  <INTRO>
 */
#intro {
    position:           relative;
    width:              569px;
    height:             200px;
    border-bottom:      0px solid #999;
    overflow:           hidden;
    
    background:         #fff;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    height:             201px;
}
html>body #intro { height: 201px; }

#introimg {
    position:           absolute;
    left:               10px;
    top:                10px;
    width:              180px;
    height:             180px;
    overflow:           hidden;
}

#introimg img {
    width:              180px;
    height:             180px;
    margin:             0;
    padding:            0;
    border:             0;
}

#introdata {
    position:           absolute;
    left:               200px;
    width:              369px;
    height:             200px;
    overflow:           hidden;
}

#introdata h2 {
    position:           absolute;
    top:                21px;
    left:               20px;
    width:              349px;
    height:             100px;
    padding:            0 20px 0 0;
    margin:             0;
    
    color:              #DE8A21;
    font-weight:        normal;
    font-size:          1.5em;
    line-height:        1.6em;
    letter-spacing:     1px;
    background:         transparent;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              329px;
}
html>body #introdata h2 { width: 329px; }

#introdata h2 strong {
    font-style:         normal;
}

#introdata h3 {
    position:           absolute;
    top:                65px;
    left:               20px;
    width:              349px;
    height:             85px;
    padding:            0 20px 0 0;
    margin:             0;
    overflow:           auto;
    
    color:              #000;
    font-weight:        normal;
    font-size:          1em;
    line-height:        1.4em;
    letter-spacing:     1px;
    background:         transparent;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              329px;
}
html>body #introdata h3 { width: 329px; }

#introdata h4 {
    display:            none;
}

#introdata p {
    position:           absolute;
    top:                160px;
    left:               20px;
    margin:             0;
    width:              343px;
    padding:            5px 0 0;

    color:              #000;
    background:         url(../img/layout/transitions/trans.intro.funcBar.png) no-repeat;
}

#introdata p a:link,
#introdata p a:visited {
    color:              blue;
    font-weight:        normal;
}

#introdata p a:focus,
#introdata p a:hover {
    text-decoration:    none;
}

#summary {
    position:           relative;
    width:              563px;
    padding-bottom:     15px;
    
    background:         #fff;
}

#summary h2 {
    padding:            .8em 10px .1em;
    margin:             0;
    
    font-size:          1.1em;  
    line-height:        1.2em;
    font-weight:        normal; 
    letter-spacing:     1px;
}

#summary h3 {
    padding:            10px 10px 5px;
    margin:             0;
    
    font-size:          .8em;
}

#summary h4 {
    padding:            .2em 10px .1em;
    margin:             0;
    border-top:         1px solid #C1D8FF;
    
    font-size:          1.1em;  
    line-height:        1.2em;
    font-weight:        normal; 
    letter-spacing:     1px;
    
    background:         url(../img/layout/transitions/trans.summary.title.png) repeat-y;
}

#summary h5 {
    padding:            .1em 10px .4em;
    margin:             0;
    
    font-size:          .8em;
    letter-spacing:     1px;
    font-weight:        normal;
    
    background:         url(../img/layout/transitions/trans.summary.title.png) repeat-y;
}

#summary p {
    padding:            5px 10px;
    margin:             0;
    
    font-size:          .8em;
}
#summary ul,
#summary ol {
    margin:             0;
    padding:            10px 10px 5px 30px;
    
    font-size:          .8em;
}
#summary li {
    padding:            0;
    margin:             0 0 .2em;
    
    line-height:        1.5em;
    list-style-image:   url(../img/layout/summary.listitem.gif);
}
#summary strong {
    color:              #DE8A21;
    font-size:          1.1em;
    line-height:        1.5em;
}
/** </INTRO> **/

/**
 *  <HIGHLIGHTINDEX>
 */ 
#highlightindex {
    width:              563px;

    background:         #EFEFEF;
}
 
#highlightindex h4 {
    padding:            2px 15px 1px;
    border-top:         1px solid #FFF;
    border-bottom:      2px solid #ccc;
    
    font-size:          1em;
    letter-spacing:     1px;
    
    
    background:         #ddd;
}
#highlightindex div{
    border-top:         1px solid #FFF;
    clear:              right;
    width:              100%;
}
#highlightindex div.diff{
    border-top:         0 !important;
}
#highlightindex .diff {    
    background:         #E7E7FF;
}
#highlightindex img{
    float:              right;
    padding:            1px;
    margin:             5px;
    border:             1px solid #779;
    width:              180px;
}
#highlightindex a:focus img,
#highlightindex a:hover img,{
    border:             1px solid #000 !important;
}
#highlightindex h5 {
    float:              left;
    
    margin:             0;
    padding:            5px 10px 0 15px;
    
    color:              #E78A18;
    font-size:          .8em;
    letter-spacing:     1px;
    
    line-height:        1.6em;
}
#highlightindex .diff h5 {
}
#highlightindex p {
    clear:              left;

    padding:            5px 15px;
    margin:             0 200px 0 0;
}

#highlightindex div.imgsmall { }
#highlightindex div.imgpanorama img {
    float:              none;
    margin:             5px;
    width:              555px;
}
#highlightindex div.imgpanorama h5,
#highlightindex div.imgpanorama p {
    margin-right:       0;
}

#highlightindex div.imgpanorama p img {
    margin-left:        -10px;
}


#highlightindex div.imgsized img {
    width:              260px;
}
#highlightindex div.imgsized p {
    margin:             0 270px 0 0;
}
/** </HIGHLIGHTINDEX> **/

/**
 *  <HIGHLIGHTINTRO>
 */
#highlightintro {
    position:           relative;
    width:              569px;
    height:             100px;
    border-bottom:      0px solid #999;
    overflow:           hidden;
    
    background:         #fff;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    height:             101px;
}
html>body #highlightintro { height: 101px; }

#highlightintro #introimg{
    position:           absolute;
    left:               5px;
    top:                5px;
    width:              90px;
    height:             90px;
    overflow:           hidden;
}

#highlightintro #introimg img {
    width:              90px;
    height:             90px;
    margin:             0;
    padding:            0;
    border:             0;
}

#highlightintro #introdata {
    position:           absolute;
    left:               100px;
    width:              369px;
    height:             100px;
    overflow:           hidden;
}

#highlightintro #introdata h2 {
    position:           absolute;
    top:                5px;
    left:               20px;
    width:              349px;
    height:             100px;
    padding:            0 20px 0 0;
    margin:             0;
    
    color:              #DE8A21;
    font-weight:        normal;
    font-size:          1.3em;
    line-height:        1.6em;
    letter-spacing:     2px;
    background:         transparent;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              329px;
}
html>body #highlightintro #introdata h2 { width: 329px; }

#highlightintro #introdata h3 {
    position:           absolute;
    top:                40px;
    left:               20px;
    width:              349px;
    height:             85px;
    padding:            0 20px 0 0;
    margin:             0;
    overflow:           auto;
    
    color:              #000;
    font-weight:        normal;
    font-size:          1em;
    line-height:        1.4em;
    letter-spacing:     2px;
    background:         transparent;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              329px;
}
html>body #highlightintro #introdata h3 { width: 329px; }
/** </HIGHLIGHTINTRO> **/

/**
 *  <HIGHLIGHT>
 */
#highlight {
    width:              563px;
    border-top:         5px solid #ddd;
} 
 
#highlight div{
    clear:              right;
    width:              100%;
    padding:            10px 0;
}
#highlight img{
    float:              right;
    padding:            1px;
    margin:             5px 0;
    border:             1px solid #779;
    width:              180px;
}
#highlight a:focus img,
#highlight a:hover img,{
    border:             1px solid #000 !important;
}
#highlight h5 {
    float:              left;
    
    margin:             0;
    padding:            5px 10px 0 15px;
    
    color:              #183C84;
    font-size:          .9em;
    letter-spacing:     1px;
    
    line-height:        1.6em;
}
#highlight p {
    clear:              left;

    padding:            5px 15px;
    margin:             0 200px 0 0;
}

#highlight div.imgsmall { }
#highlight div.imgpanorama img {
    float:              none;
    margin:             5px;
    width:              555px;
}
#highlight div.imgpanorama h5,
#highlight div.imgpanorama p {
    margin-right:       0;
}

#highlight div.imgpanorama p img {
    margin-left:        -10px;
}


#highlight div.imgsized img {
    width:              260px;
}
#highlight div.imgsized p {
    margin:             0 270px 0 0;
}
/** /HIGHLIGHT **/ 

/** 
 *  <ADBAR>
 */ 
#adbar div.products,
#adbar div.highlights,
#adbar div.sols4target {
    border-top:         0;
}

#adbar div.products h4,
#adbar div.highlights h4,
#adbar div.sols4target h4 {
    border-top:         1px solid #555555;
    border-bottom:      1px solid #3F3F3F;
    
    cursor:             default;
    
    font-size:          .9em;
}

#adbar div.products h4 {
    width:              180px;
    padding:            5px 5px 4px 25px;
    
    background:         #4A494A url(../img/layout/icons/icon.products4.gif) no-repeat 6px 6px;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              150px;
}
html>body #adbar div.products h4 { width: 150px; }

#adbar div.highlights h4 {
    width:              180px;
    padding:            5px 5px 4px 27px;
    
    background:         #4A494A url(../img/layout/icons/icon.highlights.gif) no-repeat 4px 4px;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              148px;
}
html>body #adbar div.highlights h4 { width: 148px; }

#adbar div.sols4target h4 {
    width:              180px;
    padding:            5px 5px 4px;
    
    background:         #4A494A;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              170px;
}
html>body #adbar div.sols4target h4 { width: 170px; }

#adbar div.products div, 
#adbar div.highlights div,
#adbar div.sols4target div {

    padding:            0;
    width:              180px;
    border-bottom:      none;
}
#adbar div.products ul, 
#adbar div.highlights ul,
#adbar div.sols4target ul,
#adbar div.products li, 
#adbar div.highlights li,
#adbar div.sols4target li {
    display:            block;
    
    list-style:         none;
    list-style-image:   none;
    
    margin:             0;
    padding:            0;
}
#adbar div.products a, 
#adbar div.highlights a,
#adbar div.sols4target a {
    display:            block;
    
    width:              180px;
    padding:            4px 5px 3px;
    
    font-weight:        bold;
    text-decoration:    none;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              168px;
}
html>body div.products a,
html>body div.highlights a,
html>body div.sols4target a { width: 168px; }

#adbar div.products a:link,
#adbar div.products a:visited,
#adbar div.highlights a:link,
#adbar div.highlights a:visited,
#adbar div.sols4target a:link,
#adbar div.sols4target a:visited {
    border-left:        1px solid #D4DCE2;
    border-top:         1px solid #D4DCE2;
    border-right:       1px solid #8E97B4;
    border-bottom:      1px solid #8E97B4;
    
    color:              #444;
    background:         #BFC7D4;
}

#adbar div.products a.active:link,
#adbar div.products a.active:visited,
#adbar div.highlights a.active:link,
#adbar div.highlights a.active:visited,
#adbar div.sols4target a.active:link,
#adbar div.sols4target a.active:visited {  
    color:              #FFF;
    background:         #EF8200;
    border-top-color:   #FF9933;
    border-left-color:  #FF9933;
    border-bottom-color: #B55900;
    border-right-color: #B55900;
}

#adbar div.products a:focus,
#adbar div.products a:hover,
#adbar div.highlights a:focus,
#adbar div.highlights a:hover,
#adbar div.sols4target a:focus,
#adbar div.sols4target a:hover {
    color:              #333;
    background:         #FFB256;
    border-top-color:   #FFC580;
    border-left-color:  #FFC580;
    border-bottom-color: #FF9A23;
    border-right-color: #FF9A23;
}



#adbar div.backlink {	
    border-top:         none;
    border-bottom:      1px solid #000;
}
#adbar div.producttourlink a,
#adbar div.backlink a {
    display:            block;
    width:              180px;
    padding:            5px 5px 5px 28px;
    border:             1px solid;
    
    font-weight:        bold;
    text-decoration:    none;
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:              145px;
}
html>body #adbar div.producttourlink a,
html>body #adbar div.backlink a { width: 145px; }


#adbar div.producttourlink a {
    color:              #444;
    border-color:       #2BC044 #186C26 #186C26 #2BC044 !important;
    
    background:         #229835 url(../img/layout/icons/icon.product-tour.gif) 5px 50% no-repeat;
    
}
#adbar div.backlink a {
    border-color:       #4271D6 #183C7B #183C7B #4271D6;
    background:         #2959B5 url(../img/layout/arrowtop.gif) 5px 50% no-repeat;
}


#adbar div.producttourlink a:link,
#adbar div.producttourlink a:visited,
#adbar div.backlink a:link,
#adbar div.backlink a:visited {
    color:              #fff;
}

#adbar div.producttourlink a:focus,
#adbar div.backlink a:focus,
#adbar div.producttourlink a:hover,
#adbar div.backlink a:hover {
    border-color:       #FF9933 #B55900 #B55900 #FF9933 !important; 
    
    background-color:   #FF8200;
}

#adbar div.producttourlink a:active {
    border-color:       #2BC044 #186C26 #186C26 #2BC044 !important;
    background-color:   #229835;
    
}
#adbar div.backlink a:active {
    border-color:       #4271D6 #183C7B #183C7B #4271D6;    
    background-color:   #2959B5;
}
/** </ADBAR **/

/** productfor **/
#productfor {   
    width:              563px;
}
#productfor h4 {
    padding:            2px 10px 0px;
    border-top:         1px solid #FFF;
    border-bottom:      2px solid #ccc;
    
    background:         #ddd;
}

#productfor ul {
    margin:         0;
    padding:        0;
}
#productfor ul li {
    display:        inline;
    margin:         0;
    padding:        0;
    
    list-style:     none;
    font-style:     normal;
}
#productfor ul strong {
    display:        block;
    padding-bottom: .5em;
    
    font-size:      1.2em;
    font-style:     normal;
    letter-spacing: 1px;
}
#productfor ul a {
    display:        block;
    width:          563px;
    padding:        14px 10px 13px 30px;
    border-top:     1px solid #FFF;
    
    background:     #EFF3FF url(../img/layout/icons/icon.bigbull1a.png) 10px 17px no-repeat;
    
    
    /* bmh */   
    voice-family:       "\"}\"";    
    voice-family:       inherit;
    width:          523px;
}
html>body #productfor ul a { width: 523px; }

#productfor ul li.diff a {
    background:     #E7EBFF url(../img/layout/icons/icon.bigbull1b.png) 10px 17px no-repeat;
}

#productfor ul a:link,
#productfor ul a:visited {
    color:          #000;
    text-decoration: none;
}

#productfor ul a:focus,
#productfor ul a:hover {
    margin:         0px;
    
    color:          #000;
    
    background:     transparent url(../img/layout/icons/icon.bigbull1hover.png) 10px 17px no-repeat !important;
    
    font-style:     italic;
}

/**
 *  <TARGETPRODUCTS>
 */ 
#targetproducts {
    width:              563px;
}
 
#targetproducts h4 {
    padding:            2px 15px 1px;
    border-top:         1px solid #FFF;
    border-bottom:      2px solid #ccc;
    
    font-size:          1em;
    letter-spacing:     1px;
    
    
    background:         #ddd;
}

#targetproducts div{
    border-top:         1px solid #FFF;
    clear:              right;
    width:              100%;
    border-bottom:      2px solid #ddd;
}
#targetproducts img{
    float:              left;
    margin:             5px;
    width:              90px;
    height:             90px;
}
#targetproducts a:focus img,
#targetproducts a:hover img,{
    border:             1px solid #000 !important;
}
#targetproducts h5 {
    margin:             0 0 0 100px;
    padding:            5px 10px 0 15px;

    color:              #DE8A21;
    font-weight:        normal;
    font-size:          1.2em;
    line-height:        1.6em;
    letter-spacing:     2px;
}
#targetproducts h6 {
    margin:             0 0 0 100px;
    padding:            0 10px 0 15px;
    
    color:              #000;
    font-weight:        normal;
    font-size:          .9em;
    line-height:        1.4em;
    letter-spacing:     2px;
}
#targetproducts span a {    
    display:            block;
    
    margin:             0 0 0 100px;
    padding:            15px 10px 0 15px;
    
    font-size:          .8em;
}

#targetproducts span a:link,
#targetproducts span a:visited {
    
}
/** TargetProducts **/