/*style sheet Helga Tang, Naturkosmetik, Juli 2012*/

/*import bootstrap*/
@import url(assets/css/bootstrap.css);
@import url(assets/css/bootstrap-responsive.css);

/*eigene styles*/

html, body
{
height:100%;
}



body
{
background-image: url(assets/img/bambus.png);
background-position: -20px center;
background-repeat: repeat-y;
}



.wrapper 
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -63px;
}


.push 
{
height: 63px;
}

.wrapper > .container 
{
padding-top: 60px;
}

        
.hero-unit h1, footer p
{
color: #267529;
}


h2
{
color: #ffb200;
}


a 
{
color: #267529;
text-decoration: underline;
}

a:hover
{
background-color: #267529;
color: #F4FFE9;
}


.span4, .hero-unit
{
background-color: white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom: 20px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
-moz-box-shadow:    1px 1px 5px 6px #DAECC3;
-webkit-box-shadow: 1px 1px 5px 6px #DAECC3;
box-shadow:         1px 1px 5px 6px #DAECC3;
}


.row-fluid
{


}

.span4 p
{
padding: 0px 10px 20px 10px;
}


.span4 h2, dl
{
padding: 0 10px;
}


dl
{
margin-top: 0;
padding-bottom: 20px;
}

dd
{
margin-left:0;
}


.angebote
{
background-repeat: no-repeat;
background-image: url(assets/img/see.jpg);
background-position: right bottom;
padding-bottom: 260px;
}


.termine
{
background-image: url(assets/img/helga-tang.jpg);
background-position: right center;
background-repeat: no-repeat;
}

.termine p
{
max-width: 50%;
}

.kontakt
{
background-image: url(assets/img/anfahrt.jpg);
background-position: right bottom;
background-repeat: no-repeat;
padding-bottom: 320px;
}

.kontakt dt
{
color: #267529;
}


@media (min-width: 640px) and (max-width: 767px) 
{
.angebote, .kontakt
{
padding-bottom: 0;
}

.angebote
{
background-repeat: no-repeat;
background-image: url(assets/img/see.jpg);
background-position: right top;
}

.span4 p
{
width: 40%;
}

}


footer
{
margin-top: 20px;
}



footer p
{
padding-left: 20px;
}