/* naturkosmetik konzepte elfride dambacher */
/* Sebastian Stuetz */
/* 16.02.2010 */

body {
	color:#39464f;
	background-color:#e7e6e6;
    font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	text-align:center;
	margin:0;
	padding:0;
    }

img {
    border:0;
    }

h1 {
	font-size:20px;
	font-weight:normal;
	color:#39464f;
	background-color:transparent;
	line-height:1.2em;
	margin:0 0 15px 0;
	padding:0;
    }
    
h2 {
	font-size:11px;
	font-weight:normal;
	color:#39464f;
	background-color:transparent;
	line-height:1.3em;
    padding:0;
	margin:0 0 10px 0;
    }

a {
    text-decoration:underline;
    /*color:#fbc253;*/
    color:#39464f;
    background-color:transparent;
    }

a:hover {
    text-decoration:none;
    color:#39464f;
    background-color:transparent;
    }

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

ul {
    list-style-image:url(../images/bullet_ul.gif);
    margin:0 0 0 20px;
    padding:0;
    }

/* Layout */

.blurry {
    position:relative;
    margin:40px auto;
    padding:0;
    width:842px; 
    text-align:left;
    }

.container {
    padding:0;
    width:842px;
    margin:0;
    background-color:#FFF;
    }

.container_top {
	padding:0;
    margin:0;
	width:842px;
	height:134px;
	background-image:url(../images/bg_top.png);
	background-repeat:no-repeat;
    }

    .logo {
        position:absolute;
        left:20px;
        top:80px;
        }
    
    .headerpics {
        position:absolute;
        top:0;
        left:245px;
        }
        
        .headerpics img {
            margin:0 65px 0 0;
            }
    
