/* Cascading Style Sheets file designed by Mike Lampel
Ödenbergerstr. 144 90491 Nürnberg Tel: 0911 660 75 19 -
www.Thaiyogalounge.de - massage@thaiyogalounge.de
Constructed 02.06.2009

Dear Andrea,

The Website is designed for a resolution 1024x768 pixel up to 1600x1200 pixel
for the best display. Please very careful with body, container, sidebar, menu, date,
Hyperlink.

It's not easy with so much titles in the menu to hold the minimum resolution 1024*768 pixel

In Content for the differen Sites (here scroll down) you can give mor space for the
content. Mind. Content hight is 1200 pixel. This is the only point in this area
for interest.


In the Title - Picture Position and Text Design
for the different sites - ( here scoll down on this site )
you found all was you need for change the content and insert pictures.

Bevore you make modifications in this css file please read the title over the
entrys. Modify very careful and step by step!

lot of metta! - Mike _*/


/* Body */


body
	{
		background-color: #990000;
		margin-top: 0px;
	}


/* Container */


#container
	{
		margin: 1em auto;
		margin-top: 0px;
		width: 805px;
		height: 810px;
		border: 0px;
	}


/* Sidebar */


#sidebar
	{
		position: fixed;
		background: url(../images/logo_andrea.gif) top no-repeat;
		background-color: #990000;
		float: left;
		width: 220px;
		height: 1300px;
		z-index: 1;
	}


/* Menu */

/* Menu margin-top: 151px; is minimum attitude for
all Browsers. Do not change!*/


#menu
	{
	line-height: 13px;
	margin-top: 130px;
	padding-left: 13px;

	}

ul
	{
	margin-left: 15px;
	display: inline;
	}

li
	{
	color:  #e5c61f;
	background: url(../images/menubgcolor.gif) top no-repeat;
	}


/* picpos ( TTYM-Picture in the Menu) margin-top: -9px;
is minimum attitude for all Browsers (it' a alternative).
Resolution 1024x768 Pixel - Browser: Firefox can't
realy good display the Picture, but it`s ok.*/

/* IMPORTANT: Include no more Menu Titles then the Website
is compatiple for all Borwsers in a minimum Resulution 1024x768 pixel */
/* This is why the Menu Title "Contact" is on all sites in the
Conten right up! */

#picpos
	{
	position: absolute;
	margin-left: 2px;
	margin-top: 0px;
	/* border: 7px solid #990000; */
	z-Index: 0;
	}


/* Contact and Date position up on all Sites */


.banner
	{
	position: fixed;
	margin-top: 1px;
	margin-left: 223px;
	width: 578px;
	height: 85px;
	background: url(../images/headerbg.gif) repeat-x top;
	z-Index: 2;
	}

/*
.banner_ornament
	{
	position: absolute;
	margin-top: 10px;
	margin-left: 0px;
	z-Index: 2;
	}
*/


.date
	{
	position: absolute;
	margin-top: 19px;
	margin-left: 417px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e5c61f;
	}


.contact_position
	{
	position: absolute;
	margin-top: 19px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #e5c61f;
	}

/*
.sideornament
	{
	position: absolute;
	margin-top: 6px;
	margin-left: 567px;
	width: 10px;
	height: 578px;
	border: 0px;
	}
*/

/* Hyperlink */

/* The Hyperlinks on the Menu and on the Content have over the
complete Website the same color. Problem is, on the White Background
in the Content, is a White Hyperlink invisible. This is why the Font
Color in the Menu and for Hyperlinks is Gold and Silver.
That is a alternative and looks good! */


a:link
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E6B715;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}

	/* Aktive Links*/


a:active
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #87bc81;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}

	/* besuchte Links*/


a:visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #b2afaf;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}


	 /* Benutzer selektiert  */


a:hover
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a0c874;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}



/* Content for the differen Sites */

/* here you can change the hight value for
more content. Minimun is height: 1280px; for
a Resolution 1024x768 Pixel to 1600.1200Pixel */


#index_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for Courses Offered Site */


#course_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1460px;
	}


/* Content for Chronological List of the Courses Site */


#chrono_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1710px;
	}


/* Content for Locations List of the Courses Site*/


#location_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for Metta Site */


#metta_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1699px;
	}


/* Content for Andrea Baglioni Site */


#andrea_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for Metta Site */


#asoka_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for Sunshine Network Site */


#sn_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for Contact Site */


#contact_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for TTYMA Site */


#ttyma_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Content for Useful links Site */


#link_content
	{
		background-color: #ffffff;
		border: 1px solid #ebb325;
		margin-top: 1px;
		margin-left: 222px;
		width: 578px;
		height: 1180px;
	}


