/* Elemente definieren */
body {
	font-family: verdana;
	font-size: 11px;
	color: #393939;
	line-height: 16px;	
	background: url(http://yoga-in-heidelberg.de/images/bg-seite.gif) repeat-x left 0px;
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px 10px 20px 0px;
	padding: 0px;
}
h1 {
	font-family: arial;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #B10000;
	padding: 0px 0px 4px 0px;
	margin: 35px 0px 10px 0px;
}
h2 {
	font-family: arial, sans serif;
	font-size: 18px;
	font-weight: normal;
	color: #b10000;
	line-hight: normal;
}

h3 {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FF9000;
	line-hight: normal;
}
h4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #9C0000;
}
a {
	color:#404040;
}
a:hover {
	color:#B10000;
}

/* Liste innerhalb des Contents */
ul#liste {
	list-style: none;
	position: relative;
	top: -10px;
}
ul#liste li {
	background: url(http://yoga-in-heidelberg.de/images/listen-image.gif) no-repeat left 11px;
	padding: 5px 0 0 12px;
}
ul#liste li a {
	color:#0000ff;
}
ul#preise {
	list-style: square;
}

/* Seitenzonen */
#seitenbody {
	border: 0px solid black;
	width: 1000px;
	margin-right: auto;
	margin-left: 0;
	text-align: left;
	background: url(http://yoga-in-heidelberg.de/images/hg-navi-spalte.gif) repeat-y left 0px;
	background-color: #FFFFEE;
}
#header {
	width: 1000px;
	height: 180px;
	border: 0px solid black;
	background-image: url(http://yoga-in-heidelberg.de/images/head-adhikara.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#navigation {
	border: 0px solid black;
	width: 202px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#seiteninhalt {
	width: 550px;
	float: left;
	margin: 0 0 -85px 0;
	padding: 0px;
	position: relative;
	top: -85px;
	border: 0px solid black;
}
#seiteninhalt div {
	padding: 0px 0px 30px 0px; 
}
#seite-ganz {
	width: 790px;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -85px;
	border: 0px solid black;
}
#seite-ganz div {
	padding: 0px 0px 30px 0px; 
}
#seite-ganz img {
	float: left;
	margin-right:10px;
} 
#respalte {
	width: 234px;
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -50px;
	border: 0px solid black;
}
#fuss {
	width: 100%;
	height: 39px;
	background: #F45300;
	padding: 0px;
	margin: 0px;
	border: 0px solid black;
}

#fussinnen {
	width: 1000px;
	padding: 0px;
	margin: 0px;
}

#footer1 {
	background: url(http://yoga-in-heidelberg.de/images/hg-fuss1.gif) no-repeat left 0px;
	width: 600px;
	clear: both;
	float:left;
	padding: 0px;
	margin: 0px;
	border: 0px solid black;
}
#footer1 p {
	font-size: 10px;
	line-hight: 12px;
	color: #9C0000;
	margin:0px;
	padding: 5px 0px 6px 202px;
}
#footer2 {
	background: url(http://yoga-in-heidelberg.de/images/hg-fuss2.gif) no-repeat right 0px;
	width: 400px;
	float:left;
	padding: 0px;
	margin: 0px;
	border: 0px solid black;
}
#footer2 p {
	font-size:10px;	
	color: #9C0000;
	text-align:left;
	line-hight: 12px;
	margin:0px;
	padding: 6px 0px 20px 40px;
}
#footer2 a {
	text-decoration: none;
	color: #9C0000;
}

/* Seiteninhalt Definitionen */
.route {
	font-family: arial; 
	font-size: 10px; 
	color: #FF9A00;
	position: relative;
	top: 14px;
	left: 40px;
	float: none;
}
.route a {
	font-family: arial; 
	font-size: 10px; 
	color: #F45300;
	text-decoration: none;
}
.einzug1 {margin-left: 45px;}
.einzug2 {margin-left: 30px;}
.einzug3 {margin-left: 15px;}

