/*  CSS-Stylesheet www.yoga-massage-ritual.de
	written by M.Schwarz  */

	
/*  Basic Tags  */

body {
	background-color: #dcccc0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-image: none;
	margin: 0;
	padding:0;
	text-align: center;
}



/* Layout-Elemente  */

#mainbox {
	height: 600px;
	width: 800px;
	background-color: #CCCCCC;
	border: 5px solid #FFFFFF;
	margin: 10px auto;
    padding: 0px;
	text-align: left;
	background-image:url(grafik/thin-back.jpg);
}

#mainbox-home {
	height: 640px;
	width: 800px;
	background-color: #CCCCCC;
	border: 5px solid #FFFFFF;
	margin: 10px auto;
    padding: 0px;
	text-align: left;
	background-image:url(grafik/thin-back.jpg);
}

#contentbox {
	height: 452px;
	width: 496px;
	background-color: #f7ece2;
	overflow:auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 4px;
}

#contentbox-a {
	height: 452px;
	width: 496px;
	background-color: #f7ece2;
	overflow:auto;
	overflow-x:hidden;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 4px;
}

#contentbox1 {
	height: 452px;
	width: 646px;
	background-color: #FFFFFF;
	overflow:auto;
	padding:2px;
}

#leftemptybox {
	width: 150px;
	height: 25px;
}

#leftemptybox1 {
	width: 150px;
	height: 40px;
}

#leftemptybox2 {
	width: 150px;
	height: 113px;
}

#rightemptybox {
	width: 150px;
	height: 140px;
}

#rightemptybox1 {
	width: 150px;
	height: 100px;
}

#rightemptybox2 {
	width: 150px;
	height: 80px;
}
#rightemptybox3 {
	width: 138px;
	height: 200px;
	padding:6px;
}
#redbox {
	width: 138px;
	overflow:hidden;
	padding:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
}

#redbox2 {
	width: 138px;
	overflow:hidden;
	padding:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* Text-Formatierung  */


.headline18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#000000;
	font-weight: bold;
	text-align: left;
}

.headline16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000000;
	font-weight: bold;
	text-align: left;
}

.headline14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	font-weight: bold;
	text-align: left;	
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight: bold;
}

.kursiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-style: italic;
}

.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
}

.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.white16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: left;
}

a.black:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #9b141d;
    text-decoration: none;
}

a.black:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #9b141d;
    text-decoration: none;
}

a.black:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #9b141d;
}

a.black:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #FF9933;
    text-decoration: none;
}

a.black2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #9b141d;
    text-decoration: none;
}

a.black2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #9b141d;
    text-decoration: none;
}

a.black2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #9b141d;
}

a.black2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

a.black3:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #333;
    text-decoration: none;
}

a.black3:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #333;
    text-decoration: none;
}

a.black3:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-decoration: none;
    color: #333;
}

a.black3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
/*   N A V I G A T I O N   */

/* HOME  */
.hom {font-family: verdana, arial, sans-serif; width:80px; position:relative; font-size:11px; margin:none; float:left;}

.hom a, .hom a:visited {display:block; text-decoration:none; width:79px; height:25px; text-align:center; color:#FFF; padding-left:0px; border:1px solid #61646B; border-width:0 1px 1px 0; background:#61646B; line-height:25px; font-size:11px;}

.hom a:hover {color:#FFF;background:#343434;}

/* YOGA-MASSAGE-RITUAL */
.ymr {font-family: verdana, arial, sans-serif; width:130px; position:relative; font-size:11px; margin:none; float:left; left:0px;}

.ymr ul {padding:0; margin:0;list-style-type: none; }

.ymr ul li {float:left; position:relative;}

.ymr ul li ul {visibility:hidden; position:absolute;}

.ymr table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.ymr ul li a, .ymr ul li a:visited {display:block; text-decoration:none; width:129px; height:25px; text-align:center; color:#FFF; padding-left:0px; border:1px solid #61646B; border-width:0 1px 1px 0; background:#61646B; line-height:25px; font-size:11px;}

.ymr ul li:hover a, .ymr ul li a:hover {color:#FFF;background:#343434;}

.ymr ul li:hover ul, .ymr ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

.ymr ul li:hover ul li, .ymr ul li a:hover ul li {display:block; background:#fff; color:#000;width:174px; clear:both;}

.ymr ul li:hover ul li ul, .ymr ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.ymr ul li:hover ul li a, .ymr ul li a:hover ul li a {display:block; background:#61646B; color:#FFF; width:100%; padding-left:5px;text-align: left;}

.ymr ul li:hover ul li a:hover, .ymr ul li a:hover ul li a:hover {background:#9A9A9A; color:#FFF; text-align: left;	padding-left:5px;}

.ymr ul li:hover ul li:hover ul, .ymr ul li a:hover ul li a:hover ul {visibility:visible; left:180px; bottom:0;}

.ymr ul li:hover ul li:hover ul li a, .ymr ul li a:hover ul li a:hover ul li a {background:#9A9A9A; color:#FFF;}

.ymr ul li:hover ul li:hover ul li a:hover, .ymr ul li a:hover ul li a:hover ul li a:hover {background:#343434; color:#FFF;}


/*  ANGEBOT  U.RABEL  KONTAKT  */
.ark {font-family: verdana, arial, sans-serif; width:200px; position:relative; font-size:11px; margin:none; float:left; left:0px;}

.ark ul {padding:0; margin:0;list-style-type: none; }

.ark ul li {float:left; position:relative;}

.ark ul li ul {visibility:hidden; position:absolute;}

.ark table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.ark ul li a, .ark ul li a:visited {display:block; text-decoration:none; width:99px; height:25px; text-align:center; color:#FFF; padding-left:0px; border:1px solid #61646B; border-width:0 1px 1px 0; background:#61646B; line-height:25px; font-size:11px;}

.ark ul li:hover a, .ark ul li a:hover {color:#FFF;background:#343434;}

.ark ul li:hover ul, .ark ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

.ark ul li:hover ul li, .ark ul li a:hover ul li {display:block; background:#fff; color:#000;width:140px; clear:both;}

.ark ul li:hover ul li ul, .ark ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.ark ul li:hover ul li a, .ark ul li a:hover ul li a {display:block; background:#61646B; color:#FFF; width:100%; padding-left:5px;text-align: left;}

.ark ul li:hover ul li a:hover, .ark ul li a:hover ul li a:hover {background:#9A9A9A; color:#FFF; text-align: left; padding-left:5px;}

/* ÜBER MICH */
.ueb {font-family: verdana, arial, sans-serif; width:90px; position:relative; font-size:11px; margin:none; float:left;}

.ueb a, .ueb a:visited {display:block; text-decoration:none; width:89px; height:25px; text-align:center; color:#FFF; padding-left:0px; border:1px solid #61646B; border-width:0 1px 1px 0; background:#61646B; line-height:25px; font-size:11px;}

.ueb a:hover {color:#FFF;background:#343434;}