@charset "ISO-8859-1";
/************************************************
meincesar.de
http://www.comspace.de
Author: franz@comspace.de
Create Date: 16.02.09
BASIC Template
NOT Tested in: 
PC -> IE 6, IE 7, Firefox 2.0.0.16, FF3, Opera 9.62
MAC -> Firefox 2.0.0.16, FF3, Safari 3.2, Opera 9.62
************************************************/
@import url(/css/nav.css);
/************************************************
  CLEARING
************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    }
    
/* remember to define focus styles! */
:focus {
    outline: 0;
    }
    
body {
    line-height: 1;
    color: black;
    background: white;
    }
    
ol, ul {
    list-style: none;    
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    }
    
caption, th, td {
    text-align: left;
    font-weight: normal;
    }
/************************************************
    IE 6 FIXES
*************************************************/
* html img {
    behavior: url("/js/ie6pngfix.htc")
}
.ie6_margin_fix {
    display: none;
}
* html .ie6_margin_fix {
    display: block;
    margin-bottom: -3px;
}
/************************************************/
/************************************************/

body, div {
    margin-left: auto;
    margin-right: auto;
    }
body { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#3d3d3d;
    background: #f8f7f0;
    line-height: 16px;
    }
    
img {border:none;}
strong { font-weight: bold; }
/*p {padding: 0 0 6px 0;}*/
.clr {clear:both;}
.lt {float:left;}
.rt {float: right;}
.rl {position: relative;}
#box_nojava {
    border:1px solid red;
    color:#BC100E;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:1px 0 20px 0;
    padding:4px;
    width: 940px;
    }
    
#box_nojava a {
    color:#BC100E;
    text-decoration:underline;
    }
    
.line {
    background:url(/img/layout/kante.jpg) no-repeat; 
    height:8px;
    width: 957px;
    } 
* html .line {
    overflow: hidden;
    zoom: 1;
}
/************************************************
  HEADLINES (CONTENT & CONTEXT) 
************************************************/
h1 {}
/* GLOBAL AND CNT */
h2 {
    font-size: 22px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;/*"Times New Roman", Times, serif;*/
    padding: 0 0 14px 0;
    line-height: 1;
    }
    
h3, h4, h5, h6 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 3px;
}

.box_contxt .section h4 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;/*"Times New Roman", Times, serif;*/
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    padding: 0 0 5px 0;
}
    
/************************************************
  ANCHORS 
************************************************/
a {
    text-decoration:none;
    color:#cb9902;
    }
a:hover {
    text-decoration:underline;
    color: #cb9902;
    }
    
a.anc_more {}    
a.anc_more:hover {}

a.anc_arrow_gold {
    background: url(/img/layout/link_arrow_gold.gif) no-repeat scroll right center;
    color: #CB9902;
    padding: 0 16px 0 0;
    text-decoration: none;
}
        
/************************************************
  SHADOWS 
************************************************/    
.shadow_bottom {
    clear:both; 
    width:983px; 
    background:url(/img/layout/shadow_bottom.gif) no-repeat; 
    height:13px;
    }
    
/************************************************
  FRAMES
************************************************/
#frame_wrapper {
    width:957px; 
    padding: 0 13px 0 13px; 
    background: url(/img/layout/shadow_cnt_black.gif) repeat-y;
    }
#logo {
    left: 63px;
    position: absolute;
    top: 10px;
    z-index: 10000;
}           
#frame_cnt {
    padding: 67px 0 0 0;
    z-index: 1;
    overflow: hidden;
    background: #000;
    zoom: 1;
    _padding: 0;
    _margin: 67px 0 0 0;
    }
/************************************************
  FOOTER
************************************************/    
#frame_footer {
    width:983px;
    text-align:center; 
    padding: 10px 0 0 0;
    }
    
#frame_footer a {
    color:#3d3d3d;
    padding: 0 6px 0 6px;
    }    
 
/************************************************
  CONTENT
************************************************/
#frame_cnt .box_bg_cnt {
    float:left; 
    width: 704px;  
    background: #e8dfc7;
    padding: 65px 0 0 0;
    border-right: 4px solid #fff;
    min-height: 425px; 
    height: auto !important; 
    }
    
