/*****************************
 company: steintafel.ch
 File: styles.css
******************************
 initial author: David Flores
 last editor: David Flores
 first Version: 24.11.2005
 last Version: 18.05.2006
******************************

weiss #ffffff;
grau1 #e6e6e6
grau2  #dadada
hintergrund #586F8C
copy farbe #27405e 

*/

/* Schriftart, Hintergrundfarbe, Vordergrundfarbe und horizontale Zentrierung sowie Abstand zum oberen Rand */
*			{
			padding: 0;
			margin: 0;
			border: 0;
}
	
body		{
			margin-top: 15px;
			text-align: center;		/* Zum Zentrieren der Seite */
			background: #586F8C;
			color: #000000;
			font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

* body		{ /* Nur für Internet Explorer */
			behavior: url(/htc/hover.htc);
}


/* -/\-Layout Devinitionen-\/- */

#box		{
			width: 800px;
			margin: 0 auto;
			text-align: left;
}	

#kopfzeile	{	
			width: 800px;
			background: #E6E6E6;
			color: inherit;
			float: left;
}

#menu		{
			width: 800px;
			background: #FFFFFF;
			color: inherit;
			float: left;
}

#inhalt		{
			width: 800px;
			background: #DADADA;
			color: inherit;
			float: left;
			overflow: hidden;
}


/* -------- Menue -----------------------------------------------------*/


ul,li,ul li a {
			display: block;
			z-index: 9;
}

ul 			{
			width: 100px;
			background: #FFFFFF;
			color: #000000;
			list-style: none;
}

li			{
			position: relative;
			padding: 1px 0 0 10px;
			background: #F1F1F1;
			color: #000000;
}

li.folder	{ 
			background:#FFFFFF;
			color: #000000;
			width: 100px;
			left: 467px;
			font-size: 80%;
			float:left;
}		

li.folder ul {
			position: absolute;
			left: 10px; /* Dropdown Menü Ausrichtung links nur IE */
			top: 20px;
}		

li.folder>ul	{ 
			left: 10px;  /* Dropdown Menü Ausrichtung links alle ausser IE */
}

ul li a		{
			text-decoration: none;
			color: #000000;
			background: #F1F1F1;
			font-weight: small;
			width: 80%; /* Breite des Link Feldes für IE */
}
a.submenu, li	{
			padding-top: 2px;
			padding-bottom: 2px;
}

ul .untermenu	{font-size: 90%;}



li a 		{ width: auto;}	 /* Breite des Link Feldes für alle anderen Browser */

li a.submenu {
			background: #FFFFFF;
			color: #000000;
}

/* --||--regular hovers--||-- */

li.folder a:hover {
			background-color: #BBB7C7; /* Farbe beim drüberfahren */
			color: inherit;
			width: 90px;
}
	
/* -_-_ Hover _-_- */
	
li.folder:hover {z-index: 10;}		
		
ul ul, li:hover ul ul	{display: none;}

li:hover ul, li:hover li:hover ul {display: block;}
			
/* Menue vertig --------------------------------------------------*/

/* --//||__ Allgemein Layout __||\\-- */

div	#inhalt		{
			line-height:1px;
			font-size: 0;
			vertical-align:text-top;
}

#bild		{
			width: 300px;
			background: #FFFFFF;
			color: inherit;
			float: left;
}

#bild_gross	{
			width: 500px;
			background: #DADADA;
			color: inherit;
			float: left;
}

#titel		{
			width: 300px;
			height: 180px;
			background: #FFFFFF;
			color: inherit;
			float: left;
}

#text		{
			width: 500px;
			height: 147px;
			background: #DADADA;
			color: inherit;
			float: left;
}

#text a		{
			color: #000000;
}

#text a:hover	{
			color: #333333;
}

#kontakt_text	{
			width: 350px;
			height: 200px;
			background: #FFFFFF;
			color: inherit;
			float: left;
}

#kontakt_feld		{
			width: 450px;
			background: #DADADA;
			color: inherit;
			float: left;
}

#start_01	{
			width: 300px;
			background: #FFFFFF;
			color: inherit;
			float: left;
}

#start_02	{
			width: 500px;
			background: #DADADA;
			color: inherit;
			float: left;
}

#navi_start	{
			width: 192px;
			background: #DADADA;
			color: inherit;
			float: right;
}

#navi_links	{
			width: 50px;
			background: #DADADA;
			color: inherit;
			float: right;
}

#navi_rechts	{
			width: 50px;
			background: #DADADA;
			color: inherit;
			float: right;
}


/* _____Allgemein gültige Devinitionen______ */

.text			{
			font-size: 12px;
			line-height: normal;
			text-align: justify;
			padding: 12px 10px 0 10px;
}

.philosophie {
			font-size: 14px;
			padding: 15px 0 0 320px;
}

.dienst		{
			font-size: 14px;
			font-weight: normal;
			font-style: oblique;
			line-height: normal;
			text-align: justify;
			padding: 25px 10px 0 15px;
}

blockquote	{
			font-size: 13px;
			line-height: 18px;
			text-align: left;
			padding: 10px 10px 0 15px;
}

/* kontakt ------------------ */


#kontakt	{
			font-size: 14px;
			line-height: normal;
			margin: 10px 15px;
}

/*-- Kontaktformular --*/

fieldset	{
			margin: 5px;
}

label		{
			display: block;
}

input		{
			margin-top: 2px;
}

legend		{
			font-weight: bold;
			font-size: 13px;
			color: #000;
			background: inherit;
			padding: 15px 0 5px 5px;
}

textarea	{
			width: 300px;
			height: 130px;
			margin: 10px;
}


/* --------------------------------------- */

h1			{
			font-size: 16px;
			font-weight: normal;
			line-height: normal;
			background: inherit;
			color: #000000;
			padding: 15px 0 0 15px;
}

h2			{
			font-size: 13px;
			font-weight: normal;
			line-height: normal;
			padding: 12px 0 0 15px;
}

ul			{
			line-height: normal;
			font-size: 100%;
}

#text li			{
			font-size: 80%;
}

#weiteres	{
			font-size: 11px;
			line-height: normal;
			text-align: justify;
			padding: 12px 10px 0 20px;
}

#email	{
			font-size: 120%;
			font-weight: 700;
			font-style: italic;
}

#local-ch	{
			color: #000;
			text-decoration: underline;
}

a			{
			line-height: normal;
}

a.links		{
			color: #000;
}

a:link 		{
			color: #000000;
			background: inherit;
}