/* ==========================================================

   Göde Fußpflege - Version GFP 1.0

   (c) 2015 copyright www.serano-media.de


========================================================== */


@import url(http://fonts.googleapis.com/css?family=PT+Sans);

html
{ background: url(../img/bg_goede.jpg) no-repeat center bottom fixed;

}





body		{ font-family: 'PT Sans', sans-serif; color:#4ea24b; }

h1	{ color:#2ca328; font-size:1.5em; }
h2	{ color:#2ca328; font-size:1.2em; }
h3	{ color:#2ca328; font-size:1.1em; }

a		{ color:#2ca328; text-decoration:none; }
a:hover		{ color:#46b896; text-decoration:underline; }


.clearer	{ clear:both; }






/* ================== Layout ================== */

#wrap		{ max-width:1000px; margin:0 auto; background: url(../img/bg_body.png); border:solid 10px #fff; }
#imprint	{ max-width:1000px; text-align:right; font-size:0.9em; }
#header		{ max-width:1000px; margin:1.0em 0 1.3em 0; background: url(../img/bg_header.jpg) right center no-repeat; }
#logo		{ max-width:300px; float:left; }
#menue		{ width:100%; }
#content	{ max-width:1000px; padding:1em; }
#footer		{ max-width:96%; padding:4% 2%; border-top:solid 2px #b9ddbd; font-size:0.9em; }

#contentright	{ width:30%; float:right; min-height:300px; margin-top:2em; }
#contentleft	{ width:66%; float:left; min-height:300px; }

#imprint p	{ margin:0; padding:0 2em; }
#footer p	{ margin:0; padding:0; }
#logo img	{ width:100%; height:auto; }
#content img	{ width:96%; height:auto; margin:1em 1%; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }


#menue ul		{ margin:0; padding:0; list-style:none; }
#menue li		{ width:20%; float:left; text-align:center; }
#menue li a		{ display:block; background:#49b845; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color:#fff; padding:0.5em; margin:0.2em; text-decoration:none; }
#menue li a:hover	{ background:#2ca328; }


.newsbox		{ background:#c8eac7; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding:1em; margin-bottom:1.5em; color:#2ca328; border-right:3px solid #a4dba2; border-bottom:3px solid #a4dba2; }
.newsbox h2		{ margin:0; padding:0.4em; color:#2ca328; }
.newsbox p		{ margin:0; padding:0 0.4em;  }

.portrait		{ width:240px; float:right; margin-left:1em; margin-bottom:1em; text-align:center; }
.portrait p		{ margin:0; padding:0; }


.g-maps {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%; 
}
.g-maps iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
}


@media screen and (max-width:800px) { 

#contentright	{ width:100%; float:none; margin-top:2em; }
#contentleft	{ width:100%; float:none; }

}

@media screen and (max-width:600px) { 

#menue ul		{ margin:0; padding:0; list-style:none; }
#menue li		{ width:100%; text-align:center; }
#menue li a		{ display:block; }
#menue li a:hover	{ background:#2ca328; }

}