.einleitung {
	margin-left: 25px;
	padding: 10px;
	background: url(images/hg-einleitung.gif) no-repeat left bottom;
}
.linkfett {
	color:#0000ff;
	font-weight: bold;
}
.lspalte {
	font-size: 10px;
	font-weight: bold;
	color: #EF3300;
	margin: 20px 0 20px 20px;
}
.lspalte a {
	font-weight: normal;
	color: #FFEE9C;
}
.lspalte a:hover {
	font-weight: normal;
	color: #EF3300;
}
.right {
	text-align: right;
	position: relative;
	width: 100%;
	padding-right: 30px;
}
#weiter {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF9000;
	padding: 0px;
	margin: 0px 80px 0px 0px;
}
#weiter a {
	color: #FF9000;
	text-decoration: none;
}
#weiter a:hover {
	color: #B10000;
}

/* Navigation */
div#navigation ul {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type:none;
	background-image: url(http://yoga-in-heidelberg.de/images/hg-navi1.gif);
	background-repeat: no-repeat;
}
div#navigation ul li {
	width: 202px;
	height: 24px;
	font-weight: bold;
	border-top: 1px solid #ffffee;	
}
div#navigation ul li a {
	text-decoration: none;
	position: relative;
	left: 18px;
	top: 4px;
}

