html, body     { width: 100%; height: 100%;}
img            { border: none;    -ms-interpolation-mode:bicubic;}

strong        { font-weight: bold; color: #3e1107}
.clear        { clear: both;}
.left        { float: left;}
.center        { margin: 0 auto;}
.right        { float: right;}
.strong        { font-weight: bold; }
.bottom_space_20    { margin-bottom: 20px;}
.top_space_20        { margin-top: 20px;}
.left_space_20        { margin-left: 20px;}
.right_space_20        { margin-right: 20px;}
p.bottom_space_20    { padding-bottom: 20px;}
.left_space_40        { margin-left: 40px;}
.right_space_40        { margin-right: 40px;}
.left_space_170        { margin-left: 170px;}

.grey        { background-color: #e9decf;}
.ref_img    { margin-bottom: 40px; border: 4px solid #e9decf;}

div.hr    {
    border: 0;
    border-top: solid 1px #dadada;
    border-bottom: transparent;
    height: 1px;
    margin: 20px 0;
}
div.hr hr    {
    display: none;
}

a:link,
a:visited,
a:focus,
a:active    {
    color: #b31e00;
    text-decoration: none;
    background: transparent url(/images/main/link_dots.gif) no-repeat 0 6px;
    padding-left: 8px;
}

a:hover    {
    background-position: 0 -14px;
    text-decoration: underline;
}

.normal_link a:link,
.normal_link a:active,
.normal_link a:visited,
.normal_link a:hover,
.normal_link a:focus    {
    padding-left: 0;
    background: none;
}

a.normal_link:link,
a.normal_link:active,
a.normal_link:visited,
a.normal_link:focus,
a.normal_link:hover    {
    padding-left: 0;
    background: none;
}

#site    {
    width: 100%;
    margin: 0;
    height: auto !important;
    min-height: 100%;
    *height: 100%;
}

.wrap    {
    width: 960px;
    margin: 0 auto;
}

/* grids */
.first_grid    { margin-left: 0;}
.last_grid    { margin-right: 0;}
.no_marg    { margin: 0;}

.grid_1,
.grid_2,
.grid_3,
.grid_4    {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    display: inline;
}

.grid_1    { width:216px;}
.grid_2    { width:460px;}
.grid_3    { width:700px;}
.grid_4    { width:940px;}

/* header */
#header    {
    height:81px;
    background:#e3dcc7 url(/images/main/header_bg.gif) repeat-x;
    margin:0 auto;
}
#header h1    {
    width:340px;
    float:left;
}
#header h1 a{
    display: block;
    height: 79px;
    text-indent:-10000px;
    overflow: hidden;
    width: 340px;
    background: transparent url(/images/main/header_logo.gif) no-repeat;
}

/* main navigation */
ul#header_navi    {
    background: transparent url(/images/main/header_navi_bg.gif) no-repeat  center top;
    position: relative;
    top: 40px;
    float: right;
    height:41px;
    font-size: 14px;
}

#header_navi li    {
    float: left;
    display: inline;
    text-align: center;
}

#header_navi .home        {width: 100px;}
#header_navi .info        {width: 120px;}
#header_navi .tipps        {width: 70px;}
#header_navi .refe        {width: 100px;}
#header_navi .service    {width: 100px;}
#header_navi .buy        {width: 90px;}

#header_navi li a    {
    color: #3e1107;
    text-decoration: none;
    display: block;
    height: 40px;
    line-height: 37px;
    background: none;
    padding:0;
}

#header_navi li a:hover    span{
    text-decoration: none;
    display: block;
    height: 40px;
    line-height: 37px;
    padding:0;
    cursor: pointer;
}

#header_navi li a.active    {
    color: #fff;
    border-bottom: 1px solid #8d1800;
    background: transparent url(/images/main/head_navi_hover.png) no-repeat 0 0;
}

#header_navi li a.active span{
    text-decoration: none;
    display: block;
    height: 40px;
    background: transparent url(/images/main/head_navi_hover.png) no-repeat right -41px;
    line-height: 37px;
    padding:0;
    cursor: pointer;
}

#header_navi li a:hover    {
    color: #bc1e00;
    border-right: 0;
}

