#kopfleiste { position:absolute; top:10px; left:210px; }

#menu { position:absolute; top:120px; left:10px; width:200px; }

#content { position:absolute; top:120px; left:210px; width:700px; }


#menu a
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
color: #000000;
text-decoration:none;
background: transparent url(http://www.elterliche-verantwortung.ch/img/bullet_grey.gif) no-repeat left top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 18px;
display: block;
} 

#menu a:hover
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
background: transparent url(http://www.elterliche-verantwortung.ch/img/bullet_grey.gif) no-repeat left top;
color: #888888;
text-decoration:none;
} 

#menu a.active
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
background: transparent url(http://www.elterliche-verantwortung.ch/img/bullet_green.gif) no-repeat left top;
color: #000000;
text-decoration:none;
} 

.ueberschrift { 
font-family: arial, helvetica, sans-serif;
font-size: 36pt;
font-weight: bold;
color: #8cd600;
}


.title
{
font-family: arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #000000;
}

.small
{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
}

.impressum
{
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
color: #000000;
text-decoration: none;
}

TABLE {margin: 0mm; padding: 0mm}

TD,.text
{
margin: 0mm;
padding: 0mm; 
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

A
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
color: #339900;
text-decoration: none;
}

A:hover { text-decoration: underline; }

UL,OL
{
margin-left: 0px;
padding: 0;
}

LI
{
list-style: url("../img/bullet.gif");
margin-left: 20px;
margin-bottom: 6px;
padding: 0;
}

TABLE.BOX { 
	background-color: #dddddd;
	width: 140px;
	float: right; 
	text-align: left;
}