/*** (c) 2008 Bodhi-Basar - CSS-Autor Georg Conrad ***/

/*
 * --------------------> Main
 */

html, body { 
	margin: 0;
	padding: 0; 
	text-align: center; 
	color: #333322;
	background-color: #8B8B63;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%; }

body {
	background-image: url(../-/Hintergrund.jpg);
	background-position: center 0px;
	background-repeat: repeat-y; }

/*
 * --------------------> Container
 */

#wrapper {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 860px; 
	text-align: left;
	background-image: url(../-/Bodhi-Basar-Nepal.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #F5F2E2; color: #333322; }

#menue { 
	padding-top: 130px; 
/*	padding-left: 150px; */ }

#content {
	padding: 30px 30px 30px 60px;
	float: left;
	width:520px;
	/* min-height:400px; */ }

#infobox {
	float: left;
	width: 240px;
	margin-top: 42px; }

#footer {
	clear:both;
	height: 69px; 
	text-align: left;
	font-size: 50%;
	padding-top: 20px;
	padding-left: 60px;
	background-image: url(../-/Footer.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat; }

/*
 * --------------------> Text
 */

h1, h2, h3, h4, p, ul, li {
	margin: 0;
	padding: 0; }

h1, h2, h3 { 
	text-shadow: 2px 2px 3px #777777;
	font-family: Times, "Times New Roman", Serif; 
	font-weight: normal; 
	color: #556622; }

h1 {
	clear: both;
	margin-top: 33px;
	font-size: 200%;
	letter-spacing: -2pt;
	font-style: italic; }

h2, h3 {
	margin-top: 13px; 
	margin-bottom: 6px; 
	font-size: 130%; 
	letter-spacing: 1pt;
	/* border-bottom: 1px dotted #999; */ }

#H2Dia{
	border: none;
	margin-bottom: 4px; }

#DiaFoot{
	position:relative;
	margin-left: auto;
	margin-top: 2px;
	font-size: 50%; }

p { margin-bottom: 6px; }

p, li, td, ul { font-size: 80%; }

p, li, td { line-height: 150%; }

ul { margin: 0px 0px 0px 20px; }

#content td { vertical-align: top; }

#content tr.gelb { background-color: #EEEECC; }

/*
 * --------------------> Links
 */

a {
	color: #332;
	padding: 0px 3px 0px 3px; 
	text-decoration: none; 
	border-bottom: 1px dotted #332; }

a:hover {
	background-color: #EEEECC;
	color: #000; }

a:active { background-color: #fff; }

#zeigeDia a { border: none; }

#menue a {
	font-family: Times, Times-New-Roman, Serif; 
	color: #000;
	font-size: 100%;
	text-shadow: 2px 2px 3px #666; 
	font-style: italic;
	margin: 0px 0px 0px 0px; 
  	border-bottom: 1px solid #562; 
	padding: 4px 13px 3px 13px; }

#menue a#hier {
	border-left: 1px solid #562;		
	border-top: 1px solid #562; 
	border-right: 1px solid #562; 
   	border-bottom: 1px solid #F5F2E2; 
	padding: 4px 12px 7px 12px; }

#menue ul
{
	margin: 0px 0px 0px 230px;
	padding: 0px;
	list-style-type: none;
	font-size: 100%; }

#menue li {
	padding: 0;
	font-size: 100%;
	text-decoration: none;
	float: left; }


#menue li ul
{
	width: 100px;
	display: block;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin: 4px 0px 0px 0px;
	border-left: 1px solid #562;
	border-top: 1px solid #F5F2E2;
	border-right: 1px solid #F5F2E2;
	border-bottom: 1px solid #F5F2E2;
}

#menue li li { height:20px; }

#menue li li a { 
	padding-left: 13px;
	border: none; 
	font-style: normal;
	font-size: 80%; }

#infobox a {
	padding: 0px;
	margin: 0px;
	border: none; }

#infobox a:hover { border-color: none; }

/*
 * --------------------> Bilder
 */

img { border: none; }

#infobox img { 
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 6px; }

#infobox img.Icon {
	padding: 0px;
	width:54px;
	height:54px;
	display:inline;
	border: 3px solid #F5F2E2; }

#infobox img.Icon:hover {
	width:60px;
	height:60px;
	border: none; }

#zeigeDia img { 
	border: dotted 1px #8B8B63;
	padding: 3px;
	background-color: #ddd; }

/*
 * --------------------> Sonstiges
 */

hr {
	background-color:#332;
	height:1px;
	border: none; }