/* === Template yogaschool by www.svasti.de === */
/* ===================== Start ===================== */
*  {
    margin:0;
    padding:0;
}
a:link   {
    text-decoration:underline:
    color:/*5*/#733125;
 } 
a:hover  {
    color:red;
}
body {
    padding:0;
    font: normal normal /*1*/12px//*2*/1.5 /*3*/Arial,sans-serif;
    color:/*5*/#733125;
}
#body  {
    background-image: none;
    background: /*52*/#A6A8A7;
}
#languagemenu {
    height:20px;
    width:945px;
    margin:0 auto;
    text-align:right;
    line-height:1.2;
    position:relative;
    font-size:16px;
}
#languagemenu img {
    padding:2px 5px 0 5px;
}
#languagemenu a:hover {
    background:#88f;
}

#head {
    background: url(images/yogaschool.jpg) no-repeat 50%;
    height: /*16*/149px;
    margin: 0 0 /*21*/20px;
    font: 16px/1.6 Arial, Verdana, Geneva, sans serif;
}
#innerhead {
    float:right
    height:/*16*/149px;
    margin:0 auto;
    padding-top:.85em;
    width:950px;
    font: 16px/1.6 Arial, Verdana, Geneva, sans serif;
}
#innerhead h1  {
    font: /*33*/normal normal /*26*/22px//*40*/0.1 /*29*/Trebuchet,Verdana, sans serif;
    text-align:right;
    letter-spacing: /*30*/0.1em;
    color: /*27*/#ccc;
}
#innerhead h2  {
    font: /*39*/normal bold /*34*/22px//*42*/3.1 /*43*/Trebuchet,Verdana, sans serif;
    text-align:left;
    letter-spacing: /*35*/0.1em;
    opacity: /*31*/0.1;
    color: /*32*/#ccc;
}


/*  ================= Bilder ==================== */

img {
    border: 0;
}
img.left, img.leftunder  {
    float:left;
    margin:0 10px 2px 0;
}
img.leftunder  {
    clear:both;
}
img.right, img.rightunder  {
    float:right;
    margin:0 0 2px 10px;
}
img.rightunder  {
    clear:both;
}

p.rightside img.left, p.rightside img.leftunder {
    margin-left:/*45*/-100%;
}
p.leftside img.right, p.leftside img.rightunder {
    margin-right:/*38*/-100%;
}
p.center img.right, p.center img.rightunder {
    margin-right:/*48*/-50%;
}
p.center img.left, p.center img.leftunder {
    margin-left:/*48*/-50%;
}


/* ===================== Navigation ===================== */

.nav, .nav2  {
    width:/*18*/950px;
    margin: 5px auto;
    padding:6px 0 2px;
    min-height:2em;
    background:/*10*/#A53730;
    /*font: 16px/1.6 Arial, Verdana, Geneva, sans serif;*/
    font-size:/*54*/14px;
}
.nav2 {
    text-align:left;
    /* margin-bottom: 3 */
}
.nav ul, .nav2 ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.nav ul li, .nav2 ul li {
    font: normal normal /*54*/14px;
}
.nav ul li a {
    display:block;
}
.nav ul.menulevel1 li {
    float:right;
    margin:0 2px 0;
    padding: 0 10px 5px;
    /*border:1px solid blue;*/
    z-index:10;
    position:relative;
    right:0;
}
.nav ul.menulevel2 {
    position:absolute;
    visibility: hidden;
    z-index:1;
    right:-5px;
    border-bottom:1px solid white;
    width:189px;
}
.nav ul.menulevel3 {
    position:absolute;
    visibility: hidden;
    right:183px;
    top:-3px;
    z-index:15;
    border-top:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid white;
    background:/*10*/#A53730;
    padding:0;
}
/*Untermenü*/
.nav ul.menulevel2 li{
    padding: 2px 15px;
    margin:0;
    width:160px;
    text-align:left;
    background:/*10*/#A53730;
    position:relative;
    z-index:2;
    border-right:1px solid white;
    border-left:1px solid white;
    padding-right:13px;
}
.nav ul.menulevel3 li{
    border:none;
    padding-right:17px;
}
.nav2 ul li {
    display: inline-block;
    margin:0;
    padding: 0 10px;
    white-space:nowrap;
}
.nav ul li a, .nav2 ul li a {
    color:/*11*/#FFFFFF;
    text-decoration: none;
}
.nav ul li a:hover, .nav2 ul li a:hover {
    color: /*13*/#F07965;
}
.nav ul li.kontakt {
    color: /*12*/#900;
}
.nav ul li.sdoc, .nav2 ul li.sdoc,
.nav ul li.sdocs, .nav2 ul li.sdocs {
    color:/*12*/#900;
}
.nav li:hover > ul {
    visibility: visible;
}


