/* CSS für Seiten www.schlau-essen.ch 

erstellt: März 2006, SgrafiX - Web-Engineering, Uster

*/

body {
font: normal 101% Verdana, Arial, Helvetica, sans-serif; 
background-color: #EFEBEF;/*RGB 239 235 239 */
color: #000033;
padding:0px;
margin:0px;

}


/* ----------container -------------- */
#container {
width: 990px;
padding:0px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
} 


/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 260px #95B771; /*#95B771 linke Menue Spalten Farbe #C3DBF1 */ 
border-right: 150px solid #A9C6E0; /* rechte Menue Spalten Farbe  */ 
background-color: #EFEBEF; /* Farbe fuer Inhalt Spalten #DFEDF9 */
} 

#inner{margin:0; width:100%; }

/* --------------Linke Navigation------------- */
#left{
	margin-left:-260px;
	width:260px;
	float:left;
	position:relative;
	margin-left:-260px;
	margin-right:1px;
	visibility: visible;

}
#left #menu {
	margin-top:35px;
	min-height:435px;
	visibility: visible;
	/*border: 1px solid #CCffCC;*/
	margin-right: 10px;
 }
 
 #left .name {
	color: #618141;
	font: bold 12px/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 5px;
	left: 315px;
	letter-spacing: 1px;
	position: absolute;
	width: 150px;
	top: 67px;
}

#left .bezeichnung {
	color: #618141;
	font: bold 12px/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 5px;
	left: 485px;
	letter-spacing: 1px;
	position: absolute;
	text-align: right;
	top: 67px;
	width: 300px;
}

#left #bild{
  	padding: 38px 0px 20px 20px;
	/*border: 2px solid #FF00FF;*/
	margin-left:0px;
	z-index:0;
 }


#left #menu .dieseseite { font-weight:bold; color:#618141; text-decoration:underline; }

#left a:link { font-weight:bold; color: #F2F2F2; text-decoration:none; }
#left a:visited { font-weight:bold; color:#F2F2F2; text-decoration: none; }
#left a:focus { font-weight:bold; color:#F2F2F2; text-decoration: underline; }
#left a:hover { font-weight:bold; color:#F2F2F2; text-decoration:UNDERLINE; }
#left a:active { font-weight:bold; color:#F2F2F2; text-decoration: underline; }


#left .liste{
list-style-type: none;
margin:0px;
padding:0px;}

#left li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	display: block;
	list-style: none;
	line-height: 17px;
   color: #333996;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
}


/* -------------- Rechte Navigation------------- */
 
#right {
	width:150px;
	float:right;
	position:relative;
	margin-right:-150px;
	margin-left:0px;
	min-height:435px;
	visibility: visible;

 }

#right .liste{
list-style: none;
margin: 140px 0px 0px;
padding:0px;}

#right li {
	text-align: left;
	list-style: none;
	font-style: normal;
	margin-bottom: 10px;
	margin-top:0px; /*Abstand von oben für Link*/
	margin-left:12px;
}

#right a{
clear:color;
text-align: left;
font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
color: #333996;
white-space: normal;
line-height: 17px;
text-decoration: none;
}
#right a:visited {color: #333996;}
#right a:hover {color: #564b47;}
#right a:active { color:#564b47;}


#right .link {
	color: #333996;
	font: bold 12px/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 14px;
	height:24px;
	letter-spacing: 1px;
	text-align: left;
	top: 58px;
	width: 213px;
	position: absolute;
	visibility: visible;
}

#right .webmaster	{
	color: #333996;
	font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	margin-top:396px;
	margin-left: 23px;
}

#right a.webmaster{
clear:color;
text-align: left;
font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
color: #333996;
text-decoration: none;
margin-left:0px;
}

#right a.webmaster:visited {color: #333996;}
#right a.webmaster:focus { color:#564b47;}
#right a.webmaster:hover {color: #564b47; text-decoration: underline;}
#right a.webmaster:active { color:#564b47;}

	
/* -----------------Inhalt--------------------- */ 
#content{ 
	position: relative;
	min-height:550px;
	/*height:430px; darf keine Angabe entahlten, sonst rutscht Fuss bei Firefox nicht mit*/
	visibility: visible;
	/*border: 1px solid #FFFFFF;*/
	border-right: 2px solid #FFFFFF;/* weisse Linie rechts */
}

* html #content{
	padding: 0px 0px;
	border-right: 2px solid #FFFFFF;/* weisse Linie rechts */
	height:550px; 
}

#content .dummy {
		padding: 120px 0px 0px 0px;
}

#content p {
text-align: left;
font-size: 12px;
line-height: 18px;
padding: 10px 50px 0px 50px;
margin:0px; 
color:#000033;
}


#content .clearfloat { /*wird für IE benötigt, damit Tabelle richtig angezeigt wird. Ganzer Text rutschte nach unten*/
display: table; 
width: 100%; 
} 

#content tr,td {
font-weight:normal;
text-align: left;
font-size: 12px;
line-height: 18px;
margin: 0px 0px 0px 0px; 
padding: 0px 50px 0px 50px;
color:#000033;
/*border: 1px solid #FFCCDD;*/
}


#content table{
/*border: 1px solid #FFCCDD;*/
	margin: 0px 0px 0px 0px;
}

/* ANFANG Definition class="tabelle" */
#content .tabelle {
   margin-left: 50px;
   margin-right: 150px;
   width:465px;
}

#content .tabelle tr, #content .tabelle td{
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px; 
	border-bottom: 1px solid #000033;
}

.right {
	text-align: right;
}
/* ENDE Definition class="tabelle" */


#content H1 {
	margin: 5px 50px 15px 50px; 
	color: #FFFFFF; 
	background-color: #95B771; 
	font: bold 16px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 5px;
}

#content a:link { font-weight:normal; color:#000033; text-decoration:underline; }
#content a:visited { font-weight:normal; color:#000033; text-decoration:underline; }
#content a:focus { font-weight:normal; color:#618141; text-decoration:underline; }
#content a:hover { font-weight:normal; color:#618141; text-decoration:none; }
#content a:active { font-weight:normal; color:#618141; text-decoration:underline; }

#content .list {
padding: 0px 0px 0px 0px;
margin: -10px 0px 0px 0px;
}

#content li{
	list-style-type: disc;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 50px 0px 25px; 
	color:#000033;
}

#content .dot{
color: #95B771;
background:transparent;
font-weight:bold;
font-size:18px;
line-height: 25px;
margin-left:0px;
margin-right:5px;
margin-top:0px;
}

#content .pfad{
		font: normal 10px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
      margin-bottom:10px;
		color:#618141;
}

#content #news{
font: normal 12px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:right;
margin: -20px 50px 0px 50px; 
}

/*  ----------------footer---------------------- */ 

.adresse{
	margin: 0px 0px 0px 50px; 
	color: #618141; 
	background-color: #EFEBEF; 
	font: bold 12px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 7px;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 18px;
	border-right: 2px solid #FFFFFF;
	}