@charset "UTF-8";
/*############################################################*/
/*#  CSS Document for SEW Webapp                             #*/
/*#  Template General                                        #*/
/*#  version $Revision: 417 $  #*/
/*#  author $Author: m.morgenstern $  #*/
/*#  $Id: sew_static_sub.css 417 2011-03-30 09:49:17Z m.morgenstern $    #*/
/*#  $Date: 2011-03-30 11:49:17 +0200 (Mi, 30 Mrz 2011) $    #*/
/*############################################################*/








/*############################################################*/
/*#                  BASIC CLASSES                           #*/
/*############################################################*/




/*############################################################*/
/*#                  BASIC ELEMENTS                          #*/
/*############################################################*/
.links
{
    position: relative;
    width: 80px;
    top: 10px;
}

.contact_links
{
    position: relative;
    width: 80px;
    top: 0px;
}

.engine_link
{
    float:left;
    position: relative;
    width: 80px;
    height: 12px;
    padding-top: 4px;
}

.engine_link a
{
    background: url("../Images/timeline_triangle.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 10px;
    font-weight: normal;
}

.engine_link a:hover
{
    color: #FF0000;
    background: url("../Images/timeline_triangle_hover.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;

}

.url_link
{
    float:left;
    position: relative;
    width: 160px;
    height: 12px;
    padding-top: 2px;
}


.url_link a:hover
{
    color: #FF0000;

}

.arrow_link a
{
    background: url("../Images/timeline_triangle.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 10px;
    font-weight: normal;
}



/*############################################################*/
/*#                  STRUCTURE                               #*/
/*############################################################*/
.content
{
    overflow: auto;
}

.content .content_header
{
    position: relative;
    float:left;
    left: 40px;
    top: 60px;
    /*height: 300px;*/
    width: 400px;
    margin: 0px 0px 80px 0px;
    overflow: visible;
}

.content-engines
{
    height: 442px;
}

.content .image-container
{
    height: 300px;
    left: 73px;
    float: left;
    position: relative;
    top: 112px;
    width: 475px;
}

.content .image-container .image-container-wrapper
{
    height: 256px;
    overflow: hidden;
    position: relative;
    width: 475px;
}

.content .image-container .image-container-wrapper .image-container-wrapper-inner
{
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1900px;
}

.content .image-container .image-container-button-area
{
    height: 53px;
    overflow: auto;
    position: relative;
}

.content .image-container .image-container-button-area .image-container-button-pager-left
{
    height: 53px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    text-indent: -2000px;
    top: 0px;
    width: 36px;
}

.content .image-container .image-container-button-area .image-container-button-pager-center
{
    margin: 17px 36px 0px 36px;
}

.content .image-container .image-container-button-area .image-container-button-pager-center .image-container-button-pager-center-inner
{
    margin: 0px auto 0px auto;
    overflow: auto;
    width: 60px;
}

.content .image-container .image-container-button-area .image-container-button-pager-center .image-container-button-pager-center-inner-button
{
    float: left;
    height: 14px;
    overflow: hidden;
    position: relative;
    text-indent: -2000px;
    width: 14px;
}

.content .image-container .image-container-button-area .image-container-button-pager-right
{
    height: 53px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    text-indent: -2000px;
    top: 0px;
    width: 36px;
}

.tpl_error .content
{
    overflow: hidden;
    width: 920px;
}

.tpl_faq .content
{
    overflow: hidden;
    width: 600px;
}

.tpl_faq .faqlist
{
    margin: 150px 0 0 40px;
}





/*############################################################*/
/*#                  PARAGRAPHS                              #*/
/*############################################################*/

.content .content_header .copy, .content .content_header .copy_contact
{
    float: left;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    width: 350px;
}

.content .content_header .copy_contact
{
    width: 500px;
}

.content .copy_contact label
{
    font-weight: bold;
    float: left;
    width: 60px;
}

.content span.item
{
    display: block;
    background: url(../Images/item_dot.gif) no-repeat left 7px;
    padding-left: 18px;
}

/*############################################################*/
/*#                  HEADLINES                               #*/
/*############################################################*/

.content .content_header .headline
{
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 350px;
    margin: 0px 0px 15px 0px;
}

.efficiency_container  .headline
{
    font-size: 12px;
    font-weight: bold;
    border-bottom-style: inset;
    border-bottom-color: #222222;
    border-bottom-width: 1px;
    padding-bottom: 4px;
}


/*############################################################*/
/*#                  IMAGES                                  #*/
/*############################################################*/
.content .image-container .image-container-wrapper .image-container-wrapper-inner img
{
    float: left;
}

.image-container-button-pager-left a .imgSpan
{
    background-image: url("../Images/arrow-left.png");
    background-position: 9px 9px;
    display: block;
    height: 36px;
}

.image-container-button-pager-right a .imgSpan
{
    background-image: url("../Images/arrow-right.png");
    background-position: 0px 9px;
    display: block;
    height: 36px;
}

.image-container-button-pager-center-inner-button .imgSpan
{
    background-image: url("../Images/pager-dot.png");
    background-position: 0px 0px;
    height: 14px;
    width: 14px;
}

.image-container-button-pager-center-button-inner-active .imgSpan
{
    background-image: url("../Images/pager-dot-active.png");
}

.iphone_image_small
{
    position: relative;
    top: 50px;
    float:left;
    width: 191px;
    background: url("../Images/iphone_small.png");
    background-repeat: no-repeat;
    height: 124px;
}

.iphone_image_big
{
    background: url("../Images/iphone_big.png");
    background-position: top left;
    background-repeat: no-repeat;
    float: right;
    height: 387px;
    margin: 100px 50px 0px 0px;
    width: 417px;
}

.tpl_iphoneapp .content
{
    position: relative;
}

.tpl_iphoneapp .content .appstore
{
    height: 56px;
    position: absolute;
    right: 20px;
    top: 95px;
    width: 162px;
}




/*############################################################*/
/*#                  ATTRIBUTES                              #*/
/*############################################################*/
.image-container-button-pager-left a,
.image-container-button-pager-right a
{
    display: block;
    height: 36px;
    width: 36px;
}



/*############################################################*/
/*#                  LISTS                                   #*/
/*############################################################*/

.ui-widget
{
    font-family: inherit;
}

.ui-corner-all
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ui-accordion .ui-accordion-header .ui-icon,
.ui-widget-content
{
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.accordion {
    margin: 15px 0 0;
        font-size: 11px;
        
}

.accordion .accordion-header {
    background-color: #DDE4EA;
    background-image: url("../Images/accordionBg.gif");
    background-position: left top;
    background-repeat: repeat-x;
    padding: 5px 0 5px;
        border: 0px;
        font-weight: bold;
}
.accordion .accordion-header a {
    background-position: 12px 2px;
    background-repeat: no-repeat;
    display: block;
    padding: 0 0 0 34px;
    text-decoration: none;
}
.accordion .ui-state-default a {
    background-image: url("../Images/arrow_darkgrey_bottom.png");
}
.accordion .ui-state-default a:hover {
    background-image: url("../Images/arrow_darkgrey_bottom.png");
}
.accordion .ui-state-active a {
    background-image: url("../Images/arrow_darkgrey_top.png");
    background-position: 12px 2px;
}
.accordion .ui-state-active a:hover {
    background-image: url("../Images/arrow_darkgrey_top.png");
}
.accordion .accordion-content {
    background-color: #DDE6EB;
    line-height: 18px;
    padding: 8px 72px 10px 35px;
        border: 0;
}
.accordion .accordion-content ul {
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 10px 18px;
}
.accordion .accordion-content ul li {
    margin: 0 0 5px;
}
.accordion .accordion-content ul.defaultList {
    list-style-type: none;
    margin: 0 0 5px !important;
}
.accordion .accordion-content ul.defaultList li {
    list-style-type: none;
    margin: 0;
}
.accordion .accordion-footer {
    height: 10px;
}


/*############################################################*/
/*#                  TABLE                                   #*/
/*############################################################*/




/*############################################################*/
/*#                  FORMS                                   #*/
/*############################################################*/