/* 	CSS Document - Mentale Selbstheilung_Styles  				*/

/*  -----------------   Basis (Grund) - Container:  -------------------
  
  	beinhaltet:			TOP-Conatiner
						TOP-Navi-Container
						MAIN - Basis-Container
						BOTTOM-Container
	------------------------------------------------------------------------*/

#msh_basis
{
    width:                      990px;
    margin:                 	0px auto 0px auto;
    padding:					0px 0px 0px 0px;
    text-align:                 center;
    background-color:           transparent;
    /*background-image:           url("../pictures/Top/top_logo.png");
    background-image:           url("../pictures/Top/hg_top.png");
    background-repeat:          no-repeat;
    background-attachment:		fixed;*/
    border: 					0px dotted black;
    clear:						both;
}

/*  -----------------   TOP - Navigation  -------------------  */

#top_leiste		/*	obere Site - Begrenzung	*/
{
	width:						990px;
	height:						20px;
	margin:                		0px 0px 0px 0px;
    padding:                    0px 0px 0px 0px;
    border-collapse:            collapse;
    background-color:           transparent;
	background-image:           url("../pictures/Top/hg_top_rand.png");
    background-repeat:          no-repeat;
    border:                     0px solid #333;
    float:                      left;
}

#top_banner     		/* TOP - Banner */
{
    width:						990px;
    height:						100px;
	margin:                 	0px 0px 0px 0px;
	padding:					0px 0px 0px 0px;
    border:                     0px solid red;
    background-color:           transparent;
    background-image:           url("../pictures/Top/top_banner.png");
    background-repeat:          no-repeat;
    float:                      left;
}

#top_navigation_div		/* TOP - Navigation Container */
{
	width:						750px;
	height:						30px;
	margin:                 	0px 0px 0px 0px;
	padding:                 	0px 0px 0px 0px;
	background-color: 			transparent;
    /*background-image:           url("../pictures/Top/hg_top_navi_2.png");
    background-repeat:          no-repeat;*/
	border: 					0px solid blue;
	float:                      right;
}

ul.top_navigation_div 	/*	Liste der TOP-Navigationspunkte	*/
{
	margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color: 			transparent;
	text-align:                 center;
	clear:						both;
}

li.top_navigation_link	/* TOP - Navigation Link-Fläche */
{
	width:						104px;
	height:						28px;
	margin:                 	0px 3px 0px 0px;
	padding:                 	2px 0px 0px 0px;
	background-color: 			transparent;
	background-image:           url("../pictures/Top/top_navi_link.png");
    background-repeat:          no-repeat;
    list-style:            		none;
    display:                    block;
    float:                      left;
}

.top_navigation_link a
{
	height:						30px;
	margin:                 	0px 0px 0px 0px;
	padding:                 	0px 0px 0px 0px;
	text-align:					center;
	vertical-align: 			middle;
	color:			   			#888;
	text-decoration:			none;
	font-size:                  14px;
	font-weight:                normal;
}

.top_navigation_link a:hover,
.top_navigation_link a:focus,
.top_navigation_link a:active
{
	height:						30px;
	margin:                 	0px 0px 0px 0px;
	padding:                 	0px 0px 0px 0px;
	color:			   			#333;
}

/*  -----------------   MAIN (Grund/Basis) - Container:  -------------------
  
  	beinhaltet:			LEFT (Basis)-Navi-Conatiner (beinhaltet Liste + Subliste)
						MAIN-Container
	------------------------------------------------------------------------*/

.main_basis
{
    width:                      990px;
    margin:                		0px 0px 0px 0px;
    padding:                    0px 0px 0px 0px;
    border:						0px;
    clear:						both;
}

/*  -----------------   LEFT-Navi - Container  -------------------  */

.left_navi_body
{
	width:                      220px;
    margin:						2px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color:           transparent;
	border: 					0px solid white;
	float:						left;
}

.left_navi_top
{
	width:                      220px;
	height:						18px;
    margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color:           transparent;
    background-image:           url("../pictures/Top/left_navi_top.png");
    background-repeat:          no-repeat;
	border: 					0px solid white;
	float:						left;
}

.left_navi_bottom
{
	width:                      220px;
	height:						18px;
    margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color:           transparent;
    background-image:           url("../pictures/Top/left_navi_bottom.png");
    background-repeat:          no-repeat;
	border: 					0px solid white;
	float:						left;
}

