/*
 * BASIC.CSS (Basic styles and typography)
 *
 * version: 0.1
 * media: screen, print
 *
 * * */

html                      { font: 75%/150% Arial, Helvetica, sans-serif; }
body                      { background: url("../images/custom/whiteBG.png") repeat scroll 0 0 transparent; color: #777777; }


/* * * * * *  header  * * * * * */
.myheader                   {  background: none repeat scroll 0 0 #333333 !important;  border-bottom: 3px solid #C9025C; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.098);
                           left: 0; position: relative; top: 10; width: 100%;}
.mymenu                    {background: url("../images/custom/bgtop.png") repeat scroll 0 0 transparent; border-bottom: 3px solid #C9025C; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.098);}
.mymenu .container        { background: none repeat scroll 0 0 transparent !important;}

.myheader .header-content   {height: 15px;}
.mymenu .header-content     {color: #FFFFFF; font-family: "Proxima"; font-size: 15px; font-weight: bold; height: 100px;}
.mymenu .row                {position: relative;}
.mymenu ul.related          {height: 21px; position: absolute; right: 0; top: 0;}
.mymenu ul.related li       {display: block; float: left;}
.logo                       {margin-right:30px; margin-top:3px}

/* * * * * *  main  * * * * * */
.mymain                     {border-bottom: 3px solid #C9025C; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.098); margin-top:15px;}
.mymain-index               {background: url("../images/praxis/haus.jpg") repeat scroll right top transparent; height: 155px; margin-top: 5px; padding-top: 80px;}
.mymain-impressum           {background: url("../images/praxis/impressum.jpg") repeat scroll right top transparent; height: 155px; margin-top: 5px; padding-top: 80px;}
.mymain-team                {background: url("../images/praxis/team.jpg") repeat scroll right top transparent; height: 255px; margin-top: 5px; padding-top: 80px;}
.mymain-leist               {background: url("../images/praxis/leistungen2.jpg") repeat scroll right top transparent; height: 215px; margin-top: 5px; padding-top: 80px;}
.mymain-sprech              {background: url("../images/praxis/sprechzeiten.jpg") repeat scroll right top transparent; height: 115px; margin-top: 5px; padding-top: 80px;}
.mymain-anfahrt             {background: url("../images/praxis/anfahrt.jpg") repeat scroll right top transparent; height: 125px; margin-top: 5px; padding-top: 80px;}
.mymain-sitemap             {background: url("../images/praxis/sitemap.jpg") repeat scroll right top transparent; height: 215px; margin-top: 5px; padding-top: 80px;}
.mymain-index h3,
.mymain-impressum h3,
.mymain-leist h3,
.mymain-sprech h3,
.mymain-sitemap h3,
.mymain-anfahrt h3,
.mymain-team h3             {background-color: rgba(201, 2, 92, 0.75); background-position: 30px 3px; background-repeat: no-repeat;  margin-top: 60px; margin-bottom: 0; padding-left: 60px;}
.mymain-team h3             {margin-top: 120px}
.mymain-sprech h3           {margin-top: 20px}
.mymain-anfahrt h3          {margin-top: 20px}
.mymain-sitemap h3          {margin-top: 80px}
.mymain-index h3,
.mymain-index h5,
.mymain-sitemap h5,
.mymain-impressum h3,
.mymain-impressum h5,
.mymain-leist h3,
.mymain-leist h5,
.mymain-anfahrt h3,
.mymain-anfahrt h5, 
.mymain-sprech h3,
.mymain-sprech h5,
.mymain-team h3,
.mymain-team h5             {color: #FFFFFF; margin-right: 15px; padding-left: 30px;}
.mymain-index h5 span,
.mymain-impressum h5 span,
.mymain-sitemap h5 span,
.mymain-leist h5 span,
.mymain-sprech h5 span,
.mymain-anfahrt h5 span, 
.mymain-team h5 span        {background-color: rgba(0, 0, 0, 0.75); padding: 0px 4px 0px 0px;}
.mymain-index h5,
.mymain-impressum h5,
.mymain-leist h5,
.mymain-sprech h5,
.mymain-sitemap h5,
.mymain-anfahrt h5,
.mymain-team h5             {font-weight: 300; line-height: 1.8rem; position: relative; white-space: pre-wrap; font-size: 1.2em;}
.mymain-index h5:before,
.mymain-impressum h5:before,
.mymain-leist h5:before,
.mymain-anfahrt h5:before,
.mymain-sprech h5:before,
.mymain-sitemap h5:before,
.mymain-team h5:before      {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);  content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 30px;}
.indexlist                  {list-style: disc outside none; padding-left: 20px;}
ul.team-grid                {display:block; margin-left: -1.5%}
ul.team-grid li             {display: block; float: left; margin-left: 1.5%; width: 31.5%;}
ul.team-grid-mobile li      {display: block; float: left; margin-left: 1.5%; width: 98.5%;}
ul.team-grid                {margin-top: 10px;}
ul.team-grid li ,
ul.team-grid-mobile li      {position: relative;}
ul.team-grid .teammember img,
ul.team-grid mobile .teammember img {display: block; width: 100%;}
ul.team-grid h4,
ul.team-grid-mobile h4     {background: none repeat scroll 0 0 #C9025C;color: #FFFFFF;font-weight: 300; padding: 5px 0 5px 10px;}
ul.team-grid h6.member-title,
ul.team-grid-mobile h6.member-title {font-size:16px; padding-left: 10px; background: none repeat scroll 0 0 #000000; color: #FFFFFF;}

/* * * * * *  footer  * * * * * */
.footer-grey                {margin-top: 10px;}
ul.footer-nav li            {display: block; float: right; padding-left: 3%;}

/* * * * * *  foundation overrides  * * * * * */
a                           {color: #C9025C}
a:hover                     {color: #910041; }
a:focus                     {color: #910041; outline: none; }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }
#featured                 { background: url("images/orbit/loading.gif") no-repeat scroll center center #000000;  z-index: 10;}