body {
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 10pt;
}

#hinweis {
  padding: 5px;
  margin: 5px 0 5px 0;
  background-color: #EEEEEE;
  border: solid 1px #CCCCCC;
}

td.what {
  background-color: #B9CFDB;
  padding: 1px 0 1px 3px;
}

div.what {
  background-color: #B9CFDB;
  padding: 1px 0 1px 3px;
}

#header {
	width: 725px; 
	margin: 0; 
	padding: 0;
	text-align: center;
}

#header .sitetitle {
	font-weight: bold; 
	color: #777777;
	font-size: 18pt; 
	line-height: 26pt; 
	margin: 0px 200px 0px 140px;
	padding-top: 16px;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, Helvetica, sans-serif;
}

#topmenu {
  margin-top: 5px;
  width: 725px;
  border-bottom: 1px solid #287198;
}

#topmenu a {
  text-decoration: none;
  font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  font-size: 8pt;
  margin-left: 25px;

}

#topmenu a:hover {
  color: #287198;
}

#menuspalte {
  width: 220px;
  float: left;
  font-size: 8pt;
  border-left: 1px solid #287198;
  padding-left: 13px;
  margin-left: 0px;
}

#content {
  width: 480px;
  float: left;
}

/* Links im Content blau und nicht mehr unterstrichen */
#content a {
	text-decoration: none;
	color: #0033CC;
}

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

#content table td {
  vertical-align: top;
  padding: 1px;
}

#content table td font a {
  text-decoration: none;
}

#content table td font a:hover {
  text-decoration: underline;
}

.searchfield { 
  border: 1px solid grey;
}

.submitbutton {
  border: none;
  cursor: pointer;
}

.commandbutton {
	margin-top: 5px; 
	border: 1px solid #666666; 
	font-size: 10pt;
	cursor: pointer;
}

.commandbutton:hover {
	background: white;
}

h1
{
font-family: arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #000000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

h2
{
font-family: arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #000000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.title
{
margin: 25px 0 10px 245px;
width: 480px;
font-size: 16pt;
font-weight: bold;
}

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

.gross
{
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
}

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

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

.small {font-size: 8pt; }
.rot { color: #FF0000; }
.blau { color: #0000FF; }
.dunkelblau { color: #000077; margin:0px 0px 0px 0px; }
.content { color: #000000; margin:0px 0px 0px 0px; }

#body
{
position:absolute;
top: 0px;
z-index: 1;
background: transparent;
}

#text
{
 width:580px;
}

#grafikmenu
{
 width:130px;
 color: #000000;
 background:transparent;
 margin:0px 0px 4px 0px;
 padding:0px 0px 0px 0px;
}

#grafikmenu a
{
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
color: #000000;
text-decoration:none;
background: transparent url(http://www.gesunde-schulen.ch/img/bullet_grey.gif) no-repeat;
background-position: 0px 2px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 18px;
display: block;
} 

#grafikmenu a.active
{
background: transparent url(http://www.gesunde-schulen.ch/img/bullet_red.gif) no-repeat;
background-position: 0px 2px;
} 

#grafikmenu a.active:hover
{
color: #000000;
text-decoration:none;
} 

#grafikmenu a:hover
{
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
color: #888888;
text-decoration:none;
} 

#hauptmenu
{
 width:200px;
 color: #000000;
 background:transparent;
 margin:0px 0px 4px 24px;
 padding:0px 0px 0px 0px;
}

#hauptmenu a
{
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
color: #000000;
text-decoration:none;
background: transparent url(http://www.gesunde-schulen.ch/img/bullet_grey.gif) no-repeat;
background-position: 0px 2px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 18px;
display: block;
} 

#hauptmenu a.active
{
background: transparent url(http://www.gesunde-schulen.ch/img/bullet_red.gif) no-repeat;
background-position: 0px 2px;
} 

#hauptmenu a:hover
{
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
color: #888888;
text-decoration:none;
} 

#menu
{
 width:200px;
 color: #000000;
 background:transparent;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

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

#menu a:hover
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
background: transparent url(http://www.gesunde-schulen.ch/img/bullet_grey.gif) no-repeat;
background-position: 0 5px;
color: #888888;
text-decoration:none;
} 

#menu a.active
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
background: transparent url(http://www.gesunde-schulen.ch/img/bullet_red.gif) no-repeat;
background-position: 0 5px;
color: #000000;
text-decoration:none;
} 

#popupmenu
{
 position:absolute; 
 top:145px; 
 left:32px;
 width:200px;
 z-index: 1;
 color: #000000;
 background:#ffffff;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 18px;
}

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

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

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

/*
#searchbackground
{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
color: #000000;
font-weight: bold;
text-decoration:none;
text-align:right;
width:160px;
background: #eeeeee;
margin: 0px 20px 1px 0px;
padding: 2px 1px 4px 0px;
display: block;
}

#searchbox { position:absolute; top:155px; left:24px; width:160px; z-index:2;  background: transparent; text-align: left; vertical-align: bottom; white-space: nowrap; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
*/

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

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

A {color: #000000; text-decoration: underline}
A.nav {color: #000000; text-decoration: none}

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


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

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

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

#anmeldeform {
  padding: 5px 5px 0 5px;
  margin: 0 0 5px 0;
  background-color: #EEEEEE;
  border: solid 1px #CCCCCC;
}