/* Standard-CSS für Yoga-Lounge*/

/* Grundfarben:
Violett: #902456 - 144, 36, 86
Dunkelrot: #8C2020 - 140, 32, 32
Orange: #F26322
*/

html, body, div, p, h1, h2, h3, span, a, table, td, form, img, li {
    					/* margin: 0;
						padding: 0;*/
						font-family:  Arial, Helvetica, Verdana, sans-serif;
						font-size: 12px;
						}

body {         			background-color: #CCCCCC;
						scrollbar-base-color:#FFFFFF;
						font-size: 101%;
                        }


a:link    {              color: #8C2020;
                         text-decoration: none;
                         }
a:hover  {               color: #C68A8A;
                         text-decoration: underline;
                         }
a:active {               color: #C68A8A;
                         text-decoration: underline;
                         }						 
a:visited {              color: #C68A8A;
                         text-decoration: none;
                         }
						 
.kursiv { 				font-style: italic;
						}

.fettkursiv {			font-style:italic;
						font-weight: bold;
						}	
				
.strong {				font-weight: bold;
						}			
					
.center {				text-align: center;
						}

.left {					text-align: left;
						}						

.right {				text-align: right;
						}						
						
.mittel {				font-size: 11px;
						}

.klein {				font-size: 9px;
						}
						
.klein_rot {			font-size: 9px;
						color: #8C2020;
						}

.h1_rot {               font-size: 17px;
                        font-weight: bold;
						margin-bottom: 20px;
						margin-top: 15px;
						text-align: center;
						color: #8C2020;
                        }
						
.workshop {				background-color:#EDDCDC;
						width: 100%;
						padding: 10px;
						border: 0px;
						text-align: center;
						font-weight: bold;
						}
						
.bildkasten {			position: absolute; 
						left: 800px; 
						top: 120px; 
						width: 225px; 
						height: 150px; 
						z-index: 100; 
						overflow: visible;
						visibility: visible;												
						}
						
img {					border: 0;
						}
						
p {						line-height: 1,5em;
						margin-bottom: 1em;
						}
						
h1 {                    font-size: 17px;
                        font-weight: bold;
						margin-bottom: 20px;
						margin-top: 15px;
						text-align: center;
                        }

h2 {                    font-size: 14px;
                        margin-bottom: 10px;
						margin-top: 5px;
						text-align: left
                        }

h3 {                    font-size: 14px;
						font-style: italic;
                        margin-bottom: 10px;
						margin-top: 5px;
						text-align: left
                        }						

ul, li {              	list-style-type: disc;
						list-style-position: outside;
                        text-align:left;
						font-family:  Arial, Helvetica, Verdana, sans-serif;
						font-size: 12px;
						line-height: 1,3em;
                        margin-bottom: 3px;
						}

hr {					width: 75%;
						text-align: center;
						margin-top: 25px;
						}
						


/*Navigation*/

#hauptmenue a {			display: block;   background-image:url(imgs/layout/menue_rot2.jpg); 
						color: #FFFFFF; text-decoration:none; font-size: 10pt;
						font-family:Arial, Verdana, Helvetica, sans-serif; 
						padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;
						}

#hauptmenue a:visited{ 	background-image:url(imgs/layout/menue_rot2.jpg);color: #FFFF99;
						text-decoration:none;font-size: 10pt;
						font-family:Arial, Verdana, Helvetica, sans-serif; 
						padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;
  						}

#hauptmenue a:active{	background-image:url(imgs/layout/menue_rot1.jpg); color: #FFFF99;
						text-decoration:none;font-size: 10pt;
						font-family:Arial, Verdana, Helvetica, sans-serif; 
						padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;
  						}

#hauptmenue a:hover {	background-image:url(imgs/layout/menue_rot1.jpg); color: #FFFF99; 
						text-decoration:none ;font-size: 10pt;
						font-family:Arial, Verdana, Helvetica, sans-serif; 
						padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;
						}
						
.navig {					padding-left: 4px; padding-bottom: 4px;   padding-top: 4px;margin: 0px auto;
						text-align: left; text-decoration:none ;font-size: 10pt;
						}
						
a.navig {				color: #FFFFFF; 
						}

a.navig:visited { 		color: #FFFF99;
						}

a.navig:active {		color: #FFFF99;
						}

a.nav:hover { 			color: #FFFF99; 
						}						

/*Navigationsleiste Javascript*/
.menulist {
margin: 0;
padding: 0;
}

div.menu {
position: absolute; /*absolute Positionierung des Menues in bezug auf die linke obere Ecke*/
left: 180px;
width: 570px;
height: 20px;
top: 35px;
z-index: 27;
}
div.menu li {
list-style-type: none;
float: left; /*Mit float: können Sie bestimmen, dass nachfolgende Elemente das aktuelle Element bzw. den aktuellen Bereich umfließen.*/
width: 120px;
}

div.menu a {
background: #8C2020;
margin: 0 2px;
height: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-size: 10pt;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

div.menu a:hover {
color: #FFFF99;
text-decoration:none;
font-size: 10pt;
font-family:Arial, Verdana, Helvetica, sans-serif; 
}

div.menu a:visited { 	
color: #FFFF99;
text-decoration:none;
font-size: 10pt;
font-family:Arial, Verdana, Helvetica, sans-serif; 
}

#smenu1, #smenu2, #smenu3, #smenu4 {
display: none;
float: left;
width: 120px;
font-size: 12px;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a {
font-weight: normal;
border-top: 0 none;
}
.site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}