/**** BG'S ****/    
#frame_cnt .bg_start {
    background: #000000;
    padding-top: 7px;

    padding-bottom: 10000px;
    margin-bottom: -10000px;

}
#frame_cnt .bg_prod_overview {
    background: #e8dfc7 url(/img/layout/cesar_produkte_bg.jpg) top left no-repeat;


    padding-bottom: 10010px;
    margin-bottom: -10000px;

}

#frame_cnt .bg_prod {
    background: #e8dfc7 url(/img/layout/bg_cnt_prod.jpg) top left no-repeat;


    padding-bottom: 10010px;
    margin-bottom: -10000px;

}
#frame_cnt .bg_tipps {
    background: #e8dfc7 url(/img/layout/bg_cnt_tipps_neu.jpg) top left no-repeat;

    padding-bottom: 10000px;
    margin-bottom: -10000px;

}

#frame_cnt .bg_service {
    background: #e8dfc7 url(/img/layout/bg_cnt_service.jpg) top left no-repeat;


    padding-bottom: 10010px;
    margin-bottom: -10000px;

}

#frame_cnt .bg_impressum{
    background: #e8dfc7 url(/img/layout/bg_cnt_impressum.jpg) top left no-repeat;
    min-height: 383px; 


    padding-bottom: 10010px;
    margin-bottom: -10000px;

}
#frame_cnt .bg_probierwochen {
    background: #000 url(/img/layout/bg_probierwochen3.jpg) 183px 128px no-repeat;


    padding-bottom: 10010px;
    margin-bottom: -10000px;

}

#frame_cnt .box_bg_cnt p {padding: 0 0 8px 0;}    

/**** PRODUKTE ****/
#frame_cnt .box_prod {
    float:left; 
    width:466px; 
    padding:0 0 0 182px;
    }
#frame_cnt .box_prod_img {
    position: absolute; 
    width:222px;
    text-align:center;
    z-index: 1;
    }
#frame_cnt .box_prod_img img {
    height: 192px;
    width: 180px;
}
#frame_cnt .box_prod_image_map {
    margin: 0 0 50px 50px;
}
#frame_cnt .box_prod_overview ul {
    width: 700px;
    margin: 0 auto;
    height: 155px;
}
#frame_cnt .box_prod_overview ul li {
    float: left;
    width: 140px;
}
#frame_cnt .box_paper_top {
    background: url(/img/layout/cesar_papier_top.png) top no-repeat; 
    height: 31px;
}
* html #frame_cnt .box_paper_top {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_papier_top.png', sizingMethod='image');
}
#frame_cnt .box_paper_cnt {
    background: url(/img/layout/cesar_papier_kachel.png) top left repeat-y; 
    padding: 0 30px 0 35px;
    overflow: hidden;
}
* html #frame_cnt .box_paper_cnt {
    height: 100%;
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_papier_kachel.png', sizingMethod='scale');
}
#frame_cnt .box_paper_bottom {
    background: url(/img/layout/cesar_papier_bot.png) no-repeat; 
    height: 52px;
}
* html #frame_cnt .box_paper_bottom {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_papier_bot.png', sizingMethod='image');
}
/**** TIPPS ****/
#frame_cnt .box_tipps_cnt ol {
    list-style-type: decimal;
    color: #cb9902;
    margin: 0 0 0 10px;    
}
#frame_cnt .box_tipps_cnt li {
    padding: 0 0 5px 0;
}
#frame_cnt .box_tipps_top {
    background:url(/img/layout/cesar_tipps_top.png) top left no-repeat; 
    height: 97px;
    margin: 0;
    width: 528px;
}
* html #frame_cnt .box_tipps_top {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_tipps_top.png', sizingMethod='image');
}
#frame_cnt .box_tipps_cnt {
    background:url(/img/layout/cesar_tipps_kachel.png) top left repeat-y;
    margin:0;
    width:528px;
    min-height:400px; 
    height: auto !important; 
    height: 400px;
}
* html #frame_cnt .box_tipps_cnt {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_tipps_kachel.png', sizingMethod='scale');
}
* html #frame_cnt .box_tipps_cnt li {
    position: relative;    
}
#frame_cnt .box_tipps_cnt .tipps_img {
    position:absolute; 
    left: 312px; 
    top: -130px;
    }