#header_navi li a.active:hover    {
    color: #fff;
}

/*intro teaser mit buttons*/
.grid_home_features    {
    margin-left: 10px;
    display: inline;
    float: left;
    width: 470px;
}

#intro        {
    width: 100%;
    height:298px;
    background:#8d1700 url(/images/main/intro_bg.gif) repeat-x;
    margin:0 auto;
}

#intro .features h2    {
    color: #fff7e0;
    padding-top: 20px;
    padding-bottom: 20px;
}

#intro .features ul    {
    font-size: 107%;
    color: #fff7e0;
    line-height: 200%;
}
#intro .features li {
    background: url(/images/main/intro_li_dot.gif) no-repeat 0 8px;
    padding-left: 20px;
    margin-left: 8px;
}

#intro .buttons    {
    position: absolute;
    top: 330px;
}

#intro .buttons li    {
    float: left;
}

#intro .buttons li a    {
    color: #fff7e0;
    text-align: center;
    display: block;
    text-decoration: none;
    height: 39px;
    line-height: 36px;
    background: #71503f url(/images/main/b_bg.png) no-repeat 0 -39px;
    font-weight: bold;
    width: 220px;
    padding: 0;
}

#intro .buttons a.red    {
    margin-left: 20px;
    background-position: 0 0;
    background-color: #b31e00;
}

#intro .buttons a:hover    { color: #3e1107;}

.grid_home_screen    {
    width:480px;
    display: inline;
    float: left;
    margin-top: 19px;
    height: 279px;
    background: transparent url(/images/main/content/home_intro_border.png) no-repeat 0 0;
}

#intro .screen    {
    height: 279px;
    margin-left: 10px;
    margin-right: 10px;
    background: transparent url(/images/main/content/home_intro_screen.jpg) no-repeat 3px 16px;
}

#intro .screen a    {
    position: relative;
    top: 157px;
    left: 345px;
    display: block;
    height: 119px;
    text-indent:-10000px;
    overflow: hidden;
    width: 119px;
    background: transparent url(/images/main/content/b_intro_bestellen.png) no-repeat 0 0;
}

/* Referenzen Startseite*/
.grid_ref_img_index    {
    margin-left: 10px;
    margin-right: 10px;
    display: inline;
    float: left;
    width: 220px;
    overflow: hidden;
}

.grid_ref_img_index    a img    {
    border: 4px solid #e9decf;
}

.grid_ref_img_index    a:hover img{
    border: 4px solid #bc1e00;
}

/* Referenzen */
.grid_ref    {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    display: inline;
    float: left;
    width: 220px;
    overflow: hidden;
    background: #e9decf;
}

.grid_ref    a img    {
    border: 4px solid #e9decf;
}

.grid_ref a:hover img{
    border: 4px solid #bc1e00;
}

.grid_ref span    {
    padding: 0 0 5px 0;
    text-align: center;
    display:block;
}

/* content */
#topspacer        {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background:#8d1700 url(/images/main/topspacer_bg.gif) repeat-x;
    margin:0 auto;
}

#content    {
    width: 100%;
    border-top:1px solid #cccccc;
    padding-top: 20px;
    padding-bottom: 70px;
}

#content h1    { color: #3e1107;  padding-bottom: 15px;}
#content h2    { color: #3e1107; padding-left: 5px;}
#content h2.referenzen    { padding-left: 0px;}
#content h3.informationen { color: #3e1107;}
#content p    { margin-bottom:20px;}

/* Buttons */
#content .pdf_button    {
    text-indent: -10000px;
    color: #fff7e0;
    text-decoration: none;
    display: block;
    height: 110px;
    background: transparent url(/images/main/b_bg.png) no-repeat 0 -100px;
    width: 131px;
    padding: 0;
    text-align: center;
}

#content a.button    {
    color: #fff7e0;
    text-decoration: none;
    display: block;
    height: 39px;
    line-height: 36px;
    background: #71503f url(/images/main/b_bg.png) no-repeat 0 -39px;
    font-weight: bold;
    width: 220px;
    padding: 0;
    text-align: center;
}

#content a.button:hover    { color: #3e1107;}

