/*  Template yogaschool (C) 2015 by www.svasti.de  */

/* ===================== Start ===================== */

a:hover  {
    color:red;
}
body {
    padding:0;
    margin:0;
    font: normal normal 15px/1.8 Verdana, sans serif;
    color:#660000;
}
#body  {
    background-image: none;
}

.languagemenu {
    padding:0;
    height:20px;
    width:945px;
    margin:0 auto;
    text-align:right;
    line-height:1.2;
    font-size:16px;
    position:relative;
}
.languagemenu img {
    padding:2px 5px 0 5px;
    margin:0;
}
.languagemenu a:hover {
    background:#ccf;
}

.head {
    background: url(images/kurse.jpg) repeat-x 50%;
    height: 119px;
    margin: 0 0 25px;
    font: 16px/1.6 Arial, Verdana, Geneva, sans serif;
}
.headin {
    height:119px;
    margin:0 auto;
    max-width:950px;
    position: relative;
}
.headin .headinin {
    width:100%;
    overflow:hidden;
    height:119px;
}
.logo {
    position: absolute;
    left:-50px;
    top:10px;
    height:210px;
    width:210px;
    background: URL(./images/logo.gif) no-repeat;
    opacity: .5;
}
.headin h1  {
    font: normal normal 40px/1 Trebuchet,Verdana, sans serif;
    letter-spacing: 0.1em;
    color:rgb(245,245,245);
    text-shadow: 2px 2px 0 black;
}

.headin h2  {
    font: normal bold 45px/1 Trebuchet,Verdana, sans serif;
    margin-top:30px;
    letter-spacing: 0.1em;
    opacity: 0.6;
    color: black;
    position:relative;
}
.headin h2 span {
    position: absolute;
    color: #fff;
    top:-2px;
    left:-2px;
}

/*  ====== Images ========= */

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:-100%;
}
p.leftside img.right, p.leftside img.rightunder {
    margin-right:-100%;
}
p.center img.right, p.center img.rightunder {
    margin-right:-50%;
}
p.center img.left, p.center img.leftunder {
    margin-left:-50%;
}


/* ====== Navigation ====== */

.nav, .nav2  {
    max-width:930px;
    margin: 5px auto;
    padding:6px 10px 2px;
    min-height:2em;
    background:#EEB653;
    font: 16px/1.6 Arial, Verdana, Geneva, sans serif;
    text-align:right;
}
.nav2 {
    padding:3px 10px 5px;
}
.nav ul, .nav2 ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.nav ul li, .nav2 ul li {
    font: normal normal 15pt/1.3 Tahoma;
}
.nav ul li a {
    display:block;
}
.nav ul.menulevel1 li {
    display:inline-block;
    margin:0 2px 0;
    padding: 0 10px 5px;
    position:relative;
    right:0;
}
.nav ul.menulevel2 {
    position:absolute;
    visibility: hidden;
    z-index:100;
    right:-5px;
    border-bottom:3px solid white;
    width:189px;
}
.nav ul.menulevel3 {
    position:absolute;
    visibility: hidden;
    right:183px;
    top:-3px;
    z-index:15;
    border-top:3px solid white;
    border-left:3px solid white;
    border-bottom:3px solid white;
    background:#EEB653;
    padding:0;
}
.nav ul.menulevel2 li{
    padding: 4px 10px;
    margin:0;
    width:160px;
    text-align:right;
    background:#EEB653;
    position:relative;
    z-index:2;
    border-right:3px solid white;
    border-left:3px 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:#FFFFFF;
    text-decoration: none;
}
.nav ul li a:hover, .nav2 ul li a:hover {
    color: #900;
}
.nav ul li.kontakt {
    color: #900;
}
.nav ul li.sdoc, .nav2 ul li.sdoc,
.nav ul li.sdocs, .nav2 ul li.sdocs {
    color:#900;
}
.nav li:hover > ul {
    visibility: visible;
}


/* ========= Content ========= */
.content  {
    max-width:850px;
    margin: 0 auto;
    padding:25px 50px;
    min-height:20em;
    background:#ffeaba;
}

h1, h2, h3, h4, h5, h6  {
    font: normal normal 20px/1.4 verdana;
	margin: 0 0 6px ;
    color:#900;
}

h4, h5, h6 {
    margin: 1.5em 0 0.5em 0;
}
h4  {
    font-size: 28px;
}
h6  {
    font: normal small-caps bold 16px Georgia, serif;
    letter-spacing: 0.15em;
}
blockquote {
    margin-left: 10%;
    width:60%;
}
p {
    margin:0.5em 0 1.5em 0;
}
ul li, ol li  {
    margin:0.2em 0 0.2em 0;
}
ul, ol  {
    padding-left: 10%;
    margin:0.5em 0 1.5em 0;
}
p.leftside {
    width: 50%;
    margin-right:50%;
}
p.rightside {
    width:50%;
    margin-left:50%;
}
p.center {
    width: 50%;
    margin-left:25%;
}
.small {
    font-size:85%;
}


/* ======== Slideshow ====== */
/* === with Morepagedata === */
.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;
}


/* ===== subnav  ====== */
.subnav {
    margin-bottom:3em;

}
.subnav p {
    font-size:9px;
    text-align:center;
    letter-spacing:.1em;
}
.subnav p a {
    color:#999;
    text-decoration:none;
}
.subnav p a:hover {
    color:red;
}


/* ===== Ausgabe der Druckansicht ===== */
body.print  {
    background-image:none;
    padding:2em;
    text-align:left;
    max-width: 36em;
}


/* ======= Backend ======= */
/* to prevent color white on background white */
#pd_views div, #pd_views div a, #pd_tabs a {
    color:black;
}


/* ======= Smartphone ======= */
/* navigation without hover effects */
.smart {
    display:none;
}
@media screen and (max-width: 900px) {
    .normal {
        display:none;
    }
    .smart {
        display:block;
    }
    .content  {
        padding:25px 3%;
    }
    .nav, .nav2  {
        padding:5px 0 3px;
    }
}