.left_navi_basis
{
	width:                      220px;
    margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color:           transparent;
    background-image:           url("../pictures/Top/left_navi_1px.png");
    background-repeat:          repeat-y;
	border: 					0px solid white;
	float:						left;
}



.left_navi	/*	Container der linksseitigen vertikalen Navigation*/
{
    width:                      220px;
    margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color: 			transparent;
	text-align:                 center;
	float:						left;
}

ul.left_navi 	/*	Liste der Hauptpunkte	*/
{
	margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
    background-color: 			transparent;
	text-align:                 center;
	clear:						both;
}

li.left_navi
{
	width:                      220px;
    height: 					24px;
    margin:						0px 0px 5px 0px;    
    padding:                    3px 0px 0px 0px;
    font-size:		   			20px;
    font-weight:                normal;
    text-align:                 center;
    background-color: 			transparent;
    color:						#777777;
    list-style:            		none;
    display:                    block;
    text-align:                 center;
}

a.left_navi
{
    height: 					27px;
	margin:						1px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
	font-size:		   			20px;
    font-weight:                normal;
    text-align:                 center;
    text-decoration:			none;
    background-color: 			transparent;
    color:						#777777;
}
a:hover.left_navi,
a:focus.left_navi,
a:active.left_navi
{
	height: 					27px;
	margin:						1px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
	font-size:		   			20px;
    font-weight:                normal;
    text-align:                 center;
    text-decoration:			none;
    background-color: 			transparent;
    background-image:           url("../pictures/Top/left_navi_link_1px.png");
    background-repeat:          repeat-y;
    color:						#444444;
}

.left_navi_sub	/*	Container der linksseitigen vertikalen SUB-Navigation*/
{
    width:                      220px;
    margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 10px 0px;
    background-color: 			transparent;
	text-align:                 center;
	float:						left;
}

ol.left_navi_sub	/*	Liste der Unterpunkte (1)	*/
{
	margin:						0px 0px 0px 0px;
    padding:                    0px 0px 0px 0px;
    clear:						both;
}

li.left_navi_sub
{
	width:                      100%;
	height: 					15px;
    text-align:                 center;
    border:                     none;
    background-color: 			transparent;
    padding:                    4px 0px 0px 0px;
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:		   			12px;
    font-weight:                normal;
    list-style:            		none;
    display:                    block;
}

a.left_navi_sub
{
    margin:						0px 0px 0px 0px;    
    padding:                    2px 0px 2px 0px;
	background-color: 			transparent;
    color:						#666;
    text-decoration:			none;
    font-weight:                normal;
}
a:hover.left_navi_sub,
a:focus.left_navi_sub,
a:active.left_navi_sub
{
    margin:						0px 0px 0px 0px;    
    padding:                    2px 0px 2px 0px;
	color:						#333333;
    text-decoration:			none;
    font-weight:                normal;
    background-image:           url("../pictures/Top/left_navi_link_1px.png");
    background-repeat:          repeat-y;
}



/*  -----------------   MAIN - Container  -------------------  */


.main		/* rechts - neben vertikaler Navigation */
{
	width:                      710px;
	height:						auto;
	margin:                		10px 40px 0px 20px;
	padding:                    0px 0px 0px 0px;
    color:                      #666;
	text-align: 				center;
    float: 						left;
}


/*  -----------------   Bottom - Container  -------------------  */

#bottom_leiste
{
	width:						990px;
	height:						32px;
	margin:                		20px auto 0px auto;
    padding:                    18px 0px 0px 0px;
    border-collapse:            collapse;
    background-color:           transparent;
	background-image:           url("../pictures/Top/hg_bottom.png");
    background-repeat:          no-repeat;
    text-align:                 center;
    color: 						#aaa;
    font-size: 					12px;
    border:                     0px;
    clear:						both;
}
#bottom_leiste a
{
    color:			   			#888;
	text-decoration:			underline;
	font-size:                  12px;
}

#bottom_leiste a:hover,
#bottom_leiste a:focus,
#bottom_leiste a:active
{
    color:			   			#000;
    text-decoration:			none;
	font-size:                  12px;
}


/*  -----------------   Anker für Seitenanfang  -------------------  */

.anker
{
	height:						0px;
	margin:						0px 0px 0px 0px;    
    padding:                    0px 0px 0px 0px;
}