@charset "UTF-8";
/* CSS Document für PURNA YOGASCHULE */

body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b2d2a;
}
body {
	/*	background-image: url(images/hg_purna.gif);
	background-repeat: repeat-x;*/
	margin:0px;
	/*text-align:center ;*/
	}


h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 12px;
	color: #3b2d2a;
	margin-bottom:20px;
	letter-spacing: 1.0pt;
	text-transform: uppercase; 
}
h2 {
	font-size: 12px;
	color: #3b2d2a;
	margin-bottom:0px;
	margin-top:25px;
}
h3 {
	font-size: 12px;
	color: #3b2d2a;
	margin-bottom:0px;
}
h4 {
	font-size: 12px;
	color: #990a0a;
	margin-bottom:0px;
	margin-top:25px;
	letter-spacing: 1.0pt;
}

/*--------------------------------------------------------------------------------
Formatierung divs
--------------------------------------------------------------------------------*/

#komplett {
	width:1000px;
	/*margin:0px auto; unbedingt notwendig, damit seite mittig steht, body erhält angabe*/
	text-align:left;
	background-image: url(images/hg_purna.gif);
	background-repeat: repeat-x;
	}
#navigation {
	float:left;
	height: 318px;
	width: 406px;
}
#purna_image {
	float:left;	
	height: 318px;
	width: 317px;
}
#grund_navigation {
	float:left;	
	height: 318px;
	width: 277px;
}
#zweitnavigation {
	width: 277px;
}

#left {
	float: left;
	width: 270px;
	min-height:400px;
	background-image: url(images/gedanken/logo_transparent.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#rechts {
	float:left;
	height: 400px;
	width: 730px;
}

#breiter_content {
	float: left;
	width: 1000px;
	min-height:400px;
	/*background-image: url(images/gedanken/logo_transparent.gif);*/
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*---------------------------------------------------------------------------
Formatierung Navigation
---------------------------------------------------------------------------*/

#navigation ul 		{	
				margin:0; /*wichtig für ie*/
				padding: 114px 0px 0px 30px;
				list-style-type:none;
				color:#fdfdfd;
				display: block;
				width: 376px;
				font-size:14px;
				line-height: 24px;
				text-indent: 2px;
				position:relative; /*test für ie6 einzug der ul*/
				/*letter-spacing: 0.03em;*/
				/*margin:0 0 1em 2em;*/
}			
								
#navigation li		{ 	

						
}	
		
#navigation li a 	{
	color:#fdfdfd;
	text-decoration:none;
	display: block;
	width: 100%;
	height:24px;
	background-image: url(images/hg_hauptnavigation.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	
				
#navigation li a:hover {
	color:#ac1818;
	/*color:#3b2d2a;*/
	background-image: url(images/hg_hauptnavigation1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation li.ist a { 	
	color:#3b2d2a;
	background-image: url(images/hg_hauptnavigation1.gif); /* absoluten pfad eingeben vor aufspielen der site*/
	background-repeat: no-repeat;
	background-position: left top;
}	
				

#zweitnavigation ul {	
	padding:0px 0px 0px 15px;
	margin:0;
	list-style-type:none;
	display: block; /*damit hintergrundbild in seiner ganzen breite gezeigt wird */
	width: 250px;   /*breite hgimage*/
	font-size:12px;
	line-height: 24px;
	text-indent: 2px;
	letter-spacing: 0.03em;
}			
								
#zweitnavigation li { 		
				
}	

#zweitnavigation li a {
	color:#fdfdfd;
	text-decoration:none;
	display: block;
	width: 100%;
	height:24px;
	background-image: url(images/hg_zweitnavigation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: 0.5pt;
}	
				
#zweitnavigation li a:hover {
	color:#ac1818;
	/*color:#990a0a;*/
	/*color:#3b2d2a;*/
	background-image: url(images/hg_zweitnavigation1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#zweitnavigation li.ist a		{ 
	color:#3b2d2a;
	background-image: url(images/hg_zweitnavigation1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: 0.5pt;
	}	
						
#menu{
	list-style-type: none;
	padding-left:15px;
	padding-top:64px;
	padding-bottom:50px;
	margin:0;
	color:#990a0a;
	font-size: 12px;
	letter-spacing: 0.03em;
	}
		
#menu li{
		float: left;
		margin: 2px;
	}
		
#menu li a{
		color:#990a0a;
		text-align: left;
		text-decoration: none;
		font-size: 12px;
	}
		
#menu li a:hover{
		text-decoration:underline;
		}
#menu li.ist a { 
		font-weight:bold;
		}
		
		
/*------------------------------------------------------------------
TEXTFORMATIERUNG
------------------------------------------------------------------*/
		
#komplett #rechts #text {
	font-size: 12px;
	line-height: 130%;
	color: #453435;
	text-align: left;
	padding: 50px 70px 10px 50px;
	padding-bottom:50px;
}

#komplett  #rechts #text p.zitierter {
	text-align: right;
	font-size: 10px;
	line-height:2px;
	color:#ac1818;	
}
#komplett div #rechts #text .zitat {
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
}
#komplett #rechts #text .tabellenzahl {
	text-align: right;
	font-size: 12px;
	font-weight:bold;
	padding-right:20px;
}

.ueberschrift {
	font-weight:bold;
	line-height:30px;
}

#left #text {
	font-size: 12px;
	line-height: 130%;
	color: #453435;
	text-align: left;
	padding: 95px 20px 10px 33px;
	letter-spacing:0.05em;
	padding-bottom:50px;

}

#komplett #breiter_content #text {
	font-size: 12px;
	line-height: 130%;
	color: #453435;
	text-align: left;
	padding: 50px 70px 10px 150px;
	padding-bottom:50px;
}
.fett {
	font-weight: bold;
}
.rot{color: #990a0a;}
/*--------------------------------------------------------------------
LINKFORMATIERUNG
--------------------------------------------------------------------*/
a.content:link, a.content:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color:#be4624;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	background-image:url("images/quadrat.gif");
	background-repeat:no-repeat;
	background-position: left center;
	border:0px;
	font-style: normal;
	letter-spacing: 0.5pt;
}

a.content:hover{
	text-decoration: underline;
}
a.internerlink:link, a.internerlink:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	color:#815171;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	background-image:url("images/quadrat_intern.gif");
	background-repeat:no-repeat;
	background-position: left center;
	border:0px;
	font-style: normal;
	letter-spacing: 0.5pt;
}

a.internerlink:hover{
	text-decoration: none;
	color:#be4624;
}				




/*.......................................................................
TABELLENFORMATIERUNG
--------------------------------------------------------------------------*/
#komplett #rechts #text table td.bottomline,#rechts #text table td.bottomline {
	border-bottom: dotted 1px #3b2d2a;
	padding-bottom:15px;
	padding-top:5px;
}

#komplett #rechts #text table td.zellen {
	border-bottom: dotted 1px #3b2d2a;
	padding-bottom:5px;
	padding-top:5px;
}
#komplett #breiter_content #text table td.bottomline {
	padding-bottom:15px;
	padding-top:5px;
}