/**
 * Yogaschule Sanija 2010
 *
 * @author Nabil Redmann 2010
 * @email nabil@redmann.de
*/

html {
	font-size: 14px;
}

#page *, #page table
{
	/* schrift, größe, zeilenhöhe */
	
	font-family: Tahoma, Arial;
	font-size: 1rem;
	
	line-height: 160%;
	
	/* border: 1px solid silver; */
}

body
{
	background-color: #FFFFFF;
	margin: 0;
}

#page table /* zellenabstände aller Tabellen entfernen */
{
	border-width: 0 0 0 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#page img
{
	margin: 0;
	border: 0;
}

#page
{
	width: 800px;
	margin: auto;
	margin-top: 20px;
}

#page #logo
{
	text-align: center;
}

#page #logo img
{
	height: 99px;	/* angegeben, damit beim ersten Seitenaufbau der Contentbereich nicht "nach unten Zuckt" */
}


#page #menu
{
	padding: 10px;
	
	width: 160px;
}

#page #menu ul
{
	padding: 0; /* Listeneinschub entfernen */
}

#page #menu ul li
{
	list-style-type: none; /* punkte entfernen */
	padding: 5px;
	padding-left: 10px;
}

#page #menu ul li:hover
{
	background-color: #FAC26B;	/* markierten Menüeintrag beim darübergehen */
}

#page #menu ul li.markiert
{
	background-color: #F5A81C;	/* markierten Menüeintrag */
}

#page #menu ul li.markiert a
{
	color: white;
}

#page #menu ul li a
{
	display: block; /* damit die gesammte Breite des Items anklickbar ist */

	text-decoration: none;
	
	color: black;
	
	/* outline: 0;  killt Tastatur navigation */
}

#page #middle
{
	width: 100%;
	/* height: 100%;  probleme bei Chrome, wird gestaucht */
	
	border: 1px solid gray;	/* Contentbereichsrahmen */
}

#page #middle tr
{
	vertical-align: top;
}

#page #contentarea	/* kann selbst nicht scrollbar gesetzt werden */
{
	height: auto; /*ehemals 400px */
	padding: 30px;
	padding-right: 20px; /* mit #content -> padding-right zusammen = 30px */
}

#page #content	/* scrollbarer Bereich */
{
	margin: 0;
	
	height: 100%;
	
	overflow: auto;
	padding-right: 10px;
}

#page #content p, #page #content *	/* Stern (= alle Kinder) genutzt, da table nicht reagiert ! */
{
	font-size: .86rem;

	margin-top: 0;
	margin-bottom: 10px;
}

#page #content p.center
{
	text-align: center;
}

#page #content p a
{
	color: blue;
}

#page #content h1
{
	margin-bottom: 30px;
	font-size: 1.21rem;
}

#page #content h2, #content th
{
	color: #F5A81C;
	
	font-size: 1rem;

	margin-top: 20px;
	margin-bottom: 0px;
	
	border-bottom: 1px solid #FAC26B;
}

#page #content p .right, #page td.right
{
	text-align: right;
}


#page #copyright
{
	margin-top: 5px;
	padding-bottom: 20px;	/* Abstand nach unten zum Browserfenster. Margin funktioniert an dieser stelle nicht im IE. */
	text-align: center;

	color: #F5A81C;
	font-size: .86rem;
}

#page #copyright small
{
	font-size: .79rem;
}

/*Kontaktformular Anpassungen*/
textarea
{
		width:300px;height:150px;

}

/*input
{
		width:150px;
		height:14px;
		border: none;
		border-bottom: 2px solid #F5A81C;
}*/

/* add-this "Einpassung" */
.addthis_toolbox
{
	margin-right: 5px;
}

.addthis_toolbox, .addthis_toolbox *
{
	font-size: .86rem !important;
}

.addthis_button_facebook_like iframe 
{
	width: 160px !important;
	height: 26px !important;
}

.addthis_counter a.atc_s:hover
{
	background-color: #FFFFFF !important;
}

.addthis_counter a.atc_s
{
	background-color: #F5A81C !important;
}

.addthis_counter.addthis_pill_style
{
	background-color: #FFFFFF !important;
	width: 115px !important;
}

button, input[type="submit"] {
	background: orange !important;
	border: 0;
	padding: .5em 1em;
	border-radius: 4px;
	color: white;
	font-weight: bold;
}

input, textarea, select {
	border: 1px solid orange;
	border-radius: 3px;
	padding: .5em 1em;
}