@charset "utf-8"; 

*{
border-collapse:collapse;
margin: 0;
padding: 0;   
border: none; 
}

input,select,textarea {
    border: 2px inset;
    padding: 1px 0px;
}

html, body{
height: 100%;
}

body{
    background-color:#dfdbdb;
    overflow-y:scroll;
    overflow-x:hidden;
}

#container {
    min-height: 100%;
    margin: 0 auto;
    margin-left: 17%;
    margin-right: 17%;
    position: relative;
    background-color:#fdfdfd;
    position: relative;
    /*border: 1px solid red;*/
}

* html #container {
height: 100%;
}

#logo{
    position: absolute;
    height: 100%;
    width: 158px;
    left: -78px;
    background-image: url(img/logo1.png);
    background-repeat: no-repeat;
    /*border:1px solid blue;*/
}

#grafik{
    position: absolute;
    height: 100%;
    width: 707px;
    right:-644px;
    top: 0px;
    background-image: url(img/logo_right.png);
    background-repeat: no-repeat;
   /* border:1px solid blue;*/
}

#border_left{
    position: fixed;
    height: 100%;
    width: 17%;
    background-color:#0f0e0e;
}

#content{
    padding: 30px 80px 10px 100px; /*Allgemeine Ränder für Content*/
    font-family: arial, verdana;
    font-size: 13px;
    color: #0f0e0e;
    border:none;
}

#navi{   
    padding: 30px 20px 40px 0;
    font-family: 'Century Gothic', Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    border: none;
}

#navi *{
    padding-right: 20px;
}

#navi a{
text-decoration: none;    
color: #0f0e0e;
}
.home{
    color: #8000FF;
}

#navi a:hover.home{
    color: #8000FF;
}

.mandalas{
    color: #0669CD; 
}

#navi a:hover.mandalas{
    color: #0669CD;
}

.farben{
    color: #0CB1B1;
}

#navi a:hover.farben{
    color: #0CB1B1;
}

.meditation{
    color: #11B811;
}

#navi a:hover.meditation{
    color: #11B811;
}

.produkte{
    color: #FA820E;
}

#navi a:hover.produkte{
    color: #FA820E;
}

.kontakt{
    color: #FF0000;
}

#navi a:hover.kontakt{
    color: #FF0000;
}

.links{
    color: #FF8080;
}

#navi a:hover.links{
    color: #FF8080;
}
.impressum{
    color: #FF0080;
}

#navi a:hover.impressum{
    color: #FF0080;
}
.gelb {
    color: #C0B501; 
}
.indigo {
    color: #4B0082; 
}


h1{
 font-family: Gabriola,Century Gothic, Arial, Verdana;
 font-size: 22px;
 font-weight:bold;
 font-stretch:ultra-expanded; 
 color: #0f0e0e;
 border: none; 
 padding-top: 35px; 
 padding-bottom: 20px;
 border:none;
}

p { 
 padding: 0 27px 30px 0;
 margin-right: 10px;
 width: auto;
 border:none;
 vertical-align: top; 
 border: none;
 text-align: justify;
 border:none;
}


#zitat_klein {
 font-family: Gabriola; 
 font-size: 19px;
 padding-bottom: 20px;
 padding-left:0px;
 padding-right:10px;
 margin: 0px;
 text-align: justify;
 vertical-align: top; 
 border: none;
}
#zitat {
 font-family: Gabriola; 
 font-size: 22px;
 padding-top: 60px;
 text-align: justify;
 padding-bottom: 0px;
 padding-left:20px;
 padding-right:20px;
 margin: 0px;
 vertical-align: top; 
 text-align: justify;
}

#zitatright {
 float: right;
 padding-top:60px;
 font-family: Gabriola; 
 font-size: 22px;
 margin: 65px 10px 0px 20px;
 padding: 0; 
 text-align: justify;  
 vertical-align: top;  
 border:none;
}



#right {
 font-family: Gabriola; 
 font-size: 23px; 
 text-align: right;  
 margin-top: 8px;
}


#absolute02 {
 float: right;
 z-index: 2;
 position: absolute;
 right: 11em;
 top: 36em;
 border: 1ps solid blue;
 }

.block {
 display: inline-block;
 width: 45%;
}

.block#adress{
 width: auto;    
}

.floatright {
 float: right;
 margin: 0px 0px 10px 10px;
 padding: 0;
 border: none;
 border:none;
} 

.floatleft {
 float: left;   
}


/*Formular*/


form table th{
    text-align: left;
    vertical-align: top;
    padding-top: 8px;
    width: 100px;
    height: 30px;
    border: none;
}

form table textarea{
    width: 400px;
    height:  150px;
    border: 1px solid black;
}

form select{  
    border: 1px solid black;   
}

form input[type=text]{ 
    border: 1px solid black;   
}

form input[type=submit]{
    height: 30px;
    width:  120px;
    border: 1px outset buttonface;  
    margin-top: 8px;   
}


.error{
    color: red;
}

#produkt{
 display: inline-block;
 width: 110px;
 margin:15px;
 padding: 0;
 border: none;
}

#Foto {
    position: fixed;
    top: 10%;
    left: 40%;
    visibility: hidden;
    display: block;
    z-index: 5;
}

div.fotos{
/*
    border: 1px solid blue;
    width:  400px;
    height:  400px;
*/        
}

#border {
    border: 1px solid black;
}

#popupmenu{
    width: 100%;
    height: 15px;
    text-align: right;
}
#fotodiv{
    width: 100%;
    height:  100%;
    text-align: center;
    vertical-align: middle;
}

.fototext{
    padding: 0;
    margin:  10px;
    max-width: 400px;   
}
.fototext p{
    padding: 0;
    margin:  0;
}

#gruppentext p{
    padding-bottom: 0px;
    margin-bottom: 10px;
    border: none;
}