/* FEHRLE STAUDEN */
/* Sebastian Stuetz */
/* 17.11.2009 */

body {
	color:#333;
	background-color:#DDD;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
	text-align:center;
	margin:0 0 30px 0;
	padding:0;
    }

img {
    border:0;
    }

h1 {
    font-size:20px;
    line-height:1.2em;
	color:#00572c;
	background-color:transparent;
    font-family:arial, helvetica, verdana, sans-serif;  
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
    }

h2 {
    font-size:14px;
    line-height:1.5em;
	color:#333;
	background-color:transparent;
    font-family: arial, helvetica, verdana, sans-serif;   
	font-weight:bold;
	margin:16px 0 16px 0;
	padding:0;
    }

#staudenkompositionen h1 {
    font-size:20px;
    line-height:1.2em;
	color:#00b274;
	background-color:transparent;
    font-family:arial, helvetica, verdana, sans-serif;  
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	}
	
#staudenkompositionen h2 {
    font-size:14px;
    line-height:1.5em;
	color:#00b274;
	background-color:transparent;
    font-family: arial, helvetica, verdana, sans-serif;   
	font-weight:bold;
	margin:16px 0 16px 0;
	padding:0;
	}

#staudenkompositionen a {
    text-decoration:underline;
    color:#00b274;
    background-color:transparent;
    }

#staudenkompositionen a:hover {
    text-decoration:none;
    color:#00b274;
    background-color:transparent;
    }
    
#staudenkompositionen .artikel {
    margin:0 0 10px 0;
    border-bottom:3px solid #eeffef;
    padding:0 0 20px 0;
    }

#staudenkompositionen #backlink {
    text-align:right;
    }


a {
    text-decoration:underline;
    color:#00572c;
    background-color:transparent;
    }

a:hover {
    text-decoration:none;
    color:#00572c;
    background-color:transparent;
    }

ul {
    list-style-type:none;
    list-style-image:url(../images/bullet_blatt2.png);
    margin:10px 30px 10px 30px;
    padding:0;
    }

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

/* --- Layout --- */

.container {
    width:950px;
    margin:20px auto;
    text-align:left;
    padding:0;
    position:relative;
    background-color:#FFF;
    border:2px solid #CCC;
    background-image:url(../images/bg_container.png);
    background-repeat:repeat-y;
    }

#staudenkompositionen .container {
    width:950px;
    margin:20px auto;
    text-align:left;
    padding:0;
    position:relative;
    background-color:#FFF;
    border:2px solid #CCC;
    background-image:none;
    }
    
    .header {
        height:220px;
        margin:0 0 0 0;
        }

    
    .mainwrapper {
        width:950px;
        margin:0;
        padding:0;
        }
        
        .navi {
            width:210px;
            float:left;
            margin:0;
            padding:0;
            }
            
            .navi_txt {
                text-align:right;
                margin:24px 30px 0 0;
                }
                
                .navi_txt h1 {
                    margin:0 0 10px 0;
                    }
                
                .navi_txt a {
                    text-decoration:none;
                    color:#00572c;
                    background-color:transparent;
                    }

                .navi_txt a:hover {
                    text-decoration:underline;
                    color:#00572c;
                    background-color:transparent;
                    }
                    
                ul.topnavi {
                    list-style-type:none;
                    list-style-image:none;
                    margin:0 0 0 0;
                    padding:0 0 0 0;                    
                    }
                    
                    ul.topnavi li {
                        padding:10px 0 10px 0;
                        margin:0;
                        }
                        
                        ul.topnavi li ul {
                            font-size:10px;
                            list-style-type:none;
                            list-style-image:none;
                            margin:0 0 0 0;
                            }
                            
                            ul.topnavi li ul li {
                                padding:1px 0 1px 0;
                                }
        
        .contentwrapper {
            width:740px;
            float:left;
            margin:0;
            padding:0;
            }
            
            .contentwrapper_txt {
                margin:30px;
                }
        
        .contentwrapper_breit {
            width:890px;
            margin:30px;
            }
                
                .artikel {
                    margin:0 0 15px 0;
                    }
                    
                    .bildcontainer {
                        margin:10px 0 0 0;
                        }
                
                    .artikel_bild {
                        width:150px;
                        float:left;
                        margin:0;
                        padding:0;
                        }
                        
                        .artikel_bild img {
                            margin:0 0 5px 0;
                            }
                    
                    .artikel_text {
                        width:530px;
                        float:left;
                        margin:0;
                        padding:0;
                        }
        
        .aus {
            height:1px;
            clear:left;
            overflow:hidden;
            }

    .footer {
        background-color:#529a6a;
        color:#FFF;
        margin:30px 0 0 0;
        padding:2px 30px 2px 30px;
        border-top:1px solid #79c28f;
        }


/* --- Bildergalerie --- */

.bildergalerie {
    width:700px;
    }

    .imagefloat {
        width:232px;
        float:left;
        margin:0 0 20px 0;
        }
    
        .imagefloat img {
            width:210px;
            margin:0 0 3px 0;
            }
            
    .bildunterschrift {
        font-size:10px;
        }

    
/* --- Kontaktformular --- */

label {
    width:240px;
    float:left;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    }

.kontaktform_input {
    margin:0 0 5px 0;
    width:300px;
    border:1px solid #666;
    padding:2px;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    }


.kontaktform_select {
    margin:0 0 5px 0;
    width:300px;
    padding:1px;
    border:2px solid #666;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    }

.kontaktform_submit {
    margin:0 0 5px 0;
    width:306px;
    border:2px solid #529a6a;
    background:#529a6a;
    color:#FFF;
    padding:1px;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    }

.kontaktform_submit:hover {
    margin:0 0 5px 0;
    width:306px;
    border:2px solid #DDD;
    background:#DDD;
    color:#999;
    padding:1px;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    }

textarea {
    margin:0 0 5px 0;
    width:300px;
    padding:2px;
    border:1px solid #666;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.4em;
    }
    
    
/* --- Staudenkomposition --*/

.gallery {
	width:328px;
	float: left;
	}

.big_image {
	width: 328px;
	margin:0;
	padding:0;

	}

.small_images img {
    width:77px;
    margin:5px 5px 0 0;
    }

.small_image {
	width: 40px;
	height: 40px;
	margin: 8px 8px 0 0;
	float: left;
	}

.small_image_last {
	margin-top: 8px;
	width: 40px;
	height: 40px;
	float: left;
	}
	
.info_text {
	width: 530px;
	margin-left:32px;
	float: left;
	}
	
.tabelle {
	margin: 48px 0 48px 0;
	}
	
form.anfrage {
	}
	
	form.anfrage label{
		margin: 4px 0 4px 0;
	}
	
	form.anfrage input {
		margin: 4px 0 4px 0;
		}
		
	form.anfrage input.absenden {
		margin-left: 240px;
		}