#frame_cnt .box_tipps_cnt .box_tipps_2col .lt {
    float: left; 
    width: 233px;
    padding: 0 0 0 6px;
    }    
    
#frame_cnt .box_tipps_cnt .box_tipps_2col .rt {
    float: left; 
    width: 240px; 
    padding: 0 0 0 20px;
    }     
    
#frame_cnt .box_tipps_cnt .box_tipps_2col h2 {
    padding: 0 0 10px 0;
}    

.box_tipps_2col ul {
    margin: 0 0 30px 0;
}

/**** SERVICE ****/
#frame_cnt .box_service_top {
    background:url(/img/layout/cesar_service_top.png) top left no-repeat; 
    height: 12px;
    margin: 0;
    width: 386px;
}
* html #frame_cnt .box_service_top {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_service_top.png', sizingMethod='image');
}
#frame_cnt .box_service_cnt {
    background:url(/img/layout/cesar_service_kachel.png) top left repeat-y;
    margin: 0; 
    width: 346px; 
    padding: 20px;
}
* html #frame_cnt .box_service_cnt {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_service_kachel.png', sizingMethod='scale');
}
* html #frame_cnt .box_service_cnt input,
* html #frame_cnt .box_service_cnt textarea,
* html #frame_cnt .box_service_cnt a {
    position: relative;    
}
#frame_cnt .box_service_bottom {
    background:url(/img/layout/cesar_service_bottom.png) top left no-repeat; 
    height: 12px;
    margin: 0;
    width: 386px;
}
* html #frame_cnt .box_service_bottom {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_service_bottom.png', sizingMethod='image');
}

#frame_cnt .box_service_cnt .box_news { 
    margin: 0 0  20px 0;
    height: 90px;
}
    
#frame_cnt .box_service_cnt .box_news img {
    padding: 0 6px 6px 0;    
}

#frame_cnt .box_service_cnt .box_news h3 a,
#frame_cnt .box_service_cnt .box_news h3 a:hover,
#frame_cnt .box_service_cnt .box_news h3 a:visited { 
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

/**** IMPRESSUM****/
#frame_cnt .box_impressum_top {
    background:url(/img/content/cesar_impressum_top.png) top left no-repeat; 
    height: 12px;
    margin: 105px 0 0 0;
    width: 578px;    
}
*+html #frame_cnt .box_impressum_top {
    margin: 170px 0 0 0;
}
* html #frame_cnt .box_impressum_top {
    background: transparent;
    margin: 170px 0 0 0;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/content/cesar_impressum_top.png', sizingMethod='image');
}
#frame_cnt .box_impressum_cnt {
    background:url(/img/layout/cesar_impressum_center.png) top left repeat-y;
    margin:0; 
    width:538px; 
    padding:20px;
}
* html #frame_cnt .box_impressum_cnt {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_impressum_center.png', sizingMethod='scale');
}
* html #frame_cnt .box_impressum_cnt a {
    position: relative;    
}
#frame_cnt .box_impressum_cnt .hund {
    position: absolute;
    top: -130px;
    right: 0;
}
* html #frame_cnt .box_impressum_cnt .hund {
    position: absolute;
    top: -130px;
    right: 38px;
}

#frame_cnt .box_impressum_bottom {
    background:url(/img/layout/cesar_impressum_bottom.png) top left no-repeat; 
    height: 12px;
    margin: 0;
    width: 578px;
}
* html #frame_cnt .box_impressum_bottom {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/cesar_impressum_bottom.png', sizingMethod='image');
}

#frame_cnt .box_spot {
    height: 97px;
    padding: 0 0 10px 0;
}

#frame_cnt .box_spot img {
    margin: 0 6px 6px 0;
    width: 91px;
    height: 90px;
}


/**** PROBIERWOCHEN ****/
    