/* lexikon */
#lexikon    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-left: 200px;
    margin-bottom: 30px;
    background: transparent url(/images/main/content/bg.png) no-repeat 20px 30px;
    * background: transparent url(/images/main/content/bg.png) no-repeat 23px 33px;
}

#lexikon a    {
    color: #595959;
}

#lexikon_entry    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-left: 200px;
    padding-bottom: 0;
    margin-bottom: 30px;
    background: transparent url(/images/main/content/bg.png) no-repeat 20px 30px;
    * background: transparent url(/images/main/content/bg.png) no-repeat 23px 33px;
}

/* content rahmen */
#kontakt    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-left: 200px;
    padding-bottom: 0;
    margin-bottom: 30px;
    background: transparent url(/images/main/content/bg.png) no-repeat -980px 30px;
    * background-position: -977px 33px;
}

#impressum    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-bottom: 15px;
    padding-left: 200px;
    margin-bottom: 30px;
    background: transparent url(/images/main/content/bg.png) no-repeat -1980px 30px;
    * background-position: -1977px 33px;
}

#agb    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-bottom: 15px;
    padding-left: 200px;
    margin-bottom: 30px;
    background: transparent url(/images/main/content/bg.png) no-repeat -2980px 30px;
    * background-position: -2977px 33px;
}

#bestellen    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
    background: #FFF;
}

div.bestellen_right    {
    margin-left: 170px;
}

#bestellen    dl {
    margin-bottom: 20px;
}

#bestellen    dt {
    font-size: 100%;
    padding: 5px 0 0 0;
    color: #3e1107;
    font-weight: bold;
}

#bestellen_success    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

/*  Informationen  */
#informationen    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
}

/* Tipps */
#tipps    {
    border: 4px solid #e9decf;
    -moz-border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-left: 200px;
    background: transparent url(/images/main/content/bg.png) no-repeat -5980px 30px;
    * background-position: -5977px 33px;
}

#tipps h4    {
    position: relative;
    float: right;
    padding: 8px 15px 9px 10px;
    font-size: 90%;
    top: -10px;
    right: -10px;
    background: #fff;
    border: 2px solid #3e1107;
    -moz-border-radius:10px;
    width: 215px;
    color: #3e1107;
    font-weight: bold;
}

#tipps    dl {
    border: 2px solid #e9decf;
    -moz-border-radius:10px;
    margin-bottom: 20px;
}

#tipps    dt {
    font-size: 150%;
    padding: 20px;
    color: #3e1107;
}

#tipps    dd {
    padding: 9px 10px 10px 50px;
    background-image: url(/images/main/link_dots.gif);
    background-position: 20px -48px;
    background-repeat: no-repeat;
}

#tipps    dd a:link,
#tipps    dd a:active,
#tipps    dd a:visited,
#tipps    dd a:hover    {
    padding-left: 0;
    background: none;
}

h4.tipps a:link,
h4.tipps a:active,
h4.tipps a:visited,
h4.tipps a:hover    {
    border: 2px solid #e9decf;
    -moz-border-radius:10px;
    position: relative;
    float: right;
    padding: 10px 10px 6px 10px;
    font-size: 90%;
    background: #fff;
    width: 190px;
    color: #3e1107;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
    font-size: 65%;
}

h4.tipps a:hover    {
    border-color:  #bc1e00;
}

/*  Preise  */
#preise    {
    border: 4px solid #e9decf;
    -moz-border-radius:20px;
    padding: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    margin-bottom: 30px;
    background: #FFF;
}

#preise    div.bg    {
    background: transparent url(/images/main/content/bg.png) no-repeat -5000px 0px;
    * background-position: -4997px 3px;
    width: 160px;
    height: 140px;
    float: left;
}

a.preis_teaser:link,
a.preis_teaser:visited,
a.preis_teaser:active,
a.preis_teaser:hover    {
    border: 2px solid #e9decf;
    -moz-border-radius:10px;
    text-align: center;
    display: block;
    width: auto;
    height: auto;
    font-size: 130%;
    line-height: 160%;
    color: #3e1107;
    padding: 10px 20px 10px 0px;
    background: transparent url(/images/main/website/pricing_teaser_button.gif) no-repeat 0 0;
    text-decoration: none;
    margin-bottom: 30px;
}

