/* <------------ Browser Reset ---------- */
@import url(reset.css);

/*
        Copyright:         2009 CODE64
        Web:                 http://www.code64.de
        EMail:                 info@code64.de
        Version:        0.1

        File Contents:
         - Basic Layout
*/

/* <------------ Basic ---------- */

body {
        text-align: center;
        background: #66584d url(images/bg_page.jpg) 0 0 repeat-x;
}

#wrapper {
        width: 1047px;
        margin: 0 auto;
}

        #wrapper_main {
                position: relative;
                float: left;
                background: url(images/bg_content.jpg) 2px 0 repeat-y;
                text-align: left;
        }

.left {
        float:left;
}

.right {
        float:right
}

.green {
        color: #7cb723;
}

.brown {
        color: #796964;
}

.gray {
        color: #aeaeae;
}

.yellow { /* Sidebar Background Color */
        background: #f3f1e2;
}


/* <------------ Fonts ---------- */

body {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #4c4c4c;
}

h1 { /* Main-Teaser Headline*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 600;
        line-height: 35px;
        color: #3c3c3c;
        margin: -10px 0 10px 0;
}

h2 { /* Content Headline*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        color: #796964;
        margin: -5px 0 0 0;
}

h3 { /* Content Subline*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-style: italic;
        font-weight: 100;
        line-height: 24px;
        color: #aeaeae;
}

h4,
caption { /* Tabs & Tabs-Content Headline*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: 600;
        text-decoration: none;
        line-height: 24px;
        color: #796964;
        margin: 0 0 10px 0;
}

h5 { /* Sidebar Headline */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        color: #796964;
        margin: 0 0 5px 0;
}

strong {
        font-weight: 600;
}

.community_preview p,
.product_nav_formats {
        font-size: 11px;
}

        .community_preview p {
/*                color: #a8a79e;
*/                color: #4c4c4c;
        }

a {
        text-decoration: underline;
        color: #7cb723;
}

        a:hover {
                text-decoration: none;
        }

        a:focus {
                color: #333;
        }

        a.active {
                text-decoration: none;
                font-weight: 600;
        }




/* <------------ Buttons ---------- */

.button_info {
        float: left;
        width: 239px;
        height: 42px;
        background: url(images/sprite_buttons.png) -181px 0 no-repeat;
        text-indent: -99999px;
        cursor: pointer;
}

        .button_info:hover {
                background: url(images/sprite_buttons.png) -181px -42px no-repeat;
        }

.button_download_large {
        float: left;
        width: 208px;
        height: 32px;
        margin: 8px 0 0 0;
        background: url(images/sprite_buttons.png) -181px -84px no-repeat;
        text-indent: -99999px;
        cursor: pointer;
}
        .button_download_large:hover {
                background: url(images/sprite_buttons.png) -181px -116px no-repeat;
        }

        .button_download_large:focus {
                background: url(images/sprite_buttons.png) -181px -148px no-repeat;
        }

.button_designer_large {
        float: left;
        width: 210px;
        height: 35px;
        margin: 8px 0 0 0;
        display: block;
        overflow: hidden;
        text-indent: -99999px;
        background: url(images/design-service.png) 0 0 no-repeat;
        text-indent: -99999px;
        cursor: pointer;
}
        .button_designer_large:hover {
                background: url(images/design-service.png) 0 -35px no-repeat;
        }

.button_download_medium,
.button_foren_medium,
.button_wettbewerb_medium,
.button_kontakt_medium{
        float: left;
        width: 181px;
        height: 32px;
        text-indent: -99999px;
        cursor: pointer;
}

        .button_download_medium {
                margin: 20px 0 0 0;
                background: url(images/sprite_buttons.png) 0 0 no-repeat;
        }

                .button_download_medium:hover {
                        background: url(images/sprite_buttons.png) 0 -32px no-repeat;
                }

                .button_download_medium:focus {
                        background: url(images/sprite_buttons.png) 0 -64px no-repeat;
                }

        .button_foren_medium {
                margin: 20px 0 0 0;
                background: url(images/sprite_buttons.png) 0 -96px no-repeat;
        }

                .button_foren_medium:hover {
                        background: url(images/sprite_buttons.png) 0 -128px no-repeat;
                }

                .button_foren_medium:focus {
                        background: url(images/sprite_buttons.png) 0 -160px no-repeat;
                }

                .button_wettbewerb_medium {
                margin: 10px 0 0 0;
                background: url(images/sprite_buttons.png) -180px -410px no-repeat;
        }

                .button_wettbewerb_medium:hover {
                        background: url(images/sprite_buttons.png) -180px -442px no-repeat;
                }

                .button_wettbewerb_medium:focus {
                        background: url(images/sprite_buttons.png) -180px -474px no-repeat;
                }

        .button_kontakt_medium {
                margin: 20px 0 0 0;
                background: url(images/sprite_buttons.png) 0 -410px no-repeat;
        }

                .button_kontakt_medium:hover {
                        background: url(images/sprite_buttons.png) 0 -442px no-repeat;
                }

                .button_kontakt_medium:focus {
                        background: url(images/sprite_buttons.png) 0 -474px no-repeat;
                }