/* Navigation classes */
.navi {	
	background: url(http://yoga-in-heidelberg.de/images/hg-navi2.gif) repeat-y left;
}
.navi a {
	color: #FFFFCC;
}
.navi a:hover {
	color: #9C0000;
}
.navia {
	background: url(http://yoga-in-heidelberg.de/images/pfeil-navi.gif) no-repeat left;
}
.navia a {
	color: #9C0000;
}
.naviasub {
	background: url(http://yoga-in-heidelberg.de/images/pfeil-navi-down.gif) no-repeat left;
}
.naviasub a {
	color: #9C0000;
}
.kontakt {	
	background: url(http://yoga-in-heidelberg.de/images/news.gif) no-repeat left 1px;
	border-bottom: 1px solid #ffffee;	
}
.kontakt a {
	color: #FFFFCC;
}
.kontakta {
	color: #9C0000;
	background: url(http://yoga-in-heidelberg.de/images/news.gif) no-repeat left 1px;
	border-bottom: 1px solid #ffffee;	
}
.kontakta a {
	color: #9C0000;
}
.navis {
	background: url(http://yoga-in-heidelberg.de/images/hg-navi3.gif) repeat-y left;
}
.navis a {
	color: #9C0000;
	font-weight: normal;
}
.navis a:hover {
	font-weight: bold;
}
.navisa {
	background: url(http://yoga-in-heidelberg.de/images/hg-navi4.gif) repeat-y left;
}
.navisa a {
	color: #9C0000;
	font-weight: bold;
}

/* Titel-Boxen Startseite */
.titel1box {
	width: 520px;
	margin: 0 0 -40px 0;
	padding: 0;
	left: 20px;
	position: relative;
	background: url(http://yoga-in-heidelberg.de/images/hg-titelbox.gif) repeat-x top left;
}
*html .titel1box {
	
	margin: 0 0 -20px 0;
}
.titel1box h2 {
	margin: 0 0 10px 0;
	padding: 7px;
	font-size: 165%;
	background: url(http://yoga-in-heidelberg.de/images/hg-titel1.gif) no-repeat top left;
}
.titel1box div {
	width: 520px;
	margin: 0;
	padding: 0;
}
.titel1box div img{
	float: right;
	margin: 0 0 0 7px;
	padding: 0;
	border: 1px solid #ff9a00;
}
div p.pfeil a{
	float: right;
	margin: 0px;
	padding-right: 12px;
	background: url(http://yoga-in-heidelberg.de/images/pfeil.gif) no-repeat center right;
}
.titel2box {
	width: 260px;
	margin: 0;
	float: left;
	background: url(http://yoga-in-heidelberg.de/images/hg-titelbox.gif) repeat-x top left;
}
*html .titel2box {
	margin-top: -20px;
}
.titel2box.alt {
	width: 260px;
	margin: 0 10px 0 0;
	float: right;
}
.titel2box h2 {
	width: 260px;
	margin: 0 0 10px 0;
	padding: 7px 0 7px 7px;
	font-size: 165%;
	text-align:justify;
	background: url(http://yoga-in-heidelberg.de/images/hg-titel2.gif) no-repeat top left;
}
.titel2box div {
	width: 260px;
	margin: 0px;
	padding: 0px;
}
.titel2box p {
	margin: 0px 7px;
	padding: 0px;
}
.titel2box div img{
	float: right;
	margin: 0 0 2px 7px;
	padding: 0px;
	border: 1px solid #ff9a00;
}

/* Box rechts */
.box {
	width: 224px;
	margin-bottom: 10px;
	background: url(http://yoga-in-heidelberg.de/images/box-unten.gif) no-repeat bottom left;
}
.box h4 {
	margin: 0px;
	padding: 5px 5px 3px 10px;
	font-size: 113%;
	background: url(http://yoga-in-heidelberg.de/images/box-oben.gif) no-repeat top left;
}
.box ul {
	margin: 0px;
	padding: 7px 5px 3px 10px;
	list-style: none;
}
.box ul li {
	margin: 3px 0 0px 0;
	padding: 0px;
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	color: #00208A;	
}
.box ul li a {
	color: #0033FF;
}
.box ul li a:hover {
	color: #EF3300;
}
.boxbutton {
	margin: 0px 10px 0px 130px;
	padding: 0px;
}

/* Tabelle Kurse*/
.tab {
	width: 550px;
	height: 390px;
	margin-bottom: 20px;
	background: url(http://yoga-in-heidelberg.de/images/tab-unten.gif) no-repeat bottom left;
}
*html div.tab {
	background: url(http://yoga-in-heidelberg.de/images/tab-unten.gif) no-repeat 20px left;
}
.tab h4 {
	margin: 0px;
	padding: 5px 0px 4px 0px;
	background: url(http://yoga-in-heidelberg.de/images/tab-oben.gif) no-repeat top left;
}
.tab div {
	width: 100px;
	margin: -20px 0px 0px 8px;
	padding: 0px;
	font-family: tahoma,arial;
	font-size: 11px;
	color: #00208A;
	line-height: 14px;
	text-align:center;
	float: left;
}
.tab div h4 {
	margin: 2px 0px;
	padding: 0px;
	font-size: 113%;
	background-image: none;
}
.tab div p { 
	margin: 12px 0px;
	padding: 4px 0 10px 0;
}
.tablinie {
	background: url(http://yoga-in-heidelberg.de/images/tablinie.gif) no-repeat bottom center;
}
.hgr {
	background-color: #efff9e; padding: 0 2px 0 2px;
}
.hgr1 {
	background-color: #d4f277; padding: 0 2px 0 2px;
}
.hgb {
	background-color: #ffdc9e; padding: 0 2px 0 2px;
}
.hgm {
	background-color: #d9e5ff; padding: 0 2px 0 2px;
}
.bs {
	color:#e95200;
}

/* Tabelle Galerie */
.tabgalerie {
	width: 770px;
	margin-bottom: 10px;
	background: url(http://yoga-in-heidelberg.de/images/gtab-unten.gif) no-repeat bottom left;
}
.tabgalerie h4 {
	margin: 0px;
	padding: 5px 5px 3px 10px;
	font-size: 113%;
	background: url(http://yoga-in-heidelberg.de/images/gtab-oben.gif) no-repeat top left;
}
.tabgalerie div p { 
	margin: 12px 0px 20px 0px;
}
.tabgalerie dl {
	float: left;
	width: 750px;
	margin:10px 10px;
	padding: 0;
	display: inline;
}
.tabgalerie dt {
	float: left;
	width: 750px;
	margin: 10px 0 10px 5px;
	padding: 0;
	font-size: 110%;
	color: #ff9a00;
}
.tabgalerie dt a {
	color: #ff9a00;
	font-weight: bold;
}
.tabgalerie dd {
	margin: 0 220 0 10px;
	padding: 0;
	font-size: 100%;
	line-hight: 1.5em;
	color: #00208A;
}
.tabgalerie dd.img {
	float: right;
	margin: 10px 10px 10px 10px;
	padding: 0px;
}

/* Bildergalerie Grossansicht */
.bildgross {
	width: 770px;
	margin-bottom: 10px;
	background: url(http://yoga-in-heidelberg.de/images/gtab-unten.gif) no-repeat bottom left;
}
.bildgross h4 {
	margin: 0px;
	padding: 5px 5px 3px 10px;
	font-size: 113%;
	background: url(http://yoga-in-heidelberg.de/images/gtab-oben.gif) no-repeat top left;
}
.bildgross ul {
	margin: 0px;
	padding: 7px 5px 7px 10px;
	list-style: none;
}
.bildgross ul li {
	margin: 3px 0 3px 0;
	padding: 0px;
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	color: #00208A;
}
.bildgross ul li a {
	color: #0033FF;
}
.bildgross ul li a:hover {
	color: #EF3300;
}

/* Kontaktformular */
#kontakt {
	width: 570px;
	border: 1px solid #FF9000;
	float: left;
	position: relative;
	background-color: #fff2d5;
	margin: 0;
	padding: 0;
}
#kontakt p {
	margin-left: 30px;
}
#kontakt h3 {
	margin: 10px 0 10px 30px;
}
#kontakt ul {
	list-style: none;
	top: -20px;
	padding: 0;
	position: relative;
}
#kontakt ul li {
	margin-top: 0;
	padding-left: 30px;
}
#kontaktli  {
	font-size: 11px;
	float: left;
	width: 265px;
	margin: -20px 30px -10px 0px;
	left: 30px;
	position: relative;
	border:0px solid black;
}
#kontaktli  p {
	padding: 0 0 4px 0;
	margin: 0px;
}
#kontaktre  {
	font-size: 11px;
	float: left;
	width: 260px;
	padding: 0;
	margin-top: -20px;
	border:0px solid black;
}
#kontaktre  p {
	padding: 0 0 4px 0;
	margin: 0px;
}
.feld input, textarea {
	color:#0047b9;
	background:#fff;
	border:1px solid #cccccc;
	font:1em Tahoma, arial, sans-serif;
	overflow:auto;
	width:22em;
	height: 20px;
	padding: 2px 0 2px 4px;
}
.mailform input, textarea {
	background:#fff;
	border:1px solid #cccccc;
	font:1em Tahoma, arial, sans-serif;
	overflow:auto;
	width:46em;
	height: 100px;
	padding: 4px;
	margin-top: 5px;
}
.stern {
	font-zise: 11px;
	color: #e35715;
}

/* Kontaktformular Regina */
#kontaktreg {
	width: 530px;
	border: 1px solid #FF9000;
	float: left;
	position: relative;
	background-color: #fff2d5;
	margin: 0;
	padding: 0;
}
#kontaktreg p {
	margin-left: 10px;
}
#kontaktreg h3 {
	margin: 10px 0 10px 10px;
}
#kontaktreg ul {
	list-style: none;
	top: -20px;
	padding: 0;
	position: relative;
}
#kontaktreg ul li {
	margin-top: 0;
	padding-left: 10px;
}
#kontaktregli  {
	font-size: 11px;
	float: left;
	width: 250px;
	margin: 0 30px -10px 0px;
	left: 10px;
	position: relative;
	border:0px solid black;
}
#kontaktregli  p {
	padding: 0 0 4px 0;
	margin: 0px;
}
#kontaktregre  {
	font-size: 11px;
	float: left;
	width: 240px;
	padding: 0;
	margin: 0px;
	border:0px solid black;
}
#kontaktregre  p {
	padding: 0 0 4px 0;
	margin: 0px;
}
.check {border: 0px;}
.systemMessage {
	background-color:#fff;
	color:#000;
	border: thin solid #FF0000;
	font-weight:800;
	padding: 5px 5px 5px 5px;
	width: 98%;
}
.inputError {
	color:#000000;
	padding: 3px;
	width:97%;
	background-color:#fff;
	border: thin groove #D5E2F0;
}
*html textarea {width: 420px;}
.inputError {border: thin solid #FF0000;}