CSS CODE



*{
margin: 0;
padding: 0;
}

body 
{ 
margin: 0;
background-image: url(../grafik/back_30.jpg);
background-color:#CFCFB5;
font-family: Courier, Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 90%;
}

 #container
 {
 width: 90%;
 color: #333;
 line-height: 130%;
 }

 #top
 {
margin: 0;
padding: 0;
 }



 #leftnav
 {
 float: left;
 width: 190px;
 margin: 0;
 padding: 0 ;
 }
 
  #navlist  
  {
  	margin-left: 0;
  	padding-left: 10px;
  	list-style: none;
  	font-weight: bold;
  }

 #navlist li
 {
 padding: 0 0 0 25px;
 list-style: none;
 


 }

 #navlist ul { 
 list-style: none; 
 }
 
 
 
 /* webyep-menueelemente also, die von dir selbst erweiterbaren MenŸpunkte*/

.WebYepMenuItem a
{
	display: block;
	text-decoration: none;
	margin: 0;
	color: #000;
	padding-bottom:10px;
}
	

	
.WebYepMenuItem a:link {
display: block;
text-decoration: none;
margin: 0;
color: #000;
padding-bottom:10px;
}
	

.WebYepMenuItem	a:hover
{
	color: #903;
	padding-bottom: 10px;
}

	
.WebYepMenuTitle a:link {
display: block;
text-decoration: none;
margin: 1px 0;
color: #000;
}


.WebYepMenuTitle a:hover {
color: #903;


}

 
.WebYepMenuSelected a:link {
padding-bottom: 0px;
color: #903;

}

.WebYepMenuSelected	a:visited {
color: #903;

}
	
.WebYepMenuSelected	a:hover {
color: #903;

}

.WebYepMenuSelected	a:active {
color: #903;

}

.KURSIV 
{ 
font-style: italic; 
}


/* --- */
 
 

 #rightnav
 {
 float: right;
 width: 160px;
 margin: 0;
 padding: 1em;
 }

 #content 
 {
 	margin-left: 200px;
 	margin-right: 20px;
 	padding: 1em;
 	max-width: 36em;
 }
 
  #leftnav p, #rightnav p 
  { 
  margin: 0 0 1em 0; 
  }
 

 #content h1 
 { 
 margin: 0 ; 
 font-size: 120%;
 }
 
 
 #content h1 a
 {
 color: #903;
 text-decoration: none;
}

#content h1 a:link
 {
 color: #903;
 text-decoration: none;
}

#content h1 a:hover
{
color: #903;
text-decoration: underline;
}

#content h1 a:visited
{
color: #903;
}

#content h1 a:active
{
color: #903;
text-decoration: underline;
}

 
 
 #p1
 {
 margin:0;
 }
 
#p1 a
 {
 color: #903;
 text-decoration: none;
}

#p1 a:link
{
	color: #903;
	text-decoration: none;
	font-weight: bold;
}

#p1 a:hover
{
color: #903;
text-decoration: underline;
}

#p1 a:visited
{
color: #903;
}

#p1 a:active
{
color: #903;
text-decoration: underline;
}


#p2
{
	font-size: 120%;
	font-weight: bold;
}

 #footer 
 {
 	clear: both;
 	margin: 0 30px 0 30px;
 	padding: 5px;
 	color: #666;
 	border-top: 1px groove gray;
 	font-size: 12px;
 	text-align:center;
 }

#footer a
{
	color: #666;
	text-decoration: none;
}

#footer a:link
 {
 color: #666;
 text-decoration: none;
}

#footer a:hover
{
color: #903;
text-decoration: underline;
}

#footer a:visited
{
color: #666;
}

#footer a:active
{
color: #666;
text-decoration: underline;
}
 

.fleft
{
	/* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
	float: left;
	margin: 0 0.2em 0.2em 0;
	/* Man sollte einen schšnen Abstand wŠhlen sonst kleben die Sachen so am Text. */
}

.fright {
 float: right;
 margin: 0 0 0.2em 0.2em;
 padding: 1px;
}


/* ---- */
.invis {
display: none;
}