/* General Style */ 

body {
	
background-color:#292329;
	
font-size:100%;
	
margin:0em;
	
padding:0em;
}





h1 
{
font-size:2.5em;
	
line-height:0.5em;
	
font-family: "Ar Decode", Gabriola, Vijaya, serif;	
font-weight:100;

letter-spacing: 0.15em;
word-spacing: 0.15em;
color:#EFB665;
	
margin:0em 3em 0em 0em;

}


h5 img{
max-width:30px;
margin: 0em 0em 0em 0em;
text-align:right;
}





h2 {
	
font-size:1em;
	
line-height:1.2em;
	
font-family:Corbel;
	
font-weight:100;
	
color:#EFB665;
	
margin:0em;
	
padding:1.25em 3em 0em 0em;
	
text-align:right;

letter-spacing:0.1em;
text-transform: uppercase;

width: 90%;
height:auto;
	
max-width:100%;

 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

}


h3 {
	
font-size:1em;
	
line-height:1.2em;
	
font-family:"Corbel";
	
font-weight:100;
	
color:#EFB665;
	
margin:0em;
	
padding:1.25em 0em 0em 2.2em;
	
text-align:justify;

letter-spacing:0.03em;

width: 85%;
height:auto;
	
max-width:100%;

 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}


h4 {
	
font-size:0.9em;
	
line-height:1em;
	
font-family:"Corbel";
	
font-weight:100;
	
color:#EFB665;
	
margin:0em;
	
padding:1.25em 0em 0em 2.2em;
	
text-align:justify;

letter-spacing:0.03em;

width: 85%;
height:auto;
	
max-width:100%;

 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;


}






p {
	
line-height:1.15em;
	
font-family:Corbel;

font-size: 1.01em;	

color:#fdf9f9;
	
margin:;
	
padding:;
	
text-align:justify;



width: 85%;
height:auto;
	
max-width:100%;

 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}



 p:first-letter{
color:#EFB665;
font-size:1.7em;
font-family: "Ar Decode", Gabriola, Vijaya, serif;}


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



li {
	
list-style:square;
	
font-family:Corbel;

letter-spacing: 0px;	
font-weight:100;
	
color:#fdf9f9;
	
line-height:1.15em;
	
margin:0em;
	
padding:0em;
	
margin:0.313em 0em 0.313em 0em;
}



img {
	

width:95%;	
height:auto;
	
max-width:100%;
}





a {
	
text-decoration: none;

color:#fdf9f9;
}



/* On Top Bar */


#menubar {
	
display:block;
	
background:#292329;
} 


#menubar ul {
	
display:block;
	
width:1.9em;
	
padding:0.6em;
}


#menubar ul li {
	
display:inline;
}


#menubar ul li a.menubutton {
	
display:none;
}



/* Header */ 





header {
	
display:block;
	
background-color: #292329;
	
text-align:left;

height:8.5em;
margin: 0em;

}



h1 {

padding: 0.4em 0em 0em 0em;
color:#fdf9f9;
font-family: "Ar Decode", Gabriola, Vijaya, serif;
font-size:3em;
text-align:center;
}

header h5 {

color:#fdf9f9;
font-family: Corbel;
text-align:center;
padding: 1em 3em 0em 0em;
line-height:0.1em;
	
font-size: 0.8em;	
letter-spacing:0.4em;
}





/* Navigation */ 


nav {
	
display:block;
	
height:1.5em;
	
background:#5C5C66;
	
text-align:center;
}


nav ul {
	
display:block;

padding: 0em 6em 0em 0em;
}


nav ul li {
	
display:inline;
	
margin:0em 0.188em 0em 0.188em;
}



nav ul li a {
	
color:#fdf9f9;
	
font-size: 0.9em;
	
line-height:2.1em;
	
padding:0.563em 0.938em 0em 0.983em;


transition:background 0.2s;
	
-webkit-transition:background 0.2s;
}



nav ul li a:hover {
	
background:#5C5C66;
	
border-bottom: 0.1em solid #EF9C2A;
}


nav ul li a.active {
	
border-bottom: 0.1em solid #EF9C2A;
}



#language{
text-align:right;
margin:1.5em 3em auto auto;
}





/* Content Area */ 


#main {
	
display:block;
	
width:96%;
	
max-width:960px;
	
margin: auto;
	
padding:0em;
}




#main article {
	
display:inline-block; 
	
width:65.3%; 
	
background:#292329;
	
vertical-align: top;

margin:0em;
	
padding:0em;
	
text-align:justify;
}



#main article p {
padding: 1em 1em 0em 2em;

}

#main article ul {
padding: 0em 1em 0em 1em;
}

#main article li {
text-align: justify;
padding: 1em 2em 0em 2em;
}




#main article img {
	
max-width:85%;
	
border-radius: 5px;

padding: 1em 2em 0em 2em;
text-align:center;
}

#main article img#ramana{
max-width:350px;
margin: 0em 0em 0.3em 0em;
;
}

#main article img#e{
max-width:60px;
margin: 0em 0em 0.3em 0em;
;
}




#main article img#foto{
max-width:150px;
margin: 0em 0em 0.3em 0em;
float:left;
}

#main article img#abstand{
max-width:20px;
margin: 0.2em 0em 0.2em 15em;
text-align:left;
}

#main article 

a {
	
text-decoration: none;

color:turquoise;
}




#main aside {
	
display:inline-block;
	
width:30.6%;
	
margin-left:3%; 
	
padding:4.2em 0em 0em 0em;
	
vertical-align:top;
}



#main aside section {
	
margin-bottom:1.563em;
	
background:#5C5C66;
	
border-bottom: 0.1em solid #EF9C2A;
}



#main article h2 {
	
padding:1em 1.8em 1em 0em;
}


#main article ul {
text-align:justify;
padding:1em 1.8em 1em 1.8em;
line-height:1.15em;
	
font-family:Corbel;

font-size: 1.01em;	
font-weight:100;
	
color:#fdf9f9;
	
}



#main aside section ul {
	
padding:0em 1.875em 1.25em 2.5em;

}

#main aside section p{
	
padding:0em 1.875em 1.25em 1em;
}

#main aside section img{
padding:0em 1.875em 1.25em 0.5em;}




/* Footer */ 
footer {
	
display:block;
	
background:#2e272e;
	
text-align:right;
}




footer ul {
	display:block;
	
width:100%;
	
max-width:980px;
	
text-align:left;
	
margin:0px auto;
}



footer ul li {
	
display:inline;
	
font-size:1em;
	
line-height:2.8em;
	
color:#fdf9f9;
	
padding:0em 0.625em 0em 0.625em;
}


footer ul li a {
	
color:#fdf9f9;

}

footer img {
max-width:20px;}


/* Mobile Style */


@media screen and (max-width:800px) {
	
body {
		
font-size:90%;
	}
}


@media screen and (max-width:600px) 
{
	#main aside, #main article {

		width:100%;

		display:block;

		margin:0.625em 0em 0.625em 0em;
	}
}


@media screen and (min-width:550px) {
	
nav.nav {
		display:block !important;

	}	
}


@media screen and (max-width:550px) {
	
body {
		
font-size:86%;	}
	

@media screen and (max-width:550px) {

#main article img#foto{
max-width:30%;

}
@media screen and (max-width:550px) {

#language {
		display:block !important;

	}

}




#menubar ul li a.menubutton {
		
display:block;
	}	
	
nav {
		
display:none;
		
height:auto;
	}
	
nav ul li {
		
display:block;
		
margin:0.3em 0em 0.3em 0em;
	}
}