/* Reset */
* {
        margin:0;
        padding:0;
}

body {
    background:#ffffff;
    font-size: 12px;
    font-family: tahoma,arial,verdana,sans-serif;
    text-align: left;
}

#start ul  {

        padding: 10px 0 10px 25px;
}
#start li  {

        padding: 0 0 5px 5px;
}
td { vertical-align: top; }


h1 {
    color: rgb(227, 95, 20);
    font-style: normal;
    text-align: left;
    font-weight: bold;
    margin: 0px;
    font-size: 12px;
}

h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#rumpf {
    float: left;
    background-color: white;
}
#rumpfContent {
    background-color: white;
    float: left;
    width: 526px;
    height: 100%;
    min-height: 580px;
    margin: 20px 0px 0px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    background-image: url("../images/background2.gif");
    background-repeat: no-repeat;
    background-position: -40px 82px;
    border-right: 1px solid white;
    min-height: 900px;
}

dt {
        font-weight:bold;
        background: #eceff3;
        background: -moz-linear-gradient(top, #eceff3 0%, #c1cad5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eceff3), color-stop(100%, #c1cad5));
        background: -webkit-linear-gradient(top, #eceff3 0%, #c1cad5 100%);
        background: -o-linear-gradient(top, #eceff3 0%, #c1cad5 100%);
        background: -ms-linear-gradient(top, #eceff3 0%, #c1cad5 100%);
        background: linear-gradient(top, #eceff3 0%, #c1cad5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff3', endColorstr='#c1cad5', GradientType=0 );
        width:470px;
        padding:10px 10px 9px 10px;
        margin-top:15px;
        margin-bottom:-4px;
        border-top:1px solid white;
        border-left:1px solid white;
        border-right:1px solid white;
        cursor:pointer;
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,1);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,1);
        -ms-box-shadow:0 1px 1px rgba(0,0,0,1);
        -o-box-shadow:0 1px 1px rgba(0,0,0,1);
        box-shadow:0 1px 1px rgba(0,0,0,1);
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        -o-border-radius:5px;
        border-radius:5px;
}

dt:hover {
        color:black;
        background: #c1cad5;
        background: -moz-linear-gradient(top, #fff 0%, #c1cad5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #c1cad5));
        background: -webkit-linear-gradient(top, #fff 0%, #c1cad5 100%);
        background: -o-linear-gradient(top, #fff 0%, #c1cad5 100%);
        background: -ms-linear-gradient(top, #fff 0%, #c1cad5 100%);
        background: linear-gradient(top, #fff 0%, #c1cad5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff3', endColorstr='#c1cad5', GradientType=0 );
}

dd {
        display:none;
        background:#c7cfd8;
        margin:0 0 15px 0;
        width:470px;
        padding:10px 10px 15px 10px;
        border-left:1px solid white;
        border-right:1px solid white;
        -webkit-box-shadow:0 1px 1px rgba(0,0,0,1);
        -moz-box-shadow:0 1px 1px rgba(0,0,0,1);
        -ms-box-shadow:0 1px 1px rgba(0,0,0,1);
        -o-box-shadow:0 1px 1px rgba(0,0,0,1);
        box-shadow:0 1px 1px rgba(0,0,0,1);
        -webkit-border-radius:0 0 5px 5px;
}

#button {
        float:right;
        display:block;
        height:18px;
        width:17px;
        text-indent:-9999px;
}

.closed { background:url(button.png) left no-repeat; }

.open { background:url(button.png) right no-repeat; }

    /* Example Styles for Demo */
    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration: none; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }



                #placement-examples div { text-align: center; }
                #placement-examples input { margin: 10px; padding: 10px; }
                #placement-examples .east { margin-left: 450px; }
                #mousefollow-examples div { background-color: #EEE; text-align: center; line-height: 400px; margin: 0 auto; height: 400px; width: 100%; }
                #mouseon-examples div { background-color: #EEE; text-align: center; width: 400px; padding: 40px; }
                #api-examples input { margin: 10px; padding: 10px 30px; }


#placement-examples input {
        background-color: #EEE;
        border: 1px solid #CCC;
        border-radius: 3px;
        margin: 10px;
        padding: 10px;
}


.button {
   display: inline-block;
   line-height: 1;
   padding: 7px 10px;
   text-decoration: none;
   font-weight: bold;
   color: #fff;
   background-color: #39c;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
}


/* Showcase
-------------*/

#showcase {
        font-family: Century Gothic, Arial;
        font-size: 12px;
        line-height: 1.5;
}

#showcase h2 {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
}
#showcase p {
        margin-bottom: 10px;
}


#awOnePageButton .view-slide
{
        display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
        height: 470px; /* Same as showcase javascript option */
        overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
        /**/
}

/* Container when content is shown in slider */
.showcase
{
        position: relative;
        margin: auto;
}

        .showcase-content-container
        {
                background-color: #000;
        }

        /* Navigation arrows */
        .showcase-arrow-previous, .showcase-arrow-next
        {
                position: absolute;
                background: url('../images/arrows.png');
                width: 33px;
                height: 33px;
                top: 220px;
                cursor: pointer;
        }

        .showcase-arrow-previous
        {
                left: -60px;
        }

        .showcase-arrow-previous:hover
        {
                background-position: 0px -34px;
        }

        .showcase-arrow-next
        {
                right: -56px;
                background-position: -34px 0;
        }

        .showcase-arrow-next:hover
        {
                background-position: -34px -34px;
        }

        /* Content */
        .showcase-content
        {
                background-color: #000;
                text-align: center;
        }

                .showcase-content-wrapper
                {
                        text-align: center;
                        height: 470px;
                        width: 700px;
                        display: table-cell;
                        vertical-align: middle;
                }

                /* Styling the tooltips */
                .showcase-plus-anchor
                {
                        background-image: url('../images/plus.png');
                        background-repeat: no-repeat;
                }

                .showcase-plus-anchor:hover
                {
                        background-position: -32px 0;
                }

                div.showcase-tooltip
                {
                        background-color: #fff;
                        color: #000;
                        text-align: left;
                        padding: 5px 8px;
                        background-image: url(../images/white-opacity-80.png);
                }

                /* Styling the caption */
                .showcase-caption
                {
                        color: #000;
                        padding: 8px 15px;
                        text-align: left;
                        position: absolute;
                        bottom: 10px; left: 10px; right: 10px;
                        display: none;
                        background-image: url(../images/white-opacity-80.png);
                }

        .showcase-onepage .showcase-content
        {
                margin-bottom: 10px;
        }

        /* Button Wrapper */
        .showcase-button-wrapper
        {
                clear: both;
                margin-top: 10px;
                text-align: center;
        }

                .showcase-button-wrapper span
                {
                        margin-right: 3px;
                        padding: 2px 5px 0px 5px;
                        cursor: pointer;
                        font-size: 12px;
                        color: #444444;
                }

                .showcase-button-wrapper span.active
                {
                        color: #fff;
                }

        /* Thumbnails */
        .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
        {
               border: 1px solid #cccccc;
                 background-color: #fff;
        }

        .showcase-thumbnail-wrapper
        {
                overflow: hidden;
        }

                .showcase-thumbnail
                {
                        width: 165px;
                        height: 125px;
                        cursor: pointer;
                        border: solid 1px #333;
                        position: relative;
                }

                        .showcase-thumbnail-caption
                        {
                                position: absolute;
                                top: 2px;
                                font-weight: bold;
                                padding-left: 5px;
                                padding-top: 5px;
                                font-size: 12px;
                        }

                        .showcase-thumbnail-content
                        {
                                padding: 10px;
                                text-align: center;
                                padding-top: 25px;
                        }

                        .showcase-thumbnail-cover
                        {
                                background-image: url(../images/black-opacity-40.png);
                                position: absolute;
                                top: 0; bottom: 0; left: 0; right: 0;
                        }

                .showcase-thumbnail:hover
                {
                        border: solid 1px #999;
                }

                        .showcase-thumbnail:hover .showcase-thumbnail-cover
                        {
                                display: none;
                        }

                .showcase-thumbnail.active
                {
                        border: solid 1px #999;
                }

                        .showcase-thumbnail.active .showcase-thumbnail-cover
                        {
                                display: none;
                        }

        .showcase-thumbnail-wrapper-horizontal
        {
                padding: 10px;
        }

                .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
                {
                        margin-right: 5px;
                        width: 165px;
                }

        .showcase-thumbnail-wrapper-vertical
        {
                padding: 10px;
        }

                .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
                {
                        margin-bottom: 10px;
                }

        .showcase-thumbnail-button-backward,
        .showcase-thumbnail-button-forward
        {
                padding: 7px;
                cursor: pointer;
        }

        .showcase-thumbnail-button-backward
        {
                padding-bottom: 0px;
                padding-right: 0px;
        }

                .showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
                .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
                .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
                .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
                {
                        background-image: url(../images/arrows-small.png);
                        background-repeat: no-repeat;
                        display: block;
                        width: 17px;
                        height: 17px;
                }

                .showcase-thumbnail-button-backward .showcase-thumbnail-vertical
                {
                        background-position: 0 -51px;
                        margin-left: 55px;
                }
                .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
                {
                        background-position: -17px -51px;
                }

                .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
                {
                        background-position: 0 -34px;
                        margin-left: 55px;
                }
                .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
                {
                        background-position: -17px -34px;
                }

                .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
                {
                        background-position: 0 -17px;
                        margin-top: 40px;
                        margin-bottom: 40px;
                }
                .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
                {
                        background-position: -17px -17px;
                }

                .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
                {
                        background-position: 0 0;
                        margin-top: 40px;
                        margin-bottom: 40px;
                }
                .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
                {
                        background-position: -17px 0;
                }

                /* Hide button text */
                .showcase-thumbnail-button-forward span span,
                .showcase-thumbnail-button-backward span span
                {
                        display: none;
                }



/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
        float: none;
}
/**************** Footer styles ****************/

#footer {
        clear:both;
        width:100%;
        color:#fff;
        background-color:#000000;
}

#footer p {
        padding:0;
        margin:0;
        text-align:center;
}

#footer a {
        color:#fff;
}

#footer img {
        //margin-top: 5px;
}


.showcase-thumbnail-restriction {
margin-left: 0px !important;
width: 100% !important;
}