@charset "utf-8";
body{font-family:'roboto',Arial,sans-serif;font-weight:normal;background-color:#9c9e9f;background-color:#666666;text-align:center;font-size:100%;color:#612d85;padding-top:0;margin:0;text-align:center;width:100%;height:100%;background-image:url(img/freistil_hg-balken.gif);background-repeat:repeat-x;background-position:left 159px}
body.kurse,body.massage,body.-studio{background-position:left 315px}
a,a:link,a:visited{color:#612D85}
a:hover,a:active,a:focus{color:#9C9F9F}
b,strong{font-weight:bold}
hr{border:none;border-bottom:2px dotted #97BE0C;clear:both;padding:10px 0}
#cycle-loader{left:50%;margin-left:-40px;position:absolute;top:47%;z-index:0}
#ImageContainer{position:fixed;height:315px;width:710px;top:0;overflow:hidden;z-index:-1000}
#maximage{position:relative!important}
#wrapper{width:980px;margin:auto}
#header,#header-unten{position:fixed;height:159px;width:710px;top:0;background-image:url(img/freistil-logo.png);background-repeat:no-repeat;background-position:0 10px;text-align:left;z-index:-500;background-color:#FFF}
.kurse #header,.massage #header,.-studio #header{height:315px;background-image:url(img/freistil-logo-weiss.png);background-color:transparent}
#header-unten{display:none}
#header h1{display:none}
#header h1 a,#header h1 a:link,#header h1 a:visited{color:#A19891}
#bilder{height:159px;width:710px;float:left;background-color:transparent}
.kurse #bilder,.massage #bilder,.-studio #bilder{height:315px}
#navi_allg{position:absolute;left:50%;margin-left:220px;top:200px;height:149px;width:240px;padding:0 0 0 30px;text-align:left;line-height:150%}
.kurse #navi_allg,.massage #navi_allg,.-studio #navi_allg{position:relative;float:left;margin-top:90px;margin-left:0;top:inherit;left:inherit}
#navi_allg ul li a,#navi_allg ul li a:link,#navi_allg ul li a:visited{font-size:1em;text-transform:uppercase;color:#fff;letter-spacing:.03em}
#navi_allg ul li a:hover,#navi_allg ul li a:active,#navi_allg ul li a:focus{color:#98bf0c}
#navi_allg ul li a.selected{font-weight:bold;letter-spacing:.1em}
#navi{width:710px;height:20px;float:left;padding-top:5px;background-color:#612d85;border-bottom:5px solid #97BE0C;text-align:left}
#navi ul li{display:inline;height:20px;margin:0 10px}
#navi ul li a,#navi ul li a:link,#navi ul li a:visited{font-size:1em;text-transform:uppercase;font-weight:bold;color:#fff;padding:7px}
#navi ul li a:hover,#navi ul li a:active,#navi ul li a:focus{color:#A09993}
#navi ul li a:before{content:'* '}
#navi ul li a.selected{background-color:#612d85;border-top:2px solid #612d85;border-bottom:4px solid #612d85}
#navi.navi2{height:25px;width:270px;border-bottom:none;padding:0}
#navi.navi2 ul li{margin:0}
#navi.navi2 ul li a,#navi.navi2 ul li a:link,#navi.navi2 ul li a:visited{height:26px;width:244px;display:block;font-size:21px;padding:4px 13px 0 13px}
#navi.navi2 ul li a:hover,#navi.navi2 ul li a:active,#navi.navi2 ul li a:focus,#navi.navi2 ul li a.selected{color:#612d85;background-color:#fff;border:none}
#content{background-color:#eeeeee;line-height:140%;width:680px;min-height:600px;padding:15px;text-align:left;font-size:.9em;clear:both;float:left}
.-pilates #content{background-color:#ECF2D9}
.-yoga #content{background-color:#E5DEED}
.-massagen #content{background-color:#fff}
#content h1{font-size:36px;font-weight:normal;text-transform:uppercase;font-weight:bold;letter-spacing:.05em;line-height:135%;margin:1.3em 0 .5em}
#content h2{font-size:28px;font-weight:normal;text-transform:uppercase;font-weight:bold;color:#97BE0C;color:#6B9238;letter-spacing:.05em;line-height:135%;margin:1.3em 0 .5em}
#content h3{font-weight:bold;margin-bottom:7px}
#content h4 a{display:block;margin-top:20px;font-size:18px;font-weight:bold;letter-spacing:.05em;color:#97BE0C}
#content h4 a:hover,#content h4 a:active,#content h4 a:focus{color:#612D85}
#content h4 a:before{content:"\279C";margin-right:5px;font-size:22px}
#content table{margin:auto auto .5em 0}
#content tr{border-bottom:2px dotted #6B9238}
#content td{padding:.3em .6em .3em 0}
#content td:first-child{color:#97BE0C}
#content a {border-bottom:1px dotted #6B9238}
#cont-main{padding-left:30px}
#cont-main li{list-style-type:disc;margin-left:15px;margin-bottom:3px}
#cont-main img{margin:0 7px 7px 0;float:left}
.kurse #cont-main,.massage #cont-main{width:335px;padding:0 30px 0 115px;float:left}
.kurse #mandala,.massage #mandala{height:90px;width:90px;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border:1px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:15px auto -120px -110px}
.kurse #cont-main p,.massage #cont-main p{text-align:justify}
#cont-re{width:200px;float:left;padding-top:30px}
#cont-re h1{font-size:1em;font-weight:bold;margin-bottom:35px}
#cont-re div.termine{margin-bottom:30px}
#cont-re div.termine ul{margin-bottom:15px}
#cont-re .termine ul{margin-top:-4px}
#cont-re .termine li{list-style:none;margin:4px 0;border-bottom:1px dotted #612D85;font-size:.9em;line-height:130%}
.button{display:block;border:1px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-transform:uppercase;font-weight:bold;color:#fff}
#cont-re .button{height:20px;width:20px;padding:10px;font-size:30px;margin-top:-10px;margin-right:10px;float:left}
.-pilates #cont-re .button,.willkommen #cont-main .btn-p{background-color:#E3ECC4;border-color:#E3ECC4}
.-yoga #cont-re .button,.willkommen #cont-main .btn-y{background-color:#CCBDDA;border-color:#CCBDDA}
.-bodywork #cont-re .button,.willkommen #cont-main .btn-b{background-color:#C5C6C8;border-color:#C5C6C8}
.willkommen #cont-main .button:hover{color:transparent;background-color:transparent;border-color:#fff;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.willkommen #navi ul{visibility:hidden}
.willkommen #navi.navi2 ul{visibility:visible}
.willkommen #content{width:670px;padding:20px}
.willkommen #cont-main{width:223px;padding:0;float:left;text-align:center}
.willkommen #cont-main h1{font-size:30px;line-height:200%;margin:0}
.willkommen #content #cont-main a.start-field,.willkommen #content #cont-main a.start-field:link,.willkommen #content #cont-main a.start-field:visited{color:#612D85}
.willkommen #content #cont-main a.start-field:hover,.willkommen #content #cont-main a.start-field:active,.willkommen #content #cont-main a.start-field:focus{color:#9C9F9F}
.willkommen #cont-main p.txt-button{display:block;height:158px;width:163px;border:1px solid #fff;background-color:#fff;border-radius:50%;margin:auto;font-size:.9em;padding:10px;padding-top:15px}
.willkommen #cont-main .button{height:83px;width:83px;padding:50px;font-size:140px;line-height:83px;text-align:center;background-image:none;margin:auto}
.willkommen #cont-main .btn-p:hover{background-color:#fff;background-image:url(img/mandala_pilates.jpg)}
.willkommen #cont-main .btn-y:hover{background-color:#fff;background-image:url(img/mandala_yoga.jpg)}
.willkommen #cont-main .btn-b:hover{background-color:#fff;background-image:url(img/mandala_bodywork.jpg)}
#aktuelles{float:left;min-height:70%;width:220px;padding:200px 0 0 30px;font-size:.9em;text-align:left;line-height:135%;color:#fff}
.kurse #aktuelles,.massage #aktuelles,.-studio #aktuelles{padding-top:10px}
#aktuelles h1{font-size:1.2em;font-weight:bold;text-transform:uppercase;line-height:135%;margin:.5em 0}
#aktuelles h2{font-size:1em;font-weight:bold;text-transform:uppercase;line-height:135%;margin:1em 0 .1em 0}
#aktuelles img,.aktuelles #cont-main img{height:170px;width:170px;border:1px solid #transparent;background-color:#fff;border-radius:50%;margin-right:15px;float:left}
#aktuelles img{height:60px;width:60px;display:block;float:none;margin-bottom:10px}
#aktuelles a,#aktuelles a:link,#aktuelles a:visited{color:#fff;display:block}
#aktuelles a:hover,#aktuelles a:active,#aktuelles a:focus{color:#97BE0C}
_.aktuelles p{text-align:justify}
#footer{width:690px;text-align:left;padding:10px;font-size:.9em;color:#612C85;line-height:140%;border-top:5px solid #612C85;background-color:#E2E3E4;background-image:url(img/sonnengruss.png);background-repeat:no-repeat;background-position:bottom center;clear:both;float:left}
#footer p{float:left}
#impressum{float:right;font-size:.8em}
#adresse,#adresse-unten{height:130px;width:235px;padding:0 0 15px 30px;float:left;color:#fff;text-align:left;font-size:.8em;line-height:115%}
#adresse-unten{display:none}
#adresse a,#adresse a:link,#adresse a:visited{color:#fff}
#adresse a:hover{color:#612C85}
.txtnormal{text-transform:none}
.txtbig{font-size:200%}
.pfeil:before{content:"\279C";margin-right:.5em}
.willkommen #content .pfeil:before{content:"";margin-right:0}
.willkommen #content .txtbig:before{content:"\279C";margin-right:-.2em}
.clear{clear:both}
.Table{display:table;text-align:center;margin-bottom:15px;border-collapse:separate;border-collapse:collapse;border-spacing:5px}
.Heading{display:table-row;padding:5px 0;color:#612C85;border-bottom:2px dotted #6B9238}
.Row{display:table-row;border-bottom:2px dotted #6B9238;padding:5px 0}
.Cell{display:table-cell;display:inline-block;height:90px;width:120px;border:1px solid transparent;border-radius:50%;text-align:center;padding:0;padding-top:30px;margin:5px 0;vertical-align:middle}
.-nachholtermine .Cell{height:105px;padding-top:15px;}
.Heading .Cell{height:30px;font-size:1em;font-weight:bold;}
.Cell .foot{font-size:.9em; line-height: 120%}
.Cell.nachholer {border: 3px solid #6B9238;}
.first{color:#612C85;width:50px;font-weight:bold;}
.-kursplan #cont-main{clear:both}
#content table.plan{text-align:center;margin-bottom:15px}
#content table.plan th{padding:5px 0;color:#6B9238}
#content table.plan tr td{height:110px;width:110px;border:1px solid transparent;border-radius:50%;font-size:.9em;padding:0;vertical-align:middle;margin:5px 0}
#content table.plan td:first-child{color:#6B9238}
form{display:block;margin-top:15px}
input,textarea{width:98%;border:none;border-bottom:1px solid #612D85;background-color:transparent;margin-bottom:5px;padding:7px;font-family:inherit;font-size:14px;color:#612D85;display:block;background-color:#fff}
input[type='checkbox']{display: inline;width: 20px;height: 20px;float left;}
input[type='radio']{display: inline;width: 20px;height: 20px;}
label{margin-bottom: 15px;display:inline-block;}
textarea{height:177px}
input.fehler, textarea.fehler, select.fehler,label.fehler{border-left:10px solid #97BE0C;border-top:4px solid #97BE0C;margin-left:-10px;font-weight:bold} 
p.fehler{border:2px dotted #97BE0C;}
input.send{width:auto;border:none;background-color:#97BF0D;margin-top:10px;padding:7px 32px;text-transform:uppercase;font-weight:bold;font-size:130%;color:#612D85;letter-spacing:.4em;float:right}
input.send:hover{color:#fff}
select{border:1px solid #612D85;margin-top:5px;color:#612D85;background-color:#fff;font-size:16px;}
option{padding:5px;margin-bottom:3px;border-bottom:1px dotted #612D85}
p.ansage{background-color:#97BE0C;padding:3px;margin-bottom:5px;margin-top:15px;}
.anmeldung h2{display:block;height:40px;width:95%;padding:0;padding-right:10px}
.anmeldung .bottom{display:block;height:30px;width:95%;padding:0}
.anmeldung ul{margin:15px 0}
a.admin,a:link.admin,a:visited.admin,a:hover.admin,a:active.admin,#aktuelles a.admin,#aktuelles a:link.admin,#aktuelles a:visited.admin,#aktuelles a:hover.admin,#aktuelles a:active.admin{border:1px dashed #6B9238;background-color:#FFF;padding:1px 3px;color:#612D85}
#footer a.admin{display:block;border:none;background-color:transparent;float:left;height:20px;width:20px;padding:0;margin-right:0;margin-top:70px;color:transparent}
.responsive { display: none;}
.inline {display: inline;}
.left {float: left;}
.right {float: right;}
.hidden {display: none}
@media only screen and (max-width:980px) {
body{background-image:none}
#ImageContainer{position:fixed;height:200px;width:96%;top:0;left:2%;overflow:hidden;z-index:-1000}
#wrapper,#navi_allg,#header,#navi,#aktuelles,#content,#cont-main,#footer{width:100%;text-align:left;float:left}
#wrapper{width:96%;margin:2%}
#header,#content{width:96%}
#bilder{width:96%;}
.kurse #header,.massage #header,.-studio #header{height:200px}
#navi_allg{position:relative;left:inherit;background-color:#9c9e9f; margin-left:0;top:inherit;height:auto;padding:0;padding-bottom: 10px;line-height:110%}
.kurse #navi_allg,.massage #navi_allg,.-studio #navi_allg{margin-top:0}
#navi_allg ul{float: left; display: inline-block;}
#navi_allg ul li{display:inline-block;margin:.2em;font-size:1.2em;position:relative;top:auto;left:auto;width:auto}
#navi_allg ul li a,#navi_allg ul li a:link,#navi_allg ul li a:visited{font-size:.8em;letter-spacing:0;text-transform:none}
.kurse #bilder,.massage #bilder,.-studio #bilder{height:200px}
#navi{width:73%}
#navi ul li{height:inherit;margin:0 .05em}
#navi ul li a,#navi ul li a:link,#navi ul li a:visited{font-size:1em;letter-spacing:0;text-transform:none}
#navi ul li a:before{content:''}
#navi.navi2{height:30px;width:27%;float:right;background-color:#612d85}
#navi.navi2 ul li a,#navi.navi2 ul li a:link,#navi.navi2 ul li a:visited{width:auto;padding:7px;padding-left:3px;font-size:1em}
#content{padding:2%}
#cont-main{padding-left:0}
.kurse #cont-main,.massage #cont-main{width:100%;padding:0}
.kurse #cont-main h1,.massage #cont-main h1{margin-left:110px;margin-bottom:1em}
.kurse #mandala,.massage #mandala{margin:15px auto -120px 0}
#cont-re{clear:both;width:100%}
.willkommen #cont-main .button:hover{color:transparent;background-color:transparent;border-color:#fff;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.willkommen #navi ul{visibility:hidden}
.willkommen #navi.navi2 ul{visibility:visible}
.willkommen #content{width:96%;padding:2%}
.willkommen #cont-main{width:100%;padding:0;float:left;text-align:center}
.willkommen #cont-main h1{font-size:20px;line-height:150%;margin:0}
.willkommen #content #cont-main a.start-field,.willkommen #content #cont-main a.start-field:link,.willkommen #content #cont-main a.start-field:visited{color:#612D85}
.willkommen #content #cont-main a.start-field:hover,.willkommen #content #cont-main a.start-field:active,.willkommen #content #cont-main a.start-field:focus{color:#9C9F9F}
.willkommen #cont-main p.txt-button{display:block;height:auto;width:50%;border:1px solid transparent;background-color:transparent;border-radius:0;margin:auto;font-size:.9em;padding:10px;border-bottom:2px dotted #97BE0C;margin-bottom:20px}
.willkommen #cont-main .button{height:83px;width:83px;padding:50px;font-size:140px;line-height:83px;text-align:center;background-image:none;margin:auto}
.willkommen #cont-main .btn-p:hover{background-color:#fff;background-image:url(img/mandala_pilates.jpg)}
.willkommen #cont-main .btn-y:hover{background-color:#fff;background-image:url(img/mandala_yoga.jpg)}
.willkommen #cont-main .btn-b:hover{background-color:#fff;background-image:url(img/mandala_bodywork.jpg)}
#aktuelles{display:none}
#footer{width:96%;padding:2%}
#adresse{padding:15px 0 0 15px;clear:both}
.Table{width:100%}
.Cell{display:table-cell;display:inline-block;height:auto;width:18%;border:3px solid #E2E3E4;border-radius:8px;text-align:center;padding:0;padding-top:5px}
.Cell.first{display:none}
.responsive { display: inherit;}
}
@media print {
.druck{display:inherit}
body{background-image:none;background-color:#fff;margin:2%}
#ImageContainer,.kurse #ImageContainer,.massage #ImageContainer,.-studio #ImageContainer{display:none}
#cycle-loader{display:none}
#wrapper,#navi_allg,#header,#navi,#aktuelles,#content,#cont-main,#footer{width:100%;text-align:left;float:left}
#wrapper{width:98%}
#header,.kurse #header,.massage #header,.-studio #header,#header-unten{position:relative;height:100px;width:300px;margin:2%;background-image:url(img/freistil-logo_gr.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-position:left top;background-repeat:no-repeat;background-color:transparent}
.plan #header{height: 70px; width: 100%;margin-bottom: 0}
#header-unten{display:inherit;width:98%;margin:1%;margin-top:20px;margin-bottom:70px;clear:both;float:left;top:52%;z-index:1}
#bilder,.kurse #bilder,.massage #bilder,.-studio #bilder{display:none;}
#navi_allg{display:none}
#navi{display:none}
#content{min-height:auto;width:98%;background-color:#fff;padding:0;padding-top:1%;margin:2%}
.druck @page { size:landscape }
.druck #content{font-size:10px}
.druck hr {page-break-after:always; border:none;}
.-pilates #content,.-yoga #content{background-color:#fff}
#content h1,#content h2{font-size:18px;line-height: 120%;margin:0;}
#cont-main{padding-left:0;background-color:#fff}
.kurse #cont-main,.massage #cont-main{width:100%;padding:0}
.kurse #cont-main h1,.massage #cont-main h1{margin-left:110px;margin-bottom:1em}
.kurse #mandala,.massage #mandala{margin:15px auto -70px 0}
#cont-re{display:none}
.willkommen #cont-main .button:hover{color:transparent;background-color:transparent;border-color:#fff;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.willkommen #navi ul{visibility:hidden}
.willkommen #navi.navi2 ul{visibility:visible}
.willkommen #content{width:98%;padding:2%}
.willkommen #cont-main{width:100%;padding:0;float:left;text-align:center}
.willkommen #cont-main h1{font-size:20px;line-height:150%;margin:0}
.willkommen #content #cont-main a.start-field,.willkommen #content #cont-main a.start-field:link,.willkommen #content #cont-main a.start-field:visited{color:#612D85}
.willkommen #content #cont-main a.start-field:hover,.willkommen #content #cont-main a.start-field:active,.willkommen #content #cont-main a.start-field:focus{color:#9C9F9F}
.willkommen #cont-main p.txt-button{display:block;height:auto;width:50%;border:1px solid transparent;background-color:transparent;border-radius:0;margin:auto;font-size:.9em;padding:10px;border-bottom:2px dotted #97BE0C;margin-bottom:20px}
.willkommen #cont-main .button{height:83px;width:83px;padding:50px;font-size:140px;line-height:83px;text-align:center;background-image:none;margin:auto}
.willkommen #cont-main .btn-p:hover{background-color:#fff;background-image:url(img/mandala_pilates.jpg)}
.willkommen #cont-main .btn-y:hover{background-color:#fff;background-image:url(img/mandala_yoga.jpg)}
.willkommen #cont-main .btn-b:hover{background-color:#fff;background-image:url(img/mandala_bodywork.jpg)}
#aktuelles{display:none}
#footer{display:none;}
#adresse,#adresse-unten{position:absolute;height:auto;width:24%;padding:0;margin:0;padding-bottom:1%;padding-left:74%;top:2%;border-bottom:2px dotted #6B9238;clear:both;color:#9C9F9F;font-size:10px}
#adresse2-druck{position:relative;float:right;height:130px;width:26%;padding:0;margin:0;margin-top:-130px;padding-bottom:1%;padding-left:74%;margin-bottom:40px;border-bottom:2px dotted #6B9238;clear:both;color:#9C9F9F;font-size:10px}
#adresse-unten{display:inherit;top:50%}
#adresse a,#adresse a:link,#adresse a:visited,#adresse-unten a,#adresse-unten a:link,#adresse-unten a:visited,#adresse2-druck a,#adresse2-druck a:link,#adresse2-druck a:visited{color:#9C9F9F}
.plan #adresse {display: none;}
.Table{width:100%}
.plan .Table{margin-top: 20px;margin-left:-15px}
.Heading{display:table-row;padding:2px 0;color:#6B9238;border-bottom:1px dotted #6B9238}
.plan .Heading{border-bottom:none}
.Heading .Cell{height:auto;font-size:1em;}
.plan .Heading .Cell{height:20px;margin-bottom: 30px}
.Row{display:table-row;border-bottom:1px dotted #6B9238;padding:2px 0}
.plan .Row{border-bottom:none}
.Cell{display:table-cell;display:inline-block;height:40px;width:19%;_border:1px solid #E2E3E4;border-bottom:none;border-top:none;border-radius:30px;text-align:center;padding:0;padding:10px 0;margin:0;line-height:100%;vertical-align:middle;box-sizing: border-box}
.plan .Cell{height:170px;width:17%;font-size:20px;margin:5px;}
    .plan .Cell.gruen{border:4px solid #97BE0C;}
    .plan .Cell.lila{border:4px solid #612d85;}
    .plan .Cell.grau{border:4px solid #333;}
.Cell.first{display:none}
#threethird{width:100%;float:left;margin:0;margin-right:0;clear:both}
.plan #threethird{padding-top:2%;border-top:2px dotted #6B9238}
#twothird{width:64%;float:left;margin:0;margin-right:2%;clear:both}
#third{width:30%;float:left;margin:0}
.responsive { display: none;}
}