.container_body {
    margin:0;
    padding:0;
    width:842px;
    }
    
    .navigation {
        width:842px;
        margin:0;
        padding:0;
        }
        
        .navigation_txt {
            padding:10px 0 0 400px;
            position:relative;
            }
            
            ul.topnavi_ul { 
                position:absolute;
                right:70px;
                top:6px;
                list-style-type:none;
                list-style-image:none;
                margin:0;
                padding:0 0 0 4px;
                display:inline;
                }
            
            ul.topnavi_ul li {
                float:left;
                margin:0;
                padding:0 0 0 20px;
                }
            
            ul.topnavi_ul li a {
                text-decoration:none;
                color:#39464f;
                background-color:transparent;
                background-image:url(../images/navi_bullet.png);
                background-repeat:no-repeat;
                padding:0 0 0 8px;
                }

            ul.topnavi_ul li a:hover {
                text-decoration:none;
                color:#000;
                background-color:transparent;
                background-image:url(../images/navi_bullet.png);
                background-repeat:no-repeat;
                padding:0 0 0 8px;
                }

            ul.topnavi_ul li a.active {
                text-decoration:none;
                color:#000;
                background-color:transparent;
                background-image:url(../images/navi_bullet.png);
                background-repeat:no-repeat;
                padding:0 0 0 8px;
                }

    .mainwrapper {
        width:842px;
        margin:0;
        padding:0;
        }
        
        .subnavi {
            width:245px;
            padding:50px 0 0 0;
            float:left;
            }
            
            .subnavi_txt {
                padding:0 0 30px 20px;
                }
                
                .subnavi_ul {
                    list-style-type:none;
                    list-style-image:none;
                    margin:0;
                    padding:0;
                    }
                    
                    .subnavi_ul li a {
                        background-image:url(../images/navi_bullet.png);
                        background-repeat:no-repeat;
                        text-decoration:none;
                        color:#39464f;
                        background-color:transparent;
                        padding:0 0 0 8px;
                        margin:15px 0 15px 0;
                        _margin:0;
                        display:block;
                        }

                    .subnavi_ul li a:hover {
                        background-image:url(../images/navi_bullet.png);
                        background-repeat:no-repeat;
                        text-decoration:none;
                        color:#000;
                        background-color:transparent;
                        padding:0 0 0 8px;
                        margin:15px 0 15px 0;
                        _margin:0;
                        display:block;
                        }

                    .subnavi_ul li a.active {
                        background-image:url(../images/navi_bullet.png);
                        background-repeat:no-repeat;
                        text-decoration:none;
                        color:#000;
                        background-color:transparent;
                        padding:0 0 0 8px;
                        margin:15px 0 15px 0;
                        _margin:0;
                        display:block;
                        }
                                
        .contentwrapper {
            width:320px;
            padding:50px 76px 0 0;
            float:left;
            }
        
        .sideboxwrapper {
            width:201px;
            float:left;
            margin:0;
            padding:50px 0 0 0;
            }

            .sidebox {
                width:201px;
                background-image:url(../images/sidebox_body.png);
                background-repeat:repeat-y;
                }
            
            .sidebox_bottom {
                width:201px;
                background-image:url(../images/sidebox_bottom.png);
                background-repeat:no-repeat;
                background-position:bottom;
                }
            
            .sidebox_top {
                width:161px;
                background-image:url(../images/sidebox_top.png);
                background-repeat:no-repeat;
                padding:20px;
                }
                
                .aktuelles_artikel {
                    margin:0 0 20px 0;
                    border-bottom:1px dotted #666;
                    padding:0 0 10px 0;
                    }
                    
            
            
            /* --- Produkte --- */
            
            .produktwrapper {
                width:545px;
                height:195px;
                margin:0 0 20px 0;
                background-image:url(../images/bg_produkte.png);
                background-repeat:no-repeat;
                position:relative;
                }
                
                .produktbild {
                    width:142px;
                    float:left;
                    margin:0;
                    padding:0;
                    }
                
                .produkttext {
                    width:403px;
                    float:left;
                    margin:0;
                    padding:0;
                    }
                    
                    .produkttext_txt {
                        padding:25px 20px 0 20px;
                        line-height:1.9em;
                        }
                    
                    .produkttext h1 {
                        font-size:16px;
                        font-weight:normal;
                        color:#39464f;
                        background-color:transparent;
                        line-height:1.2em;
                        margin:0 0 15px 0;
                        padding:0;
                        }
                        
                    .produktwrapper a {
                        text-decoration:underline;
                        color:#39464f;
                        background-color:transparent;
                        }
                    
                    .produktwrapper a:hover {
                        text-decoration:none;
                        color:#39464f;
                        background-color:transparent;
                        }
                
                .produktlink {
                    position:absolute;
                    top:145px;
                    right:40px;
                    text-align:right;
                    }
                    
                    .produktlink a {
                        text-decoration:none;
                        color:#FFF;
                        background-color:#fbc253;
                        border:1px solid #fbc253;
                        padding:1px 10px 1px 10px;
                        }
                    
                    .produktlink a:hover {
                        text-decoration:none;
                        color:#fbc253;
                        background-color:#FFF;
                        border:1px solid #fbc253;
                        padding:1px 10px 1px 10px;
                        }
            
        
        .aus {
            height:1px;
            clear:left;
            overflow:hidden;
            }
                
.container_bottom {
    margin:0;
    padding:0;
    width:842px;
    height:96px;
    background-image:url(../images/bg_bottom.png);
    background-repeat:no-repeat;    
    }
    
    
    
/* --- Content --- */

.content {
    margin:0 0 30px 0;
    }


/* -- PDF SNIPPET -- */

.pdf_snippet {
	width:525px;
	padding:10px 0px 10px 20px;
    background:#fcfcfc;
    border: 1px dashed #DDD;
    margin:10px 0 0 0;	
}	

.pic_pdf {
	width:100px;
	float:left;
	padding:0;
	margin:0;
}

.pdf_snippet_text {
	width:400px;
	float:left;
	padding:0;
	margin:0;
}

.pdf_aus {
	height:1px;
	clear:left;
	overflow:hidden;
}



/* --- Kontaktformular --- */

label {
    width:150px;
    float:left;
    }

input.kontaktform {
    width:200px;
    border:1px solid #333;
    background-color:#FFF;
    color:#333;
    padding:1px;
    margin:0 0 6px 0;
    }


/* --- Infobox --- */

.infobox {
    border:1px solid #f1f1f1;
    padding:10px;
    background-color:#fafafa;
    margin:0 0 30px 0;
    }