.button_schliessen_small {
        float: left;
        width: 129px;
        height: 32px;
        margin: 20px 0 0 10px;
        text-indent: -99999px;
        cursor: pointer;
}

        .button_schliessen_small {
                background: url(images/sprite_buttons.png) -291px -290px no-repeat;
        }

        .button_schliessen_small:hover {
                background: url(images/sprite_buttons.png) -291px -322px no-repeat;
        }

        .button_schliessen_small:focus {
                background: url(images/sprite_buttons.png) -291px -354px no-repeat;
        }

/* <------------ Header ---------- */

#wrapper_head {
        float: left;
        width: 985px;
        height: 115px;
        margin: 0 0 0 57px;
}


        /* <------------ Logo ---------- */

        #head_logo {
                float: left;
                width: 240px;
                height: 55px;
                margin: 50px 0 0 0;
                background: #FFF url(images/bg_logo.jpg) 0 0 no-repeat;
        }

                #head_logo a {
                        width: 240px;
                        height: 55px;
                        display: block;
                        text-indent: -99999px;
                }


        /* <------------ Quote ---------- */

                #head_quote {
                        float: right;
                        width: 220px;
                        height: 55px;
                        margin: 50px 25px 0 0;
                }

                        .quote_text {
                                float: left;
                                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                font-size: 14px;
                                font-style: italic;
                                font-weight: 100;
                                line-height: 18px;
                                color: #aeaeae;
                        }

                        .quote_name {
                                float: left;
                                width: 220px;
                                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                font-size: 10px;
                                font-weight: 100;
                                line-height: 14px;
                                color: #aeaeae;
                        }

        /* <------------ Weihnachts-Teaser ---------- */

        #christmas-teaser {
                position: absolute;
                width: 665px;
                height: 115px;
                right: -3px;
                background: url(images/christmas-teaser.jpg) top left no-repeat;
                text-indent: -99999px;
        }

        /* <------------ Mainmenu ---------- */

        #wrapper_mainmenu {
                float: left;
                width: 720px;
                height: 55px;
                margin: 0 0 0 57px;
        }

                #wrapper_mainmenu ul {
                        list-style: none;
                }

                        #wrapper_mainmenu ul li {
                                float: left;
                                width: 180px;
                                height: 55px;
                        }

                                #wrapper_mainmenu ul li a {
                                        float: left;
                                        width: 180px;
                                        height: 55px;
                                        display: block;
                                        text-indent: -99999px;
                                }

                                        #mainmenu_home a {
                                                background: #fff url(images/sprite_mainmenu.gif) 0 0 no-repeat;
                                        }
                                                #mainmenu_home a:hover {
                                                        background: #fff url(images/sprite_mainmenu.gif) 0 -55px no-repeat;
                                                }

                                                #mainmenu_home a.active {
                                                        background: #fff url(images/sprite_mainmenu.gif) 0 -55px no-repeat;
                                                }

                                        #mainmenu_products a {
                                                background: #fff url(images/sprite_mainmenu.gif) -180px 0 no-repeat;
                                        }
                                                #mainmenu_products a:hover {
                                                        background: #fff url(images/sprite_mainmenu.gif) -180px -55px no-repeat;
                                                }

                                                #mainmenu_products a.active {
                                                        background: #fff url(images/sprite_mainmenu.gif) -180px -55px no-repeat;
                                                }

                                        #mainmenu_howto a {
                                                background: #fff url(images/sprite_mainmenu.gif) -360px 0 no-repeat;
                                        }

                                                #mainmenu_howto a:hover {
                                                        background: #fff url(images/sprite_mainmenu.gif) -360px -55px no-repeat;
                                                }

                                                #mainmenu_howto a.active {
                                                        background: #fff url(images/sprite_mainmenu.gif) -360px -55px no-repeat;
                                                }

                                        #mainmenu_examples a {
                                                background: #fff url(images/sprite_mainmenu.gif) -540px 0 no-repeat;
                                        }

                                                #mainmenu_examples a:hover {
                                                        background: #fff url(images/sprite_mainmenu.gif) -540px -55px no-repeat;
                                                }

                                                #mainmenu_examples a.active {
                                                        background: #fff url(images/sprite_mainmenu.gif) -540px -55px no-repeat;
                                                }


        /* <------------ Community ---------- */

        #wrapper_community {
                float: right;
                width: 223px;
                height: 55px;
                margin: 0 30px 0 0;
        }

                #wrapper_community a {
                        width: 223px;
                        height: 55px;
                        display: block;
                        background: url(images/sprite_buttons.png) -181px -180px no-repeat;
                        text-indent: -99999px;
                }

                        #wrapper_community a:hover {
                                background: url(images/sprite_buttons.png) -181px -235px no-repeat;
                        }


        /* <------------ MainTeaser ---------- */

        #wrapper_mainteaser {
                position: relative;
                float: left;
                width: 960px;
                height: 343px;
                margin: 0 0 0 57px;
                background: url(images/shadow_mainteaser.jpg) bottom left no-repeat;
                overflow: hidden;
        }

                /* <------------ ForSlider ---------- */

                #mainteaser_slider {
                        z-index: 100;
                        width: 960px;
                        height: 335px;
                        background: url(images/bg_mainteaser.jpg) 0 0 repeat-x;
                        list-style-type: none;
                        overflow: hidden;
                }

                        #mainteaser_slider li {
                                width: 960px;
                                height: 335px;
                        }

                                #mainteaser_formate {
                                        background: url(images/fotobuecher.jpg) right 0 no-repeat;
                                }

                                #mainteaser_kontakt {
                                        background: url(images/img_mainteaser_kontakt.jpg) right 0 no-repeat;
                                }

                                .mainteaser_content {
                                        float: left;
                                        width: 400px;
                                        height: 250px;
                                        margin: 35px 0 0 30px;
                                }

                                        .mainteaser_content p {
                                                margin: 0 0 6px 0;
                                        }

                /* <------------ SubNavigation ---------- */

                #product_nav {
                        z-index: 80;
                        position: relative;
                        float: left;
                        width: 240px;
                        height: 335px;
                        background: url(images/bg_product_nav.jpg) bottom left repeat-x;
                }

                        #nav_loader {
                                position: absolute;
                                z-index: 1;
                                top: 160px;
                                left: 100px;
                        }

                        #product_nav_head,
                        #howto_nav_head,
                        #examples_nav_head{
                                float: left;
                                width: 240px;
                                height: 35px;
                                text-indent: -99999px;
                        }

                                #product_nav_head {
                                        background: url(images/head_product_nav.jpg) 0 0 no-repeat;
                                }

                                #howto_nav_head {
                                        background: url(images/head_howto_nav.jpg) 0 0 no-repeat;
                                }

                                #examples_nav_head {
                                        background: url(images/head_examples_nav.jpg) 0 0 no-repeat;
                                }

                        #product_nav_list {
                                float: left;
                                width: 240px;
                                height: 300px;
                        }

                                .product_nav_group {
                                        float: left;
                                        width: 240px;
                                }

                                                #nav_group_intro p {
                                                        width: 200px;
                                                        margin: 0 0 0 20px;
                                                }

                                        .group_head {
                                                float: left;
                                                width: 200px;
                                                height: 32px;
                                                margin: 0;
                                                padding: 10px 0 0 40px;
                                                background: url(images/sprite_product_nav.jpg) 0 0 no-repeat;
                                        }

                                                .group_head h4 {
                                                        z-index: 100;
                                                        float: left;
                                                        width: 120px;
                                                }

                                                .group_head a {
                                                        color: #796964;
                                                        text-decoration: none;
                                                }

                                                .group_head:hover {
                                                        background: url(images/sprite_product_nav.jpg) 0 -45px no-repeat;
                                                        cursor: pointer;
                                                }

                                                .bloody_ie_group_head {
                                                        background: url(images/sprite_product_nav.jpg) 0 -45px no-repeat;
                                                }

                                                .group_head.active {
                                                        height: 34px;
                                                        background: url(images/sprite_product_nav.jpg) 0 -90px no-repeat;
                                                }

                                        .group_head_price {
                                                float: left;
                                                width: 65px;
                                                padding: 6px 0 0 0;
                                                color: #7cb723;
                                                font-weight: 600;
                                                text-align: right;
                                        }

                                                .selected .group_head_price {
                                                        display: none;
                                                }

                                        .group_content {
                                                float: left;
                                                width: 238px;
                                                height: 130px;
                                                color: #796964;
                                                background: url(images/bg_product_nav.jpg) bottom left repeat-x;
                                                border-left: 1px solid #e2dfc7;
                                                border-right: 1px solid #e2dfc7;
                                        }

                                                .group_content ul {
                                                        float: left;
                                                        width: 240px;
                                                }

                                                        .group_content ul li {
                                                                position: relative;
                                                                clear: both;
                                                                height: 20px;
                                                                margin: 0 0 3px 0;
                                                        }

                                                                .group_content ul li a {
                                                                        width: 213px;
                                                                        height: 16px;
                                                                        padding: 1px 0 3px 40px;
                                                                        display: block;
                                                                        text-decoration: none;
                                                                        font-weight: 600;
                                                                        color: #796964;
                                                                }

                                                                        .group_content ul li a:hover,
                                                                        .group_content ul li a:hover .nav_group_price,
                                                                        .group_content ul li a.active,
                                                                        .group_content ul li a.active .nav_group_price {
                                                                                background: url(images/sprite_buttons.png) 0 -290px no-repeat;
                                                                                color: #fff;
                                                                        }

                                                                        .nav_group_price {
                                                                                position: absolute;
                                                                                right: 0;
                                                                                text-align: right;
                                                                                color: #7cb723;
                                                                                left: 149px;
                                                                                width: 75px;
                                                                        }

                                                .product_nav_formats,
                                                .group_content p {
                                                        float: left;
                                                        width: 180px;
                                                        margin: 0 0 0 40px;
                                                }


                /* <------------ ProductSlider ---------- */

                #product_slider,
                #examples_slider {
                        position: absolute;
                        width: 720px;
                        height: 335px;
                        left: 240px;
                        overflow: hidden;
                }

                        .slider_frame {
                                position: relative;
                                width: 720px;
                                height: 335px;
                        }

                        #product_area {
                                position: absolute;
                                width: 720px;
                                height: 335px;
                                left: 240px;
                                overflow: hidden;
                        }

                                #screenshot {
                                        z-index: 200;
                                        position: absolute;
                                        padding: 5px 5px 1px 5px;
                                        display: none;
                                        border: 1px solid #7f756b;
                                        background: #595048;
                                        color: #fff;
                                }

                                #tooltip {
                                        position: absolute;
                                        padding: 2px 5px;
                                        border: 1px solid #7f756b;
                                        background: #595048;
                                        color: #fff;
                                        display: none;
                                        text-align: left;
                                }

                                #tooltip span {
                                        width: 120px;
                                        margin: 0 10px 0 0;
                                        display: block;
                                        float: left;
                                }

                                /* <------------ HotSpots ---------- */

                                a.screenshot {
                                        position: absolute;
                                        width: 16px;
                                        height: 16px;
                                        display: block;
                                        text-indent: -9999px;
                                        background: url(images/sprite_buttons.png) -253px -290px no-repeat;
                                        cursor: default;
                                }

                                        a.screenshot:hover {
                                                background: url(images/sprite_buttons.png) -269px -290px no-repeat;
                                        }

                                                .slider_frame a.screenshot {
                                                        width: 24px;
                                                        height: 24px;
                                                        background: url(images/sprite_buttons.png) -392px -98px no-repeat !important;
                                                }

                                                .more_info a.screenshot {
                                                        width: 16px;
                                                        height: 16px;
                                                        background: url(images/sprite_buttons.png) -392px -122px no-repeat !important;
                                                }

                                a.tooltip {
                                        position: absolute;
                                        display: block;
                                        text-indent: -9999px;
                                        background: transparent url(style/images/transparent.gif) repeat scroll 0 0;
                                        cursor: default;
                                }

                        #product_slider ul,
                        #product_slider ul li {
                                margin: 0;
                                padding: 0;
                                list-style: none;
                        }

                        #product_slider ul li {
                                float: left;
                                width: 720px;
                                height: 335px;
                                overflow: hidden;
                        }

                                #prevBtn a,
                                #nextBtn a {
                                        z-index: 100;
                                        position: absolute;
                                        top: 135px;
                                        width: 45px;
                                        height: 75px;
                                        display: block;
                                        text-indent: -99999px;
                                        cursor: pointer;
                                }

                                        #nextBtn a {
                                                left: 870px;
                                                background: url(images/sprite_buttons_slider.png) -45px 0 no-repeat;
                                        }

                                                #nextBtn a:hover {
                                                        background: url(images/sprite_buttons_slider.png) -45px -75px no-repeat;
                                                }

                                        #prevBtn a {
                                                left: 280px;
                                                background: url(images/sprite_buttons_slider.png) 0 0 no-repeat;
                                        }

                                                #prevBtn a:hover {
                                                        background: url(images/sprite_buttons_slider.png) 0 -75px no-repeat;
                                                }

                /* <------------ HowToNavigation ---------- */

                #howto_nav {
                        z-index: 80;
                        position: relative;
                        float: left;
                        width: 240px;
                        height: 335px;
                }

                        #howto_nav_list {
                                float: left;
                        }

                                #howto_nav_list a {
                                        z-index: 100;
                                        position: relative;
                                        float: left;
                                        width: 218px;
                                        height: 59px;
                                        padding: 20px 0 20px 20px;
                                        display: block;
                                        background: url(images/bg_howto_nav.jpg) bottom left repeat-x;
                                        border-left: 1px solid #e2dfc7;
                                        border-right: 1px solid #e2dfc7;
                                        border-bottom: 1px solid #e2dfc7;
                                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                        font-size: 12px;
                                        line-height: 18px;
                                        font-weight: 100;
                                        color: #4c4c4c;
                                        text-decoration: none;
                                }

                                        #howto_nav_list a:hover,
                                        #howto_nav_list a.active{
                                                z-index: 100;
                                                position: relative;
                                                width: 269px;
                                                height: 60px;
                                                color: #fff;
                                                background: url(images/sprite_buttons.png) 0 -310px no-repeat;
                                                border-left: 1px solid #e2dfc7;
                                                border-right: 0;
                                                border-bottom: 0;
                                        }

                                .movie_link {
                                        float: left;
                                        width: 55px;
                                        height: 59px;
                                        margin: 0 10px 0 0;
                                        background: url(images/bg_howto_link.png) 0 0 no-repeat;
                                }

                                .movie_text {
                                        float: left;
                                        width: 140px;
                                        height: 60px;
                                        line-height: 14px;
                                        margin: 2px 0 0 0;
                                }

                                .movie_headline {
                                        float: left;
                                        width: 125px;
                                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                        font-size: 14px;
                                        line-height: 14px;
                                        font-weight: 600;
                                }

                                        .movie_headline:hover {
                                                color: #fff;
                                        }

                #wrapper_movie {
                        z-index: 1;
                        position: relative;
                        float: right;
                        width: 720px;
                        height: 335px;
                        overflow: hidden;
                        background: #CCC;
                        display: inline;
                }

                        #get_flash {
                                width: 120px;
                                height: 45px;
                                margin: 140px 0 0 310px;
                                display: block;
                        }

                /* <------------ Examples Navigation ---------- */

                #examples_nav {
                        float: left;
                        width: 240px;
                        height: 335px;
                }

                        #examples_nav_list {
                                float: left;
                        }

                                .examples_list_head {
                                        float: left;
                                        width: 200px;
                                        font-weight: 600;
                                        font-size: 16px;
                                }

                                #examples_nav_list a {
                                        float: left;
                                        width: 200px;
                                        height: 10px;
                                        padding: 15px 0 25px 40px;
                                        display: block;
                                        background: url(images/sprite_examples_nav.jpg) 0 0 no-repeat;
                                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                        color: #564742;
                                        text-decoration: none;
                                }

                                        #examples_nav_list a:hover,
                                        #examples_nav_list a.active {
                                                background: url(images/sprite_examples_nav.jpg) 0 -50px no-repeat;
                                        }


