.oben      { vertical-align:top; }
.mittig    { vertical-align:middle; }
.unten     { vertical-align:bottom;}
.zentriert { text-align:center;}
a 		{
    color:#000000;
    text-decoration:none;
    }
a:visited						{color:#000000;text-decoration:none;}
a:hover, a:active, a:focus	 	{color:#000000;text-decoration:none;}

body {
/*	background-color:#ffffff;*/
/*	background-image:url(../images/background.jpg); */
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
	}

table {
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    border-spacing:0px;
    vertical-align:top;
	}
tr  {
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    border-spacing:0px;
    }

td  {
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    vertical-align:top;
    border-spacing:0px;
    }
/* werden verwendet um tabellen in 2 farben darzustellen */
td.abwechsel_0
    {
    background-color:#FFFFCC;
    }
/* werden verwendet um tabellen in 2 farben darzustellen */
td.abwechsel_1
    {
    background-color:#E6EAE7;
    }

h2 {
	color:black;
	font-size:18px;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

h3 {
	color:black;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	}

/* layoutgrösse der äussersten tabelle */
table.main
    {
    border: 0px solid #ffffff;
    width: 500px;
    }
/* -- statistik -- */
.counter
    {
    border: 1px #000000;
    border-color: black;
    border-style:solid;
    background-color:#FFFFFF;
    font-size: 10px;
    color: black;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    }
/* -- statistik -- */
.statistikbox
    {
    border: 1px #000000;
    border-color: black;
    border-style:solid;
    background-color:#FFFFFF;
    font-size: 10px;
    color: black;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    }
/*  ######################    navigations menü  ######################  */
table.navigation
    {
    border: 0px solid #CCCCCC;
/*    background-image:url(../images/grau1.gif); */
	background-image:url(../images/nav-menue1.jpg);
	background-repeat:no-repeat;
/*    background-color:#FFFFCC; */
    }
table.navmenue
    {
    font-size:12px;
    border-color:#999999;
    border-width:1px;
    border-style:solid;
    border-bottom-width:2px;
/*    background-image:url(../images/grau1.gif); */
    }
a.sichtbar
	{
	color:#000000;
	background-color:#FFFFCC;
	text-decoration:underline;
	}

sichtbar
	{
	color:#000000;
	background-color:#FFFFCC;
	/*text-decoration:underline; */
	font-weight:bold
	}

a.navmenue
	{
	color:#000000;
	text-decoration:none;
	}

a.navmenue_aktiv
	{
	color:black;
	text-decoration:none;
	}

table.navmenue_aktiv
    {
/* hier steht die grösse des ausgewählten elements */
    font-size:12px;
    color:black;
    border-color:#999999;
    border-width:2px;
    border-style:solid;
    border-bottom-width:2px;
/*    background-image:url(../images/background.gif); */
    background-color:#FFFFCC;
    }

/*  ######################    mitte   ######################  */
table.mitte
    {
    border: 0px solid #ffffff;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    width:100%;
/*	background-image:url(../images/mabu-test10.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px; */
/*    background-color:#E9E9E9; */
    }

.mitte
	{
	font-size:13px;
/*	font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #000000;
/*    background: #ffffff;*/
    padding-left: 0px;
    padding-right: 0px;
    padding-top : 0px;
/*	background-image:url(../images/mabu-test6.jpg);*/
	}
/* suchergebnisse darstellen */
.suchergebnisse
	{
	font-size:10px;
/*	font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #0000ff;
/*    background: #ffffff;*/
    vertical-align:middle;
    padding-left: 0px;
    padding-right: 0px;
    padding-top : 0px;
/*	background-image:url(../images/mabu-test6.jpg); */
	}

/* suchfenster rechts */
.suchen
	{
	font-size:10px;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: black;
    background: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
    padding-top : 0px;
    vertical-align:middle;
/*	background-image:url(../images/grau1.gif); */
	}

/*-- kommentare --*/
.kommentare
	{
	font-size:10px;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #000000;
    background: #ffffff;
    text-align: center;
	}

.rezept
	{
	font-size:13px;
/*	font-weight: bold; */
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #000000;
    background: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top : 10px;
/*	background-image:url(../images/grau1.gif); */
	}


/* hinweistext für user */
.hinweis
	{
    border: 0px solid #000000;
    border-color: black;
    border-style:solid;
    background-color:#FFFFFF;
    font-size: 11px;
    color: red;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

/* hinweistext für user */
.zufallsrezept
	{
    border: 0px solid #000000;
    border-color: black;
    border-style:solid;
    background-color:#FFFFFF;
    font-size: 10px;
    color: black;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}


table.suchergebnisse
    {
    border: 1px solid #ffffff;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    width:100%;
    vertical-align:middle;
/*    background-image:url(../images/grau1.gif); */
/*    background-color:#E9E9E9; */
    }

.blaettern
	{
	font-weight: bold;
	color: #000000;
	}

a.blaettern
	{
	color:#000000;
	}

/*-- wird für den rechten bereich verwendet --*/
.druckversion
    {
    border: 1px solid #000000;
    border-color: black;
    border-style:solid;
    background-image:url(../images/grau1.gif);
    font-size: 10px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    }

.hilfe
    {
    border: 0px solid #000000;
    border-color: black;
    border-style:solid;
/*    background-image:url(../images/grau1.gif); */
    font-size: 10px;
	font-weight: bold;
    color: #00ffff;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    }
/*-- wird für den footer verwendet --*/
.footer
    {
    vertical-align:middle;
    color: #000000;
    font-size: 11px;
    }

table.footer
    {
    background: #efefef;
    border: 1px solid #bbb;
	}

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

form
    {
    padding:0px;
    border:0px
    solid #ddd;
    }

input
    {
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight:bold;
    color:#000;
    background-color:#FFFFCC;
    }

select
    {
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight:normal;
    color:#000;
    background-color:#FFFFCC;
    }

textarea
    {
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight:bold;
    color:#000;
    background-color:#FFFFCC;
    }

.textfeld
    {
    background-color:#FFFFCC;
    width:50px;
    border:2px
    solid #ddd;
    }
.button
    {
    /*background-color:#ffffff;*/
    background-color:#E6EAE7;
    color:#000000;
    width:100px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
/*    solid #ddd; */
    }