a.preis_teaser:hover    {
    border-color: #bc1e00;
}

a.preis_teaser em    {
color: #bc1e00;
font-size: 110%;
}

a.preis_teaser span    {
    position: relative;
    width: 81px;
    height: 84px;
    float: left;
    color: #fff;
    z-index: 400;
    position: relative;
    left: -20px;
    top: -30px;
    overflow: hidden;
    background: transparent url(/images/main/content/aktion.png) no-repeat 0 0;
    cursor: pointer;
}

#preise    dl  {
    border: 2px solid #e9decf;
    -moz-border-radius:10px;
}

#preise    .listsmall {
    margin-left: 20px;
    float: left;
    width: 216px;
    display: inline;
}

#preise    .first {
    margin-left: 170px;
}

#preise    dt {
    font-size: 120%;
    padding: 10px 20px;
    color: #3e1107;
    font-weight: bold;
}

#preise    dd {
    padding: 2px 0 2px 40px;
    background-image: url(/images/main/link_dots.gif);
    background-position:  20px -182px;
    background-repeat: no-repeat;
}

#preise    .erhalten dt {
    font-size: 150%;
    padding: 20px;
    color: #3e1107;
       font-weight: normal;
}

#preise    .erhalten dd {
    padding: 9px 10px 10px 50px;
    background-image: url(/images/main/link_dots.gif);
    background-position:  20px -98px;
    background-repeat: no-repeat;
}

#preise h3    {
    position: relative;
    color: #3e1107;
    text-align: center;
    margin-left: 170px;
    padding: 20px 0 10px 0;
}

#preise h4    {
    float: right;
    color: #fff;
    z-index: 400;
    position: relative;
    right: -10px;
    top: -10px;
    padding: 15px 20px 16px 20px;
    font-size: 150%;
    background: #bc1e00;
    border: 4px solid #8d1700;
    -moz-border-radius:10px;
    overflow: hidden;
}

#preise h4    a    {    text-decoration: none; color: #fff;    }
#preise h4    a:hover    {    text-decoration: underline;    }

.zusatz    {
    font-size: 75%;
    margin-right: 10px;
    margin-top: -30px;
}

/* system message */
.system_message    {
        border: 2px solid #e9decf;
        -moz-border-radius:10px;
        padding-left: 70px;
        margin-bottom: 30px;
        color: #595959;
        background: #faf9f5 url(/images/main/framework/icons/icons.gif) no-repeat 10px -90px;
        height: 70px;
        line-height: 64px;
        font-size: 120%;
}

.form_error    {
    background-position: 10px 10px;
    border-color: #b31e00;
    color: #b31e00;
}

/* footer */
#footer                { width:100%; background-color:#e9decf; height:70px; margin-top:-70px; clear: both;}

#footer_partner    ul    {
    font-size: 13px;
    color: #3e1107;
}

#footer_partner li    {
    float: left;
    padding-right: 20px;
    line-height: 30px;
}

#footer_partner li a    {
    width: 80px;
    height: 30px;
    display: block;
    border: 1px solid #cccccc;
    background: #FFF url(/images/main/partner_links.gif) no-repeat 2px 2px;
    text-indent: -10000px;
    overflow: hidden;
    padding: 0;
}

#footer_partner li a:hover    {background-position: 2px -26px;}
#footer_partner li a.rmail    {background-position: -77px 2px;}
#footer_partner li a.rmail:hover    {background-position: -77px -26px;}

#footer_navi li    {
    font-size: 13px;
    float: left;
    display: block;
    line-height: 30px;
    text-align: center;
}

#footer_navi li a    {
    color: #3e1107;
    text-decoration: none;
    display: block;
    margin-left: 30px;
    padding-left: 10px;
    background: transparent url(/images/main/link_dots.gif) no-repeat -1px -28px;
}

#footer_navi li a:hover    {
    border-bottom: 2px solid #3e1107;
}

#left_slider    {
    float: left;
    position: relative;
    width: 150px;
    background: #fff;
    font-size: 90%;
}
/*1*/