/* <------------ Content ---------- */

#wrapper_content {
        float: left;
        width: 1017px;
        overflow: hidden; /* Part 1 of min-height-hack */
}

        /* <------------ ContentMain ---------- */

        #content_main {
                float: left;
                width: 680px;
        }

                /* <------------ Tabs ---------- */

                .wrapper_tabs {
                        float: left;
                        width: 720px;
                        margin: 20px 0 0 57px;
                        padding: 0 0 5px 0;
                        background: url(images/shadow_tabs.jpg) bottom left no-repeat;
                        overflow: hidden;
                }

                        .tabs li {
                                float: left;
                                list-style-type: none;
                        }

                                .tabs li:first-child a {
                                        background: url(images/bg_tabs.jpg) 0 -57px no-repeat;
                                }

                                .tabs li a {
                                        width: 195px;
                                        height: 23px;
                                        margin: 5px 0 0 0;
                                        padding: 3px 0 0 45px;
                                        display: block;
                                        background: url(images/bg_tabs.jpg) 0 -31px no-repeat;

                                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                        font-size: 14px;
                                        font-weight: 600;
                                        text-decoration: none;
                                        color: #796964;
                                }

                                        .tabs li a:hover,
                                        .tabs li a.active {
                                                width: 195px;
                                                height: 23px;
                                                margin: 0;
                                                padding: 8px 0 0 45px;
                                                background: url(images/bg_tabs.jpg) 0 0 no-repeat;
                                                border: none;
                                                text-decoration: none;
                                        }


                                .tabs_inactive {
                                        width: 195px;
                                        height: 23px;
                                        margin: 5px 0 0 0;
                                        padding: 3px 0 0 45px;
                                        display: block;
                                        background: #d6d2c7;
                                }

                        /* <------------ TabsContent ---------- */
                        .tabs_content {
                                float: left;
                                width: 678px;
                                padding: 20px 20px 0 20px;
                                background: #fff url(images/bg_tabs_content.jpg) bottom left repeat-x;
                                border-left: 1px solid #e2dfc7;
                                border-right: 1px solid #e2dfc7;
                                border-bottom: 1px solid #e2dfc7;
                        }

                                .tabs_content h4 {
                                        font-size: 17px;
                                }

                        /* <------------ 2 Row Content ---------- */

                                .tabs_content_left,
                                .tabs_content_right {
                                        float: left;
                                        width: 330px;
                                        padding: 0 0 15px 0;
                                }

                                        #body_produkte .tabs_content_right,
                                        #body_produkte_details .tabs_content_right{
                                                margin: 0 0 0 0;
                                        }

                                        .tabs_content_left {
                                                margin: 0 15px 0 0;
                                                padding: 0 0 15px 0;
                                        }

                                                .color_swatches {
                                                        margin: 10px 0 0 0;
                                                }

                                                        .swatches_headline {
                                                                font-weight: bold;
                                                        }

                                                        #swatch_blau {
                                                                background: #314e6e;
                                                        }

                                                        #swatch_grau {
                                                                background: #a7afb2;
                                                        }

                                                        #swatch_beige {
                                                                background: #fef5e4;
                                                        }

                                                        #swatch_schwarz {
                                                                background: #000;
                                                        }

                                                        .color_swatches a {
                                                                width: 60px;
                                                                height: 30px;
                                                                display: block;
                                                                border: 1px solid #CCC;
                                                                text-indent: -99999px;
                                                        }

                                                                .color_swatches a:hover {
                                                                        border: 1px solid #999;
                                                                }

                                                        .color_swatches ul {
                                                                list-style-type: none;
                                                        }

                                                                .color_swatches li {
                                                                        float: left;
                                                                        width: 65px;
                                                                        margin: 5px 15px 0 0;
                                                                }

                                                                        .color_swatches img {
                                                                                border: 1px solid #CCC;
                                                                        }

                                .tabs_content_more {
                                        float: left;
                                        width: 350px;
                                        margin: 20px 0 0 0;
                                }

                                        .label_fotobuch,
                                        .label_fotokalender,
                                        .label_onlinebuch {
                                                float: left;
                                                width: 90px;
                                                height: 42px;
                                                text-indent: -99999px;
                                        }

                                                .label_fotobuch {
                                                        background: url(images/label_fotobuch.png) 0 0 no-repeat
                                                }
                                                .label_fotokalender {
                                                        background: url(images/label_fotokalender.png) 0 0 no-repeat
                                                }
                                                .label_onlinebuch {
                                                        background: url(images/label_onlinebuch.png) 0 0 no-repeat
                                                }

                                /* <------------ 1 Row Content ---------- */

                                .tabs_content_list {
                                        float: left;
                                        width: 680px;
                                        padding: 0 0 15px 0;
                                }

                                        th {
                                                height: 25px;
                                                padding: 5px 0 2px 10px;
                                                text-align: center;
                                        }

                                                @media screen and (-webkit-min-device-pixel-ratio:0) {
                                                        .tabs_content_list th {
                                                                height: 20px;
                                                        }
                                                }

                                                .row_label {
                                                        text-align: left;
                                                        font-weight: 900;
                                                }

                                                .more_info {
                                                }


                                        .tr_headlines {
                                                font-weight: 900;
                                        }

                                                .tr_alt {
                                                        background: #fff;
                                                }

                                                caption { /* Headline */
                                                        width: 675px;
                                                }

                                                .col1 { /* More Info */
                                                        width: 12px;
                                                }

                                                .col2 { /* Name */
                                                        width: 120px;
                                                }

                                                .col3 { /* Format */
                                                        width: 100px;
                                                }

                                                        #body_hardcover .col3 {
                                                                width: 95px;
                                                        }

                                                .col4 { /* PageCount */
                                                        width: 90px;
                                                }

                                                        .col4.kalender{
                                                                width: 155px;
                                                        }

                                                        #body_hardcover .col4 {
                                                                width: 50px;
                                                        }

                                                .col5 { /* Weight */
                                                        width: 70px;
                                                }

                                                        #body_hardcover .col5 {
                                                                width: 55px;
                                                        }

                                                .col6 { /* Price */
                                                        width: 175px;
                                                }

                                                .col7 { /* ExtraPages */
                                                        width: 65px;
                                                }

                                                .col8 { /* Wattierung */
                                                        width: 50px;
                                                }

                                                .th_inkl {
                                                        font-size: 10px;
                                                }

                                                .col_wrapper {
                                                        float: left;
                                                        width: 100%;
                                                        height: 20px;
                                                }

                                                        .label_price {
                                                                float: left;
                                                                width: 75px;
                                                                height: 20px;
                                                                display: block;
                                                        }



                /* <------------ Leash ---------- */

                .wrapper_leash {
                        float: left;
                        width: 650px;
                        margin: 50px 0 0 0;
                        padding: 0 0 20px 100px;
                        background: url(images/bg_leash.jpg) 0 0 no-repeat    ;
                }

                        .first {
                                margin: 25px 0 0 0;
                        }

                /* <------------ ContentText ---------- */

                .wrapper_content_text {
                        float: left;
                        width: 680px;
                        margin: 0 0 0 100px;
                }

                        .wrapper_content_text ul {
                                margin: 0 0 20px 0;
                        }

                        .wrapper_content_text ul li {
                                position: relative;
                                width: 210px;
                        }

                                .adress_detail {
                                        position: absolute;
                                        right: 0;
                                }

                        .wrapper_content_text p {
                                margin: 0 0 10px 0;
                        }

                                .wrapper_content_text p img {
                                        float: left;
                                        padding: 0 10px 0 0;
                                }

                        .content_text_left {
                                float: left;
                                width: 320px;
                                margin: 0 20px 0 0;
                        }

                        .content_text_right {
                                float: right;
                                width: 320px;
                                margin: 0 0 0 20px;
                        }


                /* <------------ Contact ---------- */

                #wrapper_contact {
                        float: left;
                        width: 680px;
                        margin: 0 0 0 100px;
                }

                        form {
                                float: left;
                        }

                                #wrapper_contact fieldset {
                                        float: left;
                                        margin: 0 30px 20px 0;
                                }

                                        #form_name,
                                        #form_surename,
                                        #form_email,
                                        #form_subject {
                                                float: left;
                                                width: 300px;
                                                height: 56px;
                                                background: url(images/bg_contact_input.jpg) bottom center no-repeat;
                                        }

                                        #form_text {
                                                float: left;
                                                width: 630px;
                                                height: 145px;
                                                background: url(images/bg_contact_textarea.jpg) bottom center no-repeat;
                                        }

                                        textarea {
                                                float: left;
                                                width: 622px;
                                                height: 107px;
                                                padding: 5px;
                                                background: #f6f6f6;
                                                border: 1px solid #dcdcdc;
                                                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                                font-size: 14px;
                                        }

                                #wrapper_contact label {
                                        margin: 0 5px 0 0;
                                }

                                        #wrapper_contact label.error {
                                                color: #CC0000;
                                        }

                                #wrapper_contact input {
                                        float: left;
                                        width: 290px;
                                        height: 20px;
                                        padding: 5px;
                                        background: #f6f6f6;
                                        border: 1px solid #dcdcdc;
                                }

                                        input {
                                                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                                font-size: 14px;
                                        }

                                                input#form_button {
                                                        float: left;
                                                        width: 181px;
                                                        height: 32px;
                                                        text-indent: -99999px;
                                                        border: 0;
                                                        cursor: pointer;
                                                        background: url(images/sprite_buttons.png) 0 -192px no-repeat;
                                                }

                                                        input#form_button:hover,
                                                        .bloody_ie_form_button {
                                                                background: url(images/sprite_buttons.png) 0 -224px no-repeat;
                                                        }

                                                        input#form_button:focus {
                                                                background: url(images/sprite_buttons.png) 0 -256px no-repeat;
                                                        }

                                        #thankyou {
                                                position: absolute;
                                                float: left;
                                                width: 300px;
                                                margin: 310px 0 0 0;
                                                color: #090;
                                                font-weight: bold;
                                        }
                /* <------------ HowTo 1, 2, 3 ---------- */

                #wrapper_howto {
                        width: 720px;
                        margin: 25px 0 0 57px;
                }

                        #howto_step1,
                        #howto_step2,
                        #howto_step3 {
                                float: left;
                                width: 230px;
                                height: 356px;
                                background: url(images/shadow_steps.jpg) bottom left no-repeat;
                        }

                        #howto_step2 {
                                margin: 0 15px;
                        }

                                #step1_head,
                                #step2_head,
                                #step3_head {
                                        float: left;
                                        width: 230px;
                                        height: 35px;
                                        text-indent: -99999px;
                                }

                                        #step1_head {
                                                background: url(images/head_step1.jpg) 0 0 no-repeat;
                                        }

                                        #step2_head {
                                                background: url(images/head_step2.jpg) 0 0 no-repeat;
                                        }

                                        #step3_head {
                                                background: url(images/head_step3.jpg) 0 0 no-repeat;
                                        }

                        .step_image {
                                float: left;
                                width: 230px;
                                height: 135px;
                        }

                        .step_content {
                                float: left;
                                width: 188px;
                                height: 150px;
                                padding: 20px 20px 10px 20px;
                                background: url(images/bg_steps.jpg) bottom left repeat-x;
                                border-left: 1px solid #e2dfc7;
                                border-right: 1px solid #e2dfc7;
                                border-bottom: 1px solid #e2dfc7;
                        }

                                #wrapper_howto .quote_text {
                                        float: left;
                                        width: 200px;
                                        height: 20px;
                                        margin: 24px 0 0 0;
                                }


        /* <------------ ContentSide ---------- */

        #content_side {
                float: right;
                width: 220px;
                padding: 0 0 32767px 0; /* Part 2 of min-height-hack */
                margin: 0 0 -32767px 0; /* Part 3 of min-height-hack */
                background: #f3f1e2;
        }


        #ekomi{
                float:left;
                width:200px;
                height:240px;
                margin:25px 0 0 0;
                padding:0 0 25px 26px;
                background: url(images/bg_hr-dashed.gif) repeat-x scroll left bottom transparent;
        }

        #fbook{
                float:left;
                width:200px;
                height:260px;
                margin:25px 0 0 0;
                padding:0 0 25px 20px;
                background: url(images/bg_hr-dashed.gif) repeat-x scroll left bottom transparent;
        }

                .side_headline {
                        width: 190px;
                        margin: 0 0 15px 0;
                }


                /* <------------ SideCommunity ---------- */

                #side_community {
                        float: left;
                        width: 200px;
                        margin: 20px 0;
                        padding: 0 0 0px 25px;
                        /* background: url(images/bg_hr-dashed.gif) bottom left repeat-x; */
                }

                        .community_preview {
                                float: left;
                                width: 180px;
                                margin: 0 0 10px 0 ;
                        }

                                .thumb_square {
                                        float: left;
                                        width: 73px;
                                        height: 78px;
                                        padding: 2px 10px 0 0;
                                        background: url(images/bg_thumb_square.jpg) 0 0 no-repeat;
                                }

                                .thumb_portrait {
                                        float: left;
                                        width: 73px;
                                        height: 95px;
                                        padding: 2px 10px 0 0;
                                        background: url(images/bg_thumb_portrait.jpg) 0 0 no-repeat;
                                }

                                .thumb_wide {
                                        float: left;
                                        width: 73px;
                                        height: 61px;
                                        padding: 2px 10px 0 0;
                                        background: url(images/bg_thumb_wide.jpg) 0 0 no-repeat;
                                }

                /* <------------ SideQuestions ---------- */

                #side_questions {
                        float: left;
                        width: 200px;
                        margin: 20px 0;
                        padding: 0 0 25px 20px;
                }

                /* <------------ SideKontakt ---------- */

                #side_kontakt {
                        float: left;
                        width: 200px;
                        margin: 20px 0;
                        padding: 0 0 25px 20px;
                        /* background: url(images/bg_hr-dashed.gif) bottom left repeat-x;  */
                }

                        #side_kontakt p {
                                width: 180px;
                        }

                #body_produkte_details #side_kontakt {
                        background: 0;
                }

                        /* <------------ SideForums ---------- */

                        #side_forums {
                                display:none;
                                float: left;
                                width: 200px;
                                padding: 0 0 25px 20px;
                        }

                                .forum_comment {
                                        float: left;
                                        width: 180px;
                                        margin: 0 0 15px 0;
                                }

                                        .comment_name {
                                                float: left;
                                                width: 160px;
                                                height: 16px;
                                                padding: 0 0 0 22px;
                                                background: url(images/bg_comment.jpg) 0 0 no-repeat;
                                        }


        /* <------------ Footer ---------- */

        #wrapper_footer {
                float: left;
                width: 960px;
                height: 65px;
                margin: 20px 0 20px 57px;
                background: #796964;
                color: #b5adaa;
                font-size: 12px;
        }

                #wrapper_footer p {
                        margin: 10px 0 0 0;
                        color: #9b8f8b;
                        font-size: 10px;
                        text-align: center;
                }

                #wrapper_footer a {
                        margin: 0 10px 0 0;
                        color: #b5adaa;
                        text-decoration: none;
                }

                        #wrapper_footer a:hover,
                        #wrapper_footer a.active{
                                color: #fff;
                                font-weight: 100;
                        }

                #wrapper_footer ul {
                        float: left;
                        width: 930px;
                        margin: 15px 0 0 30px;
                        list-style-type: none;
                }

                        #wrapper_footer ul li {
                                float: left;
                                padding: 0 18px 0 0;
                        }


/* <------------ Software ---------- */

#body_software {
        float: left;
        width: 350px;
        padding: 20px;
        text-align: left;
        background: #FFF;
}

        #body_software p {
                        float: left;
                        margin: 0 0 10px 0;
                }

        #software_intro {
                float: left;
                width: 350px;
                margin: 0 0 15px 0;
        }

        #software_details {
                float: left;
                width: 350px;
                margin: 0 0 20px 0;
        }

        #software_links {
                float: left;
                width: 350px;
        }

                #software_links .p_first {
                        padding: 0 0 10px 0;
                }

        #video_footer {
                float: left;
                width: 640px;
        }

        #ajaxresponse { /* Meldung Kontaktformular */
                color: #F00;
                font-weight: bold;
                float: left;
                padding-top: 7px;
         }

/*        #product_nav_list {
                display: none;
        }*/