/*-------------------------------------------------------------------------------------------------*/
/* grundlegende Styledefinitionen  */
/*-------------------------------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: url(verlauf200.jpg) #ffffff repeat-x 0 0;
	height: 100%; 
}

#website {
	width: 1050px; 
	text-align: left; 
	background: white;
} 

#pageheader {
}

#headerimage {
}

#pagecontent {
}

#menuarea  { margin-left: 25px; width: 180px; float: left; background: #003333; min-height: 450px; }

#textarea { margin-left: 230px; width: 800px; background: white; min-height: 450px; }

#pagebottom  { 
	margin-left: 25px;
	clear: left; 
	width: 740px; 
	text-align: right;
	background: white; 
	font-family: Eras Demi ITC, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

/* 
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente

a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }
*/ 

/* ##########################  text style links (class angeglichen)  ########################### */

a:link.angeglichen { text-decoration:none; color:WindowText; font-size: 76.01%; }
a:visited.angeglichen { text-decoration:none; color:WindowText; }
a:focus.angeglichen { text-decoration:underline; color:green; }
a:hover.angeglichen { text-decoration:underline; color:green; }
a:active.angeglichen { text-decoration:none; color:WindowText; }

/* ##########################  text style links (class verweis)  ########################### */

a:link.verweis { text-decoration:none; color:WindowText; }
a:visited.verweis { text-decoration:none; color:WindowText; }
a:focus.verweis { text-decoration:underline; color:green; }
a:hover.verweis { text-decoration:underline; color:green; }
a:active.verweis { text-decoration:none; color:WindowText; }

/* ##########################  navigation column  ########################### */

/* ++++++++++++++  first level  ++++++++++++++ */

 ul.class_menu
{
        list-style-type:none !important;
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 20px 5px;
}

 ul.class_menu li
{
        margin: 0px;
}

 ul.class_menu li a:link,
 ul.class_menu li a:visited
{
        display:block;
        padding:7px 4px 7px 15px;
        text-decoration:none;
		color: White;
}

 ul.class_menu li.active a:link,
 ul.class_menu li.active a:visited
{
        font-weight:bold;
}

 ul.class_menu li a:hover,
 ul.class_menu li a:active,
 ul.class_menu li a:focus
{
		color: Yellow; 
}

/* ++++++++++++++  second level  ++++++++++++++ */
 ul.class_menu li ul
{
		font-size: 75.01%;
		color: Green; 
        margin: 0px;
        padding: 0px;
        padding:5px 10px 5px 15px ;
}
 ul.class_menu li ul li
{
        margin: 0px;
        padding: 0px;
}

 ul.class_menu li ul li a:link,
 ul.class_menu li ul li a:visited
{
        padding:5px 10px 5px 15px ;
        font-weight:normal;
}


/*  ++++++++++++++++++ Klassendefinitionen +++++++++++++++++ */

.clearing {
  clear: both;
}

.lh110 {
	line-height: 110%; 
}

.lh120 {
	line-height: 120%; 
}

.lh150 {
	line-height: 150%; 
}

.lh110b {
	line-height: 110%; 
	font-weight: bold;
}

.lh120b {
	line-height: 120%; 
	font-weight: bold;
}

.lh150b {
	line-height: 150%; 
	font-weight: bold;
}