#frame_cnt .box_probierwochen {
/*    float:left; */
    padding: 0 42px 0 42px;
    width: 620px;
    color: #fff;
}
#frame_cnt .box_probierwochen .box_hdl_probierwochen {
    margin: 0 0 45px 0;
    width: 420px;
}
#frame_cnt .box_hdl_probierwochen h2,
#frame_cnt .box_hdl_probierwochen h3{
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: lighter;
    padding: 0;
    margin: 0;
}
#frame_cnt .box_hdl_probierwochen h2{
    margin: 0 0 20px 0;
    font-size: 45px;
    line-height: 45px;    
}
#frame_cnt .box_hdl_probierwochen h3{
    font-size: 18px;
}
#frame_cnt .box_teaser_probierwochen {
    margin: 0 28px 0 0;
    width: 235px;
    color: #fff;
    padding: 0;
    float: left;
    font-size: 14px;
}
#frame_cnt .box_teaser_probierwochen p {
    margin: 0 0 16px 0;
    padding: 0
}
#frame_cnt .box_probierwochen .lt h3{
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    margin: 262px 0 25px 0;
    padding: 0;
}
#frame_cnt form.probierwochenform label {
    display: block;
    float: left;
    clear: left;
    width: 200px;
    margin-top: 2px;
}
* html #frame_cnt form.probierwochenform label {
    width: 195px;
}
#frame_cnt form.probierwochenform input {
    border: 1px solid #666666;
    display: block;
    float: left;
    width: 83px;
    margin-bottom: 4px;
    padding: 0 2px;
}
#frame_cnt form.probierwochenform select {
    border: 1px solid #666666;
    display: block;
    float: left;
    width: 89px;
    margin-bottom: 4px;
}
#frame_cnt form.probierwochenform select option {
    padding-left: 2px;
}
#frame_cnt form.probierwochenform input:focus {
    border:1px solid #C49914;
}
#frame_cnt form.probierwochenform input.button {
    background: #fff;
    border: 1px solid #666666;
    cursor: pointer;
    display: block;
    padding: 0 2px;
    width: 89px;
}
#frame_cnt .box_probierwochen #map {
    width: 618px;
    border: 1px solid #fff;
    margin: 15px 0 30px 0;
    height: 297px;
    color: #3D3D3D;
}
#frame_cnt .probierwochen_content {
    margin: 33px 0 0 0;
    width: 552px;
}
#frame_cnt .probierwochen_content h3 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 16px 0 17px;
    padding: 0;
}
#frame_cnt .probierwochen_content p {
    margin: 12px 0 12px;
    padding: 0;
}
#frame_cnt .probierwochen_link {
    float: left;
    margin-right: 42px;
    width: 221px;
}
#frame_cnt .probierwochen_teaser_list {
 margin: 40px auto;
 width: 390px;
}
#frame_cnt .probierwochen_teaser_list img {
 display: block;
 /*width: 209px;
 height: 90px;*/
 margin: 20px auto;
}
#frame_cnt .probierwochen_teaser_list p {
 text-align: center;
 margin: 3px 0 3px 0;
}
#frame_cnt .box_probierwochen_products {
    margin: 30px 0px 30px 0;
}
#frame_cnt .box_probierwochen_products .probierwochen_product {
    float: left;
    width: 112px;
    margin: 0 34px 30px 0;
}
#frame_cnt .box_probierwochen_products .probierwochen_product .image {
    width: 57px;
    margin: 0 auto;
}
#frame_cnt .box_probierwochen_products .last {
    margin-right: 0;
}
#frame_cnt .box_probierwochen_products .probierwochen_product .text {
    text-align: center;
    font-size: 10px;
    line-height: 12px;
}
.probierwochen_form_wrapper {
    background: url('/img/layout/bg_form_probierwochen.gif') no-repeat left top;
    height: 72px;
    padding: 10px;  
    width: 291px;  
}
.form_error {
    color: #900;
    font-weight: bold;
    margin-top: 10px;
    width: 291px;
}
.draw_black_background { background: #000 !important; }
* html .box_contxt { background: #000 !important; padding-bottom: 10000px; margin-bottom: -10000px; height:100% }
/** html .draw_black_background { zoom:1; width:957px !important; }/
.draw_black_background .box_contxt .section h4,
.draw_black_background .box_contxt .section p {
    color: #fff;
}

.probierwochen_form_wrapper h3 {
padding:0;
margin:-2px 0 0 0;
}
.nosaloon {
height: 145px;
width: 225px;
margin-top: 39px;
font-size:12px;
background-image: url(/img/layout/bg_stoerer_notfound.gif);
color: #fff;
}
.nosaloon .l_15 {
margin-left: 15px;
margin-top: 7px;
font-weight: bold;
}
.nosaloon a:link, .nosaloon a:visited {
    color: #fff;
    text-decoration:underline;
}
/************************************************
  CONTEXT
************************************************/
.box_contxt {
    float: left; 
    width: 249px;  
    padding: 40px 0 0 0;
    color: #fff;
    }

.contxt_prod_start {
    padding: 37px 0 0 0;
}

/******** WENN STÖRER UNTEN ********
 * html .contxt_prod_start {
    margin-top: -30px;
    margin-bottom: -8px;
    padding: 0; 
}
**********************************/
/******* WENN STÖRER OBEN ********/
* html .contxt_prod_start {
    padding: 0 !important;
    margin: 0 !important;
    padding-top: 537px !important;
    margin-top: -500px !important;
    margin-bottom: -20px !important;
    height: auto !important;
}    
/*********************************/


.box_contxt .section {
    padding: 10px 20px 10px 20px;
    zoom: 1;
}

.box_contxt .section .list_of_downloads {
    margin: 10px 0;
}

.box_contxt .section .section_image {
    margin: 10px 0 15px;
}

.box_contxt .section .section_anchor {
    margin-top: 8px;
}

* html .box_contxt .section p {
    position: relative;
}

* html .box_contxt .section a {
    position: relative;
}
.box_contxt .product_section {
    padding: 10px 0 0 10px;
}
.box_contxt .product_section ul {
    text-align: center;
}
.box_contxt .product_section li {
    float: left;
    padding: 0 10px 10px 0;
    width: 109px;
    height: 112px;
    margin-botom: -8px;
    
}
* html .box_contxt .product_section li {
    height: 117px;
    margin-bottom: -12px;
}
.box_contxt .product_section div.description {
    font-size: 11px;
    line-height: 1;
    width: 109px;
    height: 44px;
    overflow: hidden;
}
* html .box_contxt .section p {
    position: relative;
}

/************************************************
    FORMS
*************************************************/
 
form.recommendform {
}
form.recommendform label {
}
form.recommendform input.email {
    background: url(/img/layout/bg_input_recommend_email.gif) top left no-repeat;
    border: none;
    font-size: 11px;
    height: 14px;
    line-height: 1;
    padding: 1px 5px 1px 5px;
    width: 134px;
}
form.recommendform input.button {
    background: url(/img/layout/bg_input_recommend_button.gif) top left no-repeat;
    border: none;
    color: #CB9902;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    line-height: 1;
    width: 17px;
    padding: 0 0 2px 0;
    cursor: pointer;
}
* html form.recommendform input.button {
    padding: 0;
}
*+html form.recommendform input.button {
    padding: 0;
}
form.kontaktform label{
   display:block;
   float:left;
   width: 100px;
   margin-top: 4px;
}
 
form.kontaktform input{
    display:block;
    float:left;
    width: 210px;
    margin-top: 4px;
    border:1px solid #666666;
}
form.kontaktform input:focus {
    border: 1px solid #C49914;
}

form.kontaktform textarea{
   display:block;
   float:left;
   width: 210px;
   margin-top: 4px;
   height:80px;
   border:1px solid #666666;
}
form.kontaktform textarea:focus {
    border: 1px solid #C49914;
}
form.kontaktform span {
    padding-bottom: 7px;
    display: block;
}
form.kontaktform input.button{
    background: #C49914 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    width: 217px;
} 
ul.form_msg li.warning{
    color: red;
}
ul.form_msg li.success{
    color: green;
}