/* Picture Position and Text Design
for the different sites */


/* Title and standard text */


p
	{
	margin-left: 12px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	}

h3
	{
	margin-left: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #656363;
	font-weight: normal;
	}

h2
	{
	margin-left: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #656363;
	font-weight: normal;
	}


h1
	{
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #656363;
	font-weight: normal;
	}


/* Home (index.html) */


#index_text
	{
	width: 300px;
	margin-left: 10px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	/* z-Index: 1; */
	}


#index_text2
	{
	width: 280px;
	margin-left: 265px;
	padding-top: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-style: italic;
	color: #656363;
	/* z-Index: 1; */
	}


#index_text3
	{
	width: 325px;
	margin-left: 10px;
	padding-top: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-style: italic;
	text-align: justify;
	color: #656363;
	/* z-Index: 1; */
	}


#picpos_index1
	{
	position: absolute;
	float: right;
	margin-top: 40px;
	margin-left: 370px;
	border: 1px solid #ffffff;
	/* z-Index: 1; */
	}


#picpos_index2
	{
	position: absolute;
	float: right;
	margin-top: 93px;
	margin-left: 25px;
	border: 1px solid #ffffff;
	/* z-Index: 1; */
	}


#picpos_index3
	{
	position: absolute;
	float: right;
	margin-top: 238px;
	margin-left: 370px;
	border: 1px solid #ffffff;
	/* z-Index: 1; */
	}


/* Course Offered Site */


#picpos_course1
	{
	margin-left: 10px;
	border: 1px solid #990000;
	margin-left: 23px;
	}

#picpos_course1a
	{
	margin-left: 15px;
	border: 0px solid #990000;

	}

#picpos_course2
	{
	margin-left: 10px;
	border: 1px solid #990000;
	margin-left: 18px;
	}


#picpos_course3
	{
	margin-left: 10px;
	border: 1px solid #990000;
	margin-left: 18px;
	}


/* Metta Site */


#picpos_metta
	{
	float: left;
	border: 0px;
	margin-left: 10px;
	margin-right: 30px;
	}

/* Table Metta Site */


#table
	{
	border:1px;
	font-size: 11px;
	color: #656363;
	font-family: Verdana;
	text-align: left;
	font-weight: normal;
	padding-right: 1px;
	padding-left: 1px;
	margin-right: 1px;
	margin-left: 1px;
	}


#td td1 td2 td3 td4 td5 td6 td7 td8 td9 td10 td11 td12 td13 td14 td15 td16 td17 td18 td19 td20 td21 td22 td23
	{
	border-color: #656363;
  	border-style: solid;

	}


#tableoption
	{
	border-style: none;
	font-family: Verdana;
	text-align: left;
	font-weight: normal;
	color: #656363;
	}


/* Andrea Baglioni Site */


#picpos_andrea
	{
	position: absolute;
	float: right;
	margin-left: 360px;
	border: 1px solid #990000;
	}


#andrea_text
	{
	width: 325px;
	margin-left: 0px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	}


/* Asokananda Site */


#picpos_asoka1
	{
	position: absolute;
	float: right;
	margin-left: 372px;
	border: 1px solid #000000;
	}


#asoka_text1
	{
	width: 325px;
	margin-left: 10px;
	padding-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	}


#picpos_asoka2
	{
	position: absolute;
	float: right;
	margin-left: 30px;
	border: 1px solid #990000;
	}


#picpos_asoka3
	{
	position: absolute;
	float: right;
	margin-left: 366px;
	border: 1px solid #990000;
	}


/* Sunshine Network Site */


#sunshine_text1
	{
	width: 325px;
	margin-left: 10px;
	padding-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	}


#picpos_sunshine1
	{
	position: absolute;
	float: right;
	margin-top: 90px;
	margin-left: 352px;
	}


#picpos_sunshine2
	{
	position: absolute;
	float: right;
	margin-left: 129px;
	border: 1px solid #990000;
	}


/* Traditional Thai Yoga Massage Association Site*/


#ttyma_text
	{
	width: 325px;
	margin-top: 60px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	}


#picpos_ttyma1
	{
	position: absolute;
	float: right;
	margin-top: 40px;
	margin-left: 352px;
	}


/* contact Site */


#picpos_contact
	{
	position: absolute;
	margin-top: 150px;
	margin-left: 80px;
	border: 0px;
	}


.webdesign
	{
	position: absolute;
	margin-top: 50px;
	margin-left: 375px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #656363;
	}


/* Useful links Site */


#link_text
	{
	width: 525px;
	margin-left: 10px;
	padding-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: justify;
	color: #656363;
	}