/* ===================== Hauptinhalt ===================== */
div#inhalt  {
    width:/*9*/900px;
    margin: 0 auto;
    padding:20px /*6*/25px;
    min-height:20em;
    background:/*28*/#E5E8E6;
}

h1, h2, h3, h4, h5, h6  {
    normal normal 12px/1.4 /*19*/Arial,sans-serif;
    margin: 0 0 6px;
    color:/*4*/#733125;
}

h1  {
    font-style: /*60*/Arial,sans-serif;
    font-size: /*59*/22px;
    font-color: /*61*/#733125;
    margin-top: /*66*/2.8em;
    margin-bottom: /*67*/1em;
    }
h2  {
    font-style: /*63*/Arial,sans-serif;
    font-size: /*58*/22px;
    font-color: /*62*/#733125;
    margin-top: /*66*/2.8em;
    margin-bottom: /*67*/1em;
    }
h3  {
    font-style: /*65*/Arial,sans-serif;
    font-color: /*64*/#733125;
    font-size: /*56*/14px;
    margin-top: /*66*/2.8em;
    margin-bottom: /*67*/1em;
    }


h4, h5, h6 {
    margin: /*14*/1em 0 /*15*/0.5em 0;
}
h5  {
    font-size: /*17*/16px;
}
h6  {
    font: /*24*/inherit /*23*/14px /*22*/Arial,sans-serif;
    letter-spacing: /*25*/0.15em;
}
blockquote {
    margin-left: /*50*/10%;
    width:/*49*/60%;
}
p {
    margin:/*7*/0em 0 /*8*/0.5em 0;
}
ul li, ol li  {
    margin:/*51*/0.2em 0 /*53*/12px;
}
ul, ol  {
    padding-left: 40px;
    margin:/*7*/0em 0 /*8*/0.5em 0;
}
p.leftside {
    width: /*44*/50%;
    margin-right:/*37*/50%;
}
p.rightside {
    width: /*36*/50%;
    margin-left:/*41*/50%;
}
p.center {
    width: /*46*/50%;
    margin-left:/*47*/25%;
}
ul.cke_panel_list li p.rightside, ul.cke_panel_list li p.center{
    margin-left: 0 !important;
}
.small {
    font-size:85%;
}
/* ============= Slideshow ============= */
.slideshow {
    float:right;
    width:350px;
    height:300px;
    margin-left:10px;
}
.slideshow div {
    width:350px;
    height:300px;
    overflow: hidden;
}
.slideshow div img {
    margin: 0 0 0 auto;
    display:block;
}

/* ===================== Kontaktformular ===================== */
#cmsimple_mailform form input.text  {
    width:400px;
}
#cmsimple_mailform form textarea {
	font: normal normal 14px/1.6 Arial, Verdana, Geneva, sans serif;
    width:600px
}
/* ===================== subline  ===================== */
#subline {
    /* position: fixed;
    right: 0%;
    bottom:0%; */
    margin-bottom:3em;

}
#subline p {
    font-size:/*53*/12px;
    text-align:center;
    letter-spacing:.1em;
}
#subline p a {
    color:/*57*/#733125;
    text-decoration:none;
}
#subline p a:hover {
    color:red;
}


/* ===================== Schalter zum Anklicken ===================== */
.select {
	font-size: 8pt;
}
/* ===================== Ausgabe der Druckansicht ===================== */
body.print  {
    background-image:none;
    padding:2em;
    text-align:left;
    max-width: 36em;
}


