body{
font-family:sans-serif; 
font-size:12px;}

#frame{
width:80%;
padding:0 0 0 8em;

}

#title{
width:100%;
float:left;
padding:1em 0 1em 1em;

}

#nav{
float:left;
width:12em;
height:8em;
padding:0.5em 0 0 1em;
}
#nav a{color: #989ae0; font-size:12px;border-left:5px solid lightgrey;padding:0 0 0 0.5em;}
#nav a:hover{border-left:5px solid #ffc130;}
#nav a:visited{ color:#3120cc; text-decoration:none; }
#nav a:link{ color:#3120cc; text-decoration:none; }

#nav_entry{
padding:0.3em 0 0.3em 0em;
}

#content{
padding:0.5em 0.5em 1em 1em;

float:left;
width:70%;
color:white;

}

body a{ color:black;
text-decoration:none; }
body a:visited{ color:black;
text-decoration:none; }

#rez_gesch{width:100%;}
#rez_bild{}

#zutaten{
width:100%;

}

#zutaten_menge{
float:left; text-align:right; margin-right:4px;}
#zutaten_einheit{float:left; margin-right:4px;}
#zutaten_zutat{float:left;}
#anleitung{
width:100%;

clear:left;
}

#fonttitle{
font-size:20px;
padding:0.5em 0 0.5em 0;
}

#rez_list{
padding:1em 0 0.5em 0;
}

#rez_list a:hover{
/*text-decoration:underline;*/
}

#rez_list_entry{
padding:0.5em 1em 1em 1em;
clear:left;
}

#rez_list_entry img{
height:60px;
width:80px;

}

#rez_list_entry_img{
height:60px;
width:80px;
float:left;
}

#rez_list_entry_title{
font-size:14px;
float:left;
color:white;
padding:0 0 0 1em;

}

#rez_list_entry_title a{
color:white;
}

/* set millions of background images */
.rbroundbox { background-image: url(pics/nt.gif) repeat; }
.rbtop div { background-image: url(pics/tl.gif) no-repeat top left; }
.rbtop { background-image: url(pics/tr.gif) no-repeat top right; }
.rbbot div { background-image: url(pics/bl.gif) no-repeat bottom left; }
.rbbot { background-image: url(pics/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
clear:left;
}
.rbcontent { margin: 0 7px; background-color:grey;}
.rbroundbox {clear:left; }